@salt-ds/data-grid 1.0.0

package/dist-es/packages/grid/src/internal/CellMeasure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellMeasure.js","sources":["../src/internal/CellMeasure.tsx"],"sourcesContent":["import \"./CellMeasure.css\";\nimport { useEffect, useRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nconst withBaseName = makePrefixer(\"saltGridCellMeasure\");\n\nexport interface CellMeasureProps<T> {\n  setRowHeight: (rowHeight: number) => void;\n}\n\n// Renders a cell in invisible location, measures its height and provides it to\n// the grid.\nexport function CellMeasure<T>(props: CellMeasureProps<T>) {\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const heightRef = useRef<number>(-1);\n\n  const { setRowHeight } = props;\n\n  useEffect(() => {\n    if (rowRef.current) {\n      const height = rowRef.current.getBoundingClientRect().height;\n      if (heightRef.current !== height) {\n        // console.log(`Row height changing to ${height}px`);\n        heightRef.current = height;\n        setRowHeight(height);\n      }\n    }\n  });\n\n  return (\n    <div className={withBaseName()}>\n      <table aria-hidden>\n        <thead>\n          <tr ref={rowRef}>\n            <th>Invisible Cell</th>\n          </tr>\n        </thead>\n      </table>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAQhD,SAAS,YAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,MAAA,GAAS,OAA4B,IAAI,CAAA,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAY,OAAe,CAAE,CAAA,CAAA,CAAA;AAEnC,EAAM,MAAA,EAAE,cAAiB,GAAA,KAAA,CAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,MAAM,MAAS,GAAA,MAAA,CAAO,OAAQ,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AACtD,MAAI,IAAA,SAAA,CAAU,YAAY,MAAQ,EAAA;AAEhC,QAAA,SAAA,CAAU,OAAU,GAAA,MAAA,CAAA;AACpB,QAAA,YAAA,CAAa,MAAM,CAAA,CAAA;AAAA,OACrB;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAC3B,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA;AAAA,MAAM,aAAW,EAAA,IAAA;AAAA,MAChB,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA;AAAA,QACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA;AAAA,UAAG,GAAK,EAAA,MAAA;AAAA,UACP,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA;AAAA,YAAG,QAAA,EAAA,gBAAA;AAAA,WAAc,CAAA;AAAA,SACpB,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/ColumnDropTarget.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridColumnDropTarget {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  border: var(--grid-columnDropTarget-color);\n  border-width: 0 1px 0 1px;\n  border-style: solid;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=ColumnDropTarget.css.js.map

package/dist-es/packages/grid/src/internal/ColumnDropTarget.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDropTarget.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/ColumnDropTarget.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import './ColumnDropTarget.css.js';
+import { makePrefixer } from '@salt-ds/core';
+
+const withBaseName = makePrefixer("saltGridColumnDropTarget");
+function ColumnDropTarget(props) {
+  const { x = 0 } = props;
+  const style = useMemo(() => {
+    return {
+      left: `${x - 2}px`
+    };
+  }, [x]);
+  if (props.x === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", {
+    className: withBaseName(),
+    style
+  });
+}
+
+export { ColumnDropTarget };
+//# sourceMappingURL=ColumnDropTarget.js.map

package/dist-es/packages/grid/src/internal/ColumnDropTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDropTarget.js","sources":["../src/internal/ColumnDropTarget.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport \"./ColumnDropTarget.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nconst withBaseName = makePrefixer(\"saltGridColumnDropTarget\");\n\nexport interface ColumnDropTargetProps {\n  x?: number;\n}\n\n// When the user drags a column, this component is used to show the potential\n// drop target. Experimental feature. No UX yet.\nexport function ColumnDropTarget(props: ColumnDropTargetProps) {\n  const { x = 0 } = props;\n\n  const style = useMemo(() => {\n    return {\n      left: `${x - 2}px`,\n    };\n  }, [x]);\n\n  if (props.x === undefined) {\n    return null;\n  }\n\n  return <div className={withBaseName()} style={style} />;\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AAQrD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAM,MAAA,EAAE,CAAI,GAAA,CAAA,EAAM,GAAA,KAAA,CAAA;AAElB,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAO,OAAA;AAAA,MACL,IAAA,EAAM,GAAG,CAAI,GAAA,CAAA,CAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAAA,GACF,EAAG,CAAC,CAAC,CAAC,CAAA,CAAA;AAEN,EAAI,IAAA,KAAA,CAAM,MAAM,KAAW,CAAA,EAAA;AACzB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAG,KAAA;AAAA,GAAc,CAAA,CAAA;AACvD;;;;"}

