@salt-ds/data-grid 1.0.5 → 1.0.7

package/dist-es/RowSelectionCheckboxHeaderCellValue.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
 import { Checkbox } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { useSelectionContext } from './SelectionContext.js';
 import css_248z from './CheckboxCell.css.js';
 
@@ -32,20 +32,26 @@ function RowSelectionCheckboxHeaderCellValue(props) {
       event.stopPropagation();
     }
   };
-  return /* @__PURE__ */ jsx("div", {
-    onMouseDown: onMousedown,
-    className: "saltGridCheckboxContainer",
-    onKeyDown,
-    children: /* @__PURE__ */ jsx(Checkbox, {
-      "data-testid": "grid-row-select-all-checkbox",
-      inputProps: {
-        "aria-label": "Select All",
-        tabIndex: isFocused ? 0 : -1
-      },
-      checked: isAllSelected,
-      indeterminate: !isAllSelected && isAnySelected
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onMouseDown: onMousedown,
+      className: "saltGridCheckboxContainer",
+      onKeyDown,
+      children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          "data-testid": "grid-row-select-all-checkbox",
+          inputProps: {
+            "aria-label": "Select All",
+            tabIndex: isFocused ? 0 : -1
+          },
+          checked: isAllSelected,
+          indeterminate: !isAllSelected && isAnySelected
+        }
+      )
+    }
+  );
 }
 
 export { RowSelectionCheckboxHeaderCellValue };

package/dist-es/RowSelectionCheckboxHeaderCellValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionCheckboxHeaderCellValue.js","sources":["../src/RowSelectionCheckboxHeaderCellValue.tsx"],"sourcesContent":["import { KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { Checkbox } from \"@salt-ds/core\";\n\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { GridHeaderValueProps } from \"./GridColumn\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionCheckboxHeaderCellValue<T>(\n  props: GridHeaderValueProps<T>\n) {\n  const { isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\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      <Checkbox\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":["checkboxCellCss"],"mappings":";;;;;;;AAUO,SAAS,oCACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AAEtB,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,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,QAAA,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;;;;"}
+{"version":3,"file":"RowSelectionCheckboxHeaderCellValue.js","sources":["../src/RowSelectionCheckboxHeaderCellValue.tsx"],"sourcesContent":["import { Checkbox } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { KeyboardEventHandler, MouseEventHandler } from \"react\";\n\nimport type { GridHeaderValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionCheckboxHeaderCellValue<T>(\n  props: GridHeaderValueProps<T>,\n) {\n  const { isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\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      <Checkbox\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":["checkboxCellCss"],"mappings":";;;;;;;AAUO,SAAS,oCACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AAEtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,aAAe,EAAA,aAAA,KAC7C,mBAAoB,EAAA;AAEtB,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,IAAI,aAAe,EAAA;AACjB,MAAY,WAAA,EAAA;AAAA,KACP,MAAA;AACL,MAAU,SAAA,EAAA;AAAA;AACZ,GACF;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;AAAA,OACP,MAAA;AACL,QAAU,SAAA,EAAA;AAAA;AAEZ,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA;AAAA;AACxB,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAa,EAAA,WAAA;AAAA,MACb,SAAU,EAAA,2BAAA;AAAA,MACV,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,aAAY,EAAA,8BAAA;AAAA,UACZ,UAAY,EAAA;AAAA,YACV,YAAc,EAAA,YAAA;AAAA,YACd,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA;AAAA,WAC5B;AAAA,UACA,OAAS,EAAA,aAAA;AAAA,UACT,aAAA,EAAe,CAAC,aAAiB,IAAA;AAAA;AAAA;AACnC;AAAA,GACF;AAEJ;;;;"}

package/dist-es/RowSelectionRadioCellValue.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { RadioButton } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { useSelectionContext } from './SelectionContext.js';
 import css_248z from './CheckboxCell.css.js';
 
@@ -15,14 +15,14 @@ function RowSelectionRadioCellValue(props) {
   });
   const { selRowIdxs } = useSelectionContext();
   const isSelected = selRowIdxs.has(row.index);
