@salt-ds/data-grid 1.0.0

package/dist-es/packages/grid/src/NumericColumn.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { GridColumn } from './GridColumn.js';
+import './NumericColumn.css.js';
+import { useRef, useState, useEffect } from 'react';
+import { useEditorContext } from './EditorContext.js';
+import { CornerTag } from './CornerTag.js';
+import { Cell } from './internal/Cell.js';
+import './internal/CellMeasure.js';
+import './internal/Cursor.js';
+import './internal/GroupHeaderRow.js';
+import './internal/HeaderRow.js';
+import './internal/LeftPart.js';
+import './internal/MiddlePart.js';
+import './internal/RightPart.js';
+import './internal/Scrollable.js';
+import './internal/TableRow.js';
+import './SelectionContext.js';
+import './CursorContext.js';
+import './NumberRange.js';
+import '@salt-ds/core';
+import './internal/TopLeftPart.js';
+import './internal/TopPart.js';
+import './internal/TopRightPart.js';
+import './internal/FakeCell.css.js';
+import './internal/DefaultCellValue.js';
+
+function isNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function NumericCellValue(props) {
+  const { column, value } = props;
+  const columnProps = column.info.props;
+  const { precision } = columnProps;
+  const text = isNumber(value) ? value.toFixed(precision) : "";
+  return /* @__PURE__ */ jsx("div", {
+    className: "saltGridNumericCellValue",
+    children: text
+  });
+}
+function NumericCellEditor(props) {
+  const { column, row } = props;
+  const inputRef = useRef(null);
+  const { endEditMode, cancelEditMode, initialText } = useEditorContext();
+  const [editorText, setEditorText] = useState(
+    initialText != null ? initialText : column.info.props.getValue(row.data)
+  );
+  const initialSelectionRef = useRef(!!initialText);
+  const onChange = (e) => {
+    setEditorText(e.target.value);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter") {
+      endEditMode(editorText);
+      return;
+    }
+    if (event.key === "Escape") {
+      cancelEditMode();
+      return;
+    }
+    if (event.key === "Tab") {
+      endEditMode(editorText);
+      event.preventDefault();
+      return;
+    }
+    event.stopPropagation();
+  };
+  useEffect(() => {
+    if (inputRef.current && !initialSelectionRef.current) {
+      inputRef.current.select();
+      initialSelectionRef.current = true;
+    }
+  }, [inputRef.current]);
+  return /* @__PURE__ */ jsxs(Cell, {
+    separator: column == null ? void 0 : column.separator,
+    className: "saltGridNumericCellEditor",
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: "saltGridNumericCellEditor-inputContainer",
+        children: /* @__PURE__ */ jsx("input", {
+          ref: inputRef,
+          "data-testid": "grid-cell-editor-input",
+          autoFocus: true,
+          value: editorText,
+          onChange,
+          onKeyDown
+        })
+      }),
+      /* @__PURE__ */ jsx(CornerTag, {})
+    ]
+  });
+}
+function NumericColumn(props) {
+  return /* @__PURE__ */ jsx(GridColumn, {
+    ...props,
+    align: "right",
+    cellValueComponent: NumericCellValue,
+    children: props.children
+  });
+}
+
+export { NumericCellEditor, NumericCellValue, NumericColumn };
+//# sourceMappingURL=NumericColumn.js.map