package/dist-es/packages/grid/src/internal/ColumnGhost.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridColumnGhost {\n  background: var(--grid-background);\n  position: absolute;\n  border: solid var(--grid-columnGhost-borderWidth) var(--grid-columnGhost-borderColor);\n  box-shadow: var(--grid-columnGhost-boxShadow);\n  opacity: 0.85;\n}\n\n.saltGridColumnGhost table {\n  table-layout: fixed;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=ColumnGhost.css.js.map

package/dist-es/packages/grid/src/internal/ColumnGhost.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnGhost.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/ColumnGhost.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import './ColumnGhost.css.js';
+import { TableColGroup } from './TableColGroup.js';
+import { HeaderRow } from './HeaderRow.js';
+import { TableBody } from './TableBody.js';
+import { makePrefixer } from '@salt-ds/core';
+
+const withBaseName = makePrefixer("saltGridColumnGhost");
+function ColumnGhost(props) {
+  if (!props.dragState) {
+    return null;
+  }
+  const { columnIndex, x, y } = props.dragState;
+  const { columns, rows, zebra } = props;
+  const movingColumn = columns[columnIndex];
+  const style = {
+    left: x,
+    top: y
+  };
+  return /* @__PURE__ */ jsx("div", {
+    className: withBaseName(),
+    style,
+    children: /* @__PURE__ */ jsxs("table", {
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx(TableColGroup, {
+          columns: [movingColumn]
+        }),
+        /* @__PURE__ */ jsx("thead", {
+          children: /* @__PURE__ */ jsx(HeaderRow, {
+            columns: [movingColumn]
+          })
+        }),
+        /* @__PURE__ */ jsx(TableBody, {
+          columns: [movingColumn],
+          rows,
+          setHoverRowKey: () => {
+          },
+          zebra
+        })
+      ]
+    })
+  });
+}
+
+export { ColumnGhost };
+//# sourceMappingURL=ColumnGhost.js.map

package/dist-es/packages/grid/src/internal/ColumnGhost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnGhost.js","sources":["../src/internal/ColumnGhost.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport \"./ColumnGhost.css\";\nimport { TableColGroup } from \"./TableColGroup\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableBody } from \"./TableBody\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { ColumnDragState } from \"./gridHooks\";\nimport { GridColumnModel, GridRowModel } from \"../Grid\";\n\nconst withBaseName = makePrefixer(\"saltGridColumnGhost\");\n\nexport interface ColumnGhostProps<T> {\n  dragState?: ColumnDragState;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  zebra?: boolean;\n}\n\n// When the user drags a column this component renders a partially transparent\n// copy of the dragged column.\nexport function ColumnGhost<T = any>(props: ColumnGhostProps<T>) {\n  if (!props.dragState) {\n    return null;\n  }\n\n  const { columnIndex, x, y } = props.dragState;\n  const { columns, rows, zebra } = props;\n  const movingColumn = columns[columnIndex];\n\n  const style: CSSProperties = {\n    left: x,\n    top: y,\n  };\n\n  return (\n    <div className={withBaseName()} style={style}>\n      <table aria-hidden>\n        <TableColGroup columns={[movingColumn]} />\n        <thead>\n          <HeaderRow columns={[movingColumn]} />\n        </thead>\n        <TableBody\n          columns={[movingColumn]}\n          rows={rows}\n          setHoverRowKey={() => {}}\n          zebra={zebra}\n        />\n      </table>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAWhD,SAAS,YAAqB,KAA4B,EAAA;AAC/D,EAAI,IAAA,CAAC,MAAM,SAAW,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,EAAE,WAAA,EAAa,CAAG,EAAA,CAAA,KAAM,KAAM,CAAA,SAAA,CAAA;AACpC,EAAA,MAAM,EAAE,OAAA,EAAS,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACjC,EAAA,MAAM,eAAe,OAAQ,CAAA,WAAA,CAAA,CAAA;AAE7B,EAAA,MAAM,KAAuB,GAAA;AAAA,IAC3B,IAAM,EAAA,CAAA;AAAA,IACN,GAAK,EAAA,CAAA;AAAA,GACP,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAG,KAAA;AAAA,IAC9B,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA;AAAA,MAAM,aAAW,EAAA,IAAA;AAAA,MAChB,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,aAAA,EAAA;AAAA,UAAc,OAAA,EAAS,CAAC,YAAY,CAAA;AAAA,SAAG,CAAA;AAAA,wBACvC,GAAA,CAAA,OAAA,EAAA;AAAA,UACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,YAAU,OAAA,EAAS,CAAC,YAAY,CAAA;AAAA,WAAG,CAAA;AAAA,SACtC,CAAA;AAAA,wBACC,GAAA,CAAA,SAAA,EAAA;AAAA,UACC,OAAA,EAAS,CAAC,YAAY,CAAA;AAAA,UACtB,IAAA;AAAA,UACA,gBAAgB,MAAM;AAAA,WAAC;AAAA,UACvB,KAAA;AAAA,SACF,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/Cursor.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridCursor {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}\n\n:focus .saltGridCursor {\n  border-style: var(--grid-cursor-border-style);\n  border-width: var(--grid-cursor-border-width);\n  border-color: var(--grid-cursor-borderColor);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=Cursor.css.js.map