-  return /* @__PURE__ */ jsx("div", {
-    className: "saltGridCheckboxContainer",
-    children: /* @__PURE__ */ jsx(RadioButton, {
+  return /* @__PURE__ */ jsx("div", { className: "saltGridCheckboxContainer", children: /* @__PURE__ */ jsx(
+    RadioButton,
+    {
       checked: isSelected,
       "data-testid": "grid-row-selection-radiobox",
       tabIndex: isFocused ? 0 : -1
-    })
-  });
+    }
+  ) });
 }
 
 export { RowSelectionRadioCellValue };

package/dist-es/RowSelectionRadioCellValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import { RadioButton } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioCellValue<T>(props: GridCellValueProps<T>) {\n  const { row, isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  const { selRowIdxs } = useSelectionContext();\n\n  const isSelected = selRowIdxs.has(row.index);\n\n  return (\n    <div className=\"saltGridCheckboxContainer\">\n      <RadioButton\n        checked={isSelected}\n        data-testid=\"grid-row-selection-radiobox\"\n        tabIndex={isFocused ? 0 : -1}\n      />\n    </div>\n  );\n}\n"],"names":["checkboxCellCss"],"mappings":";;;;;;;AASO,SAAS,2BAA8B,KAA8B,EAAA;AAC1E,EAAM,MAAA,EAAE,GAAK,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAE3B,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,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,WAAA,EAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,aAAY,EAAA,6BAAA;AAAA,MACZ,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import { RadioButton } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport type { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioCellValue<T>(props: GridCellValueProps<T>) {\n  const { row, isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  const { selRowIdxs } = useSelectionContext();\n\n  const isSelected = selRowIdxs.has(row.index);\n\n  return (\n    <div className=\"saltGridCheckboxContainer\">\n      <RadioButton\n        checked={isSelected}\n        data-testid=\"grid-row-selection-radiobox\"\n        tabIndex={isFocused ? 0 : -1}\n      />\n    </div>\n  );\n}\n"],"names":["checkboxCellCss"],"mappings":";;;;;;;AASO,SAAS,2BAA8B,KAA8B,EAAA;AAC1E,EAAM,MAAA,EAAE,GAAK,EAAA,SAAA,EAAc,GAAA,KAAA;AAE3B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA;AAE3C,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA;AAE3C,EACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,2BACb,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,aAAY,EAAA,6BAAA;AAAA,MACZ,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA;AAAA;AAAA,GAE9B,EAAA,CAAA;AAEJ;;;;"}

package/dist-es/RowSelectionRadioColumn.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { RowSelectionRadioCellValue } from './RowSelectionRadioCellValue.js';
+import { useCallback } from 'react';
 import { GridColumn } from './GridColumn.js';
+import { RowSelectionRadioCellValue } from './RowSelectionRadioCellValue.js';
 import { RowSelectionRadioHeaderCell } from './RowSelectionRadioHeaderCell.js';
 import { useSelectionContext } from './SelectionContext.js';
-import { useCallback } from 'react';
 
 function RowSelectionRadioColumn(props) {
   const { selectRows } = useSelectionContext();
@@ -17,13 +17,16 @@ function RowSelectionRadioColumn(props) {
     },
     [selectRows]
   );
-  return /* @__PURE__ */ jsx(GridColumn, {
-    ...props,
-    defaultWidth: 100,
-    headerComponent: RowSelectionRadioHeaderCell,
-    cellValueComponent: RowSelectionRadioCellValue,
-    onKeyDown
-  });
+  return /* @__PURE__ */ jsx(
+    GridColumn,
+    {
+      ...props,
+      defaultWidth: 100,
+      headerComponent: RowSelectionRadioHeaderCell,
+      cellValueComponent: RowSelectionRadioCellValue,
+      onKeyDown
+    }
+  );
 }
 
 export { RowSelectionRadioColumn };

package/dist-es/RowSelectionRadioColumn.js.map