package/dist-es/packages/grid/src/NumericColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericColumn.js","sources":["../src/NumericColumn.tsx"],"sourcesContent":["import { GridCellValueProps, GridColumn, GridColumnProps } from \"./GridColumn\";\nimport \"./NumericColumn.css\";\nimport { GridColumnModel, GridRowModel } from \"./Grid\";\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useEditorContext } from \"./EditorContext\";\nimport { CornerTag } from \"./CornerTag\";\nimport { Cell } from \"./internal\";\n\nexport interface NumericColumnProps<T> extends GridColumnProps<T> {\n  precision: number;\n}\n\nfunction isNumber(value: any): value is number {\n  return typeof value === \"number\" && Number.isFinite(value);\n}\n\nexport function NumericCellValue<T>(props: GridCellValueProps<T>) {\n  const { column, value } = props;\n  const columnProps = column.info.props as NumericColumnProps<T>;\n  const { precision } = columnProps;\n  const text = isNumber(value) ? value.toFixed(precision) : \"\";\n  return <div className=\"saltGridNumericCellValue\">{text}</div>;\n}\n\nexport interface NumericEditorProps<T> {\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n  children?: ReactNode;\n}\n\nexport function NumericCellEditor<T>(props: NumericEditorProps<T>) {\n  const { column, row } = props;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { endEditMode, cancelEditMode, initialText } = useEditorContext();\n\n  const [editorText, setEditorText] = useState<string>(\n    initialText != null ? initialText : column!.info.props.getValue!(row!.data)\n  );\n\n  const initialSelectionRef = useRef(!!initialText);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    setEditorText(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (event.key === \"Enter\") {\n      endEditMode(editorText);\n      return;\n    }\n    if (event.key === \"Escape\") {\n      cancelEditMode();\n      return;\n    }\n    if (event.key === \"Tab\") {\n      endEditMode(editorText);\n      event.preventDefault();\n      return;\n    }\n    event.stopPropagation();\n  };\n\n  useEffect(() => {\n    if (inputRef.current && !initialSelectionRef.current) {\n      inputRef.current.select();\n      initialSelectionRef.current = true;\n    }\n  }, [inputRef.current]);\n\n  return (\n    <Cell separator={column?.separator} className=\"saltGridNumericCellEditor\">\n      <div className=\"saltGridNumericCellEditor-inputContainer\">\n        <input\n          ref={inputRef}\n          data-testid=\"grid-cell-editor-input\"\n          autoFocus={true}\n          value={editorText}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n        />\n      </div>\n      <CornerTag />\n    </Cell>\n  );\n}\n\nexport function NumericColumn<T>(props: NumericColumnProps<T>) {\n  return (\n    <GridColumn\n      {...props}\n      align={\"right\"}\n      cellValueComponent={NumericCellValue}\n    >\n      {props.children}\n    </GridColumn>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/grid/src/RowSelectionCheckboxCellValue.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { CheckboxBase } from '@salt-ds/lab';
+import { useSelectionContext } from './SelectionContext.js';
+import './CheckboxCell.css.js';
+import { useCursorContext } from './CursorContext.js';
+
+function RowSelectionCheckboxCellValue(props) {
+  const { row, column, isFocused } = props;
+  const { selRowIdxs, selectRows } = useSelectionContext();
+  const { moveCursor } = useCursorContext();
+  const isSelected = selRowIdxs.has(row.index);
+  const onMouseDown = (event) => {
+    selectRows({ rowIndex: row.index, incremental: true });
+    moveCursor("body", row.index, column.index);
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx("div", {
+    className: "saltGridCheckboxContainer",
+    onMouseDown,
+    children: /* @__PURE__ */ jsx(CheckboxBase, {
+      "data-testid": "grid-row-selection-checkbox",
+      inputProps: {
+        "aria-label": "Select Row",
+        tabIndex: isFocused ? 0 : -1
+      },
+      checked: isSelected
+    })
+  });
+}
+
+export { RowSelectionCheckboxCellValue };
+//# sourceMappingURL=RowSelectionCheckboxCellValue.js.map

package/dist-es/packages/grid/src/RowSelectionCheckboxCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionCheckboxCellValue.js","sources":["../src/RowSelectionCheckboxCellValue.tsx"],"sourcesContent":["import { CheckboxBase } from \"@salt-ds/lab\";\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport \"./CheckboxCell.css\";\nimport { MouseEventHandler } from \"react\";\nimport { useCursorContext } from \"./CursorContext\";\n\nexport function RowSelectionCheckboxCellValue<T>(props: GridCellValueProps<T>) {\n  const { row, column, isFocused } = props;\n  const { selRowIdxs, selectRows } = useSelectionContext();\n  const { moveCursor } = useCursorContext();\n\n  const isSelected = selRowIdxs.has(row.index);\n\n  const onMouseDown: MouseEventHandler<HTMLDivElement> = (event) => {\n    selectRows({ rowIndex: row.index, incremental: true });\n    moveCursor(\"body\", row.index, column.index);\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return (\n    <div className=\"saltGridCheckboxContainer\" onMouseDown={onMouseDown}>\n      <CheckboxBase\n        data-testid=\"grid-row-selection-checkbox\"\n        inputProps={{\n          \"aria-label\": \"Select Row\",\n          tabIndex: isFocused ? 0 : -1,\n        }}\n        checked={isSelected}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAOO,SAAS,8BAAiC,KAA8B,EAAA;AAC7E,EAAA,MAAM,EAAE,GAAA,EAAK,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACnC,EAAA,MAAM,EAAE,UAAA,EAAY,UAAW,EAAA,GAAI,mBAAoB,EAAA,CAAA;AACvD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAExC,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAE3C,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,UAAA,CAAW,EAAE,QAAU,EAAA,GAAA,CAAI,KAAO,EAAA,WAAA,EAAa,MAAM,CAAA,CAAA;AACrD,IAAA,UAAA,CAAW,MAAQ,EAAA,GAAA,CAAI,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAC1C,IAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,IAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2BAAA;AAAA,IAA4B,WAAA;AAAA,IACzC,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,MACC,aAAY,EAAA,6BAAA;AAAA,MACZ,UAAY,EAAA;AAAA,QACV,YAAc,EAAA,YAAA;AAAA,QACd,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,OAC5B;AAAA,MACA,OAAS,EAAA,UAAA;AAAA,KACX,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/RowSelectionCheckboxColumn.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { RowSelectionCheckboxHeaderCellValue } from './RowSelectionCheckboxHeaderCellValue.js';
+import { RowSelectionCheckboxCellValue } from './RowSelectionCheckboxCellValue.js';
+import { GridColumn } from './GridColumn.js';
+import { useSelectionContext } from './SelectionContext.js';
+import { AutoSizeHeaderCell } from './HeaderCell.js';
+
+function RowSelectionCheckboxColumn(props) {
+  const { selectRows } = useSelectionContext();
+  const onKeyDown = (event, rowIndex) => {
+    if (event.key === " ") {
+      selectRows({ rowIndex, incremental: true });
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  return /* @__PURE__ */ jsx(GridColumn, {
+    ...props,
+    defaultWidth: 100,
+    headerComponent: AutoSizeHeaderCell,
+    headerValueComponent: RowSelectionCheckboxHeaderCellValue,
+    cellValueComponent: RowSelectionCheckboxCellValue,
+    onKeyDown
+  });
+}
+
+export { RowSelectionCheckboxColumn };
+//# sourceMappingURL=RowSelectionCheckboxColumn.js.map

package/dist-es/packages/grid/src/RowSelectionCheckboxColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionCheckboxColumn.js","sources":["../src/RowSelectionCheckboxColumn.tsx"],"sourcesContent":["import { KeyboardEvent } from \"react\";\nimport { RowSelectionCheckboxHeaderCellValue } from \"./RowSelectionCheckboxHeaderCellValue\";\nimport { RowSelectionCheckboxCellValue } from \"./RowSelectionCheckboxCellValue\";\nimport { GridColumn, GridColumnProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\n\nexport type RowSelectionCheckboxColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionCheckboxColumn<T>(\n  props: RowSelectionCheckboxColumnProps<T>\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = (\n    event: KeyboardEvent<HTMLDivElement>,\n    rowIndex: number\n  ) => {\n    if (event.key === \" \") {\n      selectRows({ rowIndex, incremental: true });\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={AutoSizeHeaderCell}\n      headerValueComponent={RowSelectionCheckboxHeaderCellValue}\n      cellValueComponent={RowSelectionCheckboxCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAYO,SAAS,2BACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA,CAAA;AAE3C,EAAM,MAAA,SAAA,GAAY,CAChB,KAAA,EACA,QACG,KAAA;AACH,IAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,MAAA,UAAA,CAAW,EAAE,QAAA,EAAU,WAAa,EAAA,IAAA,EAAM,CAAA,CAAA;AAC1C,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,KACxB;AAAA,GACF,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,UAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,YAAc,EAAA,GAAA;AAAA,IACd,eAAiB,EAAA,kBAAA;AAAA,IACjB,oBAAsB,EAAA,mCAAA;AAAA,IACtB,kBAAoB,EAAA,6BAAA;AAAA,IACpB,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/RowSelectionCheckboxHeaderCellValue.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { useSelectionContext } from './SelectionContext.js';
+import { CheckboxBase } from '@salt-ds/lab';
+import './CheckboxCell.css.js';
+
+function RowSelectionCheckboxHeaderCellValue(props) {
+  const { isFocused } = props;
+  const { selectAll, unselectAll, isAllSelected, isAnySelected } = useSelectionContext();
+  const onMousedown = (event) => {
+    if (isAllSelected) {
+      unselectAll();
+    } else {
+      selectAll();
+    }
+  };
+  const onKeyDown = (event) => {
+    if (event.key === " ") {
+      if (isAllSelected) {
+        unselectAll();
+      } else {
+        selectAll();
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", {
+    onMouseDown: onMousedown,
+    className: "saltGridCheckboxContainer",
+    onKeyDown,
+    children: /* @__PURE__ */ jsx(CheckboxBase, {
+      "data-testid": "grid-row-select-all-checkbox",
+      inputProps: {
+        "aria-label": "Select All",
+        tabIndex: isFocused ? 0 : -1
+      },
+      checked: isAllSelected,
+      indeterminate: !isAllSelected && isAnySelected
+    })
+  });
+}
+
+export { RowSelectionCheckboxHeaderCellValue };
+//# sourceMappingURL=RowSelectionCheckboxHeaderCellValue.js.map

package/dist-es/packages/grid/src/RowSelectionCheckboxHeaderCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionCheckboxHeaderCellValue.js","sources":["../src/RowSelectionCheckboxHeaderCellValue.tsx"],"sourcesContent":["import { useSelectionContext } from \"./SelectionContext\";\nimport { KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport { CheckboxBase } from \"@salt-ds/lab\";\nimport \"./CheckboxCell.css\";\nimport { GridHeaderValueProps } from \"./GridColumn\";\n\nexport function RowSelectionCheckboxHeaderCellValue<T>(\n  props: GridHeaderValueProps<T>\n) {\n  const { isFocused } = props;\n\n  const { selectAll, unselectAll, isAllSelected, isAnySelected } =\n    useSelectionContext();\n\n  const onMousedown: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (isAllSelected) {\n      unselectAll();\n    } else {\n      selectAll();\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n    if (event.key === \" \") {\n      if (isAllSelected) {\n        unselectAll();\n      } else {\n        selectAll();\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div\n      onMouseDown={onMousedown}\n      className=\"saltGridCheckboxContainer\"\n      onKeyDown={onKeyDown}\n    >\n      <CheckboxBase\n        data-testid=\"grid-row-select-all-checkbox\"\n        inputProps={{\n          \"aria-label\": \"Select All\",\n          tabIndex: isFocused ? 0 : -1,\n        }}\n        checked={isAllSelected}\n        indeterminate={!isAllSelected && isAnySelected}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAMO,SAAS,oCACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AAEtB,EAAA,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,aAAe,EAAA,aAAA,KAC7C,mBAAoB,EAAA,CAAA;AAEtB,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,IAAI,aAAe,EAAA;AACjB,MAAY,WAAA,EAAA,CAAA;AAAA,KACP,MAAA;AACL,MAAU,SAAA,EAAA,CAAA;AAAA,KACZ;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,SAAA,GAAkD,CAAC,KAAU,KAAA;AACjE,IAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,MAAA,IAAI,aAAe,EAAA;AACjB,QAAY,WAAA,EAAA,CAAA;AAAA,OACP,MAAA;AACL,QAAU,SAAA,EAAA,CAAA;AAAA,OACZ;AACA,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,KACxB;AAAA,GACF,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAa,EAAA,WAAA;AAAA,IACb,SAAU,EAAA,2BAAA;AAAA,IACV,SAAA;AAAA,IAEA,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA;AAAA,MACC,aAAY,EAAA,8BAAA;AAAA,MACZ,UAAY,EAAA;AAAA,QACV,YAAc,EAAA,YAAA;AAAA,QACd,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,OAC5B;AAAA,MACA,OAAS,EAAA,aAAA;AAAA,MACT,aAAA,EAAe,CAAC,aAAiB,IAAA,aAAA;AAAA,KACnC,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/RowSelectionRadioCellValue.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { RadioButtonBase } from '@salt-ds/lab';
+import { useSelectionContext } from './SelectionContext.js';
+import './CheckboxCell.css.js';
+
+function RowSelectionRadioCellValue(props) {
+  const { row, isFocused } = props;
+  const { selRowIdxs } = useSelectionContext();
+  const isSelected = selRowIdxs.has(row.index);
+  return /* @__PURE__ */ jsx("div", {
+    className: "saltGridCheckboxContainer",
+    children: /* @__PURE__ */ jsx(RadioButtonBase, {
+      checked: isSelected,
+      tabIndex: isFocused ? 0 : -1,
+      "data-testid": "grid-row-selection-radiobox"
+    })
+  });
+}
+
+export { RowSelectionRadioCellValue };
+//# sourceMappingURL=RowSelectionRadioCellValue.js.map

package/dist-es/packages/grid/src/RowSelectionRadioCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import { RadioButtonBase } from \"@salt-ds/lab\";\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioCellValue<T>(props: GridCellValueProps<T>) {\n  const { row, isFocused } = props;\n  const { selRowIdxs } = useSelectionContext();\n\n  const isSelected = selRowIdxs.has(row.index);\n\n  return (\n    <div className=\"saltGridCheckboxContainer\">\n      <RadioButtonBase\n        checked={isSelected}\n        tabIndex={isFocused ? 0 : -1}\n        data-testid=\"grid-row-selection-radiobox\"\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,2BAA8B,KAA8B,EAAA;AAC1E,EAAM,MAAA,EAAE,GAAK,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA,CAAA;AAE3C,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAE3C,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2BAAA;AAAA,IACb,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,MAC1B,aAAY,EAAA,6BAAA;AAAA,KACd,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/RowSelectionRadioColumn.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { RowSelectionRadioCellValue } from './RowSelectionRadioCellValue.js';
+import { GridColumn } from './GridColumn.js';
+import { RowSelectionRadioHeaderCell } from './RowSelectionRadioHeaderCell.js';
+import { useSelectionContext } from './SelectionContext.js';
+
+function RowSelectionRadioColumn(props) {
+  const { selectRows } = useSelectionContext();
+  const onKeyDown = (event, rowIndex) => {
+    if (event.key === " ") {
+      selectRows({ rowIndex });
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  return /* @__PURE__ */ jsx(GridColumn, {
+    ...props,
+    defaultWidth: 100,
+    headerComponent: RowSelectionRadioHeaderCell,
+    cellValueComponent: RowSelectionRadioCellValue,
+    onKeyDown
+  });
+}
+
+export { RowSelectionRadioColumn };
+//# sourceMappingURL=RowSelectionRadioColumn.js.map

package/dist-es/packages/grid/src/RowSelectionRadioColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionRadioColumn.js","sources":["../src/RowSelectionRadioColumn.tsx"],"sourcesContent":["import { RowSelectionRadioCellValue } from \"./RowSelectionRadioCellValue\";\nimport { GridColumn, GridColumnProps } from \"./GridColumn\";\nimport { RowSelectionRadioHeaderCell } from \"./RowSelectionRadioHeaderCell\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { KeyboardEvent } from \"react\";\n\nexport type RowSelectionRadioColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionRadioColumn<T>(\n  props: RowSelectionRadioColumnProps<T>\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = (\n    event: KeyboardEvent<HTMLDivElement>,\n    rowIndex: number\n  ) => {\n    if (event.key === \" \") {\n      selectRows({ rowIndex });\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={RowSelectionRadioHeaderCell}\n      cellValueComponent={RowSelectionRadioCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAWO,SAAS,wBACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA,CAAA;AAE3C,EAAM,MAAA,SAAA,GAAY,CAChB,KAAA,EACA,QACG,KAAA;AACH,IAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,MAAW,UAAA,CAAA,EAAE,UAAU,CAAA,CAAA;AACvB,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,KACxB;AAAA,GACF,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,UAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,YAAc,EAAA,GAAA;AAAA,IACd,eAAiB,EAAA,2BAAA;AAAA,IACjB,kBAAoB,EAAA,0BAAA;AAAA,IACpB,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/RowSelectionRadioHeaderCell.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { AutoSizeHeaderCell } from './HeaderCell.js';
+import { RadioButtonIcon } from '@salt-ds/lab';
+import './CheckboxCell.css.js';
+import cn from 'classnames';
+
+function RowSelectionRadioHeaderCell(props) {
+  return /* @__PURE__ */ jsx(AutoSizeHeaderCell, {
+    ...props,
+    children: /* @__PURE__ */ jsx("div", {
+      className: cn("saltGridCheckboxContainer", "saltGrid-hidden"),
+      children: /* @__PURE__ */ jsx(RadioButtonIcon, {})
+    })
+  });
+}
+
+export { RowSelectionRadioHeaderCell };
+//# sourceMappingURL=RowSelectionRadioHeaderCell.js.map

package/dist-es/packages/grid/src/RowSelectionRadioHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionRadioHeaderCell.js","sources":["../src/RowSelectionRadioHeaderCell.tsx"],"sourcesContent":["import { AutoSizeHeaderCell } from \"./HeaderCell\";\nimport { RadioButtonIcon } from \"@salt-ds/lab\";\nimport \"./CheckboxCell.css\";\nimport cx from \"classnames\";\nimport { HeaderCellProps } from \"./GridColumn\";\n\nexport function RowSelectionRadioHeaderCell<T>(props: HeaderCellProps<T>) {\n  return (\n    <AutoSizeHeaderCell {...props}>\n      <div className={cx(\"saltGridCheckboxContainer\", \"saltGrid-hidden\")}>\n        <RadioButtonIcon />\n      </div>\n    </AutoSizeHeaderCell>\n  );\n}\n"],"names":["cx"],"mappings":";;;;;;AAMO,SAAS,4BAA+B,KAA2B,EAAA;AACxE,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA;AAAA,IAAoB,GAAG,KAAA;AAAA,IACtB,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAWA,EAAG,CAAA,2BAAA,EAA6B,iBAAiB,CAAA;AAAA,MAC/D,8BAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/SelectionContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+const SelectionContext = createContext(
+  void 0
+);
+const useSelectionContext = () => {
+  const c = useContext(SelectionContext);
+  if (!c) {
+    throw new Error(`useSelectionContext invoked outside of a Grid`);
+  }
+  return c;
+};
+
+export { SelectionContext, useSelectionContext };
+//# sourceMappingURL=SelectionContext.js.map

package/dist-es/packages/grid/src/SelectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionContext.js","sources":["../src/SelectionContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { CellRange, SelectRowsOptions } from \"./internal\";\n\nexport interface SelectionContext {\n  selectedCellRange: CellRange | undefined;\n  selRowIdxs: Set<number>;\n  isAnySelected: boolean;\n  isAllSelected: boolean;\n  selectRows: (args: SelectRowsOptions) => void;\n  selectAll: () => void;\n  unselectAll: () => void;\n}\n\nexport const SelectionContext = createContext<SelectionContext | undefined>(\n  undefined\n);\n\nexport const useSelectionContext = () => {\n  const c = useContext(SelectionContext);\n  if (!c) {\n    throw new Error(`useSelectionContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAaO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,CAAA,GAAI,WAAW,gBAAgB,CAAA,CAAA;AACrC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAA+C,6CAAA,CAAA,CAAA,CAAA;AAAA,GACjE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/packages/grid/src/SizingContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+const SizingContext = createContext(
+  void 0
+);
+const useSizingContext = () => {
+  const c = useContext(SizingContext);
+  if (!c) {
+    throw new Error(`useSizingContext invoked outside of a Grid`);
+  }
+  return c;
+};
+
+export { SizingContext, useSizingContext };
+//# sourceMappingURL=SizingContext.js.map

package/dist-es/packages/grid/src/SizingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizingContext.js","sources":["../src/SizingContext.ts"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\n\nexport interface SizingContext {\n  rowHeight: number;\n  resizeColumn: (colIdx: number, width: number) => void;\n  onResizeHandleMouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const SizingContext = createContext<SizingContext | undefined>(\n  undefined\n);\nexport const useSizingContext = () => {\n  const c = useContext(SizingContext);\n  if (!c) {\n    throw new Error(`useSizingContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAQO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAI,WAAW,aAAa,CAAA,CAAA;AAClC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC9D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/packages/grid/src/TextCellEditor.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridTextCellEditor {\n}\n\n.saltGridTextCellEditor-inputContainer {\n  background: var(--grid-background);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-sizing: border-box;\n  border-style: var(--grid-cursor-border-style);\n  border-width: var(--grid-cursor-border-width);\n  border-color: var(--grid-cursor-borderColor);\n  padding: 0;\n}\n\n.saltGridTextCellEditor input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  outline: none;\n  border: none;\n  padding: 0 calc(var(--grid-padding) - 2px);\n  font-size: var(--grid-fontSize);\n  font-family: inherit;\n  background: var(--grid-editableCell-background-active);\n  color: var(--grid-editableCell-color-active);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=TextCellEditor.css.js.map

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

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

package/dist-es/packages/grid/src/TextCellEditor.js

@@ -0,0 +1,81 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import './TextCellEditor.css.js';
+import { makePrefixer } from '@salt-ds/core';
+import { useEditorContext } from './EditorContext.js';
+import { CornerTag } from './CornerTag.js';
+import { Cell } from './internal/Cell.js';
+import './internal/CellMeasure.js';
+import './internal/Cursor.js';
+import './internal/GroupHeaderRow.js';
+import './internal/HeaderRow.js';
+import './internal/LeftPart.js';
+import './internal/MiddlePart.js';
+import './internal/RightPart.js';
+import './internal/Scrollable.js';
+import './internal/TableRow.js';
+import './SelectionContext.js';
+import './CursorContext.js';
+import './NumberRange.js';
+import './internal/TopLeftPart.js';
+import './internal/TopPart.js';
+import './internal/TopRightPart.js';
+import './internal/FakeCell.css.js';
+import './internal/DefaultCellValue.js';
+
+const withBaseName = makePrefixer("saltGridTextCellEditor");
+function TextCellEditor(props) {
+  const { column, row } = props;
+  const inputRef = useRef(null);
+  const { endEditMode, cancelEditMode, initialText } = useEditorContext();
+  const [editorText, setEditorText] = useState(
+    initialText != null ? initialText : column.info.props.getValue(row.data)
+  );
+  const initialSelectionRef = useRef(!!initialText);
+  const onChange = (e) => {
+    setEditorText(e.target.value);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter") {
+      endEditMode(editorText);
+      return;
+    }
+    if (event.key === "Escape") {
+      cancelEditMode();
+      return;
+    }
+    if (event.key === "Tab") {
+      endEditMode(editorText);
+      event.preventDefault();
+      return;
+    }
+    event.stopPropagation();
+  };
+  useEffect(() => {
+    if (inputRef.current && !initialSelectionRef.current) {
+      inputRef.current.select();
+      initialSelectionRef.current = true;
+    }
+  }, [inputRef.current]);
+  return /* @__PURE__ */ jsxs(Cell, {
+    separator: column == null ? void 0 : column.separator,
+    className: withBaseName(),
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: withBaseName("inputContainer"),
+        children: /* @__PURE__ */ jsx("input", {
+          "data-testid": "grid-cell-editor-input",
+          ref: inputRef,
+          autoFocus: true,
+          value: editorText,
+          onChange,
+          onKeyDown
+        })
+      }),
+      /* @__PURE__ */ jsx(CornerTag, {})
+    ]
+  });
+}
+
+export { TextCellEditor };
+//# sourceMappingURL=TextCellEditor.js.map

