@clickhouse/click-ui 0.9.0 → 0.10.0-rc1

package/dist/cjs/components/Grid/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../src/components/Grid/Header.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Header.module.css';\nimport {\n  CellProps,\n  ColumnResizeFn,\n  GetResizerPositionFn,\n  SelectionTypeFn,\n} from './types';\nimport { StyledCell } from './StyledCell';\nimport ColumnResizer from './ColumnResizer';\nimport { ResizingState } from './useResizingState';\n\ninterface HeaderProps {\n  showRowNumber: boolean;\n  rowNumberWidth: number;\n  minColumn: number;\n  maxColumn: number;\n  height: number;\n  getColumnWidth: (index: number) => number;\n  cell: CellProps;\n  getSelectionType: SelectionTypeFn;\n  columnCount: number;\n  onColumnResize: ColumnResizeFn;\n  getColumnHorizontalPosition: (columnIndex: number) => number;\n  scrolledVertical: boolean;\n  getResizerPosition: GetResizerPositionFn;\n  showBorder: boolean;\n  scrolledHorizontal: boolean;\n  resizingState: ResizingState;\n}\n\ninterface ColumnProps extends Pick<\n  HeaderProps,\n  | 'cell'\n  | 'getSelectionType'\n  | 'onColumnResize'\n  | 'getColumnWidth'\n  | 'height'\n  | 'getResizerPosition'\n  | 'showBorder'\n  | 'getColumnHorizontalPosition'\n  | 'resizingState'\n> {\n  columnIndex: number;\n  isLastColumn: boolean;\n}\n\nconst toCssSize = ($width: string | number): string =>\n  typeof $width === 'string' ? $width : `${$width}px`;\n\nconst Column = ({\n  columnIndex,\n  cell,\n  getColumnWidth,\n  getColumnHorizontalPosition,\n  getSelectionType,\n  isLastColumn,\n  onColumnResize,\n  height,\n  getResizerPosition,\n  showBorder,\n  resizingState,\n}: ColumnProps) => {\n  const selectionType = getSelectionType({\n    column: columnIndex,\n    type: 'column',\n  });\n  const leftSelectionType = getSelectionType({\n    column: columnIndex - 1,\n    type: 'column',\n  });\n  const columnPosition = getColumnHorizontalPosition(columnIndex);\n\n  const isSelected = selectionType === 'selectDirect';\n  const isSelectedLeft =\n    (leftSelectionType === 'selectDirect' || isSelected) &&\n    leftSelectionType !== selectionType;\n\n  const columnWidth = getColumnWidth(columnIndex);\n  return (\n    <div\n      className={styles['header__cell']}\n      style={\n        {\n          '--header-cell-width': toCssSize(columnWidth),\n          '--header-cell-height': `${height}px`,\n          '--header-cell-left': `${columnPosition}px`,\n        } as CSSProperties\n      }\n      data-header={columnIndex}\n    >\n      <StyledCell\n        $type=\"header\"\n        as={cell}\n        columnIndex={columnIndex}\n        type=\"header-cell\"\n        $selectionType={selectionType}\n        $isLastColumn={isLastColumn}\n        $isFocused={false}\n        $isSelectedLeft={isSelectedLeft}\n        $isSelectedTop={isSelected}\n        $isLastRow={false}\n        $height={height}\n        data-grid-row={-1}\n        data-grid-column={columnIndex}\n        data-selected={isSelected}\n        $showBorder={showBorder}\n        width={columnWidth}\n      />\n      <ColumnResizer\n        height={height}\n        onColumnResize={onColumnResize}\n        columnIndex={columnIndex}\n        getResizerPosition={getResizerPosition}\n        columnWidth={columnWidth}\n        resizingState={resizingState}\n      />\n    </div>\n  );\n};\n\nconst Header = ({\n  scrolledVertical,\n  scrolledHorizontal,\n  showRowNumber,\n  rowNumberWidth,\n  minColumn,\n  maxColumn,\n  height,\n  getColumnWidth,\n  cell,\n  columnCount,\n  getSelectionType,\n  onColumnResize,\n  getColumnHorizontalPosition,\n  getResizerPosition,\n  showBorder,\n  resizingState,\n}: HeaderProps) => {\n  const selectedAllType = getSelectionType({\n    type: 'all',\n  });\n  return (\n    <div\n      className={cn(\n        styles['header'],\n        scrolledVertical && styles['header_scrolled-vertical']\n      )}\n      style={{ '--header-height': `${height}px` } as CSSProperties}\n    >\n      <div\n        className={styles['header__scroll-area']}\n        style={{ '--header-scroll-area-left': `${rowNumberWidth}px` } as CSSProperties}\n      >\n        {Array.from(\n          { length: maxColumn - minColumn + 1 },\n          (_, index) => minColumn + index\n        ).map(columnIndex => (\n          <Column\n            key={`header-${columnIndex}`}\n            getSelectionType={getSelectionType}\n            columnIndex={columnIndex}\n            getColumnWidth={getColumnWidth}\n            getColumnHorizontalPosition={getColumnHorizontalPosition}\n            cell={cell}\n            isLastColumn={columnIndex + 1 === columnCount}\n            onColumnResize={onColumnResize}\n            height={height}\n            getResizerPosition={getResizerPosition}\n            showBorder={showBorder}\n            resizingState={resizingState}\n          />\n        ))}\n      </div>\n      {showRowNumber && (\n        <div\n          className={cn(\n            styles['header__cell'],\n            styles['header__row-column'],\n            scrolledHorizontal && styles['header__row-column_scrolled-horizontal']\n          )}\n          style={\n            {\n              '--header-cell-width': toCssSize(rowNumberWidth),\n              '--header-cell-height': `${height}px`,\n              '--header-cell-left': '0px',\n            } as CSSProperties\n          }\n        >\n          <StyledCell\n            data-align=\"right\"\n            data-selected={selectedAllType === 'selectDirect'}\n            $type=\"header\"\n            $selectionType={selectedAllType}\n            $isLastRow={false}\n            $isLastColumn={false}\n            $height={height}\n            $isFocused={false}\n            $isSelectedLeft={false}\n            $isSelectedTop={false}\n            data-grid-row={-1}\n            data-grid-column={-1}\n            $showBorder={showBorder}\n          >\n            #\n          </StyledCell>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Header;\n"],"names":["toCssSize","$width","Column","columnIndex","cell","getColumnWidth","getColumnHorizontalPosition","getSelectionType","isLastColumn","onColumnResize","height","getResizerPosition","showBorder","resizingState","selectionType","column","type","leftSelectionType","columnPosition","isSelected","isSelectedLeft","columnWidth","styles","jsx","StyledCell","ColumnResizer","Header","scrolledVertical","scrolledHorizontal","showRowNumber","rowNumberWidth","minColumn","maxColumn","columnCount","selectedAllType","jsxs","cn","Array","from","length","_","index","map"],"mappings":"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"}
+{"version":3,"file":"Header.cjs","sources":["../../../../src/components/Grid/Header.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Header.module.css';\nimport {\n  CellProps,\n  ColumnResizeFn,\n  GetResizerPositionFn,\n  SelectionTypeFn,\n} from './types';\nimport { StyledCell } from './StyledCell';\nimport ColumnResizer from './ColumnResizer';\nimport { ResizingState } from './useResizingState';\n\ninterface HeaderProps {\n  showRowNumber: boolean;\n  rowNumberWidth: number;\n  minColumn: number;\n  maxColumn: number;\n  height: number;\n  getColumnWidth: (index: number) => number;\n  cell: CellProps;\n  getSelectionType: SelectionTypeFn;\n  columnCount: number;\n  onColumnResize: ColumnResizeFn;\n  getColumnHorizontalPosition: (columnIndex: number) => number;\n  scrolledVertical: boolean;\n  getResizerPosition: GetResizerPositionFn;\n  showBorder: boolean;\n  scrolledHorizontal: boolean;\n  resizingState: ResizingState;\n}\n\ninterface ColumnProps extends Pick<\n  HeaderProps,\n  | 'cell'\n  | 'getSelectionType'\n  | 'onColumnResize'\n  | 'getColumnWidth'\n  | 'height'\n  | 'getResizerPosition'\n  | 'showBorder'\n  | 'getColumnHorizontalPosition'\n  | 'resizingState'\n> {\n  columnIndex: number;\n  isLastColumn: boolean;\n}\n\nconst toCssSize = ($width: string | number): string =>\n  typeof $width === 'string' ? $width : `${$width}px`;\n\nconst Column = ({\n  columnIndex,\n  cell,\n  getColumnWidth,\n  getColumnHorizontalPosition,\n  getSelectionType,\n  isLastColumn,\n  onColumnResize,\n  height,\n  getResizerPosition,\n  showBorder,\n  resizingState,\n}: ColumnProps) => {\n  const selectionType = getSelectionType({\n    column: columnIndex,\n    type: 'column',\n  });\n  const leftSelectionType = getSelectionType({\n    column: columnIndex - 1,\n    type: 'column',\n  });\n  const columnPosition = getColumnHorizontalPosition(columnIndex);\n\n  const isSelected = selectionType === 'selectDirect';\n  const isSelectedLeft =\n    (leftSelectionType === 'selectDirect' || isSelected) &&\n    leftSelectionType !== selectionType;\n\n  const columnWidth = getColumnWidth(columnIndex);\n  return (\n    <div\n      className={styles['header__cell']}\n      style={\n        {\n          '--header-cell-width': toCssSize(columnWidth),\n          '--header-cell-height': `${height}px`,\n          '--header-cell-left': `${columnPosition}px`,\n        } as CSSProperties\n      }\n      data-header={columnIndex}\n    >\n      <StyledCell\n        $type=\"header\"\n        as={cell}\n        columnIndex={columnIndex}\n        type=\"header-cell\"\n        $selectionType={selectionType}\n        $isLastColumn={isLastColumn}\n        $isFocused={false}\n        $isSelectedLeft={isSelectedLeft}\n        $isSelectedTop={isSelected}\n        $isLastRow={false}\n        $height={height}\n        data-grid-row={-1}\n        data-grid-column={columnIndex}\n        data-selected={isSelected}\n        $showBorder={showBorder}\n        width={columnWidth}\n      />\n      <ColumnResizer\n        height={height}\n        onColumnResize={onColumnResize}\n        columnIndex={columnIndex}\n        getResizerPosition={getResizerPosition}\n        columnWidth={columnWidth}\n        resizingState={resizingState}\n      />\n    </div>\n  );\n};\n\nconst Header = ({\n  scrolledVertical,\n  scrolledHorizontal,\n  showRowNumber,\n  rowNumberWidth,\n  minColumn,\n  maxColumn,\n  height,\n  getColumnWidth,\n  cell,\n  columnCount,\n  getSelectionType,\n  onColumnResize,\n  getColumnHorizontalPosition,\n  getResizerPosition,\n  showBorder,\n  resizingState,\n}: HeaderProps) => {\n  const selectedAllType = getSelectionType({\n    type: 'all',\n  });\n  return (\n    <div\n      className={cn(\n        styles['header'],\n        scrolledVertical && styles['header_scrolled-vertical']\n      )}\n      style={{ '--header-height': `${height}px` } as CSSProperties}\n    >\n      <div\n        className={styles['header__scroll-area']}\n        style={{ '--header-scroll-area-left': `${rowNumberWidth}px` } as CSSProperties}\n      >\n        {Array.from(\n          { length: maxColumn - minColumn + 1 },\n          (_, index) => minColumn + index\n        ).map(columnIndex => (\n          <Column\n            key={`header-${columnIndex}`}\n            getSelectionType={getSelectionType}\n            columnIndex={columnIndex}\n            getColumnWidth={getColumnWidth}\n            getColumnHorizontalPosition={getColumnHorizontalPosition}\n            cell={cell}\n            isLastColumn={columnIndex + 1 === columnCount}\n            onColumnResize={onColumnResize}\n            height={height}\n            getResizerPosition={getResizerPosition}\n            showBorder={showBorder}\n            resizingState={resizingState}\n          />\n        ))}\n      </div>\n      {showRowNumber && (\n        <div\n          className={cn(\n            styles['header__cell'],\n            styles['header__row-column'],\n            scrolledHorizontal && styles['header__row-column_scrolled-horizontal']\n          )}\n          style={\n            {\n              '--header-cell-width': toCssSize(rowNumberWidth),\n              '--header-cell-height': `${height}px`,\n              '--header-cell-left': '0px',\n            } as CSSProperties\n          }\n        >\n          <StyledCell\n            data-align=\"right\"\n            data-selected={selectedAllType === 'selectDirect'}\n            $type=\"header\"\n            $selectionType={selectedAllType}\n            $isLastRow={false}\n            $isLastColumn={false}\n            $height={height}\n            $isFocused={false}\n            $isSelectedLeft={false}\n            $isSelectedTop={false}\n            data-grid-row={-1}\n            data-grid-column={-1}\n            $showBorder={showBorder}\n          >\n            #\n          </StyledCell>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Header;\n"],"names":["jsxs","styles","jsx","StyledCell","ColumnResizer","cn"],"mappings":"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"}