@@ -1 +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, useCallback } 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 = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({ rowIndex });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows]\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,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,OAAsC,QAAqB,KAAA;AAC1D,MAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,QAAW,UAAA,CAAA,EAAE,UAAU,CAAA,CAAA;AACvB,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,OACxB;AAAA,KACF;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,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;;;;"}
+{"version":3,"file":"RowSelectionRadioColumn.js","sources":["../src/RowSelectionRadioColumn.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport { GridColumn, type GridColumnProps } from \"./GridColumn\";\nimport { RowSelectionRadioCellValue } from \"./RowSelectionRadioCellValue\";\nimport { RowSelectionRadioHeaderCell } from \"./RowSelectionRadioHeaderCell\";\nimport { useSelectionContext } from \"./SelectionContext\";\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 = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({ rowIndex });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows],\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;AAE3C,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,OAAsC,QAAqB,KAAA;AAC1D,MAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,QAAW,UAAA,CAAA,EAAE,UAAU,CAAA;AACvB,QAAA,KAAA,CAAM,cAAe,EAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA;AAAA;AACxB,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAc,EAAA,GAAA;AAAA,MACd,eAAiB,EAAA,2BAAA;AAAA,MACjB,kBAAoB,EAAA,0BAAA;AAAA,MACpB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist-es/RowSelectionRadioHeaderCell.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { RadioButtonIcon } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { AutoSizeHeaderCell } from './HeaderCell.js';
 import css_248z from './CheckboxCell.css.js';
 
@@ -13,13 +13,7 @@ function RowSelectionRadioHeaderCell(props) {
     css: css_248z,
     window: targetWindow
   });
-  return /* @__PURE__ */ jsx(AutoSizeHeaderCell, {
-    ...props,
-    children: /* @__PURE__ */ jsx("div", {
-      className: clsx("saltGridCheckboxContainer", "saltGrid-hidden"),
-      children: /* @__PURE__ */ jsx(RadioButtonIcon, {})
-    })
-  });
+  return /* @__PURE__ */ jsx(AutoSizeHeaderCell, { ...props, children: /* @__PURE__ */ jsx("div", { className: clsx("saltGridCheckboxContainer", "saltGrid-hidden"), children: /* @__PURE__ */ jsx(RadioButtonIcon, {}) }) });
 }
 
 export { RowSelectionRadioHeaderCell };

