@punkbit/cui 0.0.248-rc.1 → 0.2.0-rc.3

package/dist/esm/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  PointerEventHandler,\n  ReactElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  GridOnScrollProps,\n  VariableSizeGrid,\n  GridOnItemsRenderedProps,\n  GridChildComponentProps,\n} from 'react-window';\nimport AutoSizer, { Size } from 'react-virtualized-auto-sizer';\nimport RowNumberColumn from './RowNumberColumn';\nimport Header from './Header';\nimport { styled } from 'styled-components';\nimport {\n  GetResizerPositionFn,\n  GridContextMenuItemProps,\n  GridProps,\n  ItemDataType,\n  ResizerPosition,\n  RoundedType,\n  SelectedRegion,\n  SelectionAction,\n  SelectionFocus,\n  onSelectFn,\n} from './types';\nimport { useSelectionActions } from './useSelectionActions';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { Cell } from './Cell';\nimport { ContextMenu } from '@/components/ContextMenu';\nimport { createToast } from '@/components/Toast/toastEmitter';\nimport copyGridElements from './copyGridElements';\nimport useColumns from './useColumns';\nimport useResizingState from './useResizingState';\n\nconst NO_BUTTONS_PRESSED = 0;\nconst LEFT_BUTTON_PRESSED = 1;\nconst RIGHT_BUTTON_PRESSED = 2;\n\nconst GridContainer = styled.div`\n  display: flex;\n  flex-direction: column-reverse;\n  user-select: none;\n  overflow-anchor: none;\n`;\n\nconst getRenderedCursor = (children: ReactElement[]) =>\n  children.reduce(\n    ([minRow, maxRow, minColumn, maxColumn], { props: { columnIndex, rowIndex } }) => {\n      if (rowIndex < minRow) {\n        minRow = rowIndex;\n      }\n      if (rowIndex > maxRow) {\n        maxRow = rowIndex;\n      }\n      if (columnIndex < minColumn) {\n        minColumn = columnIndex;\n      }\n      if (columnIndex > maxColumn) {\n        maxColumn = columnIndex;\n      }\n\n      return [minRow, maxRow, minColumn, maxColumn];\n    },\n    [\n      Number.POSITIVE_INFINITY,\n      Number.NEGATIVE_INFINITY,\n      Number.POSITIVE_INFINITY,\n      Number.NEGATIVE_INFINITY,\n    ]\n  );\n\nconst GridDataContainer = styled.div<{ $top: number; $left: number }>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  ${({ $top, $left }) => `\n    margin-top: ${$top}px;\n    margin-left: ${$left}px;\n  `}\n`;\n\nconst ContextMenuTrigger = styled.div<{\n  $height?: number;\n  $rounded: RoundedType;\n  $showBorder: boolean;\n}>`\n  outline: none;\n  overflow: hidden;\n  height: ${({ $height }) => ($height ? `${$height}px` : '100%')};\n  width: 100%;\n  background: ${({ theme }) => theme.click.grid.body.cell.color.background.default};\n  border-radius: ${({ theme, $rounded }) => theme.click.grid.radii[$rounded]};\n  ${({ $showBorder, theme }) =>\n    $showBorder &&\n    `border: 1px solid ${theme.click.grid.header.cell.color.stroke.default}`};\n`;\n\ninterface InnerElementTypeTypes extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement[];\n}\n\nconst OuterElementType = forwardRef<HTMLDivElement>((props, ref) => (\n  <div\n    ref={ref}\n    data-testid=\"grid-outer-element\"\n    tabIndex={0}\n    {...props}\n  />\n));\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      autoFocus,\n      autoHeight = false,\n      rowStart = 0,\n      showRowNumber = true,\n      rounded = 'none',\n      showHeader = true,\n      focus: focusProp,\n      useIsScrolling = true,\n      rowHeight = 33,\n      columnCount,\n      columnWidth: columnWidthProp,\n      onSelect: onSelectProp,\n      headerHeight = 33,\n      rowCount,\n      cell,\n      onColumnResize: onColumnResizeProp,\n      onFocusChange: onFocusChangeProp,\n      getMenuOptions,\n      onKeyDown: onKeyDownProp,\n      selection: selectionProp,\n      showToast,\n      onMouseDown: onMouseDownProp,\n      onMouseMove: onMouseMoveProp,\n      showBorder = false,\n      onCopy: onCopyProp,\n      onCopyCallback,\n      onContextMenu: onContextMenuProp,\n      forwardedGridRef,\n      onItemsRendered: onItemsRenderedProp,\n      rowAutoHeight,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const [focus, setFocus] = useState<SelectionFocus>(\n      focusProp ?? {\n        row: rowStart,\n        column: 0,\n      }\n    );\n    const [selection, setSelection] = useState<SelectedRegion>(\n      selectionProp ?? {\n        type: 'empty',\n      }\n    );\n\n    const defaultOnCopy: () => Promise<void> = useCallback(async () => {\n      try {\n        await copyGridElements({\n          cell,\n          selection,\n          focus: focusProp ?? focus,\n          rowCount,\n          columnCount,\n          outerRef: outerRef,\n        });\n\n        if (onCopyCallback) {\n          onCopyCallback(true);\n        }\n        if (showToast) {\n          createToast({\n            title: 'Copied successfully',\n            description: 'Now you can paste the content',\n            type: 'success',\n          });\n        }\n      } catch (e) {\n        console.error(e);\n\n        if (onCopyCallback) {\n          onCopyCallback(false);\n        }\n\n        if (showToast) {\n          createToast({\n            title: 'Failed to copy',\n            description: 'Encountered an error while copying. Try again after sometime',\n            type: 'danger',\n          });\n        }\n      }\n    }, [\n      cell,\n      columnCount,\n      focus,\n      focusProp,\n      rowCount,\n      selection,\n      showToast,\n      onCopyCallback,\n    ]);\n\n    const customOnCopy: () => Promise<void> = useMemo(() => {\n      const result = async () => {\n        if (onCopyProp) {\n          await onCopyProp(selection, focus);\n        }\n      };\n      return result;\n    }, [onCopyProp, selection, focus]);\n\n    const onCopy: () => Promise<void> =\n      typeof onCopyProp === 'function' ? customOnCopy : defaultOnCopy;\n\n    const defaultMenuOptions = [\n      {\n        label: 'Copy',\n        onSelect: onCopy,\n      },\n    ];\n\n    const [menuOptions, setMenuOptions] =\n      useState<GridContextMenuItemProps[]>(defaultMenuOptions);\n    const [contextMenuOpen, setContextMenuOpen] = useState(false);\n    const [scrolledVertical, setScrolledVertical] = useState(false);\n    const [scrolledHorizontal, setScrolledHorizontal] = useState(false);\n    const dragState = useRef<number | false>(false);\n    const gridRef = useRef<VariableSizeGrid>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const outerRef = useRef<HTMLDivElement>(null);\n    const elementBorderRef = useRef({\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      scrollBarWidth: 0,\n      scrollBarHeight: 0,\n      width: 0,\n      height: 0,\n    });\n    const onCellSelect: onSelectFn = useCallback(\n      (action, selection, focus) => {\n        setSelection(selection);\n        if (typeof onSelectProp === 'function') {\n          onSelectProp(action, selection, focus);\n        }\n      },\n      [onSelectProp]\n    );\n    const resizingState = useResizingState();\n\n    const [rowHeights, setRowHeights] = useState<{ [key: number]: number }>({});\n\n    const getRowHeight = useCallback(\n      (index: number) => {\n        if (rowAutoHeight && rowHeights[index] !== undefined) {\n          return rowHeights[index] + rowHeight;\n        }\n        return rowHeight;\n      },\n      [rowHeight, rowAutoHeight, rowHeights]\n    );\n\n    const updateRowHeight = useCallback(\n      (rowIndex: number, height: number) => {\n        if (!rowAutoHeight) {\n          return;\n        }\n\n        setRowHeights(prevRowHeights => {\n          if (height > (prevRowHeights[rowIndex] || 0) && gridRef.current) {\n            const newRowHeights = { ...prevRowHeights, [rowIndex]: height };\n            gridRef.current.resetAfterRowIndex(rowIndex);\n            return newRowHeights;\n          }\n          return prevRowHeights;\n        });\n      },\n      [rowAutoHeight, gridRef]\n    );\n\n    const onFocusChange = useCallback(\n      (row: number, column: number) => {\n        setFocus(focus => ({\n          row: row ?? focusProp?.row ?? focus.row,\n          column: column ?? focusProp?.column ?? focus.column,\n        }));\n        if (typeof onFocusChangeProp === 'function') {\n          onFocusChangeProp(row, column);\n        }\n      },\n      [onFocusChangeProp, focusProp]\n    );\n\n    const rowNumberWidth = ((rowStart + rowCount).toString().length + 2) * 8 + 3; // 128 includes 8px left and right padding and (8px + 8px + 8x(1ch) * rowcount) and 3 is for avoiding ellipsis\n\n    const { getColumnHorizontalPosition, onColumnResize, columnWidth, initColumnSize } =\n      useColumns({\n        columnCount,\n        columnWidth: columnWidthProp,\n        outerGridRef: outerRef,\n        gridRef,\n        onColumnResize: onColumnResizeProp,\n      });\n\n    const scrollGridTo = useCallback(\n      async ({ row, column }: { row?: number; column?: number }) => {\n        if (!outerRef.current || !gridRef.current) {\n          return;\n        }\n\n        const rowIndex = row ?? 0;\n        const columnIndex = column ?? 0;\n        let element = outerRef.current?.querySelector<HTMLElement>(\n          `[data-row=\"${rowIndex}\"][data-column=\"${columnIndex}\"]`\n        );\n        if (!element) {\n          return;\n        }\n\n        const { scrollTop, scrollLeft } = outerRef.current;\n        // this is for the test to perform correctly\n        if (typeof element?.scrollIntoView === 'function') {\n          element?.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          // This is for the element to be available after the scroll.\n          await new Promise(requestAnimationFrame);\n        }\n        element = outerRef.current?.querySelector<HTMLElement>(\n          `[data-row=\"${rowIndex}\"][data-column=\"${columnIndex}\"]`\n        );\n        if (!element) {\n          return;\n        }\n        if (scrollLeft > element.offsetLeft || scrollTop > element.offsetTop) {\n          outerRef.current?.scrollBy(\n            scrollLeft > element.offsetLeft ? -rowNumberWidth : 0,\n            scrollTop > element.offsetTop ? -headerHeight : 0\n          );\n        }\n      },\n      [headerHeight, rowNumberWidth]\n    );\n\n    const getFixedResizerLeftPosition = useCallback(\n      (clientX: number, width: number, columnIndex: number): string | number => {\n        const columnPosition = getColumnHorizontalPosition(columnIndex);\n        const columnLeft = columnPosition + width;\n        const { width: containerWidth, left, scrollBarWidth } = elementBorderRef.current;\n        const scrollLeft = outerRef.current?.scrollLeft ?? 0;\n        if (clientX + rowNumberWidth - left > containerWidth + scrollBarWidth) {\n          return scrollLeft + containerWidth - scrollBarWidth - 4;\n        }\n\n        if (width < 50) {\n          //50 is the minWidth for the column\n          return columnPosition + rowNumberWidth + 50;\n        }\n\n        return columnLeft + rowNumberWidth - 4;\n      },\n      [getColumnHorizontalPosition, rowNumberWidth]\n    );\n\n    const getResizerPosition: GetResizerPositionFn = useCallback(\n      (clientX, width, columnIndex) => {\n        const result: ResizerPosition = {\n          left: `${getFixedResizerLeftPosition(clientX, width, columnIndex)}px`,\n        };\n\n        if (outerRef.current) {\n          result.top = `${outerRef.current.scrollTop}px`;\n        }\n        return result;\n      },\n      [getFixedResizerLeftPosition]\n    );\n\n    const clearSelectionAndFocus = useCallback(\n      (force: boolean) => {\n        setSelection(selection => {\n          if (selection.type === 'columns' && !force) {\n            return selection;\n          } else {\n            return { type: 'empty' };\n          }\n        });\n        const newFocus = focusProp ?? focus;\n        onFocusChange(newFocus.row, newFocus.column);\n        scrollGridTo(newFocus);\n      },\n      [focus, focusProp, onFocusChange, scrollGridTo]\n    );\n\n    useEffect(() => {\n      clearSelectionAndFocus(true);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [rowStart]);\n\n    const { getSelectionType, onSelection, mouseMoveCellSelect, moveSelection } =\n      useSelectionActions({\n        onCellSelect,\n        focus: focusProp ?? focus,\n        columnCount,\n        rowCount,\n        onFocusChange,\n        scrollGridTo,\n        selection: selectionProp ?? selection,\n        rowStart,\n      });\n\n    const data: ItemDataType = {\n      showRowNumber,\n      cell,\n      rowCount,\n      columnCount,\n      showHeader,\n      focus: focusProp ?? focus,\n      getSelectionType,\n      rowHeight,\n      headerHeight,\n      rowNumberWidth,\n      rowStart,\n      rowAutoHeight,\n      updateRowHeight,\n      getRowHeight,\n    };\n\n    const InnerElementType = forwardRef<HTMLDivElement, InnerElementTypeTypes>(\n      ({ children, ...containerProps }, ref) => {\n        const [minRow, maxRow, minColumn, maxColumn] = getRenderedCursor(children);\n        return (\n          <GridContainer\n            {...containerProps}\n            className={`sticky-grid__container grid-outer ${props.className ?? ''}`}\n          >\n            <GridDataContainer\n              $top={showHeader ? headerHeight : 0}\n              $left={showRowNumber ? rowNumberWidth : 0}\n              ref={ref}\n            >\n              {children}\n            </GridDataContainer>\n            {showRowNumber && (\n              <RowNumberColumn\n                scrolledHorizontal={scrolledHorizontal}\n                minRow={minRow}\n                maxRow={maxRow}\n                rowHeight={rowHeight}\n                headerHeight={headerHeight}\n                rowWidth={rowNumberWidth}\n                rowCount={rowCount}\n                getSelectionType={getSelectionType}\n                showHeader={showHeader}\n                rowStart={rowStart}\n                showBorder={showBorder}\n                rowAutoHeight={rowAutoHeight}\n              />\n            )}\n\n            {showHeader && (\n              <Header\n                scrolledVertical={scrolledVertical}\n                scrolledHorizontal={scrolledHorizontal}\n                showRowNumber={showRowNumber}\n                minColumn={minColumn}\n                maxColumn={maxColumn}\n                height={headerHeight}\n                getColumnWidth={columnWidth}\n                cell={cell}\n                rowNumberWidth={rowNumberWidth}\n                getSelectionType={getSelectionType}\n                columnCount={columnCount}\n                onColumnResize={onColumnResize}\n                getColumnHorizontalPosition={getColumnHorizontalPosition}\n                getResizerPosition={getResizerPosition}\n                showBorder={showBorder}\n                resizingState={resizingState}\n              />\n            )}\n          </GridContainer>\n        );\n      }\n    );\n    useEffect(() => {\n      if (autoFocus) {\n        containerRef.current?.focus();\n      }\n    }, [autoFocus]);\n\n    const onMouseDown: MouseEventHandler<HTMLDivElement> = useCallback(\n      e => {\n        containerRef.current?.focus();\n        if (typeof onMouseDownProp === 'function' && e.buttons === LEFT_BUTTON_PRESSED) {\n          onMouseDownProp(e);\n        }\n        const target = (e.target as HTMLElement).closest(\n          '[data-grid-row][data-grid-column]'\n        ) as HTMLElement;\n        if (\n          !target ||\n          target.dataset.gridRow === undefined ||\n          target.dataset.gridColumn === undefined\n        ) {\n          return;\n        }\n\n        if (e.buttons === RIGHT_BUTTON_PRESSED && target.dataset.selected === 'true') {\n          return;\n        }\n\n        const { gridRow: rowIndexString, gridColumn: columnIndexString } = target.dataset;\n        const row = parseInt(rowIndexString);\n        const column = parseInt(columnIndexString);\n        if (row === -1 && column === -1) {\n          onSelection({ type: 'all' });\n          return;\n        }\n        const shiftKeyPressed = e.shiftKey;\n\n        if (row === -1) {\n          onSelection({\n            type: shiftKeyPressed ? 'shiftColumnSelection' : 'columnSelection',\n            column,\n            event: 'click',\n          });\n          if (!shiftKeyPressed) {\n            onFocusChange(rowStart, column);\n          }\n          return;\n        }\n        if (column === -1) {\n          onSelection({\n            type: shiftKeyPressed ? 'shiftRowSelection' : 'rowSelection',\n            row,\n            event: 'click',\n          });\n          if (!shiftKeyPressed) {\n            onFocusChange(row, 0);\n          }\n          return;\n        }\n        onSelection({\n          type: shiftKeyPressed ? 'shiftSelection' : 'normal',\n          row,\n          column,\n          event: 'click',\n        });\n        if (!shiftKeyPressed) {\n          onFocusChange(row, column);\n        }\n      },\n      [onFocusChange, onMouseDownProp, onSelection, rowStart]\n    );\n\n    const onPointerDown: PointerEventHandler<HTMLDivElement> = useCallback(e => {\n      dragState.current = e.pointerId;\n    }, []);\n\n    const setPointerCapture: PointerEventHandler<HTMLDivElement> = useCallback(e => {\n      if (e.buttons === NO_BUTTONS_PRESSED || dragState.current === false) {\n        return;\n      }\n\n      containerRef.current?.setPointerCapture(dragState.current);\n    }, []);\n\n    const onPointerUp: PointerEventHandler<HTMLDivElement> = useCallback(\n      e => {\n        if (containerRef.current) {\n          containerRef.current.releasePointerCapture(e.pointerId);\n          if (!contextMenuOpen) {\n            containerRef.current.focus();\n          }\n        }\n\n        dragState.current = false;\n        const newFocus = focusProp ?? focus;\n        onFocusChange(newFocus.row, newFocus.column);\n      },\n      [contextMenuOpen, focus, focusProp, onFocusChange]\n    );\n\n    const onMouseMove: MouseEventHandler<HTMLDivElement> = useCallback(\n      async e => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (typeof onMouseMoveProp === 'function') {\n          onMouseMoveProp(e);\n        }\n        if (\n          dragState.current === false ||\n          e.buttons === NO_BUTTONS_PRESSED ||\n          !containerRef.current ||\n          !outerRef.current\n        ) {\n          return;\n        }\n\n        containerRef.current.setPointerCapture(dragState.current);\n        let verticalSign = 0,\n          horizontalSign = 0,\n          x = e.clientX,\n          y = e.clientY;\n        if (\n          elementBorderRef.current.left >= e.clientX ||\n          e.clientX >=\n            elementBorderRef.current.right - elementBorderRef.current.scrollBarWidth\n        ) {\n          const scrollHorizontalDirection =\n            e.clientX <= elementBorderRef.current.left ? 'left' : 'right';\n          if (\n            (scrollHorizontalDirection === 'left' && e.movementX < 0) ||\n            (scrollHorizontalDirection === 'right' && e.movementX > 0)\n          ) {\n            horizontalSign = scrollHorizontalDirection === 'left' ? -1 : 1;\n          }\n          x =\n            scrollHorizontalDirection === 'left'\n              ? elementBorderRef.current.left + rowNumberWidth + 10\n              : elementBorderRef.current.right -\n                elementBorderRef.current.scrollBarWidth -\n                10;\n        }\n\n        if (\n          elementBorderRef.current.top >= e.clientY ||\n          e.clientY >=\n            elementBorderRef.current.bottom - elementBorderRef.current.scrollBarHeight\n        ) {\n          const scrollVerticalDirection =\n            e.clientY <= elementBorderRef.current.top ? 'top' : 'bottom';\n          if (\n            (scrollVerticalDirection === 'top' && e.movementY < 0) ||\n            (scrollVerticalDirection === 'bottom' && e.movementY > 0)\n          ) {\n            verticalSign = scrollVerticalDirection === 'top' ? -1 : 1;\n          }\n          y =\n            scrollVerticalDirection === 'top'\n              ? elementBorderRef.current.top + headerHeight + 10\n              : elementBorderRef.current.bottom -\n                elementBorderRef.current.scrollBarHeight -\n                10;\n        }\n\n        await new Promise(requestAnimationFrame);\n        const cell = document.elementFromPoint(x, y) as HTMLElement | null;\n\n        if (!cell) {\n          return;\n        }\n\n        const { gridRow, gridColumn } = cell.dataset;\n        if (!gridRow || !gridColumn) {\n          return;\n        }\n        const rowIndex = Number(gridRow) + verticalSign;\n        const columnIndex = Number(gridColumn) + horizontalSign;\n\n        mouseMoveCellSelect(rowIndex, columnIndex);\n      },\n      [headerHeight, mouseMoveCellSelect, onMouseMoveProp, rowNumberWidth]\n    );\n\n    const onScroll = ({ scrollLeft, scrollTop }: GridOnScrollProps) => {\n      setScrolledVertical(scrollTop > 0);\n      setScrolledHorizontal(scrollLeft > 0);\n    };\n\n    const onResize = useCallback(\n      ({ height, width }: Size) => {\n        setTimeout(() => {\n          if (!outerRef.current) {\n            return;\n          }\n\n          const { top, bottom, left, right } =\n            outerRef.current.getBoundingClientRect() ?? {};\n          elementBorderRef.current = {\n            top,\n            bottom,\n            left,\n            right,\n            scrollBarWidth: width - outerRef.current.clientWidth,\n            scrollBarHeight: height - outerRef.current.clientHeight,\n            width,\n            height,\n          };\n          initColumnSize(outerRef.current.clientWidth - rowNumberWidth);\n        }, 0);\n      },\n      [initColumnSize, rowNumberWidth]\n    );\n\n    const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n      async e => {\n        if (typeof onKeyDownProp === 'function') {\n          onKeyDownProp(e);\n        }\n        if (!e.defaultPrevented) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n        const moveAnchor = e.shiftKey;\n        const { row, column } = focusProp ?? focus;\n\n        const applyAction = (action: SelectionAction | null): void => {\n          if (action) {\n            onSelection({ ...action, event: 'keypress' });\n          }\n          if (action?.type === 'normal') {\n            onFocusChange(action.row, action.column);\n          }\n        };\n        if ((e.ctrlKey || e.metaKey) && e.key === 'c') {\n          onCopy();\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowLeft':\n            applyAction(moveSelection(-1, 0, moveAnchor, 'keypress'));\n            break;\n          case 'ArrowRight':\n            applyAction(moveSelection(1, 0, moveAnchor, 'keypress'));\n            break;\n          case 'ArrowUp':\n            applyAction(moveSelection(0, -1, moveAnchor, 'keypress'));\n            break;\n          case 'ArrowDown':\n            applyAction(moveSelection(0, 1, moveAnchor, 'keypress'));\n            break;\n          case 'Enter':\n            onSelection({\n              type: 'normal',\n              row,\n              column,\n              event: 'keypress',\n            });\n            onFocusChange(row, column);\n            break;\n          case 'Escape':\n            clearSelectionAndFocus(true);\n            break;\n        }\n        containerRef.current?.focus();\n      },\n      [\n        onKeyDownProp,\n        focusProp,\n        focus,\n        onSelection,\n        onFocusChange,\n        onCopy,\n        moveSelection,\n        clearSelectionAndFocus,\n      ]\n    );\n    const onContextMenu: MouseEventHandler<HTMLDivElement> = e => {\n      onMouseDown(e);\n\n      if (typeof onContextMenuProp === 'function') {\n        onContextMenuProp(e);\n      }\n      if (typeof getMenuOptions === 'function') {\n        const newOptions = getMenuOptions(selection, focusProp ?? focus);\n        setMenuOptions([...defaultMenuOptions, ...newOptions]);\n      }\n    };\n\n    const lastItemsRenderedProps = useRef<GridOnItemsRenderedProps>();\n    const lastRowStart = useRef(rowStart);\n\n    const onItemsRendered = useCallback(\n      (props: GridOnItemsRenderedProps) => {\n        lastItemsRenderedProps.current = props;\n        return onItemsRenderedProp?.({\n          ...props,\n          visibleRowStartIndex: props.visibleRowStartIndex + rowStart,\n          visibleRowStopIndex: props.visibleRowStopIndex + rowStart,\n          overscanRowStartIndex: props.overscanRowStartIndex + rowStart,\n          overscanRowStopIndex: props.overscanRowStopIndex + rowStart,\n        });\n      },\n      [onItemsRenderedProp, rowStart]\n    );\n\n    // handles the case where rowStart changes, make sure to inform caller\n    // of the new visible rows.\n    useEffect(() => {\n      if (lastItemsRenderedProps.current && rowStart !== lastRowStart.current) {\n        onItemsRendered(lastItemsRenderedProps.current);\n        lastRowStart.current = rowStart;\n      }\n    }, [rowStart, onItemsRendered]);\n\n    const CellWithWidth = (\n      args: GridChildComponentProps<ItemDataType>\n    ): React.JSX.Element => {\n      const width = columnWidth(args.columnIndex);\n      return (\n        <Cell\n          {...args}\n          width={width}\n        />\n      );\n    };\n\n    // Handles the case when rowCount/columnCount changes, rerenders styles\n    useEffect(() => {\n      if (gridRef.current) {\n        gridRef.current.resetAfterRowIndex(0);\n      }\n    }, [rowCount, columnCount]);\n\n    return (\n      <ContextMenu\n        modal={false}\n        onOpenChange={setContextMenuOpen}\n      >\n        <ContextMenuTrigger\n          as={ContextMenu.Trigger}\n          ref={mergeRefs([forwardedRef, containerRef])}\n          tabIndex={0}\n          onMouseDown={onMouseDown}\n          onMouseMove={onMouseMove}\n          onKeyDown={onKeyDown}\n          onPointerDown={onPointerDown}\n          onPointerUp={onPointerUp}\n          onPointerLeave={setPointerCapture}\n          onPointerEnter={setPointerCapture}\n          onContextMenu={onContextMenu}\n          $rounded={rounded}\n          $height={\n            autoHeight\n              ? rowCount * rowHeight +\n                (showHeader ? headerHeight : 0) +\n                elementBorderRef.current.scrollBarHeight\n              : undefined\n          }\n          $showBorder={showBorder}\n        >\n          <AutoSizer onResize={onResize}>\n            {({ height, width }) => (\n              <VariableSizeGrid\n                ref={forwardedGridRef ? mergeRefs([forwardedGridRef, gridRef]) : gridRef}\n                height={height}\n                width={width}\n                columnCount={columnCount}\n                rowHeight={getRowHeight}\n                useIsScrolling={useIsScrolling}\n                innerElementType={InnerElementType}\n                itemData={data}\n                initialScrollTop={\n                  focus.row < rowStart\n                    ? focus.row * rowHeight\n                    : (focus.row - rowStart) * rowHeight\n                }\n                initialScrollLeft={getColumnHorizontalPosition(focus.column)}\n                columnWidth={columnWidth}\n                rowCount={rowCount}\n                onScroll={onScroll}\n                outerRef={outerRef}\n                outerElementType={OuterElementType}\n                onItemsRendered={onItemsRendered}\n                {...props}\n              >\n                {CellWithWidth}\n              </VariableSizeGrid>\n            )}\n          </AutoSizer>\n        </ContextMenuTrigger>\n        <ContextMenu.Content>\n          {menuOptions.map((option, index) => (\n            <ContextMenu.Item\n              key={`grid-${index}`}\n              onSelect={option.onSelect}\n            >\n              {option.label}\n            </ContextMenu.Item>\n          ))}\n        </ContextMenu.Content>\n      </ContextMenu>\n    );\n  }\n);\n"],"names":["NO_BUTTONS_PRESSED","LEFT_BUTTON_PRESSED","RIGHT_BUTTON_PRESSED","GridContainer","styled","div","withConfig","componentId","getRenderedCursor","children","reduce","minRow","maxRow","minColumn","maxColumn","props","columnIndex","rowIndex","Number","POSITIVE_INFINITY","NEGATIVE_INFINITY","GridDataContainer","$top","$left","ContextMenuTrigger","$height","theme","click","grid","body","cell","color","background","default","$rounded","radii","$showBorder","header","stroke","OuterElementType","forwardRef","ref","Grid","autoFocus","autoHeight","rowStart","showRowNumber","rounded","showHeader","focus","focusProp","useIsScrolling","rowHeight","columnCount","columnWidth","columnWidthProp","onSelect","onSelectProp","headerHeight","rowCount","onColumnResize","onColumnResizeProp","onFocusChange","onFocusChangeProp","getMenuOptions","onKeyDown","onKeyDownProp","selection","selectionProp","showToast","onMouseDown","onMouseDownProp","onMouseMove","onMouseMoveProp","showBorder","onCopy","onCopyProp","onCopyCallback","onContextMenu","onContextMenuProp","forwardedGridRef","onItemsRendered","onItemsRenderedProp","rowAutoHeight","forwardedRef","setFocus","useState","row","column","setSelection","type","defaultOnCopy","useCallback","copyGridElements","outerRef","createToast","title","description","e","console","error","customOnCopy","useMemo","result","defaultMenuOptions","label","menuOptions","setMenuOptions","contextMenuOpen","setContextMenuOpen","scrolledVertical","setScrolledVertical","scrolledHorizontal","setScrolledHorizontal","dragState","useRef","gridRef","containerRef","elementBorderRef","top","bottom","left","right","scrollBarWidth","scrollBarHeight","width","height","onCellSelect","action","resizingState","useResizingState","rowHeights","setRowHeights","getRowHeight","index","undefined","updateRowHeight","prevRowHeights","current","newRowHeights","resetAfterRowIndex","rowNumberWidth","toString","length","getColumnHorizontalPosition","initColumnSize","useColumns","outerGridRef","scrollGridTo","element","querySelector","scrollTop","scrollLeft","scrollIntoView","block","inline","Promise","requestAnimationFrame","offsetLeft","offsetTop","scrollBy","getFixedResizerLeftPosition","clientX","columnPosition","columnLeft","containerWidth","getResizerPosition","clearSelectionAndFocus","force","newFocus","useEffect","getSelectionType","onSelection","mouseMoveCellSelect","moveSelection","useSelectionActions","data","InnerElementType","containerProps","className","buttons","target","closest","dataset","gridRow","gridColumn","selected","rowIndexString","columnIndexString","parseInt","shiftKeyPressed","shiftKey","event","onPointerDown","pointerId","setPointerCapture","onPointerUp","releasePointerCapture","preventDefault","stopPropagation","verticalSign","horizontalSign","x","y","clientY","scrollHorizontalDirection","movementX","scrollVerticalDirection","movementY","document","elementFromPoint","onScroll","onResize","setTimeout","getBoundingClientRect","clientWidth","clientHeight","defaultPrevented","moveAnchor","applyAction","ctrlKey","metaKey","key","newOptions","lastItemsRenderedProps","lastRowStart","visibleRowStartIndex","visibleRowStopIndex","overscanRowStartIndex","overscanRowStopIndex","CellWithWidth","args","ContextMenu","Trigger","mergeRefs","map","option"],"mappings":"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"}