package/dist-es/packages/grid/src/internal/Cursor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cursor.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/Cursor.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import './Cursor.css.js';
+import { makePrefixer } from '@salt-ds/core';
+
+const withBaseName = makePrefixer("saltGridCursor");
+function Cursor(props) {
+  return /* @__PURE__ */ jsx("div", {
+    className: withBaseName()
+  });
+}
+
+export { Cursor };
+//# sourceMappingURL=Cursor.js.map

package/dist-es/packages/grid/src/internal/Cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cursor.js","sources":["../src/internal/Cursor.tsx"],"sourcesContent":["import \"./Cursor.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nconst withBaseName = makePrefixer(\"saltGridCursor\");\n\nexport interface CursorProps {}\n\n// This is probably obsolete. Cursor is rendered using cell borders now.\nexport function Cursor(props: CursorProps) {\n  return <div className={withBaseName()} />;\n}\n"],"names":[],"mappings":";;;;AAGA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA,CAAA;AAK3C,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,GAAG,CAAA,CAAA;AACzC;;;;"}

package/dist-es/packages/grid/src/internal/DefaultCellValue.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridDefaultCellValue {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: var(--grid-cell-padding);\n}\n\n.saltGridDefaultCellValue-alignRight {\n  text-align: right;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=DefaultCellValue.css.js.map

package/dist-es/packages/grid/src/internal/DefaultCellValue.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCellValue.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/DefaultCellValue.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import cn from 'classnames';
+import './DefaultCellValue.css.js';
+
+const withBaseName = makePrefixer("saltGridDefaultCellValue");
+function DefaultCellValue(props) {
+  const { value } = props;
+  return /* @__PURE__ */ jsx("div", {
+    className: cn(withBaseName(), {
+      [withBaseName("alignRight")]: props.column.info.props.align === "right"
+    }),
+    children: value
+  });
+}
+
+export { DefaultCellValue };
+//# sourceMappingURL=DefaultCellValue.js.map

package/dist-es/packages/grid/src/internal/DefaultCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCellValue.js","sources":["../src/internal/DefaultCellValue.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { GridCellValueProps } from \"../GridColumn\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport cn from \"classnames\";\nimport \"./DefaultCellValue.css\";\n\nconst withBaseName = makePrefixer(\"saltGridDefaultCellValue\");\n\n// Default component for cell value wrappers. Rendered as a child of cell\n// components (<td>s)\nexport function DefaultCellValue<T>(props: GridCellValueProps<T>) {\n  const { value } = props;\n  return (\n    <div\n      className={cn(withBaseName(), {\n        [withBaseName(\"alignRight\")]: props.column.info.props.align === \"right\",\n      })}\n    >\n      {value as ReactNode}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AAIrD,SAAS,iBAAoB,KAA8B,EAAA;AAChE,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAG,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC5B,CAAC,aAAa,YAAY,CAAA,GAAI,MAAM,MAAO,CAAA,IAAA,CAAK,MAAM,KAAU,KAAA,OAAA;AAAA,KACjE,CAAA;AAAA,IAEA,QAAA,EAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/FakeCell.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridFakeCell {\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=FakeCell.css.js.map

package/dist-es/packages/grid/src/internal/FakeCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FakeCell.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/FakeCell.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import './FakeCell.css.js';
+import { Cell } from './Cell.js';
+
+function FakeCell(props) {
+  const { row } = props;
+  return /* @__PURE__ */ jsx(Cell, {
+    className: "saltGridFakeCell",
+    "data-row-index": row.index,
+    "data-column-index": -1
+  });
+}
+
+export { FakeCell };
+//# sourceMappingURL=FakeCell.js.map

package/dist-es/packages/grid/src/internal/FakeCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FakeCell.js","sources":["../src/internal/FakeCell.tsx"],"sourcesContent":["import { GridCellProps } from \"../GridColumn\";\nimport \"./FakeCell.css\";\nimport { Cell } from \"./Cell\";\n\nexport type FakeCellProps<T> = Pick<GridCellProps<T>, \"row\">;\n\n// When there is unused space (total width of all columns is less than the\n// available client width of the grid) a column with fake cells is rendered to\n// fill this space. Zebra and row selection/hover highlighting is applied to\n// this column. Fake cells can't have keyboard focus or render any values.\nexport function FakeCell<T>(props: FakeCellProps<T>) {\n  const { row } = props;\n  return (\n    <Cell\n      className=\"saltGridFakeCell\"\n      data-row-index={row.index}\n      data-column-index={-1}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA,CAAA;AAChB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,SAAU,EAAA,kBAAA;AAAA,IACV,kBAAgB,GAAI,CAAA,KAAA;AAAA,IACpB,mBAAmB,EAAA,CAAA,CAAA;AAAA,GACrB,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/FakeGroupCell.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+
+function FakeGroupCell() {
+  return /* @__PURE__ */ jsx("th", {});
+}
+
+export { FakeGroupCell };
+//# sourceMappingURL=FakeGroupCell.js.map

package/dist-es/packages/grid/src/internal/FakeGroupCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FakeGroupCell.js","sources":["../src/internal/FakeGroupCell.tsx"],"sourcesContent":["export function FakeGroupCell() {\n  return <th />;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,aAAgB,GAAA;AAC9B,EAAA,2BAAQ,IAAG,EAAA,EAAA,CAAA,CAAA;AACb;;;;"}

package/dist-es/packages/grid/src/internal/FakeHeaderCell.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+
+function FakeHeaderCell() {
+  return /* @__PURE__ */ jsx("th", {
+    "data-testid": "grid-fake-column-header"
+  });
+}
+
+export { FakeHeaderCell };
+//# sourceMappingURL=FakeHeaderCell.js.map

package/dist-es/packages/grid/src/internal/FakeHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FakeHeaderCell.js","sources":["../src/internal/FakeHeaderCell.tsx"],"sourcesContent":["// See FakeCell.tsx\nexport function FakeHeaderCell() {\n  return <th data-testid=\"grid-fake-column-header\" />;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAiB,GAAA;AAC/B,EAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,IAAG,aAAY,EAAA,yBAAA;AAAA,GAA0B,CAAA,CAAA;AACnD;;;;"}

package/dist-es/packages/grid/src/internal/GroupHeaderRow.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridGroupHeaderRow {\n  height: var(--grid-row-height);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=GroupHeaderRow.css.js.map

package/dist-es/packages/grid/src/internal/GroupHeaderRow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHeaderRow.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/GroupHeaderRow.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import './GroupHeaderRow.css.js';
+import { GroupHeaderCell } from '../GroupHeaderCell.js';
+import { makePrefixer } from '@salt-ds/core';
+import { FakeGroupCell } from './FakeGroupCell.js';
+import { GroupHeaderCellValue } from '../GroupHeaderCellValue.js';
+
+const withBaseName = makePrefixer("saltGridGroupHeaderRow");
+function GroupHeaderRow(props) {
+  const { groups, gap } = props;
+  if (groups.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("tr", {
+    className: withBaseName(),
+    role: "row",
+    children: [
+      groups.map((group) => {
+        const Cell = group.data.headerComponent || GroupHeaderCell;
+        const CellValue = group.data.headerValueComponent || GroupHeaderCellValue;
+        return /* @__PURE__ */ jsx(Cell, {
+          group,
+          children: /* @__PURE__ */ jsx(CellValue, {
+            group
+          })
+        }, group.data.id);
+      }),
+      gap !== void 0 && gap > 0 ? /* @__PURE__ */ jsx(FakeGroupCell, {}) : null
+    ]
+  });
+}
+
+export { GroupHeaderRow };
+//# sourceMappingURL=GroupHeaderRow.js.map

package/dist-es/packages/grid/src/internal/GroupHeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHeaderRow.js","sources":["../src/internal/GroupHeaderRow.tsx"],"sourcesContent":["import \"./GroupHeaderRow.css\";\nimport { GroupHeaderCell } from \"../GroupHeaderCell\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnGroupModel } from \"../Grid\";\nimport { FakeGroupCell } from \"./FakeGroupCell\";\nimport { GroupHeaderCellValue } from \"../GroupHeaderCellValue\";\n\nconst withBaseName = makePrefixer(\"saltGridGroupHeaderRow\");\n\nexport interface GroupHeaderRowProps<T> {\n  groups: GridColumnGroupModel[];\n  gap?: number;\n}\n\nexport function GroupHeaderRow<T>(props: GroupHeaderRowProps<T>) {\n  const { groups, gap } = props;\n\n  if (groups.length === 0) {\n    return null;\n  }\n  return (\n    <tr className={withBaseName()} role=\"row\">\n      {groups.map((group) => {\n        const Cell = group.data.headerComponent || GroupHeaderCell;\n        const CellValue =\n          group.data.headerValueComponent || GroupHeaderCellValue;\n        return (\n          <Cell key={group.data.id} group={group}>\n            <CellValue group={group} />\n          </Cell>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeGroupCell /> : null}\n    </tr>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAOnD,SAAS,eAAkB,KAA+B,EAAA;AAC/D,EAAM,MAAA,EAAE,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AAExB,EAAI,IAAA,MAAA,CAAO,WAAW,CAAG,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IAAG,WAAW,YAAa,EAAA;AAAA,IAAG,IAAK,EAAA,KAAA;AAAA,IACjC,QAAA,EAAA;AAAA,MAAO,MAAA,CAAA,GAAA,CAAI,CAAC,KAAU,KAAA;AACrB,QAAM,MAAA,IAAA,GAAO,KAAM,CAAA,IAAA,CAAK,eAAmB,IAAA,eAAA,CAAA;AAC3C,QAAM,MAAA,SAAA,GACJ,KAAM,CAAA,IAAA,CAAK,oBAAwB,IAAA,oBAAA,CAAA;AACrC,QAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,UAAyB,KAAA;AAAA,UACxB,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,YAAU,KAAA;AAAA,WAAc,CAAA;AAAA,SADhB,EAAA,KAAA,CAAM,KAAK,EAEtB,CAAA,CAAA;AAAA,OAEH,CAAA;AAAA,MACA,QAAQ,KAAa,CAAA,IAAA,GAAA,GAAM,CAAI,mBAAA,GAAA,CAAC,iBAAc,CAAK,GAAA,IAAA;AAAA,KAAA;AAAA,GACtD,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/HeaderRow.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridHeaderRow {\n  height: var(--grid-row-height);\n}\n\n.saltGridHeaderRow th {\n  border-style: solid;\n  border-color: var(--grid-headerRowSeparator-color);\n  border-width: 0 0 var(--grid-headerRowSeparator-height) 0;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=HeaderRow.css.js.map

package/dist-es/packages/grid/src/internal/HeaderRow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRow.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/HeaderRow.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import './HeaderRow.css.js';
+import { makePrefixer } from '@salt-ds/core';
+import { HeaderCell } from '../HeaderCell.js';
+import { HeaderCellValue } from '../HeaderCellValue.js';
+import { FakeHeaderCell } from './FakeHeaderCell.js';
+import { useCursorContext } from '../CursorContext.js';
+
+const withBaseName = makePrefixer("saltGridHeaderRow");
+function HeaderRow(props) {
+  const { columns, gap } = props;
+  const { cursorColIdx, focusedPart, headerIsFocusable } = useCursorContext();
+  const ariaRowIndex = headerIsFocusable ? 1 : void 0;
+  return /* @__PURE__ */ jsxs("tr", {
+    className: withBaseName(),
+    role: "row",
+    "aria-rowindex": ariaRowIndex,
+    children: [
+      columns.map((column) => {
+        const Cell = column.info.props.headerComponent || HeaderCell;
+        const CellValue = column.info.props.headerValueComponent || HeaderCellValue;
+        const isFocused = focusedPart === "header" && cursorColIdx === column.index;
+        return /* @__PURE__ */ jsx(Cell, {
+          column,
+          isFocused,
+          children: /* @__PURE__ */ jsx(CellValue, {
+            column,
+            isFocused
+          })
+        }, column.info.props.id);
+      }),
+      gap !== void 0 && gap > 0 ? /* @__PURE__ */ jsx(FakeHeaderCell, {}) : null
+    ]
+  });
+}
+
+export { HeaderRow };
+//# sourceMappingURL=HeaderRow.js.map

package/dist-es/packages/grid/src/internal/HeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRow.js","sources":["../src/internal/HeaderRow.tsx"],"sourcesContent":["import \"./HeaderRow.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnModel } from \"../Grid\";\nimport { HeaderCell } from \"../HeaderCell\";\nimport { HeaderCellValue } from \"../HeaderCellValue\";\nimport { FakeHeaderCell } from \"./FakeHeaderCell\";\nimport { useCursorContext } from \"../CursorContext\";\n\nconst withBaseName = makePrefixer(\"saltGridHeaderRow\");\n\nexport interface HeaderRowProps<T> {\n  columns: GridColumnModel<T>[];\n  gap?: number;\n}\n\nexport function HeaderRow<T>(props: HeaderRowProps<T>) {\n  const { columns, gap } = props;\n  const { cursorColIdx, focusedPart, headerIsFocusable } = useCursorContext();\n\n  const ariaRowIndex = headerIsFocusable ? 1 : undefined;\n\n  return (\n    <tr className={withBaseName()} role=\"row\" aria-rowindex={ariaRowIndex}>\n      {columns.map((column) => {\n        const Cell = column.info.props.headerComponent || HeaderCell;\n        const CellValue =\n          column.info.props.headerValueComponent || HeaderCellValue;\n        const isFocused =\n          focusedPart === \"header\" && cursorColIdx === column.index;\n        return (\n          <Cell\n            key={column.info.props.id}\n            column={column}\n            isFocused={isFocused}\n          >\n            <CellValue column={column} isFocused={isFocused} />\n          </Cell>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeHeaderCell /> : null}\n    </tr>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAO9C,SAAS,UAAa,KAA0B,EAAA;AACrD,EAAM,MAAA,EAAE,OAAS,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AACzB,EAAA,MAAM,EAAE,YAAA,EAAc,WAAa,EAAA,iBAAA,KAAsB,gBAAiB,EAAA,CAAA;AAE1E,EAAM,MAAA,YAAA,GAAe,oBAAoB,CAAI,GAAA,KAAA,CAAA,CAAA;AAE7C,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IAAG,WAAW,YAAa,EAAA;AAAA,IAAG,IAAK,EAAA,KAAA;AAAA,IAAM,eAAe,EAAA,YAAA;AAAA,IACtD,QAAA,EAAA;AAAA,MAAQ,OAAA,CAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACvB,QAAA,MAAM,IAAO,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,eAAmB,IAAA,UAAA,CAAA;AAClD,QAAA,MAAM,SACJ,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,oBAAwB,IAAA,eAAA,CAAA;AAC5C,QAAA,MAAM,SACJ,GAAA,WAAA,KAAgB,QAAY,IAAA,YAAA,KAAiB,MAAO,CAAA,KAAA,CAAA;AACtD,QAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,UAEC,MAAA;AAAA,UACA,SAAA;AAAA,UAEA,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,YAAU,MAAA;AAAA,YAAgB,SAAA;AAAA,WAAsB,CAAA;AAAA,SAJ5C,EAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,EAKzB,CAAA,CAAA;AAAA,OAEH,CAAA;AAAA,MACA,QAAQ,KAAa,CAAA,IAAA,GAAA,GAAM,CAAI,mBAAA,GAAA,CAAC,kBAAe,CAAK,GAAA,IAAA;AAAA,KAAA;AAAA,GACvD,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/LeftPart.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridLeftPart {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: var(--grid-scrollBar-height);\n  overflow-x: hidden;\n  overflow-y: hidden;\n  clip-path: inset(var(--grid-topPart-height) -10px 0 0);\n  z-index: var(--grid-left-body-zIndex);\n}\n\n.saltGridLeftPart-rightShadow {\n  box-shadow: 2px 0 4px 0 var(--grid-shadow-color);\n}\n\n.saltGridLeftPart-space {\n  position: relative;\n  height: var(--grid-total-height);\n  width: var(--grid-leftPart-width);\n}\n\n.saltGridLeftPart table {\n  table-layout: fixed;\n  position: absolute;\n  top: var(--grid-bodyVisibleArea-top);\n  width: var(--grid-leftPart-width);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=LeftPart.css.js.map

package/dist-es/packages/grid/src/internal/LeftPart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftPart.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/LeftPart.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { TableColGroup } from './TableColGroup.js';
+import { TableBody } from './TableBody.js';
+import './LeftPart.css.js';
+import { makePrefixer } from '@salt-ds/core';
+import { useActiveOnWheel } from './gridHooks.js';
+
+const withBaseName = makePrefixer("saltGridLeftPart");
+function LeftPart(props) {
+  const {
+    leftRef,
+    onWheel,
+    rightShadow,
+    columns,
+    rows,
+    hoverOverRowKey,
+    setHoverOverRowKey,
+    zebra
+  } = props;
+  const tableRef = useActiveOnWheel(onWheel);
+  if (columns.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", {
+    ref: leftRef,
+    className: cn(withBaseName(), {
+      [withBaseName("rightShadow")]: rightShadow
+    }),
+    children: /* @__PURE__ */ jsx("div", {
+      className: withBaseName("space"),
+      "data-testid": "grid-left-part",
+      children: /* @__PURE__ */ jsxs("table", {
+        ref: tableRef,
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ jsx(TableColGroup, {
+            columns
+          }),
+          /* @__PURE__ */ jsx(TableBody, {
+            columns,
+            rows,
+            hoverRowKey: hoverOverRowKey,
+            setHoverRowKey: setHoverOverRowKey,
+            zebra
+          })
+        ]
+      })
+    })
+  });
+}
+
+export { LeftPart };
+//# sourceMappingURL=LeftPart.js.map

package/dist-es/packages/grid/src/internal/LeftPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftPart.js","sources":["../src/internal/LeftPart.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { TableColGroup } from \"./TableColGroup\";\nimport { TableBody } from \"./TableBody\";\nimport { RefObject } from \"react\";\nimport \"./LeftPart.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnModel, GridRowModel } from \"../Grid\";\nimport { useActiveOnWheel } from \"./gridHooks\";\n\nconst withBaseName = makePrefixer(\"saltGridLeftPart\");\n\nexport interface LeftPartProps<T> {\n  leftRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  rightShadow?: boolean;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  zebra?: boolean;\n}\n\nexport function LeftPart<T>(props: LeftPartProps<T>) {\n  const {\n    leftRef,\n    onWheel,\n    rightShadow,\n    columns,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    zebra,\n  } = props;\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={leftRef}\n      className={cn(withBaseName(), {\n        [withBaseName(\"rightShadow\")]: rightShadow,\n      })}\n    >\n      <div className={withBaseName(\"space\")} data-testid=\"grid-left-part\">\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            zebra={zebra}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA,CAAA;AAa7C,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA,CAAA;AAEzC,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,OAAA;AAAA,IACL,SAAA,EAAW,EAAG,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC5B,CAAC,YAAa,CAAA,aAAa,CAAI,GAAA,WAAA;AAAA,KAChC,CAAA;AAAA,IAED,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,MAAG,aAAY,EAAA,gBAAA;AAAA,MACjD,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA;AAAA,QAAM,GAAK,EAAA,QAAA;AAAA,QAAU,IAAK,EAAA,cAAA;AAAA,QACzB,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,aAAA,EAAA;AAAA,YAAc,OAAA;AAAA,WAAkB,CAAA;AAAA,0BAChC,GAAA,CAAA,SAAA,EAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAa,EAAA,eAAA;AAAA,YACb,cAAgB,EAAA,kBAAA;AAAA,YAChB,KAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/MiddlePart.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridMiddlePart {\n  overflow-y: hidden;\n  overflow-x: hidden;\n  position: absolute;\n  top: 0;\n  right: var(--grid-scrollBar-width);\n  bottom: var(--grid-scrollBar-height);\n  left: 0;\n  clip-path: inset(var(--grid-topPart-height) var(--grid-rightPart-width) 0 var(--grid-leftPart-width));\n  touch-action: none;\n  z-index: var(--grid-middle-body-zIndex);\n}\n\n.saltGridMiddlePart-space {\n  position: relative;\n  height: var(--grid-total-height);\n  width: var(--grid-total-width);\n}\n\n.saltGridMiddlePart table {\n  table-layout: fixed;\n  position: absolute;\n\n  width: var(--grid-bodyVisibleColumns-width);\n  top: var(--grid-bodyVisibleArea-top);\n  left: var(--grid-bodyVisibleArea-left);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=MiddlePart.css.js.map

package/dist-es/packages/grid/src/internal/MiddlePart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddlePart.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/MiddlePart.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TableColGroup } from './TableColGroup.js';
+import { TableBody } from './TableBody.js';
+import './MiddlePart.css.js';
+import { makePrefixer } from '@salt-ds/core';
+import { useActiveOnWheel } from './gridHooks.js';
+
+const withBaseName = makePrefixer("saltGridMiddlePart");
+function MiddlePart(props) {
+  const {
+    middleRef,
+    onWheel,
+    columns,
+    rows,
+    hoverOverRowKey,
+    setHoverOverRowKey,
+    midGap,
+    zebra
+  } = props;
+  const tableRef = useActiveOnWheel(onWheel);
+  return /* @__PURE__ */ jsx("div", {
+    ref: middleRef,
+    className: withBaseName(),
+    "data-testid": "grid-middle-part",
+    children: /* @__PURE__ */ jsx("div", {
+      className: withBaseName("space"),
+      children: /* @__PURE__ */ jsxs("table", {
+        ref: tableRef,
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ jsx(TableColGroup, {
+            columns,
+            gap: midGap
+          }),
+          /* @__PURE__ */ jsx(TableBody, {
+            columns,
+            rows,
+            hoverRowKey: hoverOverRowKey,
+            setHoverRowKey: setHoverOverRowKey,
+            gap: midGap,
+            zebra
+          })
+        ]
+      })
+    })
+  });
+}
+
+export { MiddlePart };
+//# sourceMappingURL=MiddlePart.js.map