package/dist-es/RowSelectionRadioHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionRadioHeaderCell.js","sources":["../src/RowSelectionRadioHeaderCell.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { RadioButtonIcon } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\nimport { HeaderCellProps } from \"./GridColumn\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioHeaderCell<T>(props: HeaderCellProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  return (\n    <AutoSizeHeaderCell {...props}>\n      <div className={clsx(\"saltGridCheckboxContainer\", \"saltGrid-hidden\")}>\n        <RadioButtonIcon />\n      </div>\n    </AutoSizeHeaderCell>\n  );\n}\n"],"names":["checkboxCellCss"],"mappings":";;;;;;;;AAWO,SAAS,4BAA+B,KAA2B,EAAA;AACxE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA;AAAA,IAAoB,GAAG,KAAA;AAAA,IACtB,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,IAAK,CAAA,2BAAA,EAA6B,iBAAiB,CAAA;AAAA,MACjE,8BAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RowSelectionRadioHeaderCell.js","sources":["../src/RowSelectionRadioHeaderCell.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { RadioButtonIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport type { HeaderCellProps } from \"./GridColumn\";\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioHeaderCell<T>(props: HeaderCellProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  return (\n    <AutoSizeHeaderCell {...props}>\n      <div className={clsx(\"saltGridCheckboxContainer\", \"saltGrid-hidden\")}>\n        <RadioButtonIcon />\n      </div>\n    </AutoSizeHeaderCell>\n  );\n}\n"],"names":["checkboxCellCss"],"mappings":";;;;;;;;AAWO,SAAS,4BAA+B,KAA2B,EAAA;AACxE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EAAoB,GAAG,KAAA,EACtB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,2BAAA,EAA6B,iBAAiB,CAAA,EACjE,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAgB,GACnB,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist-es/RowValidationStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowValidationStatus.js","sources":["../src/RowValidationStatus.tsx"],"sourcesContent":["import { StatusIndicator } from \"@salt-ds/core\";\nimport { createContext, useContext } from \"react\";\nimport { CellValidationState, GridColumn, GridColumnProps } from \"./GridColumn\";\n\nexport const RowValidationStatusContext = createContext<{\n  status?: CellValidationState;\n}>({});\n\nexport type RowValidationStatusColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowValidationStatusColumn<T>(\n  props: RowValidationStatusColumnProps<T>\n) {\n  return (\n    <GridColumn\n      aria-label=\"Row status\"\n      defaultWidth={30}\n      cellValueComponent={RowValidationCell}\n      {...props}\n    />\n  );\n}\n\nconst knownStatus = new Set([\"error\", \"warning\", \"success\"]);\n\nfunction RowValidationCell() {\n  const rowValidationContext = useContext(RowValidationStatusContext);\n  if (\n    !rowValidationContext?.status ||\n    !knownStatus.has(rowValidationContext.status)\n  )\n    return null;\n\n  const validationStatus = rowValidationContext.status;\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"100%\",\n        width: \"100%\",\n      }}\n    >\n      <StatusIndicator\n        aria-label={`Row ${validationStatus}`}\n        status={validationStatus}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAIa,MAAA,0BAAA,GAA6B,aAEvC,CAAA,EAAE;;;;"}
+{"version":3,"file":"RowValidationStatus.js","sources":["../src/RowValidationStatus.tsx"],"sourcesContent":["import { StatusIndicator } from \"@salt-ds/core\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type CellValidationState,\n  GridColumn,\n  type GridColumnProps,\n} from \"./GridColumn\";\n\nexport const RowValidationStatusContext = createContext<{\n  status?: CellValidationState;\n}>({});\n\nexport type RowValidationStatusColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowValidationStatusColumn<T>(\n  props: RowValidationStatusColumnProps<T>,\n) {\n  return (\n    <GridColumn\n      aria-label=\"Row status\"\n      defaultWidth={30}\n      cellValueComponent={RowValidationCell}\n      {...props}\n    />\n  );\n}\n\nconst knownStatus = new Set([\"error\", \"warning\", \"success\"]);\n\nfunction RowValidationCell() {\n  const rowValidationContext = useContext(RowValidationStatusContext);\n  if (\n    !rowValidationContext?.status ||\n    !knownStatus.has(rowValidationContext.status)\n  )\n    return null;\n\n  const validationStatus = rowValidationContext.status;\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"100%\",\n        width: \"100%\",\n      }}\n    >\n      <StatusIndicator\n        aria-label={`Row ${validationStatus}`}\n        status={validationStatus}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAQa,MAAA,0BAAA,GAA6B,aAEvC,CAAA,EAAE;;;;"}

package/dist-es/SelectionContext.js

@@ -6,7 +6,7 @@ const SelectionContext = createContext(
 const useSelectionContext = () => {
   const c = useContext(SelectionContext);
   if (!c) {
-    throw new Error(`useSelectionContext invoked outside of a Grid`);
+    throw new Error("useSelectionContext invoked outside of a Grid");
   }
   return c;
 };

package/dist-es/SelectionContext.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"SelectionContext.js","sources":["../src/SelectionContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { 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;AACF;AAEO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,CAAA,GAAI,WAAW,gBAAgB,CAAA;AACrC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,+CAA+C,CAAA;AAAA;AAEjE,EAAO,OAAA,CAAA;AACT;;;;"}

package/dist-es/SizingContext.js

@@ -6,7 +6,7 @@ const SizingContext = createContext(
 const useSizingContext = () => {
   const c = useContext(SizingContext);
   if (!c) {
-    throw new Error(`useSizingContext invoked outside of a Grid`);
+    throw new Error("useSizingContext invoked outside of a Grid");
   }
   return c;
 };

package/dist-es/SizingContext.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"SizingContext.js","sources":["../src/SizingContext.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nexport interface SizingContext {\n  rowHeight: number;\n  resizeColumn: (colIdx: number, width: number) => void;\n  onResizeHandleMouseDown: (event: 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":";;AASO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA;AACF;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAI,WAAW,aAAa,CAAA;AAClC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,4CAA4C,CAAA;AAAA;AAE9D,EAAO,OAAA,CAAA;AACT;;;;"}

package/dist-es/TextCellEditor.css.js

@@ -1,4 +1,4 @@
-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";
+var css_248z = ".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";
 
 export { css_248z as default };
 //# sourceMappingURL=TextCellEditor.css.js.map

package/dist-es/TextCellEditor.js

@@ -60,24 +60,20 @@ function TextCellEditor(props) {
       document == null ? void 0 : document.removeEventListener("mousedown", focusOut, true);
     };
   }, [endEditMode, editorText]);
-  return /* @__PURE__ */ jsxs(CellFrame, {
-    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, {})
-    ]
-  });
+  return /* @__PURE__ */ jsxs(CellFrame, { 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 };

package/dist-es/TextCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextCellEditor.js","sources":["../src/TextCellEditor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport { useEditorContext } from \"./EditorContext\";\nimport { GridColumnModel, GridRowModel } from \"./Grid\";\n\nimport textCellEditorCss from \"./TextCellEditor.css\";\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\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text-cell-editor\",\n    css: textCellEditorCss,\n    window: targetWindow,\n  });\n\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  useEffect(() => {\n    const input = inputRef.current;\n    const focusOut = (event: FocusEvent) => {\n      if (!input?.contains(event.target as Node)) {\n        endEditMode(editorText);\n      }\n    };\n\n    // This uses the capture phase to detect clicks outside the input to avoid a race condition where the component gets unmounted when edit mode ends.\n    document?.addEventListener(\"mousedown\", focusOut, true);\n\n    return () => {\n      document?.removeEventListener(\"mousedown\", focusOut, true);\n    };\n  }, [endEditMode, editorText]);\n\n  return (\n    <CellFrame 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    </CellFrame>\n  );\n}\n"],"names":["textCellEditorCss"],"mappings":"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"}
+{"version":3,"file":"TextCellEditor.js","sources":["../src/TextCellEditor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  type ChangeEventHandler,\n  type KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport { useEditorContext } from \"./EditorContext\";\nimport type { GridColumnModel, GridRowModel } from \"./Grid\";\n\nimport textCellEditorCss from \"./TextCellEditor.css\";\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\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text-cell-editor\",\n    css: textCellEditorCss,\n    window: targetWindow,\n  });\n\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  useEffect(() => {\n    const input = inputRef.current;\n    const focusOut = (event: FocusEvent) => {\n      if (!input?.contains(event.target as Node)) {\n        endEditMode(editorText);\n      }\n    };\n\n    // This uses the capture phase to detect clicks outside the input to avoid a race condition where the component gets unmounted when edit mode ends.\n    document?.addEventListener(\"mousedown\", focusOut, true);\n\n    return () => {\n      document?.removeEventListener(\"mousedown\", focusOut, true);\n    };\n  }, [endEditMode, editorText]);\n\n  return (\n    <CellFrame 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    </CellFrame>\n  );\n}\n"],"names":["textCellEditorCss"],"mappings":"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"}

