handleResizerMove.ts

handleResizerMove.ts

const prevBoxWidth =
  typeof parsedSQL.boxWidth === 'undefined'
    ? this.resultBoxWidth
    : parsedSQL.boxWidth;
const prevResizerLeft = e.currentTarget.getBoundingClientRect().left;
const prevScrollLeft = this.resultRef.current.scrollLeft;

mouseEventSubscribe(
  (mpos: IMousePosition) => {
    const resizerMoveX = mpos.clientX - prevResizerLeft;
    if (containerLeft + containerWidth < mpos.clientX) {
      if (this.resultRef.current) {
        this.resultRef.current.scroll({
          left: prevScrollLeft + resizerMoveX,
        });
      }
    }
    setBoxWidth(parsedSQLIndex, prevBoxWidth + resizerMoveX);
  },
  () => {},
);