package/dist-es/packages/grid/src/internal/MiddlePart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddlePart.js","sources":["../src/internal/MiddlePart.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport { TableColGroup } from \"./TableColGroup\";\nimport { TableBody } from \"./TableBody\";\nimport \"./MiddlePart.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnModel, GridRowModel } from \"../Grid\";\nimport { useActiveOnWheel } from \"./gridHooks\";\n\nconst withBaseName = makePrefixer(\"saltGridMiddlePart\");\n\nexport interface MiddlePartProps<T> {\n  middleRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  midGap: number;\n  zebra?: boolean;\n}\n\nexport function MiddlePart<T>(props: MiddlePartProps<T>) {\n  const {\n    middleRef,\n    onWheel,\n    columns,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    midGap,\n    zebra,\n  } = props;\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  return (\n    <div\n      ref={middleRef}\n      className={withBaseName()}\n      data-testid=\"grid-middle-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} gap={midGap} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            gap={midGap}\n            zebra={zebra}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAa/C,SAAS,WAAc,KAA2B,EAAA;AACvD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA,CAAA;AAEzC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,SAAA;AAAA,IACL,WAAW,YAAa,EAAA;AAAA,IACxB,aAAY,EAAA,kBAAA;AAAA,IAEZ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,MAClC,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA;AAAA,QAAM,GAAK,EAAA,QAAA;AAAA,QAAU,IAAK,EAAA,cAAA;AAAA,QACzB,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,aAAA,EAAA;AAAA,YAAc,OAAA;AAAA,YAAkB,GAAK,EAAA,MAAA;AAAA,WAAQ,CAAA;AAAA,0BAC7C,GAAA,CAAA,SAAA,EAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAa,EAAA,eAAA;AAAA,YACb,cAAgB,EAAA,kBAAA;AAAA,YAChB,GAAK,EAAA,MAAA;AAAA,YACL,KAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/RightPart.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridRightPart {\n  position: absolute;\n  top: 0;\n  right: var(--grid-scrollBar-width);\n  bottom: var(--grid-scrollBar-height);\n  overflow-x: hidden;\n  overflow-y: hidden;\n  clip-path: inset(var(--grid-topPart-height) 0 0 -10px);\n  z-index: var(--grid-right-body-zIndex);\n}\n\n.saltGridRightPart-leftShadow {\n  box-shadow: -2px 0 4px 0 var(--grid-shadow-color);\n}\n\n.saltGrid-pinnedSeparators .saltGridRightPart-leftShadow {\n  border-left: solid 1px var(--grid-pinnedSeparator-color);\n}\n\n.saltGridRightPart-space {\n  position: relative;\n  height: var(--grid-total-height);\n  width: var(--grid-rightPart-width);\n}\n\n.saltGridRightPart table {\n  table-layout: fixed;\n  position: absolute;\n\n  top: var(--grid-bodyVisibleArea-top);\n  width: var(--grid-rightPart-width);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=RightPart.css.js.map