package/dist/esm/components/Grid/useColumns.js

@@ -0,0 +1,103 @@
+import { useRef, useState, useCallback } from 'react';
+
+const DEFAULT_WIDTH = 100;
+const MIN_COLUMN_WIDTH = 32;
+const measureColumnWidth = (columnIndex, outerGrid) => {
+  const cells = outerGrid.querySelectorAll(`[data-grid-column="${columnIndex}"]`);
+  const originalWidths = [];
+  cells.forEach((cell) => {
+    originalWidths.push(cell.style.width);
+    cell.style.width = `${MIN_COLUMN_WIDTH}px`;
+  });
+  const maxWidth = Array.from(cells).reduce((max, item) => {
+    return Math.max(max, item.scrollWidth + 2);
+  }, MIN_COLUMN_WIDTH);
+  cells.forEach((cell, i) => {
+    cell.style.width = originalWidths[i];
+  });
+  return maxWidth;
+};
+const useColumns = ({
+  columnCount,
+  columnWidth: columnWidthProp,
+  outerGridRef,
+  onColumnResize: onColumnResizeProp,
+  gridRef
+}) => {
+  const columnResized = useRef(false);
+  const prevWidth = useRef({});
+  const columnWidthRefs = useRef([]);
+  const autoWidthIndices = useRef([]);
+  const [columnHorizontalPosition, setColumnHorizontalPosition] = useState([]);
+  const initColumnSize = useCallback((containerWidth) => {
+    const newWidth = containerWidth > DEFAULT_WIDTH * columnCount ? containerWidth / columnCount : DEFAULT_WIDTH;
+    if (columnResized.current) {
+      return;
+    }
+    const getWidth = (index) => {
+      if (typeof columnWidthProp === "function") {
+        return columnWidthProp(index);
+      }
+      return newWidth;
+    };
+    const columnWidthList = [...Array(columnCount).keys()];
+    setColumnHorizontalPosition(() => {
+      return columnWidthList.reduce((acc, _, index) => {
+        const width = getWidth(index);
+        prevWidth.current[index.toString()] = width;
+        columnWidthRefs.current[index] = width;
+        acc.push(acc[index] + width);
+        return acc;
+      }, [0]);
+    });
+    gridRef.current?.resetAfterColumnIndex(0);
+  }, [columnCount, columnWidthProp, gridRef]);
+  const onColumnResize = useCallback((columnIndex, newWidth, type) => {
+    columnResized.current = true;
+    if (type === "auto") {
+      const widthIndex = autoWidthIndices.current.findIndex((index) => index === columnIndex);
+      if (widthIndex > -1) {
+        newWidth = prevWidth.current[columnIndex.toString()];
+        autoWidthIndices.current.splice(widthIndex, 1);
+      } else if (outerGridRef.current) {
+        newWidth = measureColumnWidth(columnIndex, outerGridRef.current);
+        autoWidthIndices.current.push(columnIndex);
+      }
+    } else {
+      const widthIndex = autoWidthIndices.current.findIndex((index) => index === columnIndex);
+      autoWidthIndices.current.splice(widthIndex, 1);
+      prevWidth.current[columnIndex.toString()] = newWidth;
+    }
+    columnWidthRefs.current[columnIndex] = newWidth;
+    setColumnHorizontalPosition((columnHorizontalPosition2) => {
+      const currentWidth = columnHorizontalPosition2[columnIndex + 1] - columnHorizontalPosition2[columnIndex];
+      const diff = newWidth - currentWidth;
+      for (let i = columnIndex + 1; i < columnCount; i++) {
+        columnHorizontalPosition2[i] = columnHorizontalPosition2[i] + diff;
+      }
+      return [...columnHorizontalPosition2];
+    });
+    gridRef.current?.resetAfterColumnIndex(columnIndex);
+    if (typeof onColumnResizeProp === "function") {
+      onColumnResizeProp(columnIndex, newWidth);
+    }
+  }, [gridRef, onColumnResizeProp, outerGridRef, columnCount]);
+  const columnWidth = useCallback((columnIndex) => {
+    if (columnWidthProp) {
+      return columnWidthProp(columnIndex);
+    }
+    return columnWidthRefs.current[columnIndex] ?? DEFAULT_WIDTH;
+  }, [columnWidthProp]);
+  const getColumnHorizontalPosition = useCallback((index) => {
+    return columnHorizontalPosition[index] ?? DEFAULT_WIDTH * index;
+  }, [columnHorizontalPosition]);
+  return {
+    getColumnHorizontalPosition,
+    onColumnResize,
+    columnWidth,
+    initColumnSize
+  };
+};
+
+export { useColumns as default };
+//# sourceMappingURL=useColumns.js.map