package/dist-es/internal/CellMeasure.css.js

@@ -1,4 +1,4 @@
-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";
+var css_248z = ".saltGridCellMeasure {\n  position: fixed;\n  top: -1000px;\n  left: 0;\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";
 
 export { css_248z as default };
 //# sourceMappingURL=CellMeasure.css.js.map

package/dist-es/internal/CellMeasure.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
 import { makePrefixer } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { useRef, useEffect } from 'react';
 import css_248z from './CellMeasure.css.js';
 
 const withBaseName = makePrefixer("saltGridCellMeasure");
@@ -25,20 +25,7 @@ function CellMeasure(props) {
       }
     }
   });
-  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"
-          })
-        })
-      })
-    })
-  });
+  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 };

package/dist-es/internal/CellMeasure.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellMeasure.js","sources":["../src/internal/CellMeasure.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport cellMeasureCss from \"./CellMeasure.css\";\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 targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cell-measure\",\n    css: cellMeasureCss,\n    window: targetWindow,\n  });\n\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":["cellMeasureCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAQhD,SAAS,YAAe,KAA4B,EAAA;AACzD,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,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;;;;"}
+{"version":3,"file":"CellMeasure.js","sources":["../src/internal/CellMeasure.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useEffect, useRef } from \"react\";\n\nimport cellMeasureCss from \"./CellMeasure.css\";\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 targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cell-measure\",\n    css: cellMeasureCss,\n    window: targetWindow,\n  });\n\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":["cellMeasureCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAQhD,SAAS,YAAe,KAA4B,EAAA;AACzD,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,MAAA,GAAS,OAA4B,IAAI,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAY,OAAe,CAAE,CAAA,CAAA;AAEnC,EAAM,MAAA,EAAE,cAAiB,GAAA,KAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,MAAM,MAAS,GAAA,MAAA,CAAO,OAAQ,CAAA,qBAAA,EAAwB,CAAA,MAAA;AACtD,MAAI,IAAA,SAAA,CAAU,YAAY,MAAQ,EAAA;AAEhC,QAAA,SAAA,CAAU,OAAU,GAAA,MAAA;AACpB,QAAA,YAAA,CAAa,MAAM,CAAA;AAAA;AACrB;AACF,GACD,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,YAAA,IACd,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAM,eAAW,IAChB,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAG,KAAK,MACP,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAG,QAAc,EAAA,gBAAA,EAAA,CAAA,EACpB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist-es/internal/CellStatusIcons.js

@@ -1,40 +1,46 @@
 import { jsx } from 'react/jsx-runtime';
 
-const CellWarningIcon = /* @__PURE__ */ jsx("svg", {
-  "aria-hidden": true,
-  height: "1em",
-  viewBox: "0 0 10 8",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ jsx("path", {
-    d: "M4.6188 0L9.2376 8H0L4.6188 0Z"
-  })
-});
-const CellErrorIcon = /* @__PURE__ */ jsx("svg", {
-  "aria-hidden": true,
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 8 8",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: /* @__PURE__ */ jsx("circle", {
-    cx: "4",
-    cy: "4",
-    r: "4"
-  })
-});
-const CellSuccessIcon = /* @__PURE__ */ jsx("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  viewBox: "0 0 14 14",
-  fill: "none",
-  children: /* @__PURE__ */ jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.7668 2.63645L5.06034 12.0309L0.277532 7.56074L1.47248 6.28223L4.97136 9.55242L12.4832 1.4469L13.7668 2.63645Z",
-    fill: "#24874B"
-  })
-});
+const CellWarningIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": true,
+    height: "1em",
+    viewBox: "0 0 10 8",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx("path", { d: "M4.6188 0L9.2376 8H0L4.6188 0Z" })
+  }
+);
+const CellErrorIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": true,
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 8 8",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" })
+  }
+);
+const CellSuccessIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13.7668 2.63645L5.06034 12.0309L0.277532 7.56074L1.47248 6.28223L4.97136 9.55242L12.4832 1.4469L13.7668 2.63645Z",
+        fill: "#24874B"
+      }
+    )
+  }
+);
 
 export { CellErrorIcon, CellSuccessIcon, CellWarningIcon };
 //# sourceMappingURL=CellStatusIcons.js.map