package/dist/cjs/components/Grid/Header.css

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */
 
 .header__hXzAE {
   display: flex;
@@ -42,3 +42,4 @@
 .header__row-column_scrolled-horizontal__QZO4p {
   box-shadow: 0 0 0 1px var(--click-grid-header-cell-color-stroke-default);
 }
+}

package/dist/cjs/components/Grid/RowNumberColumn.cjs

@@ -28,10 +28,37 @@ const RowNumber = ({
     type: "row"
   });
   const isSelectedTop = (topSelectionType === "selectDirect" || isSelected) && topSelectionType !== selectionType;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: RowNumberColumn_module.default["row-number-column__cell"], style: {
-    "--row-number-cell-top": `${rowHeight * rowIndex}px`,
-    "--row-number-cell-height": rowAutoHeight ? "100%" : `${rowHeight}px`
-  }, children: /* @__PURE__ */ jsxRuntime.jsx(StyledCell.StyledCell, { $height: rowHeight, $isLastColumn: false, $selectionType: selectionType, $type: "header", $isFocused: false, $isLastRow: isLastRow, $isSelectedLeft: isSelected, $isSelectedTop: isSelectedTop, $rowAutoHeight: rowAutoHeight, "data-selected": isSelected, "data-grid-row": currentRowIndex, "data-grid-column": -1, "data-testid": `header-cell-${currentRowIndex}-x`, $showBorder: showBorder, "data-align": "right", children: currentRowIndex }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: RowNumberColumn_module.default["row-number-column__cell"],
+      style: {
+        "--row-number-cell-top": `${rowHeight * rowIndex}px`,
+        "--row-number-cell-height": rowAutoHeight ? "100%" : `${rowHeight}px`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        StyledCell.StyledCell,
+        {
+          $height: rowHeight,
+          $isLastColumn: false,
+          $selectionType: selectionType,
+          $type: "header",
+          $isFocused: false,
+          $isLastRow: isLastRow,
+          $isSelectedLeft: isSelected,
+          $isSelectedTop: isSelectedTop,
+          $rowAutoHeight: rowAutoHeight,
+          "data-selected": isSelected,
+          "data-grid-row": currentRowIndex,
+          "data-grid-column": -1,
+          "data-testid": `header-cell-${currentRowIndex}-x`,
+          $showBorder: showBorder,
+          "data-align": "right",
+          children: currentRowIndex
+        }
+      )
+    }
+  );
 };
 const RowNumberColumn = ({
   minRow,
@@ -46,12 +73,34 @@ const RowNumberColumn = ({
   showBorder,
   rowAutoHeight
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(RowNumberColumn_module.default["row-number-column"], scrolledHorizontal && RowNumberColumn_module.default["row-number-column_scrolled-horizontal"]), style: {
-    "--row-number-column-top": `${headerHeight}px`,
-    "--row-number-column-width": `${rowWidth}px`
-  }, children: Array.from({
-    length: maxRow - minRow + 1
-  }, (_, index) => minRow + index).map((rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(RowNumber, { getSelectionType, rowHeight, rowIndex, isLastRow: rowIndex === rowCount, showBorder, rowStart, rowAutoHeight }, `row-number-${rowIndex}`)) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cva.cn(
+        RowNumberColumn_module.default["row-number-column"],
+        scrolledHorizontal && RowNumberColumn_module.default["row-number-column_scrolled-horizontal"]
+      ),
+      style: {
+        "--row-number-column-top": `${headerHeight}px`,
+        "--row-number-column-width": `${rowWidth}px`
+      },
+      children: Array.from({ length: maxRow - minRow + 1 }, (_, index) => minRow + index).map(
+        (rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+          RowNumber,
+          {
+            getSelectionType,
+            rowHeight,
+            rowIndex,
+            isLastRow: rowIndex === rowCount,
+            showBorder,
+            rowStart,
+            rowAutoHeight
+          },
+          `row-number-${rowIndex}`
+        )
+      )
+    }
+  );
 };
 
 exports.default = RowNumberColumn;

package/dist/cjs/components/Grid/RowNumberColumn.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RowNumberColumn.cjs","sources":["../../../../src/components/Grid/RowNumberColumn.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './RowNumberColumn.module.css';\nimport { SelectionTypeFn } from './types';\nimport { StyledCell } from './StyledCell';\n\ninterface RowNumberColumnProps {\n  minRow: number;\n  maxRow: number;\n  rowHeight: number;\n  headerHeight: number;\n  rowWidth: number;\n  getSelectionType: SelectionTypeFn;\n  rowCount: number;\n  scrolledHorizontal: boolean;\n  rowStart: number;\n  showBorder: boolean;\n  rowAutoHeight?: boolean;\n}\ninterface RowNumberProps extends Pick<\n  RowNumberColumnProps,\n  'rowHeight' | 'getSelectionType' | 'showBorder' | 'rowStart'\n> {\n  rowIndex: number;\n  isLastRow: boolean;\n  rowAutoHeight?: boolean;\n}\nconst RowNumber = ({\n  rowIndex,\n  rowHeight,\n  getSelectionType,\n  isLastRow,\n  showBorder,\n  rowStart,\n  rowAutoHeight,\n}: RowNumberProps) => {\n  const currentRowIndex = rowIndex + rowStart;\n  const selectionType = getSelectionType({\n    row: currentRowIndex,\n    type: 'row',\n  });\n  const isSelected = selectionType === 'selectDirect';\n  const topSelectionType = getSelectionType({\n    row: currentRowIndex - 1,\n    type: 'row',\n  });\n  const isSelectedTop =\n    (topSelectionType === 'selectDirect' || isSelected) &&\n    topSelectionType !== selectionType;\n\n  return (\n    <div\n      className={styles['row-number-column__cell']}\n      style={\n        {\n          '--row-number-cell-top': `${rowHeight * rowIndex}px`,\n          '--row-number-cell-height': rowAutoHeight ? '100%' : `${rowHeight}px`,\n        } as CSSProperties\n      }\n    >\n      <StyledCell\n        $height={rowHeight}\n        $isLastColumn={false}\n        $selectionType={selectionType}\n        $type=\"header\"\n        $isFocused={false}\n        $isLastRow={isLastRow}\n        $isSelectedLeft={isSelected}\n        $isSelectedTop={isSelectedTop}\n        $rowAutoHeight={rowAutoHeight}\n        data-selected={isSelected}\n        data-grid-row={currentRowIndex}\n        data-grid-column={-1}\n        data-testid={`header-cell-${currentRowIndex}-x`}\n        $showBorder={showBorder}\n        data-align=\"right\"\n      >\n        {currentRowIndex}\n      </StyledCell>\n    </div>\n  );\n};\n\nconst RowNumberColumn = ({\n  minRow,\n  maxRow,\n  rowHeight,\n  headerHeight,\n  rowWidth,\n  getSelectionType,\n  rowCount,\n  scrolledHorizontal,\n  rowStart = 0,\n  showBorder,\n  rowAutoHeight,\n}: RowNumberColumnProps) => {\n  return (\n    <div\n      className={cn(\n        styles['row-number-column'],\n        scrolledHorizontal && styles['row-number-column_scrolled-horizontal']\n      )}\n      style={\n        {\n          '--row-number-column-top': `${headerHeight}px`,\n          '--row-number-column-width': `${rowWidth}px`,\n        } as CSSProperties\n      }\n    >\n      {Array.from({ length: maxRow - minRow + 1 }, (_, index) => minRow + index).map(\n        rowIndex => (\n          <RowNumber\n            key={`row-number-${rowIndex}`}\n            getSelectionType={getSelectionType}\n            rowHeight={rowHeight}\n            rowIndex={rowIndex}\n            isLastRow={rowIndex === rowCount}\n            showBorder={showBorder}\n            rowStart={rowStart}\n            rowAutoHeight={rowAutoHeight}\n          />\n        )\n      )}\n    </div>\n  );\n};\n\nexport default RowNumberColumn;\n"],"names":["RowNumber","rowIndex","rowHeight","getSelectionType","isLastRow","showBorder","rowStart","rowAutoHeight","currentRowIndex","selectionType","row","type","isSelected","topSelectionType","isSelectedTop","styles","jsx","StyledCell","RowNumberColumn","minRow","maxRow","headerHeight","rowWidth","rowCount","scrolledHorizontal","cn","Array","from","length","_","index","map"],"mappings":"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"}
+{"version":3,"file":"RowNumberColumn.cjs","sources":["../../../../src/components/Grid/RowNumberColumn.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './RowNumberColumn.module.css';\nimport { SelectionTypeFn } from './types';\nimport { StyledCell } from './StyledCell';\n\ninterface RowNumberColumnProps {\n  minRow: number;\n  maxRow: number;\n  rowHeight: number;\n  headerHeight: number;\n  rowWidth: number;\n  getSelectionType: SelectionTypeFn;\n  rowCount: number;\n  scrolledHorizontal: boolean;\n  rowStart: number;\n  showBorder: boolean;\n  rowAutoHeight?: boolean;\n}\ninterface RowNumberProps extends Pick<\n  RowNumberColumnProps,\n  'rowHeight' | 'getSelectionType' | 'showBorder' | 'rowStart'\n> {\n  rowIndex: number;\n  isLastRow: boolean;\n  rowAutoHeight?: boolean;\n}\nconst RowNumber = ({\n  rowIndex,\n  rowHeight,\n  getSelectionType,\n  isLastRow,\n  showBorder,\n  rowStart,\n  rowAutoHeight,\n}: RowNumberProps) => {\n  const currentRowIndex = rowIndex + rowStart;\n  const selectionType = getSelectionType({\n    row: currentRowIndex,\n    type: 'row',\n  });\n  const isSelected = selectionType === 'selectDirect';\n  const topSelectionType = getSelectionType({\n    row: currentRowIndex - 1,\n    type: 'row',\n  });\n  const isSelectedTop =\n    (topSelectionType === 'selectDirect' || isSelected) &&\n    topSelectionType !== selectionType;\n\n  return (\n    <div\n      className={styles['row-number-column__cell']}\n      style={\n        {\n          '--row-number-cell-top': `${rowHeight * rowIndex}px`,\n          '--row-number-cell-height': rowAutoHeight ? '100%' : `${rowHeight}px`,\n        } as CSSProperties\n      }\n    >\n      <StyledCell\n        $height={rowHeight}\n        $isLastColumn={false}\n        $selectionType={selectionType}\n        $type=\"header\"\n        $isFocused={false}\n        $isLastRow={isLastRow}\n        $isSelectedLeft={isSelected}\n        $isSelectedTop={isSelectedTop}\n        $rowAutoHeight={rowAutoHeight}\n        data-selected={isSelected}\n        data-grid-row={currentRowIndex}\n        data-grid-column={-1}\n        data-testid={`header-cell-${currentRowIndex}-x`}\n        $showBorder={showBorder}\n        data-align=\"right\"\n      >\n        {currentRowIndex}\n      </StyledCell>\n    </div>\n  );\n};\n\nconst RowNumberColumn = ({\n  minRow,\n  maxRow,\n  rowHeight,\n  headerHeight,\n  rowWidth,\n  getSelectionType,\n  rowCount,\n  scrolledHorizontal,\n  rowStart = 0,\n  showBorder,\n  rowAutoHeight,\n}: RowNumberColumnProps) => {\n  return (\n    <div\n      className={cn(\n        styles['row-number-column'],\n        scrolledHorizontal && styles['row-number-column_scrolled-horizontal']\n      )}\n      style={\n        {\n          '--row-number-column-top': `${headerHeight}px`,\n          '--row-number-column-width': `${rowWidth}px`,\n        } as CSSProperties\n      }\n    >\n      {Array.from({ length: maxRow - minRow + 1 }, (_, index) => minRow + index).map(\n        rowIndex => (\n          <RowNumber\n            key={`row-number-${rowIndex}`}\n            getSelectionType={getSelectionType}\n            rowHeight={rowHeight}\n            rowIndex={rowIndex}\n            isLastRow={rowIndex === rowCount}\n            showBorder={showBorder}\n            rowStart={rowStart}\n            rowAutoHeight={rowAutoHeight}\n          />\n        )\n      )}\n    </div>\n  );\n};\n\nexport default RowNumberColumn;\n"],"names":["jsx","styles","StyledCell","cn"],"mappings":"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"}

package/dist/cjs/components/Grid/RowNumberColumn.css

@@ -1,4 +1,4 @@
-.row-number-column__n-aQm {
+@layer clickui {.row-number-column__n-aQm {
   position: sticky;
   top: var(--row-number-column-top);
   left: 0;
@@ -20,3 +20,4 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+}

package/dist/cjs/components/Grid/StyledCell.cjs

@@ -19,39 +19,17 @@ const cellVariants = classVarianceAuthority.cva(StyledCell_module.default.cell,
       selectDirect: StyledCell_module.default["cell_selection_direct"],
       selectIndirect: StyledCell_module.default["cell_selection_indirect"]
     },
-    noBorder: {
-      true: StyledCell_module.default["cell_no-border"]
-    },
-    focused: {
-      true: StyledCell_module.default.cell_focused
-    },
-    lastRow: {
-      true: StyledCell_module.default["cell_last-row"]
-    },
-    lastColumn: {
-      true: StyledCell_module.default["cell_last-column"]
-    },
-    rowAutoHeight: {
-      true: StyledCell_module.default["cell_row-auto-height"]
-    },
-    overlay: {
-      true: StyledCell_module.default.cell__overlay
-    },
-    overlayTop: {
-      true: StyledCell_module.default["cell__overlay_selected_top"]
-    },
-    overlayLeft: {
-      true: StyledCell_module.default["cell__overlay_selected_left"]
-    },
-    overlayBottom: {
-      true: StyledCell_module.default["cell__overlay_selected_bottom"]
-    },
-    overlayRight: {
-      true: StyledCell_module.default["cell__overlay_selected_right"]
-    },
-    overlayAutoHeight: {
-      true: StyledCell_module.default["cell__overlay_row-auto-height"]
-    }
+    noBorder: { true: StyledCell_module.default["cell_no-border"] },
+    focused: { true: StyledCell_module.default.cell_focused },
+    lastRow: { true: StyledCell_module.default["cell_last-row"] },
+    lastColumn: { true: StyledCell_module.default["cell_last-column"] },
+    rowAutoHeight: { true: StyledCell_module.default["cell_row-auto-height"] },
+    overlay: { true: StyledCell_module.default.cell__overlay },
+    overlayTop: { true: StyledCell_module.default["cell__overlay_selected_top"] },
+    overlayLeft: { true: StyledCell_module.default["cell__overlay_selected_left"] },
+    overlayBottom: { true: StyledCell_module.default["cell__overlay_selected_bottom"] },
+    overlayRight: { true: StyledCell_module.default["cell__overlay_selected_right"] },
+    overlayAutoHeight: { true: StyledCell_module.default["cell__overlay_row-auto-height"] }
   }
 });
 const StyledCell = ({
@@ -77,21 +55,32 @@ const StyledCell = ({
     height: $rowAutoHeight ? "100%" : `${$height}px`,
     ...style
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { className: cva.cn(cellVariants({
-    type: $type,
-    selection: $selectionType,
-    noBorder: $type === "header" && !$showBorder,
-    focused: $isFocused,
-    lastRow: $isLastRow,
-    lastColumn: $isLastColumn,
-    rowAutoHeight: !!$rowAutoHeight,
-    overlay: hasOverlay,
-    overlayTop: $isSelectedTop,
-    overlayLeft: $isSelectedLeft,
-    overlayBottom: $selectionType === "selectDirect" && $isLastRow,
-    overlayRight: $selectionType === "selectDirect" && $isLastColumn,
-    overlayAutoHeight: !!$rowAutoHeight
-  }), className), style: mergedStyle, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      className: cva.cn(
+        cellVariants({
+          type: $type,
+          selection: $selectionType,
+          noBorder: $type === "header" && !$showBorder,
+          focused: $isFocused,
+          lastRow: $isLastRow,
+          lastColumn: $isLastColumn,
+          rowAutoHeight: !!$rowAutoHeight,
+          overlay: hasOverlay,
+          overlayTop: $isSelectedTop,
+          overlayLeft: $isSelectedLeft,
+          overlayBottom: $selectionType === "selectDirect" && $isLastRow,
+          overlayRight: $selectionType === "selectDirect" && $isLastColumn,
+          overlayAutoHeight: !!$rowAutoHeight
+        }),
+        className
+      ),
+      style: mergedStyle,
+      ...props,
+      children
+    }
+  );
 };
 
 exports.StyledCell = StyledCell;

package/dist/cjs/components/Grid/StyledCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StyledCell.cjs","sources":["../../../../src/components/Grid/StyledCell.tsx"],"sourcesContent":["import { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './StyledCell.module.css';\nimport { SelectionType } from './types';\n\ninterface StyledCellOwnProps {\n  $isFocused: boolean;\n  $selectionType: SelectionType;\n  $isSelectedTop: boolean;\n  $isSelectedLeft: boolean;\n  $isLastRow: boolean;\n  $isLastColumn: boolean;\n  $height: number;\n  $type?: 'body' | 'header';\n  $showBorder: boolean;\n  $rowAutoHeight?: boolean;\n}\n\nconst cellVariants = cva(styles.cell, {\n  variants: {\n    type: {\n      body: styles.cell_type_body,\n      header: styles.cell_type_header,\n    },\n    selection: {\n      default: null,\n      selectDirect: styles['cell_selection_direct'],\n      selectIndirect: styles['cell_selection_indirect'],\n    },\n    noBorder: { true: styles['cell_no-border'] },\n    focused: { true: styles.cell_focused },\n    lastRow: { true: styles['cell_last-row'] },\n    lastColumn: { true: styles['cell_last-column'] },\n    rowAutoHeight: { true: styles['cell_row-auto-height'] },\n    overlay: { true: styles.cell__overlay },\n    overlayTop: { true: styles['cell__overlay_selected_top'] },\n    overlayLeft: { true: styles['cell__overlay_selected_left'] },\n    overlayBottom: { true: styles['cell__overlay_selected_bottom'] },\n    overlayRight: { true: styles['cell__overlay_selected_right'] },\n    overlayAutoHeight: { true: styles['cell__overlay_row-auto-height'] },\n  },\n});\n\ntype StyledCellProps<T extends ElementType> = StyledCellOwnProps & {\n  as?: T;\n  children?: ReactNode;\n} & Omit<ComponentProps<T>, keyof StyledCellOwnProps | 'as' | 'children'>;\n\nexport const StyledCell = <T extends ElementType = 'div'>({\n  as,\n  $isFocused,\n  $selectionType,\n  $isSelectedTop,\n  $isSelectedLeft,\n  $isLastRow,\n  $isLastColumn,\n  $height,\n  $type = 'body',\n  $showBorder,\n  $rowAutoHeight,\n  className,\n  style,\n  children,\n  ...props\n}: StyledCellProps<T>) => {\n  const Component = (as ?? 'div') as ElementType;\n  // A single overlay `::before` is drawn whenever any selection/focus edge or\n  // auto-height needs to paint on top of the cell (see Grid.module.css).\n  const hasOverlay =\n    $isSelectedTop ||\n    $isSelectedLeft ||\n    ($selectionType === 'selectDirect' && ($isLastRow || $isLastColumn)) ||\n    !!$rowAutoHeight;\n  const mergedStyle = {\n    height: $rowAutoHeight ? '100%' : `${$height}px`,\n    ...style,\n  } as CSSProperties;\n  return (\n    <Component\n      className={cn(\n        cellVariants({\n          type: $type,\n          selection: $selectionType,\n          noBorder: $type === 'header' && !$showBorder,\n          focused: $isFocused,\n          lastRow: $isLastRow,\n          lastColumn: $isLastColumn,\n          rowAutoHeight: !!$rowAutoHeight,\n          overlay: hasOverlay,\n          overlayTop: $isSelectedTop,\n          overlayLeft: $isSelectedLeft,\n          overlayBottom: $selectionType === 'selectDirect' && $isLastRow,\n          overlayRight: $selectionType === 'selectDirect' && $isLastColumn,\n          overlayAutoHeight: !!$rowAutoHeight,\n        }),\n        className\n      )}\n      style={mergedStyle}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["cellVariants","cva","styles","cell","variants","type","body","cell_type_body","header","cell_type_header","selection","default","selectDirect","selectIndirect","noBorder","true","focused","cell_focused","lastRow","lastColumn","rowAutoHeight","overlay","cell__overlay","overlayTop","overlayLeft","overlayBottom","overlayRight","overlayAutoHeight","StyledCell","as","$isFocused","$selectionType","$isSelectedTop","$isSelectedLeft","$isLastRow","$isLastColumn","$height","$type","$showBorder","$rowAutoHeight","className","style","children","props","Component","hasOverlay","mergedStyle","height","jsx","cn"],"mappings":"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"}
+{"version":3,"file":"StyledCell.cjs","sources":["../../../../src/components/Grid/StyledCell.tsx"],"sourcesContent":["import { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './StyledCell.module.css';\nimport { SelectionType } from './types';\n\ninterface StyledCellOwnProps {\n  $isFocused: boolean;\n  $selectionType: SelectionType;\n  $isSelectedTop: boolean;\n  $isSelectedLeft: boolean;\n  $isLastRow: boolean;\n  $isLastColumn: boolean;\n  $height: number;\n  $type?: 'body' | 'header';\n  $showBorder: boolean;\n  $rowAutoHeight?: boolean;\n}\n\nconst cellVariants = cva(styles.cell, {\n  variants: {\n    type: {\n      body: styles.cell_type_body,\n      header: styles.cell_type_header,\n    },\n    selection: {\n      default: null,\n      selectDirect: styles['cell_selection_direct'],\n      selectIndirect: styles['cell_selection_indirect'],\n    },\n    noBorder: { true: styles['cell_no-border'] },\n    focused: { true: styles.cell_focused },\n    lastRow: { true: styles['cell_last-row'] },\n    lastColumn: { true: styles['cell_last-column'] },\n    rowAutoHeight: { true: styles['cell_row-auto-height'] },\n    overlay: { true: styles.cell__overlay },\n    overlayTop: { true: styles['cell__overlay_selected_top'] },\n    overlayLeft: { true: styles['cell__overlay_selected_left'] },\n    overlayBottom: { true: styles['cell__overlay_selected_bottom'] },\n    overlayRight: { true: styles['cell__overlay_selected_right'] },\n    overlayAutoHeight: { true: styles['cell__overlay_row-auto-height'] },\n  },\n});\n\ntype StyledCellProps<T extends ElementType> = StyledCellOwnProps & {\n  as?: T;\n  children?: ReactNode;\n} & Omit<ComponentProps<T>, keyof StyledCellOwnProps | 'as' | 'children'>;\n\nexport const StyledCell = <T extends ElementType = 'div'>({\n  as,\n  $isFocused,\n  $selectionType,\n  $isSelectedTop,\n  $isSelectedLeft,\n  $isLastRow,\n  $isLastColumn,\n  $height,\n  $type = 'body',\n  $showBorder,\n  $rowAutoHeight,\n  className,\n  style,\n  children,\n  ...props\n}: StyledCellProps<T>) => {\n  const Component = (as ?? 'div') as ElementType;\n  // A single overlay `::before` is drawn whenever any selection/focus edge or\n  // auto-height needs to paint on top of the cell (see Grid.module.css).\n  const hasOverlay =\n    $isSelectedTop ||\n    $isSelectedLeft ||\n    ($selectionType === 'selectDirect' && ($isLastRow || $isLastColumn)) ||\n    !!$rowAutoHeight;\n  const mergedStyle = {\n    height: $rowAutoHeight ? '100%' : `${$height}px`,\n    ...style,\n  } as CSSProperties;\n  return (\n    <Component\n      className={cn(\n        cellVariants({\n          type: $type,\n          selection: $selectionType,\n          noBorder: $type === 'header' && !$showBorder,\n          focused: $isFocused,\n          lastRow: $isLastRow,\n          lastColumn: $isLastColumn,\n          rowAutoHeight: !!$rowAutoHeight,\n          overlay: hasOverlay,\n          overlayTop: $isSelectedTop,\n          overlayLeft: $isSelectedLeft,\n          overlayBottom: $selectionType === 'selectDirect' && $isLastRow,\n          overlayRight: $selectionType === 'selectDirect' && $isLastColumn,\n          overlayAutoHeight: !!$rowAutoHeight,\n        }),\n        className\n      )}\n      style={mergedStyle}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["cva","styles","jsx","cn"],"mappings":"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"}

package/dist/cjs/components/Grid/StyledCell.css

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */
 
 /*
  * The original styled-component dispatches background / text colour / border
@@ -144,3 +144,4 @@
 .cell__overlay_row-auto-height__teKk1::before {
   border: none;
 }
+}

package/dist/cjs/components/Grid/copyGridElements.cjs

@@ -11,12 +11,9 @@ const addCellToRow = (row, cell, rowIndex, columnIndex) => {
   const container = document.createElement("div");
   const root = client.createRoot(container);
   reactDom.flushSync(() => {
-    root.render(react.createElement(cell, {
-      rowIndex,
-      columnIndex,
-      width: 1e3,
-      type: "row-cell"
-    }));
+    root.render(
+      react.createElement(cell, { rowIndex, columnIndex, width: 1e3, type: "row-cell" })
+    );
   });
   td.innerHTML = container.innerHTML;
   root.unmount();
@@ -52,28 +49,31 @@ const copyGridElements = async ({
   const tbody = document.createElement("tbody");
   switch (selection.type) {
     case "rectangle":
-      Array.from({
-        length: selection.bounds.bottom + 1 - selection.bounds.top
-      }, (_, index) => selection.bounds.top + index).forEach((rowIndex) => {
-        const columnList = Array.from({
-          length: selection.bounds.right + 1 - selection.bounds.left
-        }, (_, index) => selection.bounds.left + index);
+      Array.from(
+        { length: selection.bounds.bottom + 1 - selection.bounds.top },
+        (_, index) => selection.bounds.top + index
+      ).forEach((rowIndex) => {
+        const columnList = Array.from(
+          { length: selection.bounds.right + 1 - selection.bounds.left },
+          (_, index) => selection.bounds.left + index
+        );
         columnListLoop(tbody, columnList, cell, rowIndex);
       });
       break;
     case "columns":
-      Array.from({
-        length: rowCount
-      }, (_, index) => pageStart + index).forEach((rowIndex) => {
-        const columnList = [...selection.columns].sort();
-        columnListLoop(tbody, columnList, cell, rowIndex);
-      });
+      Array.from({ length: rowCount }, (_, index) => pageStart + index).forEach(
+        (rowIndex) => {
+          const columnList = [...selection.columns].sort();
+          columnListLoop(tbody, columnList, cell, rowIndex);
+        }
+      );
       break;
     case "rows":
       [...selection.rows].sort().forEach((rowIndex) => {
-        const columnList = Array.from({
-          length: columnCount
-        }, (_, index) => pageStart + index);
+        const columnList = Array.from(
+          { length: columnCount },
+          (_, index) => pageStart + index
+        );
         columnListLoop(tbody, columnList, cell, rowIndex);
       });
       break;

package/dist/cjs/components/Grid/copyGridElements.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"copyGridElements.cjs","sources":["../../../../src/components/Grid/copyGridElements.ts"],"sourcesContent":["import { CellProps, SelectedRegion, SelectionFocus } from './types';\nimport { RefObject, createElement } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { flushSync } from 'react-dom';\n\ninterface CopyGridElementsProps {\n  cell: CellProps;\n  selection: SelectedRegion;\n  rowCount: number;\n  columnCount: number;\n  pageStart?: number;\n  focus: SelectionFocus;\n  outerRef: RefObject<HTMLDivElement>;\n}\n\nconst addCellToRow = (\n  row: HTMLTableRowElement,\n  cell: CellProps,\n  rowIndex: number,\n  columnIndex: number\n) => {\n  const td = document.createElement('td');\n  const container = document.createElement('div');\n  const root = createRoot(container);\n\n  flushSync(() => {\n    root.render(\n      createElement(cell, { rowIndex, columnIndex, width: 1000, type: 'row-cell' })\n    );\n  });\n\n  td.innerHTML = container.innerHTML;\n  root.unmount();\n\n  row.appendChild(td);\n};\n\nconst columnListLoop = (\n  tbody: HTMLTableSectionElement,\n  columnList: number[],\n  cell: CellProps,\n  rowIndex: number\n) => {\n  const row = document.createElement('tr');\n  columnList.forEach(columnIndex => {\n    addCellToRow(row, cell, rowIndex, columnIndex);\n  });\n  tbody.appendChild(row);\n};\n\nconst copyGridElements = async ({\n  cell,\n  selection,\n  rowCount,\n  columnCount,\n  pageStart = 0,\n  focus,\n  outerRef,\n}: CopyGridElementsProps): Promise<void> => {\n  if (!outerRef.current) {\n    throw 'Could not fetch selection';\n  }\n  const table = document.createElement('table');\n  table.style.position = 'absolute';\n  table.style.top = '-200px';\n  table.style.left = '-200px';\n  table.style.width = '0px';\n  table.style.height = '0px';\n  table.style.overflow = 'hidden';\n  const thead = document.createElement('thead');\n  const tbody = document.createElement('tbody');\n\n  switch (selection.type) {\n    case 'rectangle':\n      Array.from(\n        { length: selection.bounds.bottom + 1 - selection.bounds.top },\n        (_, index) => selection.bounds.top + index\n      ).forEach(rowIndex => {\n        const columnList = Array.from(\n          { length: selection.bounds.right + 1 - selection.bounds.left },\n          (_, index) => selection.bounds.left + index\n        );\n        columnListLoop(tbody, columnList, cell, rowIndex);\n      });\n      break;\n    case 'columns':\n      Array.from({ length: rowCount }, (_, index) => pageStart + index).forEach(\n        rowIndex => {\n          const columnList = [...selection.columns].sort();\n          columnListLoop(tbody, columnList, cell, rowIndex);\n        }\n      );\n      break;\n    case 'rows':\n      [...selection.rows].sort().forEach(rowIndex => {\n        const columnList = Array.from(\n          { length: columnCount },\n          (_, index) => pageStart + index\n        );\n        columnListLoop(tbody, columnList, cell, rowIndex);\n      });\n      break;\n    case 'empty':\n      columnListLoop(tbody, [focus.column], cell, focus.row);\n      break;\n    default:\n      throw new Error('incorrect selection provided');\n  }\n\n  table.appendChild(thead);\n  table.appendChild(tbody);\n\n  outerRef.current.appendChild(table);\n\n  const windowSelection = window.getSelection();\n  if (windowSelection) {\n    const range = document.createRange();\n    range.selectNodeContents(table);\n    windowSelection.removeAllRanges();\n    windowSelection.addRange(range);\n    await navigator.clipboard.writeText(table.innerText);\n    windowSelection.removeAllRanges();\n\n    outerRef.current.removeChild(table);\n  } else {\n    throw 'Could not fetch selection';\n  }\n};\n\nexport default copyGridElements;\n"],"names":["addCellToRow","row","cell","rowIndex","columnIndex","td","document","createElement","container","root","createRoot","flushSync","render","width","type","innerHTML","unmount","appendChild","columnListLoop","tbody","columnList","forEach","copyGridElements","selection","rowCount","columnCount","pageStart","focus","outerRef","current","table","style","position","top","left","height","overflow","thead","Array","from","length","bounds","bottom","_","index","right","columns","sort","rows","column","Error","windowSelection","window","getSelection","range","createRange","selectNodeContents","removeAllRanges","addRange","navigator","clipboard","writeText","innerText","removeChild"],"mappings":"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"}
+{"version":3,"file":"copyGridElements.cjs","sources":["../../../../src/components/Grid/copyGridElements.ts"],"sourcesContent":["import { CellProps, SelectedRegion, SelectionFocus } from './types';\nimport { RefObject, createElement } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { flushSync } from 'react-dom';\n\ninterface CopyGridElementsProps {\n  cell: CellProps;\n  selection: SelectedRegion;\n  rowCount: number;\n  columnCount: number;\n  pageStart?: number;\n  focus: SelectionFocus;\n  outerRef: RefObject<HTMLDivElement>;\n}\n\nconst addCellToRow = (\n  row: HTMLTableRowElement,\n  cell: CellProps,\n  rowIndex: number,\n  columnIndex: number\n) => {\n  const td = document.createElement('td');\n  const container = document.createElement('div');\n  const root = createRoot(container);\n\n  flushSync(() => {\n    root.render(\n      createElement(cell, { rowIndex, columnIndex, width: 1000, type: 'row-cell' })\n    );\n  });\n\n  td.innerHTML = container.innerHTML;\n  root.unmount();\n\n  row.appendChild(td);\n};\n\nconst columnListLoop = (\n  tbody: HTMLTableSectionElement,\n  columnList: number[],\n  cell: CellProps,\n  rowIndex: number\n) => {\n  const row = document.createElement('tr');\n  columnList.forEach(columnIndex => {\n    addCellToRow(row, cell, rowIndex, columnIndex);\n  });\n  tbody.appendChild(row);\n};\n\nconst copyGridElements = async ({\n  cell,\n  selection,\n  rowCount,\n  columnCount,\n  pageStart = 0,\n  focus,\n  outerRef,\n}: CopyGridElementsProps): Promise<void> => {\n  if (!outerRef.current) {\n    throw 'Could not fetch selection';\n  }\n  const table = document.createElement('table');\n  table.style.position = 'absolute';\n  table.style.top = '-200px';\n  table.style.left = '-200px';\n  table.style.width = '0px';\n  table.style.height = '0px';\n  table.style.overflow = 'hidden';\n  const thead = document.createElement('thead');\n  const tbody = document.createElement('tbody');\n\n  switch (selection.type) {\n    case 'rectangle':\n      Array.from(\n        { length: selection.bounds.bottom + 1 - selection.bounds.top },\n        (_, index) => selection.bounds.top + index\n      ).forEach(rowIndex => {\n        const columnList = Array.from(\n          { length: selection.bounds.right + 1 - selection.bounds.left },\n          (_, index) => selection.bounds.left + index\n        );\n        columnListLoop(tbody, columnList, cell, rowIndex);\n      });\n      break;\n    case 'columns':\n      Array.from({ length: rowCount }, (_, index) => pageStart + index).forEach(\n        rowIndex => {\n          const columnList = [...selection.columns].sort();\n          columnListLoop(tbody, columnList, cell, rowIndex);\n        }\n      );\n      break;\n    case 'rows':\n      [...selection.rows].sort().forEach(rowIndex => {\n        const columnList = Array.from(\n          { length: columnCount },\n          (_, index) => pageStart + index\n        );\n        columnListLoop(tbody, columnList, cell, rowIndex);\n      });\n      break;\n    case 'empty':\n      columnListLoop(tbody, [focus.column], cell, focus.row);\n      break;\n    default:\n      throw new Error('incorrect selection provided');\n  }\n\n  table.appendChild(thead);\n  table.appendChild(tbody);\n\n  outerRef.current.appendChild(table);\n\n  const windowSelection = window.getSelection();\n  if (windowSelection) {\n    const range = document.createRange();\n    range.selectNodeContents(table);\n    windowSelection.removeAllRanges();\n    windowSelection.addRange(range);\n    await navigator.clipboard.writeText(table.innerText);\n    windowSelection.removeAllRanges();\n\n    outerRef.current.removeChild(table);\n  } else {\n    throw 'Could not fetch selection';\n  }\n};\n\nexport default copyGridElements;\n"],"names":["createRoot","flushSync","createElement"],"mappings":"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"}