package/dist-es/packages/grid/src/internal/RightPart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPart.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/grid/src/internal/RightPart.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { TableColGroup } from './TableColGroup.js';
+import { TableBody } from './TableBody.js';
+import './RightPart.css.js';
+import { makePrefixer } from '@salt-ds/core';
+import { useActiveOnWheel } from './gridHooks.js';
+
+const withBaseName = makePrefixer("saltGridRightPart");
+function RightPart(props) {
+  const {
+    rightRef,
+    onWheel,
+    columns,
+    leftShadow,
+    rows,
+    hoverOverRowKey,
+    setHoverOverRowKey,
+    zebra
+  } = props;
+  const tableRef = useActiveOnWheel(onWheel);
+  if (columns.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", {
+    ref: rightRef,
+    className: cn(withBaseName(), {
+      [withBaseName("leftShadow")]: leftShadow
+    }),
+    "data-testid": "grid-right-part",
+    children: /* @__PURE__ */ jsx("div", {
+      className: withBaseName("space"),
+      children: /* @__PURE__ */ jsxs("table", {
+        ref: tableRef,
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ jsx(TableColGroup, {
+            columns
+          }),
+          /* @__PURE__ */ jsx(TableBody, {
+            columns,
+            rows,
+            hoverRowKey: hoverOverRowKey,
+            setHoverRowKey: setHoverOverRowKey,
+            zebra
+          })
+        ]
+      })
+    })
+  });
+}
+
+export { RightPart };
+//# sourceMappingURL=RightPart.js.map