package/dist-es/internal/CellStatusIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellStatusIcons.js","sources":["../src/internal/CellStatusIcons.tsx"],"sourcesContent":["export const CellWarningIcon = (\n  <svg\n    aria-hidden\n    height=\"1em\"\n    viewBox=\"0 0 10 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M4.6188 0L9.2376 8H0L4.6188 0Z\" />\n  </svg>\n);\n\nexport const CellErrorIcon = (\n  <svg\n    aria-hidden\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 8 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"4\" cy=\"4\" r=\"4\" />\n  </svg>\n);\n\nexport const CellSuccessIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.7668 2.63645L5.06034 12.0309L0.277532 7.56074L1.47248 6.28223L4.97136 9.55242L12.4832 1.4469L13.7668 2.63645Z\"\n      fill=\"#24874B\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAAO,MAAM,kCACV,GAAA,CAAA,KAAA,EAAA;AAAA,EACC,aAAW,EAAA,IAAA;AAAA,EACX,MAAO,EAAA,KAAA;AAAA,EACP,OAAQ,EAAA,UAAA;AAAA,EACR,IAAK,EAAA,MAAA;AAAA,EACL,KAAM,EAAA,4BAAA;AAAA,EAEN,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,IAAK,CAAE,EAAA,gCAAA;AAAA,GAAiC,CAAA;AAAA,CAC3C,EAAA;AAGK,MAAM,gCACV,GAAA,CAAA,KAAA,EAAA;AAAA,EACC,aAAW,EAAA,IAAA;AAAA,EACX,KAAM,EAAA,KAAA;AAAA,EACN,MAAO,EAAA,KAAA;AAAA,EACP,OAAQ,EAAA,SAAA;AAAA,EACR,IAAK,EAAA,MAAA;AAAA,EACL,KAAM,EAAA,4BAAA;AAAA,EAEN,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IAAO,EAAG,EAAA,GAAA;AAAA,IAAI,EAAG,EAAA,GAAA;AAAA,IAAI,CAAE,EAAA,GAAA;AAAA,GAAI,CAAA;AAAA,CAC9B,EAAA;AAGK,MAAM,kCACV,GAAA,CAAA,KAAA,EAAA;AAAA,EACC,KAAM,EAAA,4BAAA;AAAA,EACN,KAAM,EAAA,KAAA;AAAA,EACN,OAAQ,EAAA,WAAA;AAAA,EACR,IAAK,EAAA,MAAA;AAAA,EAEL,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAS,EAAA,SAAA;AAAA,IACT,QAAS,EAAA,SAAA;AAAA,IACT,CAAE,EAAA,mHAAA;AAAA,IACF,IAAK,EAAA,SAAA;AAAA,GACP,CAAA;AAAA,CACF;;;;"}
+{"version":3,"file":"CellStatusIcons.js","sources":["../src/internal/CellStatusIcons.tsx"],"sourcesContent":["export const CellWarningIcon = (\n  <svg\n    aria-hidden\n    height=\"1em\"\n    viewBox=\"0 0 10 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M4.6188 0L9.2376 8H0L4.6188 0Z\" />\n  </svg>\n);\n\nexport const CellErrorIcon = (\n  <svg\n    aria-hidden\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 8 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"4\" cy=\"4\" r=\"4\" />\n  </svg>\n);\n\nexport const CellSuccessIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.7668 2.63645L5.06034 12.0309L0.277532 7.56074L1.47248 6.28223L4.97136 9.55242L12.4832 1.4469L13.7668 2.63645Z\"\n      fill=\"#24874B\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAAO,MAAM,eACX,mBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,aAAW,EAAA,IAAA;AAAA,IACX,MAAO,EAAA,KAAA;AAAA,IACP,OAAQ,EAAA,UAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,IAEN,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,gCAAiC,EAAA;AAAA;AAC3C;AAGK,MAAM,aACX,mBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,aAAW,EAAA,IAAA;AAAA,IACX,KAAM,EAAA,KAAA;AAAA,IACN,MAAO,EAAA,KAAA;AAAA,IACP,OAAQ,EAAA,SAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,IAEN,8BAAC,QAAO,EAAA,EAAA,EAAA,EAAG,KAAI,EAAG,EAAA,GAAA,EAAI,GAAE,GAAI,EAAA;AAAA;AAC9B;AAGK,MAAM,eACX,mBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAM,EAAA,4BAAA;AAAA,IACN,KAAM,EAAA,KAAA;AAAA,IACN,OAAQ,EAAA,WAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IAEL,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,mHAAA;AAAA,QACF,IAAK,EAAA;AAAA;AAAA;AACP;AACF;;;;"}

package/dist-es/internal/ColumnDropTarget.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
 import { makePrefixer } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { useMemo } from 'react';
 import css_248z from './ColumnDropTarget.css.js';
 
 const withBaseName = makePrefixer("saltGridColumnDropTarget");
@@ -22,10 +22,7 @@ function ColumnDropTarget(props) {
   if (props.x === void 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName(),
-    style
-  });
+  return /* @__PURE__ */ jsx("div", { className: withBaseName(), style });
 }
 
 export { ColumnDropTarget };