package/dist-es/packages/grid/src/TextCellEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextCellEditor.js","sources":["../src/TextCellEditor.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport \"./TextCellEditor.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useEditorContext } from \"./EditorContext\";\nimport { GridColumnModel, GridRowModel } from \"./Grid\";\nimport { CornerTag } from \"./CornerTag\";\nimport { Cell } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltGridTextCellEditor\");\n\nexport interface TextCellEditorProps<T> {\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n}\n\nexport function TextCellEditor<T>(props: TextCellEditorProps<T>) {\n  const { column, row } = props;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { endEditMode, cancelEditMode, initialText } = useEditorContext();\n\n  const [editorText, setEditorText] = useState<string>(\n    initialText != null ? initialText : column!.info.props.getValue!(row!.data)\n  );\n\n  const initialSelectionRef = useRef(!!initialText);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    setEditorText(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (event.key === \"Enter\") {\n      endEditMode(editorText);\n      return;\n    }\n    if (event.key === \"Escape\") {\n      cancelEditMode();\n      return;\n    }\n    if (event.key === \"Tab\") {\n      endEditMode(editorText);\n      event.preventDefault();\n      return;\n    }\n    event.stopPropagation();\n  };\n\n  useEffect(() => {\n    if (inputRef.current && !initialSelectionRef.current) {\n      inputRef.current.select();\n      initialSelectionRef.current = true;\n    }\n  }, [inputRef.current]);\n\n  return (\n    <Cell separator={column?.separator} className={withBaseName()}>\n      <div className={withBaseName(\"inputContainer\")}>\n        <input\n          data-testid=\"grid-cell-editor-input\"\n          ref={inputRef}\n          autoFocus={true}\n          value={editorText}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n        />\n      </div>\n      <CornerTag />\n    </Cell>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcA,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;AACxB,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAE9C,EAAA,MAAM,EAAE,WAAA,EAAa,cAAgB,EAAA,WAAA,KAAgB,gBAAiB,EAAA,CAAA;AAEtE,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,WAAA,IAAe,OAAO,WAAc,GAAA,MAAA,CAAQ,KAAK,KAAM,CAAA,QAAA,CAAU,IAAK,IAAI,CAAA;AAAA,GAC5E,CAAA;AAEA,EAAA,MAAM,mBAAsB,GAAA,MAAA,CAAO,CAAC,CAAC,WAAW,CAAA,CAAA;AAEhD,EAAM,MAAA,QAAA,GAAiD,CAAC,CAAM,KAAA;AAC5D,IAAc,aAAA,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,GAC9B,CAAA;AAEA,EAAM,MAAA,SAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAA,WAAA,CAAY,UAAU,CAAA,CAAA;AACtB,MAAA,OAAA;AAAA,KACF;AACA,IAAI,IAAA,KAAA,CAAM,QAAQ,QAAU,EAAA;AAC1B,MAAe,cAAA,EAAA,CAAA;AACf,MAAA,OAAA;AAAA,KACF;AACA,IAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,MAAA,WAAA,CAAY,UAAU,CAAA,CAAA;AACtB,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,OAAA;AAAA,KACF;AACA,IAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAS,CAAA,OAAA,IAAW,CAAC,mBAAA,CAAoB,OAAS,EAAA;AACpD,MAAA,QAAA,CAAS,QAAQ,MAAO,EAAA,CAAA;AACxB,MAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA,CAAA;AAAA,KAChC;AAAA,GACC,EAAA,CAAC,QAAS,CAAA,OAAO,CAAC,CAAA,CAAA;AAErB,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IAAK,WAAW,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA;AAAA,IAAW,WAAW,YAAa,EAAA;AAAA,IAC1D,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,QAC3C,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA;AAAA,UACC,aAAY,EAAA,wBAAA;AAAA,UACZ,GAAK,EAAA,QAAA;AAAA,UACL,SAAW,EAAA,IAAA;AAAA,UACX,KAAO,EAAA,UAAA;AAAA,UACP,QAAA;AAAA,UACA,SAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,0BACC,SAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/grid/src/index.js