package/dist-es/packages/grid/src/internal/RightPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightPart.js","sources":["../src/internal/RightPart.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport cn from \"classnames\";\nimport { TableColGroup } from \"./TableColGroup\";\nimport { TableBody } from \"./TableBody\";\nimport \"./RightPart.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnModel, GridRowModel } from \"../Grid\";\nimport { useActiveOnWheel } from \"./gridHooks\";\n\nconst withBaseName = makePrefixer(\"saltGridRightPart\");\n\nexport interface RightPartProps<T> {\n  rightRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  leftShadow?: boolean;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  zebra?: boolean;\n}\n\nexport function RightPart<T>(props: RightPartProps<T>) {\n  const {\n    rightRef,\n    onWheel,\n    columns,\n    leftShadow,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    zebra,\n  } = props;\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={rightRef}\n      className={cn(withBaseName(), {\n        [withBaseName(\"leftShadow\")]: leftShadow,\n      })}\n      data-testid=\"grid-right-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            zebra={zebra}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAa9C,SAAS,UAAa,KAA0B,EAAA;AACrD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA,CAAA;AAEzC,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,QAAA;AAAA,IACL,SAAA,EAAW,EAAG,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC5B,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,KAC/B,CAAA;AAAA,IACD,aAAY,EAAA,iBAAA;AAAA,IAEZ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,MAClC,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA;AAAA,QAAM,GAAK,EAAA,QAAA;AAAA,QAAU,IAAK,EAAA,cAAA;AAAA,QACzB,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,aAAA,EAAA;AAAA,YAAc,OAAA;AAAA,WAAkB,CAAA;AAAA,0BAChC,GAAA,CAAA,SAAA,EAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAa,EAAA,eAAA;AAAA,YACb,cAAgB,EAAA,kBAAA;AAAA,YAChB,KAAA;AAAA,WACF,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/internal/Scrollable.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridScrollable {\n  overflow-y: auto;\n  overflow-x: auto;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.saltGridScrollable-space {\n  position: relative;\n  height: var(--grid-total-height);\n  width: var(--grid-total-width);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=Scrollable.css.js.map

package/dist-es/packages/grid/src/internal/Scrollable.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}