package/dist-es/internal/ColumnDropTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDropTarget.js","sources":["../src/internal/ColumnDropTarget.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport columDropTargetCss from \"./ColumnDropTarget.css\";\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 targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-drop-target\",\n    css: columDropTargetCss,\n    window: targetWindow,\n  });\n\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":["columDropTargetCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AAQrD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,yBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,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;;;;"}
+{"version":3,"file":"ColumnDropTarget.js","sources":["../src/internal/ColumnDropTarget.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useMemo } from \"react\";\n\nimport columDropTargetCss from \"./ColumnDropTarget.css\";\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 targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-drop-target\",\n    css: columDropTargetCss,\n    window: targetWindow,\n  });\n\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":["columDropTargetCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAQrD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,yBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,CAAI,GAAA,CAAA,EAAM,GAAA,KAAA;AAElB,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAO,OAAA;AAAA,MACL,IAAA,EAAM,CAAG,EAAA,CAAA,GAAI,CAAC,CAAA,EAAA;AAAA,KAChB;AAAA,GACF,EAAG,CAAC,CAAC,CAAC,CAAA;AAEN,EAAI,IAAA,KAAA,CAAM,MAAM,KAAW,CAAA,EAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,IAAgB,KAAc,EAAA,CAAA;AACvD;;;;"}

package/dist-es/internal/ColumnGhost.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
 import { makePrefixer } from '@salt-ds/core';
-import { TableColGroup } from './TableColGroup.js';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { HeaderRow } from './HeaderRow.js';
 import { TableBody } from './TableBody.js';
+import { TableColGroup } from './TableColGroup.js';
 import css_248z from './ColumnGhost.css.js';
 
 const withBaseName = makePrefixer("saltGridColumnGhost");
@@ -25,30 +25,20 @@ function ColumnGhost(props) {
     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
-        })
-      ]
-    })
-  });
+  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 };

