HealSpirit

1. autoskrl(1) - передавая единицу вы с каждым вызовом ускоряете прокрутку
   
2. autoskrl(-1) - передавая минус один вы с каждым вызовом замедляете прокрутку
   

function isEqual(a, b) {
  if (a instanceof Object && a.constructor === b?.constructor) {
    const keys = Object.keys(a);
    return (
      keys.length === Object.keys(b).length &&
      keys.every(k => Object.hasOwn(b, k) && isEqual(a[k], b[k]))
    );
  } else {
    return Object.is(a, b);
  }
}

const bounds: TRange = [32400, 54000];

    //   getSpaceRanges(bounds, [
    //     [35000, 37000],
    //     [36000, 54000],
    //   ])

const createItem = obj => ({ key: `${obj.name}-${obj.id}`, title: obj.name });

const result = Object.values(columnList.reduce((acc, n) => {
  (acc[n.table.id] ??= {
    ...createItem(n.table),
    children: [],
  }).children.push(createItem(n));

  return acc;
}, {}));

const combine = ({
  entries = [],
  createItem = entry => entry,
  getParent = entry => entry,
  getChild = entry => entry,
  getKey = entry => entry.id
}) => {
  const cache = new Map();
  
  return entries.reduce((accumulator, entry) => {
    const parent = getParent(entry);
    const child = getChild(entry);
    const key = getKey(parent);
    
    if (!cache.has(key)) {
      const branch = {
        ...createItem(parent),
        children: []
      };
      cache.set(key, branch);
      accumulator.push(branch);
    }
    
    cache.get(key).children.push(createItem(child));
    
    return accumulator;
  }, []);
};

const result = combine({
  entries: columnList,
  createItem: entry => ({
    key: `${entry.name}-${entry.id}`,
    title: entry.name
  }),
  getParent: entry => entry.table
});