@@ -0,0 +1,22 @@
+export { BaseCell, getCellId } from './BaseCell.js';
+export { ColumnGroup } from './ColumnGroup.js';
+export { CellEditor } from './CellEditor.js';
+export { CornerTag } from './CornerTag.js';
+export { GroupHeaderCell } from './GroupHeaderCell.js';
+export { GroupHeaderCellValue } from './GroupHeaderCellValue.js';
+export { AutoSizeHeaderCell, HeaderCell, HeaderCellSeparator } from './HeaderCell.js';
+export { HeaderCellValue } from './HeaderCellValue.js';
+export { NumberRange, range } from './NumberRange.js';
+export { RowSelectionCheckboxHeaderCellValue } from './RowSelectionCheckboxHeaderCellValue.js';
+export { RowSelectionCheckboxCellValue } from './RowSelectionCheckboxCellValue.js';
+export { RowSelectionRadioColumn } from './RowSelectionRadioColumn.js';
+export { SelectionContext, useSelectionContext } from './SelectionContext.js';
+export { SizingContext, useSizingContext } from './SizingContext.js';
+export { Grid } from './Grid.js';
+export { GridColumn } from './GridColumn.js';
+export { GridContext, useGridContext } from './GridContext.js';
+export { RowSelectionCheckboxColumn } from './RowSelectionCheckboxColumn.js';
+export { TextCellEditor } from './TextCellEditor.js';
+export { DropdownCellEditor } from './DropdownCellEditor.js';
+export { NumericCellEditor, NumericCellValue, NumericColumn } from './NumericColumn.js';
+//# sourceMappingURL=index.js.map