package/dist-es/internal/ColumnGhost.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnGhost.js","sources":["../src/internal/ColumnGhost.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport { GridColumnModel, GridRowModel } from \"../Grid\";\n\nimport { TableColGroup } from \"./TableColGroup\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableBody } from \"./TableBody\";\nimport { ColumnDragState } from \"./gridHooks\";\n\nimport columnGhostCss from \"./ColumnGhost.css\";\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  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-ghost\",\n    css: columnGhostCss,\n    window: targetWindow,\n  });\n\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":["columnGhostCss"],"mappings":";;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAWhD,SAAS,YAAqB,KAA4B,EAAA;AAC/D,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,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;;;;"}
+{"version":3,"file":"ColumnGhost.js","sources":["../src/internal/ColumnGhost.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { CSSProperties } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\n\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\nimport type { ColumnDragState } from \"./gridHooks\";\n\nimport columnGhostCss from \"./ColumnGhost.css\";\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  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-ghost\",\n    css: columnGhostCss,\n    window: targetWindow,\n  });\n\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":["columnGhostCss"],"mappings":";;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAWhD,SAAS,YAAqB,KAA4B,EAAA;AAC/D,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,CAAC,MAAM,SAAW,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,EAAE,WAAA,EAAa,CAAG,EAAA,CAAA,KAAM,KAAM,CAAA,SAAA;AACpC,EAAA,MAAM,EAAE,OAAA,EAAS,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA;AACjC,EAAM,MAAA,YAAA,GAAe,QAAQ,WAAW,CAAA;AAExC,EAAA,MAAM,KAAuB,GAAA;AAAA,IAC3B,IAAM,EAAA,CAAA;AAAA,IACN,GAAK,EAAA;AAAA,GACP;AAEA,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,YAAA,IAAgB,KAC9B,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAM,EAAA,EAAA,aAAA,EAAW,IAChB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,OAAA,EAAS,CAAC,YAAY,CAAG,EAAA,CAAA;AAAA,oBACxC,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,SAAS,CAAC,YAAY,GAAG,CACtC,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,CAAC,YAAY,CAAA;AAAA,QACtB,IAAA;AAAA,QACA,gBAAgB,MAAM;AAAA,SAAC;AAAA,QACvB;AAAA;AAAA;AACF,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}