package/dist/esm/components/Grid/useColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumns.js","sources":["../../../../src/components/Grid/useColumns.ts"],"sourcesContent":["import { RefObject, useCallback, useRef, useState } from 'react';\nimport { ColumnResizeFn } from './types';\nimport { VariableSizeGrid } from 'react-window';\n\nconst DEFAULT_WIDTH = 100;\nconst MIN_COLUMN_WIDTH = 32;\n\n/**\n * Measures the minimum width required to display all content in a column without wrapping or truncation.\n * Note. We cannot simply measure item.scrollWidth, because it will return the current width if it is larger than needed.\n * To workaround it, we temporary shrink the column width to MIN_COLUMN_WIDTH and measure the scrollWidth.\n * @param {number} columnIndex - The index of the column to measure.\n * @param {HTMLDivElement} outerGrid - The grid element containing the column.\n * @returns {number} The minimum width needed for the column's content (in pixels).\n */\nconst measureColumnWidth = (columnIndex: number, outerGrid: HTMLDivElement): number => {\n  // Store the original widths\n  const cells = outerGrid.querySelectorAll<HTMLDivElement>(\n    `[data-grid-column=\"${columnIndex}\"]`\n  );\n\n  // Store the original widths and temporarily set cells to minimum width\n  const originalWidths: string[] = [];\n  cells.forEach(cell => {\n    originalWidths.push(cell.style.width);\n    cell.style.width = `${MIN_COLUMN_WIDTH}px`;\n  });\n\n  // Measure the actual content width\n  const maxWidth = Array.from(cells).reduce((max, item) => {\n    return Math.max(max, item.scrollWidth + 2);\n  }, MIN_COLUMN_WIDTH);\n\n  // Restore original widths\n  cells.forEach((cell, i) => {\n    cell.style.width = originalWidths[i];\n  });\n\n  return maxWidth;\n};\n\ninterface Props {\n  columnCount: number;\n  columnWidth?: (index: number) => number;\n  outerGridRef: RefObject<HTMLDivElement>;\n  gridRef: RefObject<VariableSizeGrid>;\n  onColumnResize?: (columnIndex: number, newWidth: number) => void;\n}\nconst useColumns = ({\n  columnCount,\n  columnWidth: columnWidthProp,\n  outerGridRef,\n  onColumnResize: onColumnResizeProp,\n  gridRef,\n}: Props) => {\n  const columnResized = useRef(false);\n  const prevWidth = useRef<Record<string, number>>({});\n  const columnWidthRefs = useRef<number[]>([]);\n  const autoWidthIndices = useRef<number[]>([]);\n  const [columnHorizontalPosition, setColumnHorizontalPosition] = useState<number[]>([]);\n\n  const initColumnSize = useCallback(\n    (containerWidth: number) => {\n      const newWidth =\n        containerWidth > DEFAULT_WIDTH * columnCount\n          ? containerWidth / columnCount\n          : DEFAULT_WIDTH;\n      if (columnResized.current) {\n        return;\n      }\n      const getWidth = (index: number) => {\n        if (typeof columnWidthProp === 'function') {\n          return columnWidthProp(index);\n        }\n        return newWidth;\n      };\n\n      const columnWidthList = [...Array(columnCount).keys()];\n\n      setColumnHorizontalPosition(() => {\n        return columnWidthList.reduce(\n          (acc, _, index) => {\n            const width = getWidth(index);\n            prevWidth.current[index.toString()] = width;\n            columnWidthRefs.current[index] = width;\n            acc.push(acc[index] + width);\n            return acc;\n          },\n          [0]\n        );\n      });\n      gridRef.current?.resetAfterColumnIndex(0);\n    },\n    [columnCount, columnWidthProp, gridRef]\n  );\n\n  const onColumnResize: ColumnResizeFn = useCallback(\n    (columnIndex, newWidth, type) => {\n      columnResized.current = true;\n      if (type === 'auto') {\n        const widthIndex = autoWidthIndices.current.findIndex(\n          index => index === columnIndex\n        );\n        if (widthIndex > -1) {\n          newWidth = prevWidth.current[columnIndex.toString()];\n          autoWidthIndices.current.splice(widthIndex, 1);\n        } else if (outerGridRef.current) {\n          newWidth = measureColumnWidth(columnIndex, outerGridRef.current);\n          autoWidthIndices.current.push(columnIndex);\n        }\n      } else {\n        const widthIndex = autoWidthIndices.current.findIndex(\n          index => index === columnIndex\n        );\n        autoWidthIndices.current.splice(widthIndex, 1);\n        prevWidth.current[columnIndex.toString()] = newWidth;\n      }\n\n      columnWidthRefs.current[columnIndex] = newWidth;\n      setColumnHorizontalPosition(columnHorizontalPosition => {\n        const currentWidth =\n          columnHorizontalPosition[columnIndex + 1] -\n          columnHorizontalPosition[columnIndex];\n        const diff = newWidth - currentWidth;\n\n        for (let i = columnIndex + 1; i < columnCount; i++) {\n          columnHorizontalPosition[i] = columnHorizontalPosition[i] + diff;\n        }\n        return [...columnHorizontalPosition];\n      });\n      gridRef.current?.resetAfterColumnIndex(columnIndex);\n      if (typeof onColumnResizeProp === 'function') {\n        onColumnResizeProp(columnIndex, newWidth);\n      }\n    },\n    [gridRef, onColumnResizeProp, outerGridRef, columnCount]\n  );\n\n  const columnWidth = useCallback(\n    (columnIndex: number) => {\n      if (columnWidthProp) {\n        return columnWidthProp(columnIndex);\n      }\n      return columnWidthRefs.current[columnIndex] ?? DEFAULT_WIDTH;\n    },\n    [columnWidthProp]\n  );\n\n  const getColumnHorizontalPosition = useCallback(\n    (index: number) => {\n      return columnHorizontalPosition[index] ?? DEFAULT_WIDTH * index;\n    },\n    [columnHorizontalPosition]\n  );\n\n  return {\n    getColumnHorizontalPosition,\n    onColumnResize,\n    columnWidth,\n    initColumnSize,\n  };\n};\n\nexport default useColumns;\n"],"names":["DEFAULT_WIDTH","MIN_COLUMN_WIDTH","measureColumnWidth","columnIndex","outerGrid","cells","querySelectorAll","originalWidths","forEach","cell","push","style","width","maxWidth","Array","from","reduce","max","item","Math","scrollWidth","i","useColumns","columnCount","columnWidth","columnWidthProp","outerGridRef","onColumnResize","onColumnResizeProp","gridRef","columnResized","useRef","prevWidth","columnWidthRefs","autoWidthIndices","columnHorizontalPosition","setColumnHorizontalPosition","useState","initColumnSize","useCallback","containerWidth","newWidth","current","getWidth","index","columnWidthList","keys","acc","_","toString","resetAfterColumnIndex","type","widthIndex","findIndex","splice","currentWidth","diff","getColumnHorizontalPosition"],"mappings":"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"}

package/dist/esm/components/Grid/useResizingState.js

@@ -0,0 +1,41 @@
+import { useState, useCallback } from 'react';
+
+const initialPosition = {
+  left: "calc(100% - 4px)",
+  top: "0"
+};
+const useResizingState = () => {
+  const [pressedColumnIndex, setPressedColumnIndex] = useState(-1);
+  const [pointer, setPointer] = useState(null);
+  const [position, setPosition] = useState(initialPosition);
+  const [lastPressedTimestamp, setLastPressedTimestamp] = useState(0);
+  const getIsPressed = useCallback((columnIndex) => {
+    return pressedColumnIndex === columnIndex;
+  }, [pressedColumnIndex]);
+  const setIsPressed = useCallback((columnIndex, pressed) => {
+    if (pressed) {
+      setPressedColumnIndex(columnIndex);
+      setLastPressedTimestamp(Date.now());
+    } else {
+      setPressedColumnIndex(-1);
+    }
+  }, []);
+  const getPosition = useCallback((columnIndex) => {
+    if (pressedColumnIndex !== columnIndex) {
+      return initialPosition;
+    }
+    return position;
+  }, [position, pressedColumnIndex]);
+  return {
+    pointer,
+    setPointer,
+    getIsPressed,
+    setIsPressed,
+    getPosition,
+    setPosition,
+    lastPressedTimestamp
+  };
+};
+
+export { useResizingState as default, initialPosition };
+//# sourceMappingURL=useResizingState.js.map

package/dist/esm/components/Grid/useResizingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizingState.js","sources":["../../../../src/components/Grid/useResizingState.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ResizerPosition } from './types';\n\n/**\n * Defines the type for pointer information used in resizing.\n * @typedef {Object} PointerType\n * @property {number} width - The width of the pointer component.\n * @property {number} pointerId - Unique identifier for the pointer from a touch event.\n * @property {number} initialClientX - The initial X coordinate of the pointer when resizing started.\n */\nexport type PointerType = {\n  width: number;\n  pointerId: number;\n  initialClientX: number;\n};\n\n/**\n * Defines the state and methods used for managing the column resizing.\n * @typedef {Object} ResizingState\n * @property {PointerType | null} pointer - The current pointer data, or null if no pointer is active.\n * @property {(pointer: PointerType | null) => void} setPointer - Setter to update the pointer.\n * @property {(columnIndex: number) => boolean} getIsPressed - Indicates if a resizer for the given column is currently pressed/dragged.\n * @property {(columnIndex: number, pressed: boolean) => void} setIsPressed - Sets the pressed state for a given column.\n * @property {(columnIndex: number) => ResizerPosition} getPosition - Gets the position of the resizer for the specified column.\n * @property {(position: ResizerPosition) => void} setPosition - Updates the position of the resizer.\n * @property {number} lastPressedTimestamp - Timestamp of the last time a column was pressed, used to detect double-clicks.\n */\nexport interface ResizingState {\n  pointer: PointerType | null;\n  setPointer: (pointer: PointerType | null) => void;\n  getIsPressed: (columnIndex: number) => boolean;\n  setIsPressed: (columnIndex: number, pressed: boolean) => void;\n  getPosition: (columnIndex: number) => ResizerPosition;\n  setPosition: (position: ResizerPosition) => void;\n  lastPressedTimestamp: number;\n}\n\n/**\n * The initial position of the resizer element.\n * @type {ResizerPosition}\n */\nexport const initialPosition = {\n  left: 'calc(100% - 4px)',\n  top: '0',\n};\n\n/**\n * Custom hook that provides the state and methods needed to manage a resizing operation on columns.\n * @returns {ResizingState} The resizing state and methods for controlling resizing behavior.\n */\nconst useResizingState = (): ResizingState => {\n  const [pressedColumnIndex, setPressedColumnIndex] = useState<number>(-1);\n  const [pointer, setPointer] = useState<PointerType | null>(null);\n  const [position, setPosition] = useState<ResizerPosition>(initialPosition);\n  const [lastPressedTimestamp, setLastPressedTimestamp] = useState<number>(0);\n\n  /**\n   * Checks if the specified column index is currently in a pressed state.\n   * @param {number} columnIndex - The index of the column to check.\n   * @returns {boolean} True if the column is pressed, false otherwise.\n   */\n  const getIsPressed = useCallback(\n    (columnIndex: number) => {\n      return pressedColumnIndex === columnIndex;\n    },\n    [pressedColumnIndex]\n  );\n\n  /**\n   * Updates the pressed state for a specified column.\n   * @param {number} columnIndex - The index of the column.\n   * @param {boolean} pressed - True to set the column as pressed, false to release it.\n   */\n  const setIsPressed = useCallback((columnIndex: number, pressed: boolean) => {\n    if (pressed) {\n      setPressedColumnIndex(columnIndex);\n      setLastPressedTimestamp(Date.now());\n    } else {\n      setPressedColumnIndex(-1);\n    }\n  }, []);\n\n  /**\n   * Gets the position of the resizer for the specified column index.\n   * @param {number} columnIndex - The index of the column to retrieve the position for.\n   * @returns {ResizerPosition} The position of the resizer.\n   */\n  const getPosition = useCallback(\n    (columnIndex: number) => {\n      if (pressedColumnIndex !== columnIndex) {\n        return initialPosition;\n      }\n      return position;\n    },\n    [position, pressedColumnIndex]\n  );\n\n  return {\n    pointer,\n    setPointer,\n    getIsPressed,\n    setIsPressed,\n    getPosition,\n    setPosition,\n    lastPressedTimestamp,\n  };\n};\n\nexport default useResizingState;\n"],"names":["initialPosition","left","top","useResizingState","pressedColumnIndex","setPressedColumnIndex","useState","pointer","setPointer","position","setPosition","lastPressedTimestamp","setLastPressedTimestamp","getIsPressed","useCallback","columnIndex","setIsPressed","pressed","Date","now","getPosition"],"mappings":";;AAyCO,MAAMA,eAAAA,GAAkB;AAAA,EAC7BC,IAAAA,EAAM,kBAAA;AAAA,EACNC,GAAAA,EAAK;AACP;AAMA,MAAMC,mBAAmBA,MAAqB;AAC5C,EAAA,MAAM,CAACC,kBAAAA,EAAoBC,qBAAqB,CAAA,GAAIC,SAAiB,EAAE,CAAA;AACvE,EAAA,MAAM,CAACC,OAAAA,EAASC,UAAU,CAAA,GAAIF,SAA6B,IAAI,CAAA;AAC/D,EAAA,MAAM,CAACG,QAAAA,EAAUC,WAAW,CAAA,GAAIJ,SAA0BN,eAAe,CAAA;AACzE,EAAA,MAAM,CAACW,oBAAAA,EAAsBC,uBAAuB,CAAA,GAAIN,SAAiB,CAAC,CAAA;AAO1E,EAAA,MAAMO,YAAAA,GAAeC,WAAAA,CACnB,CAACC,WAAAA,KAAwB;AACvB,IAAA,OAAOX,kBAAAA,KAAuBW,WAAAA;AAAAA,EAChC,CAAA,EACA,CAACX,kBAAkB,CACrB,CAAA;AAOA,EAAA,MAAMY,YAAAA,GAAeF,WAAAA,CAAY,CAACC,WAAAA,EAAqBE,OAAAA,KAAqB;AAC1E,IAAA,IAAIA,OAAAA,EAAS;AACXZ,MAAAA,qBAAAA,CAAsBU,WAAW,CAAA;AACjCH,MAAAA,uBAAAA,CAAwBM,IAAAA,CAAKC,KAAK,CAAA;AAAA,IACpC,CAAA,MAAO;AACLd,MAAAA,qBAAAA,CAAsB,EAAE,CAAA;AAAA,IAC1B;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAOL,EAAA,MAAMe,WAAAA,GAAcN,WAAAA,CAClB,CAACC,WAAAA,KAAwB;AACvB,IAAA,IAAIX,uBAAuBW,WAAAA,EAAa;AACtC,MAAA,OAAOf,eAAAA;AAAAA,IACT;AACA,IAAA,OAAOS,QAAAA;AAAAA,EACT,CAAA,EACA,CAACA,QAAAA,EAAUL,kBAAkB,CAC/B,CAAA;AAEA,EAAA,OAAO;AAAA,IACLG,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAK,YAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAI,WAAAA;AAAAA,IACAV,WAAAA;AAAAA,IACAC;AAAAA,GACF;AACF;;;;"}