package/dist-es/packages/grid/src/index.js.map

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

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridCell {\n  box-sizing: border-box;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n\n  white-space: nowrap;\n  position: relative;\n  font-size: var(--grid-fontSize);\n  font-weight: normal;\n\n  outline: 0;\n}\n\n.saltGridCell-selected {\n  background: var(--grid-cell-background-selected);\n}\n\n.saltGridCell-rowSeparator {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background-color: var(--grid-row-borderColor);\n}\n\n.saltGridCell-topSeparator {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 1px;\n  background-color: transparent;\n  display: none;\n}\n\n.saltGridTableRow-first .saltGridCell-topSeparator {\n  display: unset;\n}\n\n.saltGridCell-columnSeparator {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 1px;\n  background-color: var(--grid-row-background);\n}\n\n.saltGrid-columnSeparators .saltGridCell-regularSeparator .saltGridCell-columnSeparator {\n  background-color: var(--grid-columnSeparator-color);\n}\n\n.saltGrid-columnSeparators .saltGridCell-pinnedSeparator .saltGridCell-columnSeparator {\n  background-color: var(--grid-columnSeparator-color);\n}\n\n.saltGrid-pinnedSeparators .saltGridCell-pinnedSeparator .saltGridCell-columnSeparator {\n  background-color: var(--grid-pinnedSeparator-color);\n}\n\n.saltGridTableRow-selected.saltGridTableRow-first .saltGridCell-topSeparator {\n  background-color: var(--grid-row-borderColor);\n}\n\n.saltGridCell-body {\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 1px;\n  left: 0;\n  background: var(--grid-row-background);\n  border-right: solid 1px transparent;\n}\n\n.saltGridTableRow-first .saltGridCell-body {\n  top: 1px;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=Cell.css.js.map

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

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

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

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { forwardRef } from 'react';
+import cn from 'classnames';
+import './Cell.css.js';
+
+const withBaseName = makePrefixer("saltGridCell");
+const Cell = forwardRef(
+  function CellFrame(props, ref) {
+    const {
+      children,
+      separator,
+      isSelected,
+      isEditable,
+      className,
+      ...tdProps
+    } = props;
+    return /* @__PURE__ */ jsxs("td", {
+      ref,
+      className: cn(
+        withBaseName(),
+        {
+          [withBaseName("selected")]: isSelected,
+          [withBaseName("editable")]: isEditable,
+          [withBaseName("regularSeparator")]: separator === "regular" || separator === "groupEdge",
+          [withBaseName("pinnedSeparator")]: separator === "pinned"
+        },
+        className
+      ),
+      ...tdProps,
+      children: [
+        /* @__PURE__ */ jsx("div", {
+          className: withBaseName("body"),
+          children: props.children
+        }),
+        /* @__PURE__ */ jsx("div", {
+          className: withBaseName("columnSeparator")
+        }),
+        /* @__PURE__ */ jsx("div", {
+          className: withBaseName("rowSeparator")
+        }),
+        /* @__PURE__ */ jsx("div", {
+          className: withBaseName("topSeparator")
+        })
+      ]
+    });
+  }
+);
+
+export { Cell };
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../src/internal/Cell.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport cn from \"classnames\";\nimport \"./Cell.css\";\nimport { ColumnSeparatorType } from \"../Grid\";\n\nexport interface CellProps extends HTMLAttributes<HTMLTableCellElement> {\n  isSelected?: boolean;\n  isEditable?: boolean;\n  separator?: ColumnSeparatorType;\n}\n\nconst withBaseName = makePrefixer(\"saltGridCell\");\n\nexport const Cell = forwardRef<HTMLTableCellElement, CellProps>(\n  function CellFrame(props, ref) {\n    const {\n      children,\n      separator,\n      isSelected,\n      isEditable,\n      className,\n      ...tdProps\n    } = props;\n    return (\n      <td\n        ref={ref}\n        className={cn(\n          withBaseName(),\n          {\n            [withBaseName(\"selected\")]: isSelected,\n            [withBaseName(\"editable\")]: isEditable,\n            [withBaseName(\"regularSeparator\")]:\n              separator === \"regular\" || separator === \"groupEdge\",\n            [withBaseName(\"pinnedSeparator\")]: separator === \"pinned\",\n          },\n          className\n        )}\n        {...tdProps}\n      >\n        <div className={withBaseName(\"body\")}>{props.children}</div>\n        <div className={withBaseName(\"columnSeparator\")} />\n        <div className={withBaseName(\"rowSeparator\")} />\n        <div className={withBaseName(\"topSeparator\")} />\n      </td>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,SAAS,SAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACG,GAAA,OAAA;AAAA,KACD,GAAA,KAAA,CAAA;AACJ,IAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,EAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,kBAAkB,CAC9B,GAAA,SAAA,KAAc,aAAa,SAAc,KAAA,WAAA;AAAA,UAC3C,CAAC,YAAA,CAAa,iBAAiB,CAAA,GAAI,SAAc,KAAA,QAAA;AAAA,SACnD;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACC,GAAG,OAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,UAAI,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,SAAS,CAAA;AAAA,wBACrD,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,SAAG,CAAA;AAAA,wBAChD,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,SAAG,CAAA;AAAA,wBAC7C,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,SAAG,CAAA;AAAA,OAAA;AAAA,KAChD,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".saltGridCellMeasure {\n  position: fixed;\n  top: -1000px;\n  left: 0;\n}\n\n.saltGridCellMeasure table {\n}\n\n.saltGridCellMeasure tr {\n  height: var(--grid-row-height);\n}\n\n.saltGridCellMeasure th {\n  box-sizing: border-box;\n  overflow: hidden;\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=CellMeasure.css.js.map

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

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

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

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import './CellMeasure.css.js';
+import { useRef, useEffect } from 'react';
+import { makePrefixer } from '@salt-ds/core';
+
+const withBaseName = makePrefixer("saltGridCellMeasure");
+function CellMeasure(props) {
+  const rowRef = useRef(null);
+  const heightRef = useRef(-1);
+  const { setRowHeight } = props;
+  useEffect(() => {
+    if (rowRef.current) {
+      const height = rowRef.current.getBoundingClientRect().height;
+      if (heightRef.current !== height) {
+        heightRef.current = height;
+        setRowHeight(height);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsx("div", {
+    className: withBaseName(),
+    children: /* @__PURE__ */ jsx("table", {
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("thead", {
+        children: /* @__PURE__ */ jsx("tr", {
+          ref: rowRef,
+          children: /* @__PURE__ */ jsx("th", {
+            children: "Invisible Cell"
+          })
+        })
+      })
+    })
+  });
+}
+
+export { CellMeasure };
+//# sourceMappingURL=CellMeasure.js.map