@salt-ds/data-grid 0.0.0-snapshot-20230920133053 → 0.0.0-snapshot-20240719143459

package/dist-es/CellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellEditor.js","sources":["../src/CellEditor.tsx"],"sourcesContent":["import { ReactNode, useEffect, useMemo } from \"react\";\nimport { useGridContext } from \"./GridContext\";\n\nexport interface CellEditorInfo<T> {\n  columnId: string;\n  children: ReactNode;\n}\n\nexport interface CellEditorProps<T> {\n  columnId?: string;\n  children: ReactNode;\n}\n\n// Non-rendered component. Used as a child of GridColumn. Children prop is\n// expected to be a specific implementation of cell editor (text, dropdown etc)\n// Registers the editor in the grid. The grid then renders the editor when\n// edit mode is activated.\n// TODO This feature is experimental.\nexport function CellEditor<T>(props: CellEditorProps<T>) {\n  const { children } = props;\n  const columnId = props.columnId!;\n  const grid = useGridContext();\n\n  const info = useMemo(\n    () => ({\n      columnId,\n      children,\n    }),\n    [columnId, children]\n  );\n\n  useEffect(() => {\n    grid.onEditorAdded(info);\n    return () => {\n      grid.onEditorRemoved(info);\n    };\n  }, [info]);\n\n  return null;\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,WAAc,KAA2B,EAAA;AACvD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AACrB,EAAA,MAAM,WAAW,KAAM,CAAA,QAAA,CAAA;AACvB,EAAA,MAAM,OAAO,cAAe,EAAA,CAAA;AAE5B,EAAA,MAAM,IAAO,GAAA,OAAA;AAAA,IACX,OAAO;AAAA,MACL,QAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAU,QAAQ,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,cAAc,IAAI,CAAA,CAAA;AACvB,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,gBAAgB,IAAI,CAAA,CAAA;AAAA,KAC3B,CAAA;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"CellEditor.js","sources":["../src/CellEditor.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useMemo } from \"react\";\nimport { useGridContext } from \"./GridContext\";\n\nexport interface CellEditorInfo<T> {\n  columnId: string;\n  children: ReactNode;\n}\n\nexport interface CellEditorProps<T> {\n  columnId?: string;\n  children: ReactNode;\n}\n\n// Non-rendered component. Used as a child of GridColumn. Children prop is\n// expected to be a specific implementation of cell editor (text, dropdown etc)\n// Registers the editor in the grid. The grid then renders the editor when\n// edit mode is activated.\n// TODO This feature is experimental.\nexport function CellEditor<T>(props: CellEditorProps<T>) {\n  const { children } = props;\n  const columnId = props.columnId!;\n  const grid = useGridContext();\n\n  const info = useMemo(\n    () => ({\n      columnId,\n      children,\n    }),\n    [columnId, children],\n  );\n\n  useEffect(() => {\n    grid.onEditorAdded(info);\n    return () => {\n      grid.onEditorRemoved(info);\n    };\n  }, [info]);\n\n  return null;\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,WAAc,KAA2B,EAAA;AACvD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AACrB,EAAA,MAAM,WAAW,KAAM,CAAA,QAAA,CAAA;AACvB,EAAA,MAAM,OAAO,cAAe,EAAA,CAAA;AAE5B,EAAA,MAAM,IAAO,GAAA,OAAA;AAAA,IACX,OAAO;AAAA,MACL,QAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAU,QAAQ,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,cAAc,IAAI,CAAA,CAAA;AACvB,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,gBAAgB,IAAI,CAAA,CAAA;AAAA,KAC3B,CAAA;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist-es/{internal/Cell.css.js → CellFrame.css.js}

@@ -1,4 +1,4 @@
 var css_248z = ".saltGridCell {\n  box-sizing: border-box;\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";
 
 export { css_248z as default };
-//# sourceMappingURL=Cell.css.js.map
+//# sourceMappingURL=CellFrame.css.js.map

package/dist-es/CellFrame.css.js.map

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

package/dist-es/{internal/Cell.js → CellFrame.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makePrefixer } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
-import { forwardRef } from 'react';
+import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
-import css_248z from './Cell.css.js';
+import { forwardRef } from 'react';
+import css_248z from './CellFrame.css.js';
 
 const withBaseName = makePrefixer("saltGridCell");
-const Cell = forwardRef(
-  function CellFrame(props, ref) {
+const CellFrame = forwardRef(
+  function CellFrame2(props, ref) {
     const {
       children,
       separator,
@@ -39,7 +39,7 @@ const Cell = forwardRef(
       children: [
         /* @__PURE__ */ jsx("div", {
           className: withBaseName("body"),
-          children: props.children
+          children
         }),
         /* @__PURE__ */ jsx("div", {
           className: withBaseName("columnSeparator")
@@ -55,5 +55,5 @@ const Cell = forwardRef(
   }
 );
 
-export { Cell };
-//# sourceMappingURL=Cell.js.map
+export { CellFrame };
+//# sourceMappingURL=CellFrame.js.map

package/dist-es/CellFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellFrame.js","sources":["../src/CellFrame.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport type { ColumnSeparatorType } from \"./Grid\";\n\nimport cellCss from \"./CellFrame.css\";\n\nexport interface CellProps extends HTMLAttributes<HTMLTableCellElement> {\n  isSelected?: boolean;\n  isEditable?: boolean;\n  separator?: ColumnSeparatorType;\n}\n\n// TODO: rename the prefix in next major version to match component name.\nconst withBaseName = makePrefixer(\"saltGridCell\");\n\n/** Cell frame used for creating custom cells and editors */\nexport const CellFrame = 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\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-cell\",\n      css: cellCss,\n      window: targetWindow,\n    });\n\n    return (\n      <td\n        ref={ref}\n        className={clsx(\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\")}>{children}</div>\n        <div className={withBaseName(\"columnSeparator\")} />\n        <div className={withBaseName(\"rowSeparator\")} />\n        <div className={withBaseName(\"topSeparator\")} />\n      </td>\n    );\n  },\n);\n"],"names":["CellFrame","cellCss"],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AAGzC,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,UAAU,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;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,WAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA;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,QAAA;AAAA,SAAS,CAAA;AAAA,wBAC/C,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/ColumnDataContext.js

@@ -4,7 +4,7 @@ const ColumnDataContext = createContext(void 0);
 const useColumnDataContext = () => {
   const c = useContext(ColumnDataContext);
   if (!c) {
-    throw new Error(`useColumnDataContext invoked outside of a Grid`);
+    throw new Error("useColumnDataContext invoked outside of a Grid");
   }
   return c;
 };

package/dist-es/ColumnDataContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDataContext.js","sources":["../src/ColumnDataContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { GridColumnModel } from \"./Grid\";\n\nexport interface ColumnDataContext<T> {\n  getColById: (id: string) => GridColumnModel<T> | undefined;\n}\n\nexport const ColumnDataContext = createContext<\n  ColumnDataContext<any> | undefined\n>(undefined);\n\nexport const useColumnDataContext = () => {\n  const c = useContext(ColumnDataContext);\n  if (!c) {\n    throw new Error(`useColumnDataContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAOa,MAAA,iBAAA,GAAoB,cAE/B,KAAS,CAAA,EAAA;AAEJ,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACtC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAAgD,8CAAA,CAAA,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"ColumnDataContext.js","sources":["../src/ColumnDataContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { GridColumnModel } from \"./Grid\";\n\nexport interface ColumnDataContext<T> {\n  getColById: (id: string) => GridColumnModel<T> | undefined;\n}\n\nexport const ColumnDataContext = createContext<\n  ColumnDataContext<any> | undefined\n>(undefined);\n\nexport const useColumnDataContext = () => {\n  const c = useContext(ColumnDataContext);\n  if (!c) {\n    throw new Error(\"useColumnDataContext invoked outside of a Grid\");\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAOa,MAAA,iBAAA,GAAoB,cAE/B,KAAS,CAAA,EAAA;AAEJ,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACtC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/ColumnDragContext.js

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

package/dist-es/ColumnDragContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDragContext.js","sources":["../src/ColumnDragContext.ts"],"sourcesContent":["import { createContext, MouseEventHandler, useContext } from \"react\";\n\nexport interface ColumnDragContext {\n  columnMove?: boolean;\n  onColumnMoveHandleMouseDown: MouseEventHandler<HTMLDivElement>;\n}\n\nexport const ColumnDragContext = createContext<ColumnDragContext | undefined>(\n  undefined\n);\n\nexport const useColumnDragContext = () => {\n  const c = useContext(ColumnDragContext);\n  if (!c) {\n    throw new Error(`useColumnDragContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAOO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACtC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAAgD,8CAAA,CAAA,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"ColumnDragContext.js","sources":["../src/ColumnDragContext.ts"],"sourcesContent":["import { type MouseEventHandler, createContext, useContext } from \"react\";\n\nexport interface ColumnDragContext {\n  columnMove?: boolean;\n  onColumnMoveHandleMouseDown: MouseEventHandler<HTMLDivElement>;\n}\n\nexport const ColumnDragContext = createContext<ColumnDragContext | undefined>(\n  undefined,\n);\n\nexport const useColumnDragContext = () => {\n  const c = useContext(ColumnDragContext);\n  if (!c) {\n    throw new Error(\"useColumnDragContext invoked outside of a Grid\");\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAOO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACtC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/ColumnGroup.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { useGridContext } from './GridContext.js';
 import { useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
+import { useGridContext } from './GridContext.js';
 
 function ColumnGroup(props) {
   const pinned = props.pinned || null;

package/dist-es/ColumnGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnGroup.js","sources":["../src/ColumnGroup.tsx"],"sourcesContent":["import { useGridContext } from \"./GridContext\";\nimport {\n  Children,\n  cloneElement,\n  ComponentType,\n  isValidElement,\n  ReactNode,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { GridColumnPin } from \"./GridColumn\";\nimport { GridColumnGroupModel } from \"./Grid\";\n\nexport interface ColumnGroupCellProps {\n  group: GridColumnGroupModel;\n}\n\nexport interface ColumnGroupCellValueProps {\n  group: GridColumnGroupModel;\n}\n\nexport interface ColumnGroupProps {\n  children: ReactNode;\n  name: string;\n  id: string;\n  pinned?: GridColumnPin;\n  headerComponent?: ComponentType<ColumnGroupCellProps>;\n  headerValueComponent?: ComponentType<ColumnGroupCellValueProps>;\n}\n\nexport function ColumnGroup(props: ColumnGroupProps) {\n  const pinned = props.pinned || null;\n  const indexRef = useRef<number>();\n  const grid = useGridContext();\n  useEffect(() => {\n    indexRef.current = grid.getChildIndex(props.id);\n    grid.onColumnGroupAdded(props);\n    return () => {\n      grid.onColumnGroupRemoved(indexRef.current!, props);\n    };\n  });\n  const childrenWithPinnedOverridden = Children.map(props.children, (child) => {\n    if (isValidElement(child)) {\n      return cloneElement(child, { pinned });\n    }\n    return child;\n  });\n  return <>{childrenWithPinnedOverridden}</>;\n}\n"],"names":[],"mappings":";;;;AA8BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,IAAA,CAAA;AAC/B,EAAA,MAAM,WAAW,MAAe,EAAA,CAAA;AAChC,EAAA,MAAM,OAAO,cAAe,EAAA,CAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAC9C,IAAA,IAAA,CAAK,mBAAmB,KAAK,CAAA,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,oBAAA,CAAqB,QAAS,CAAA,OAAA,EAAU,KAAK,CAAA,CAAA;AAAA,KACpD,CAAA;AAAA,GACD,CAAA,CAAA;AACD,EAAA,MAAM,+BAA+B,QAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC3E,IAAI,IAAA,cAAA,CAAe,KAAK,CAAG,EAAA;AACzB,MAAA,OAAO,YAAa,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,CAAA;AAAA,KACvC;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACD,EAAO,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IAAG,QAAA,EAAA,4BAAA;AAAA,GAA6B,CAAA,CAAA;AACzC;;;;"}
+{"version":3,"file":"ColumnGroup.js","sources":["../src/ColumnGroup.tsx"],"sourcesContent":["import {\n  Children,\n  type ComponentType,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { GridColumnGroupModel } from \"./Grid\";\nimport type { GridColumnPin } from \"./GridColumn\";\nimport { useGridContext } from \"./GridContext\";\n\nexport interface ColumnGroupCellProps {\n  group: GridColumnGroupModel;\n}\n\nexport interface ColumnGroupCellValueProps {\n  group: GridColumnGroupModel;\n}\n\nexport interface ColumnGroupProps {\n  children: ReactNode;\n  name: string;\n  id: string;\n  pinned?: GridColumnPin;\n  headerComponent?: ComponentType<ColumnGroupCellProps>;\n  headerValueComponent?: ComponentType<ColumnGroupCellValueProps>;\n}\n\nexport function ColumnGroup(props: ColumnGroupProps) {\n  const pinned = props.pinned || null;\n  const indexRef = useRef<number>();\n  const grid = useGridContext();\n  useEffect(() => {\n    indexRef.current = grid.getChildIndex(props.id);\n    grid.onColumnGroupAdded(props);\n    return () => {\n      grid.onColumnGroupRemoved(indexRef.current!, props);\n    };\n  });\n  const childrenWithPinnedOverridden = Children.map(props.children, (child) => {\n    if (isValidElement(child)) {\n      return cloneElement(child, { pinned });\n    }\n    return child;\n  });\n  return <>{childrenWithPinnedOverridden}</>;\n}\n"],"names":[],"mappings":";;;;AA8BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,IAAA,CAAA;AAC/B,EAAA,MAAM,WAAW,MAAe,EAAA,CAAA;AAChC,EAAA,MAAM,OAAO,cAAe,EAAA,CAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAC9C,IAAA,IAAA,CAAK,mBAAmB,KAAK,CAAA,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,oBAAA,CAAqB,QAAS,CAAA,OAAA,EAAU,KAAK,CAAA,CAAA;AAAA,KACpD,CAAA;AAAA,GACD,CAAA,CAAA;AACD,EAAA,MAAM,+BAA+B,QAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC3E,IAAI,IAAA,cAAA,CAAe,KAAK,CAAG,EAAA;AACzB,MAAA,OAAO,YAAa,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,CAAA;AAAA,KACvC;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACD,EAAO,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IAAG,QAAA,EAAA,4BAAA;AAAA,GAA6B,CAAA,CAAA;AACzC;;;;"}

package/dist-es/ColumnSortContext.js

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

package/dist-es/ColumnSortContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSortContext.js","sources":["../src/ColumnSortContext.ts"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { SortOrder } from \"./Grid\";\nimport { GridColumnProps } from \"./GridColumn\";\n\nexport interface ColumnSortContext {\n  sortByColumnId?: GridColumnProps[\"id\"];\n  setSortByColumnId: (c: React.SetStateAction<GridColumnProps[\"id\"]>) => void;\n  sortOrder: SortOrder;\n  setSortOrder: (o: SortOrder) => void;\n  onClickSortColumn: (colHeaderId: GridColumnProps[\"id\"]) => void;\n}\n\nexport const ColumnSortContext = createContext<ColumnSortContext | undefined>(\n  undefined\n);\n\nexport const useColumnSortContext = () => {\n  const c = useContext(ColumnSortContext);\n  if (!c) {\n    throw new Error(`useColumnSortContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAYO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACtC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAAgD,8CAAA,CAAA,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"ColumnSortContext.js","sources":["../src/ColumnSortContext.ts"],"sourcesContent":["import type { SetStateAction } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type { SortOrder } from \"./Grid\";\nimport type { GridColumnProps } from \"./GridColumn\";\n\nexport interface ColumnSortContext {\n  sortByColumnId?: GridColumnProps[\"id\"];\n  setSortByColumnId: (c: SetStateAction<GridColumnProps[\"id\"]>) => void;\n  sortOrder: SortOrder;\n  setSortOrder: (o: SortOrder) => void;\n  onClickSortColumn: (colHeaderId: GridColumnProps[\"id\"]) => void;\n}\n\nexport const ColumnSortContext = createContext<ColumnSortContext | undefined>(\n  undefined,\n);\n\nexport const useColumnSortContext = () => {\n  const c = useContext(ColumnSortContext);\n  if (!c) {\n    throw new Error(\"useColumnSortContext invoked outside of a Grid\");\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAaO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACtC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/CornerTag.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import css_248z from './CornerTag.css.js';
 
 function CornerTag(props) {

package/dist-es/CornerTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"CornerTag.js","sources":["../src/CornerTag.tsx"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport cornerTagCss from \"./CornerTag.css\";\n\nexport interface CornerTagProps {\n  focusOnly?: boolean; // Show when the parent is focused, hide when not\n}\n\nexport function CornerTag(props: CornerTagProps) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-corner-tag\",\n    css: cornerTagCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={\n        props.focusOnly ? \"saltGridCornerTag-focusOnly\" : \"saltGridCornerTag\"\n      }\n    />\n  );\n}\n"],"names":["cornerTagCss"],"mappings":";;;;;AASO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EACE,KAAM,CAAA,SAAA,GAAY,6BAAgC,GAAA,mBAAA;AAAA,GAEtD,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CornerTag.js","sources":["../src/CornerTag.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cornerTagCss from \"./CornerTag.css\";\n\nexport interface CornerTagProps {\n  focusOnly?: boolean; // Show when the parent is focused, hide when not\n}\n\nexport function CornerTag(props: CornerTagProps) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-corner-tag\",\n    css: cornerTagCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={\n        props.focusOnly ? \"saltGridCornerTag-focusOnly\" : \"saltGridCornerTag\"\n      }\n    />\n  );\n}\n"],"names":["cornerTagCss"],"mappings":";;;;;AASO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EACE,KAAM,CAAA,SAAA,GAAY,6BAAgC,GAAA,mBAAA;AAAA,GAEtD,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/CursorContext.js

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

package/dist-es/CursorContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorContext.js","sources":["../src/CursorContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type FocusedPart = \"header\" | \"body\";\n\nexport interface CursorContext {\n  isFocused: boolean;\n  cursorRowIdx: number | undefined;\n  cursorColIdx: number | undefined;\n  moveCursor: (part: FocusedPart, rowIdx: number, colIdx: number) => void;\n  focusedPart: FocusedPart;\n  headerIsFocusable: boolean;\n}\n\nexport const CursorContext = createContext<CursorContext | undefined>(\n  undefined\n);\nexport const useCursorContext = () => {\n  const c = useContext(CursorContext);\n  if (!c) {\n    throw new Error(`useCursorContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAaO,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":"CursorContext.js","sources":["../src/CursorContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type FocusedPart = \"header\" | \"body\";\n\nexport interface CursorContext {\n  isFocused: boolean;\n  cursorRowIdx: number | undefined;\n  cursorColIdx: number | undefined;\n  moveCursor: (part: FocusedPart, rowIdx: number, colIdx: number) => void;\n  focusedPart: FocusedPart;\n  headerIsFocusable: boolean;\n}\n\nexport const CursorContext = createContext<CursorContext | undefined>(\n  undefined,\n);\nexport const useCursorContext = () => {\n  const c = useContext(CursorContext);\n  if (!c) {\n    throw new Error(\"useCursorContext invoked outside of a Grid\");\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAaO,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,4CAA4C,CAAA,CAAA;AAAA,GAC9D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/DropdownCellEditor.js

@@ -1,28 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
 import { makePrefixer } from '@salt-ds/core';
 import { Dropdown } from '@salt-ds/lab';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
-import { useEditorContext } from './EditorContext.js';
+import { useWindow } from '@salt-ds/window';
+import { useRef, useEffect } from 'react';
+import { CellFrame } from './CellFrame.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/DefaultCellValue.js';
+import { useEditorContext } from './EditorContext.js';
 import css_248z from './DropdownCellEditor.css.js';
 
 const withBaseName = makePrefixer("saltGridDropdownCellEditor");
@@ -59,7 +43,7 @@ function DropdownCellEditor(props) {
     "data-testid": "grid-cell-editor-trigger",
     children: value
   });
-  return /* @__PURE__ */ jsxs(Cell, {
+  return /* @__PURE__ */ jsxs(CellFrame, {
     separator: column == null ? void 0 : column.separator,
     className: withBaseName(),
     children: [

package/dist-es/DropdownCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownCellEditor.js","sources":["../src/DropdownCellEditor.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { Dropdown, SelectionChangeHandler, SelectHandler } from \"@salt-ds/lab\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { useEditorContext } from \"./EditorContext\";\nimport { GridColumnModel, GridRowModel } from \"./Grid\";\nimport { CornerTag } from \"./CornerTag\";\nimport { Cell } from \"./internal\";\n\nimport dropdownCellEditorCss from \"./DropdownCellEditor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridDropdownCellEditor\");\n\nexport interface DropdownCellEditorProps<T> {\n  options: ReadonlyArray<string>;\n  // Row and column are provided by the grid. See TableRow.tsx\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n}\n\nexport function DropdownCellEditor<T>(props: DropdownCellEditorProps<T>) {\n  const { options, column, row } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dropdown-cell-editor\",\n    css: dropdownCellEditorCss,\n    window: targetWindow,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  const value = column!.info.props.getValue!(row!.data);\n\n  const { endEditMode } = useEditorContext();\n\n  const onSelectionChange: SelectionChangeHandler = (event, item) => {\n    if (item) {\n      endEditMode(item);\n    }\n  };\n\n  const onSelect: SelectHandler = (event, item) => {\n    if (item) {\n      endEditMode(item);\n    }\n  };\n\n  useEffect(() => {\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  }, [triggerRef.current]);\n\n  const triggerComponent = (\n    <div\n      tabIndex={0}\n      ref={triggerRef}\n      className={withBaseName(\"currentValue\")}\n      data-testid=\"grid-cell-editor-trigger\"\n    >\n      {value}\n    </div>\n  );\n\n  return (\n    <Cell separator={column?.separator} className={withBaseName()}>\n      <div className={withBaseName(\"dropdownContainer\")}>\n        {options && options.length > 0 ? (\n          <Dropdown\n            isOpen={true}\n            source={options}\n            defaultSelected={value}\n            onSelectionChange={onSelectionChange}\n            onSelect={onSelect}\n            triggerComponent={triggerComponent}\n            width={column!.info.width! - 5}\n          />\n        ) : (\n          triggerComponent\n        )}\n      </div>\n      <CornerTag />\n    </Cell>\n  );\n}\n"],"names":["dropdownCellEditorCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,4BAA4B,CAAA,CAAA;AASvD,SAAS,mBAAsB,KAAmC,EAAA;AACvE,EAAA,MAAM,EAAE,OAAA,EAAS,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AAEjC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,OAAuB,IAAI,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAQ,MAAQ,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAU,IAAK,IAAI,CAAA,CAAA;AAEpD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEzC,EAAM,MAAA,iBAAA,GAA4C,CAAC,KAAA,EAAO,IAAS,KAAA;AACjE,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,QAAA,GAA0B,CAAC,KAAA,EAAO,IAAS,KAAA;AAC/C,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,OAAS,EAAA;AACtB,MAAA,UAAA,CAAW,QAAQ,KAAM,EAAA,CAAA;AAAA,KAC3B;AAAA,GACC,EAAA,CAAC,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA;AAEvB,EAAA,MAAM,mCACH,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,QAAU,EAAA,CAAA;AAAA,IACV,GAAK,EAAA,UAAA;AAAA,IACL,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,IACtC,aAAY,EAAA,0BAAA;AAAA,IAEX,QAAA,EAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAGF,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,mBAAmB,CAAA;AAAA,QAC7C,QAAW,EAAA,OAAA,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,mBAC1B,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,MAAQ,EAAA,IAAA;AAAA,UACR,MAAQ,EAAA,OAAA;AAAA,UACR,eAAiB,EAAA,KAAA;AAAA,UACjB,iBAAA;AAAA,UACA,QAAA;AAAA,UACA,gBAAA;AAAA,UACA,KAAA,EAAO,MAAQ,CAAA,IAAA,CAAK,KAAS,GAAA,CAAA;AAAA,SAC/B,CAEA,GAAA,gBAAA;AAAA,OAEJ,CAAA;AAAA,0BACC,SAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DropdownCellEditor.js","sources":["../src/DropdownCellEditor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport {\n  Dropdown,\n  type SelectHandler,\n  type SelectionChangeHandler,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useEffect, useRef } from \"react\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport { useEditorContext } from \"./EditorContext\";\nimport type { GridColumnModel, GridRowModel } from \"./Grid\";\n\nimport dropdownCellEditorCss from \"./DropdownCellEditor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridDropdownCellEditor\");\n\nexport interface DropdownCellEditorProps<T> {\n  options: ReadonlyArray<string>;\n  // Row and column are provided by the grid. See TableRow.tsx\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n}\n\nexport function DropdownCellEditor<T>(props: DropdownCellEditorProps<T>) {\n  const { options, column, row } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dropdown-cell-editor\",\n    css: dropdownCellEditorCss,\n    window: targetWindow,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  const value = column!.info.props.getValue!(row!.data);\n\n  const { endEditMode } = useEditorContext();\n\n  const onSelectionChange: SelectionChangeHandler = (event, item) => {\n    if (item) {\n      endEditMode(item);\n    }\n  };\n\n  const onSelect: SelectHandler = (event, item) => {\n    if (item) {\n      endEditMode(item);\n    }\n  };\n\n  useEffect(() => {\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  }, [triggerRef.current]);\n\n  const triggerComponent = (\n    <div\n      tabIndex={0}\n      ref={triggerRef}\n      className={withBaseName(\"currentValue\")}\n      data-testid=\"grid-cell-editor-trigger\"\n    >\n      {value}\n    </div>\n  );\n\n  return (\n    <CellFrame separator={column?.separator} className={withBaseName()}>\n      <div className={withBaseName(\"dropdownContainer\")}>\n        {options && options.length > 0 ? (\n          <Dropdown\n            isOpen={true}\n            source={options}\n            defaultSelected={value}\n            onSelectionChange={onSelectionChange}\n            onSelect={onSelect}\n            triggerComponent={triggerComponent}\n            width={column!.info.width! - 5}\n          />\n        ) : (\n          triggerComponent\n        )}\n      </div>\n      <CornerTag />\n    </CellFrame>\n  );\n}\n"],"names":["dropdownCellEditorCss"],"mappings":";;;;;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,4BAA4B,CAAA,CAAA;AASvD,SAAS,mBAAsB,KAAmC,EAAA;AACvE,EAAA,MAAM,EAAE,OAAA,EAAS,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AAEjC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,OAAuB,IAAI,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAQ,MAAQ,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAU,IAAK,IAAI,CAAA,CAAA;AAEpD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEzC,EAAM,MAAA,iBAAA,GAA4C,CAAC,KAAA,EAAO,IAAS,KAAA;AACjE,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,QAAA,GAA0B,CAAC,KAAA,EAAO,IAAS,KAAA;AAC/C,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,OAAS,EAAA;AACtB,MAAA,UAAA,CAAW,QAAQ,KAAM,EAAA,CAAA;AAAA,KAC3B;AAAA,GACC,EAAA,CAAC,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA;AAEvB,EAAA,MAAM,mCACH,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,QAAU,EAAA,CAAA;AAAA,IACV,GAAK,EAAA,UAAA;AAAA,IACL,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,IACtC,aAAY,EAAA,0BAAA;AAAA,IAEX,QAAA,EAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAGF,EAAA,uBACG,IAAA,CAAA,SAAA,EAAA;AAAA,IAAU,WAAW,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA;AAAA,IAAW,WAAW,YAAa,EAAA;AAAA,IAC/D,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,mBAAmB,CAAA;AAAA,QAC7C,QAAW,EAAA,OAAA,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,mBAC1B,GAAA,CAAA,QAAA,EAAA;AAAA,UACC,MAAQ,EAAA,IAAA;AAAA,UACR,MAAQ,EAAA,OAAA;AAAA,UACR,eAAiB,EAAA,KAAA;AAAA,UACjB,iBAAA;AAAA,UACA,QAAA;AAAA,UACA,gBAAA;AAAA,UACA,KAAA,EAAO,MAAQ,CAAA,IAAA,CAAK,KAAS,GAAA,CAAA;AAAA,SAC/B,CAEA,GAAA,gBAAA;AAAA,OAEJ,CAAA;AAAA,0BACC,SAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/EditorContext.js

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

package/dist-es/EditorContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContext.js","sources":["../src/EditorContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface EditorContext {\n  initialText?: string;\n  editMode?: boolean;\n  startEditMode: () => void;\n  endEditMode: (value: string) => void;\n  cancelEditMode: () => void;\n}\n\nexport const EditorContext = createContext<EditorContext | undefined>(\n  undefined\n);\nexport const useEditorContext = () => {\n  const c = useContext(EditorContext);\n  if (!c) {\n    throw new Error(`useEditorContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAUO,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":"EditorContext.js","sources":["../src/EditorContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface EditorContext {\n  initialText?: string;\n  editMode?: boolean;\n  startEditMode: () => void;\n  endEditMode: (value: string) => void;\n  cancelEditMode: () => void;\n}\n\nexport const EditorContext = createContext<EditorContext | undefined>(\n  undefined,\n);\nexport const useEditorContext = () => {\n  const c = useContext(EditorContext);\n  if (!c) {\n    throw new Error(\"useEditorContext invoked outside of a Grid\");\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAUO,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,4CAA4C,CAAA,CAAA;AAAA,GAC9D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/Grid.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".salt-density-touch {\n  --grid-row-height-default: 61px;\n  --grid-padding-default: 16px;\n  --grid-fontSize-default: 16px;\n  --grid-header-fontSize-default: 14px;\n  --grid-separatorGap-default: 20px;\n  --grid-cornerTag-size-default: 14px;\n}\n\n.salt-density-low {\n  --grid-row-height-default: 49px;\n  --grid-padding-default: 12px;\n  --grid-fontSize-default: 14px;\n  --grid-header-fontSize-default: 12px;\n  --grid-separatorGap-default: 16px;\n  --grid-cornerTag-size-default: 12px;\n}\n\n.salt-density-medium {\n  --grid-row-height-default: 37px;\n  --grid-padding-default: 8px;\n  --grid-fontSize-default: 12px;\n  --grid-header-fontSize-default: 11px;\n  --grid-separatorGap-default: 12px;\n  --grid-cornerTag-size-default: 10px;\n}\n\n.salt-density-high {\n  --grid-row-height-default: 25px;\n  --grid-padding-default: 8px;\n  --grid-fontSize-default: 11px;\n  --grid-header-fontSize-default: 10px;\n  --grid-separatorGap-default: 8px;\n  --grid-cornerTag-size-default: 8px;\n}\n\n/* Styles applied to the root element */\n.saltGrid {\n  --grid-row-height: var(--saltGrid-row-height, var(--grid-row-height-default));\n  --grid-padding: var(--saltGrid-padding, var(--grid-padding-default));\n  --grid-fontSize: var(--saltGrid-fontSize, var(--grid-fontSize-default));\n  --grid-separatorGap: var(--saltGrid-separatorGap, var(--grid-separatorGap-default));\n  --grid-header-fontSize: var(--saltGrid-header-fontSize, var(--grid-header-fontSize-default));\n  --grid-groupHeader-fontSize: var(--saltGrid-groupHeader-fontSize, var(--grid-header-fontSize));\n  --grid-groupHeader-fontWeight: var(--saltGrid-groupHeader-fontWeight, var(--salt-text-label-fontWeight-strong));\n\n  --grid-cell-padding: 0 var(--grid-padding);\n\n  --grid-background-primary: var(--saltGrid-background-primary, var(--salt-container-primary-background));\n  --grid-background-secondary: var(--saltGrid-background-secondary, var(--salt-container-secondary-background));\n  --grid-zebraColor: var(--saltGrid-zebraColor, var(--salt-container-secondary-background));\n\n  --grid-row-background-hover: var(--saltGrid-row-background-hover, var(--salt-selectable-background-hover));\n  --grid-row-background-selected: var(--saltGrid-row-background-selected, var(--salt-selectable-background-selected));\n\n  --grid-row-borderColor-selected: var(--saltGrid-row-borderColor-selected, var(--salt-selectable-borderColor-selected));\n  --grid-cell-background-selected: var(--saltGrid-cell-background-selected, var(--salt-selectable-background-selected));\n  --grid-editableCell-borderColor: var(--saltGrid-editableCell-borderColor, var(--salt-editable-borderColor));\n  --grid-editableCell-borderColor-hover: var(--saltGrid-editableCell-borderColor-hover, var(--salt-editable-borderColor-hover));\n  --grid-editableCell-background-active: var(--saltGrid-editableCell-background-active, var(--salt-editable-primary-background-active));\n  --grid-editableCell-color-active: var(--saltGrid-editableCell-color-active, var(--salt-text-primary-foreground));\n  --grid-editableCell-cornerTag-size: var(--saltGrid-editableCell-cornerTag-size, var(--grid-cornerTag-size-default));\n\n  --grid-header-color: var(--saltGrid-header-color, var(--salt-text-secondary-foreground));\n\n  --grid-headerColumnSeparator-color: var(--saltGrid-headerColumnSeparator-color, var(--salt-separable-tertiary-borderColor));\n  --grid-headerRowSeparator-color: var(--saltGrid-headerRowSeparator-color, var(--salt-separable-primary-borderColor));\n  --grid-headerRowSeparator-gap: var(--saltGrid-headerRowSeparator-gap, var(--salt-size-unit));\n  --grid-headerRowSeparator-height: var(--saltGrid-headerRowSeparator-height, 1px);\n  --grid-groupHeaderRowSeparator-color: var(--saltGrid-groupHeaderRowSeparator-color, var(--salt-separable-tertiary-borderColor));\n\n  --grid-groupHeader-color: var(--saltGrid-groupHeader-color, var(--salt-text-secondary-foreground));\n  --grid-shadow-color: var(--saltGrid-shadow-color, var(--salt-shadow-1-color));\n  --grid-columnDropTarget-color: var(--saltGrid-columnDropTarget-color, var(--salt-target-borderColor-hover));\n  --grid-cursor-border-style: var(--saltGrid-cursor-borderStyle, var(--salt-focused-outlineStyle));\n  --grid-cursor-border-width: var(--saltGrid-cursor-borderWidth, var(--salt-focused-outlineWidth));\n  --grid-cursor-borderColor: var(--saltGrid-cursor-borderColor, var(--salt-focused-outlineColor));\n  --grid-borderColor: var(--saltGrid-borderColor, var(--salt-container-secondary-borderColor));\n\n  --grid-rowSeparator-width: 1px;\n  --grid-rowSeparator-color: var(--saltGrid-rowSeparator-color, var(--salt-separable-tertiary-borderColor));\n  --grid-columnSeparator-color: var(--saltGrid-columnSeparator-color, var(--salt-separable-tertiary-borderColor));\n  --grid-rowSeparator-color-divided: var(--saltGrid-rowSeparator-color-divided, var(--salt-separable-secondary-borderColor));\n\n  --grid-pinnedSeparator-color: var(--saltGrid-pinnedSeparator-color, var(--salt-separable-primary-borderColor));\n\n  --grid-columnGhost-borderColor: var(--saltGrid-columnGhost-borderColor, var(--salt-palette-interact-border-hover));\n  --grid-columnGhost-borderWidth: var(--saltGrid-columnGhost-borderWidth, 1px);\n  --grid-columnGhost-boxShadow: var(--saltGrid-columnGhost-boxShadow, var(--salt-overlayable-shadow-drag));\n\n  --grid-mid-body-zIndex: 0;\n  --grid-left-body-zIndex: 1;\n  --grid-right-body-zIndex: 1;\n  --grid-middle-header-zIndex: 2;\n  --grid-left-header-zIndex: 3;\n  --grid-right-header-zIndex: 3;\n}\n\n.saltGrid-columnSeparators {\n}\n\n.saltGrid table {\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.saltGrid-framed {\n  border: solid 1px var(--grid-borderColor);\n}\n\n/* Styles applied to the root element if variant=\"primary\" */\n.saltGrid-primaryBackground {\n  --grid-background: var(--grid-background-primary);\n}\n\n/* Styles applied to the root element if variant=\"secondary\" */\n.saltGrid-secondaryBackground {\n  --grid-background: var(--grid-background-secondary);\n}\n\n.saltGrid {\n  position: relative;\n  outline: none;\n  user-select: none;\n  background: var(--grid-background);\n}\n\n/* Styles applied to the root element if zebra is enabled */\n.saltGrid.saltGrid-zebra {\n  --grid-rowSeparator-color: transparent;\n}\n\n.saltGrid-hidden {\n  visibility: hidden;\n}\n";
+var css_248z = ".salt-density-touch {\n  --grid-row-height-default: 61px;\n  --grid-padding-default: 16px;\n  --grid-fontSize-default: 16px;\n  --grid-header-fontSize-default: 14px;\n  --grid-separatorGap-default: 20px;\n  --grid-cornerTag-size-default: 14px;\n}\n\n.salt-density-low {\n  --grid-row-height-default: 49px;\n  --grid-padding-default: 12px;\n  --grid-fontSize-default: 14px;\n  --grid-header-fontSize-default: 12px;\n  --grid-separatorGap-default: 16px;\n  --grid-cornerTag-size-default: 12px;\n}\n\n.salt-density-medium {\n  --grid-row-height-default: 37px;\n  --grid-padding-default: 8px;\n  --grid-fontSize-default: 12px;\n  --grid-header-fontSize-default: 11px;\n  --grid-separatorGap-default: 12px;\n  --grid-cornerTag-size-default: 10px;\n}\n\n.salt-density-high {\n  --grid-row-height-default: 25px;\n  --grid-padding-default: 8px;\n  --grid-fontSize-default: 11px;\n  --grid-header-fontSize-default: 10px;\n  --grid-separatorGap-default: 8px;\n  --grid-cornerTag-size-default: 8px;\n}\n\n/* Styles applied to the root element */\n.saltGrid {\n  --grid-row-height: var(--saltGrid-row-height, var(--grid-row-height-default));\n  --grid-padding: var(--saltGrid-padding, var(--grid-padding-default));\n  --grid-fontSize: var(--saltGrid-fontSize, var(--grid-fontSize-default));\n  --grid-separatorGap: var(--saltGrid-separatorGap, var(--grid-separatorGap-default));\n  --grid-header-fontSize: var(--saltGrid-header-fontSize, var(--grid-header-fontSize-default));\n  --grid-groupHeader-fontSize: var(--saltGrid-groupHeader-fontSize, var(--grid-header-fontSize));\n  --grid-groupHeader-fontWeight: var(--saltGrid-groupHeader-fontWeight, var(--salt-text-label-fontWeight-strong));\n\n  --grid-cell-padding: 0 var(--grid-padding);\n\n  --grid-background-primary: var(--saltGrid-background-primary, var(--salt-container-primary-background));\n  --grid-background-secondary: var(--saltGrid-background-secondary, var(--salt-container-secondary-background));\n  --grid-zebraColor: var(--saltGrid-zebraColor, var(--salt-container-secondary-background));\n\n  --grid-row-background-hover: var(--saltGrid-row-background-hover, var(--salt-selectable-background-hover));\n  --grid-row-background-selected: var(--saltGrid-row-background-selected, var(--salt-selectable-background-selected));\n\n  --grid-row-borderColor-selected: var(--saltGrid-row-borderColor-selected, var(--salt-selectable-borderColor-selected));\n  --grid-cell-background-selected: var(--saltGrid-cell-background-selected, var(--salt-selectable-background-selected));\n  --grid-editableCell-borderColor: var(--saltGrid-editableCell-borderColor, var(--salt-editable-borderColor));\n  --grid-editableCell-borderColor-hover: var(--saltGrid-editableCell-borderColor-hover, var(--salt-editable-borderColor-hover));\n  --grid-editableCell-background-active: var(--saltGrid-editableCell-background-active, var(--salt-editable-primary-background-active));\n  --grid-editableCell-color-active: var(--saltGrid-editableCell-color-active, var(--salt-content-primary-foreground));\n  --grid-editableCell-cornerTag-size: var(--saltGrid-editableCell-cornerTag-size, var(--grid-cornerTag-size-default));\n\n  --grid-header-color: var(--saltGrid-header-color, var(--salt-content-secondary-foreground));\n\n  --grid-headerColumnSeparator-color: var(--saltGrid-headerColumnSeparator-color, var(--salt-separable-tertiary-borderColor));\n  --grid-headerRowSeparator-color: var(--saltGrid-headerRowSeparator-color, var(--salt-separable-primary-borderColor));\n  --grid-headerRowSeparator-gap: var(--saltGrid-headerRowSeparator-gap, var(--salt-spacing-100));\n  --grid-headerRowSeparator-height: var(--saltGrid-headerRowSeparator-height, 1px);\n  --grid-groupHeaderRowSeparator-color: var(--saltGrid-groupHeaderRowSeparator-color, var(--salt-separable-tertiary-borderColor));\n\n  --grid-groupHeader-color: var(--saltGrid-groupHeader-color, var(--salt-content-secondary-foreground));\n  --grid-shadow-color: var(--saltGrid-shadow-color, var(--salt-shadow-100-color));\n  --grid-columnDropTarget-color: var(--saltGrid-columnDropTarget-color, var(--salt-target-borderColor-hover));\n  --grid-cursor-border-style: var(--saltGrid-cursor-borderStyle, var(--salt-focused-outlineStyle));\n  --grid-cursor-border-width: var(--saltGrid-cursor-borderWidth, var(--salt-focused-outlineWidth));\n  --grid-cursor-borderColor: var(--saltGrid-cursor-borderColor, var(--salt-focused-outlineColor));\n  --grid-borderColor: var(--saltGrid-borderColor, var(--salt-container-secondary-borderColor));\n\n  --grid-rowSeparator-width: 1px;\n  --grid-rowSeparator-color: var(--saltGrid-rowSeparator-color, var(--salt-separable-tertiary-borderColor));\n  --grid-columnSeparator-color: var(--saltGrid-columnSeparator-color, var(--salt-separable-tertiary-borderColor));\n  --grid-rowSeparator-color-divided: var(--saltGrid-rowSeparator-color-divided, var(--salt-separable-secondary-borderColor));\n\n  --grid-pinnedSeparator-color: var(--saltGrid-pinnedSeparator-color, var(--salt-separable-primary-borderColor));\n\n  --grid-columnGhost-borderColor: var(--saltGrid-columnGhost-borderColor, var(--salt-palette-interact-border-hover));\n  --grid-columnGhost-borderWidth: var(--saltGrid-columnGhost-borderWidth, 1px);\n  --grid-columnGhost-boxShadow: var(--saltGrid-columnGhost-boxShadow, var(--salt-overlayable-shadow-drag));\n\n  --grid-mid-body-zIndex: 0;\n  --grid-left-body-zIndex: 1;\n  --grid-right-body-zIndex: 1;\n  --grid-middle-header-zIndex: 2;\n  --grid-left-header-zIndex: 3;\n  --grid-right-header-zIndex: 3;\n}\n\n.saltGrid-columnSeparators {\n}\n\n.saltGrid table {\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n.saltGrid-framed {\n  border: solid 1px var(--grid-borderColor);\n}\n\n/* Styles applied to the root element if variant=\"primary\" */\n.saltGrid-primaryBackground {\n  --grid-background: var(--grid-background-primary);\n}\n\n/* Styles applied to the root element if variant=\"secondary\" */\n.saltGrid-secondaryBackground {\n  --grid-background: var(--grid-background-secondary);\n}\n\n.saltGrid {\n  position: relative;\n  outline: none;\n  user-select: none;\n  background: var(--grid-background);\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--grid-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n/* Styles applied to the root element if zebra is enabled */\n.saltGrid.saltGrid-zebra {\n  --grid-rowSeparator-color: transparent;\n}\n\n.saltGrid-hidden {\n  visibility: hidden;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Grid.css.js.map

package/dist-es/Grid.js

@@ -1,10 +1,18 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useMemo, 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 { clsx } from 'clsx';
-import './internal/Cell.js';
+import { useRef, useState, useCallback, useMemo, useEffect } from 'react';
+import { ColumnDataContext } from './ColumnDataContext.js';
+import { ColumnDragContext } from './ColumnDragContext.js';
+import { ColumnSortContext } from './ColumnSortContext.js';
+import { CursorContext } from './CursorContext.js';
+import { EditorContext } from './EditorContext.js';
+import { GridContext } from './GridContext.js';
+import { LayoutContext } from './LayoutContext.js';
+import { SelectionContext } from './SelectionContext.js';
+import { SizingContext } from './SizingContext.js';
 import { CellMeasure } from './internal/CellMeasure.js';
 import './internal/Cursor.js';
 import './internal/GroupHeaderRow.js';
@@ -15,22 +23,14 @@ import { RightPart } from './internal/RightPart.js';
 import { Scrollable } from './internal/Scrollable.js';
 import './internal/TableRow.js';
 import { clamp, getFocusablePosition } from './internal/utils.js';
-import { SelectionContext } from './SelectionContext.js';
-import { EditorContext } from './EditorContext.js';
-import { CursorContext } from './CursorContext.js';
 import { useColumnRegistry, useSumWidth, useSum, useClientMidWidth, useBodyVisibleColumnRange, useVisibleColumnGroupRange, useHeadVisibleColumnRange, useLeftScrolledOutWidth, useClientMidHeight, useVisibleRowRange, useBodyVisibleAreaTop, useColumnRange, useSumRangeWidth, useScrollToCell, useRowSelection, useRangeSelection, useRowModels, useColumnResize, useColumnMove } from './internal/gridHooks.js';
 import { TopLeftPart } from './internal/TopLeftPart.js';
 import { TopPart } from './internal/TopPart.js';
 import { TopRightPart } from './internal/TopRightPart.js';
+import './CellFrame.js';
 import './internal/DefaultCellValue.js';
-import { GridContext } from './GridContext.js';
-import { SizingContext } from './SizingContext.js';
-import { LayoutContext } from './LayoutContext.js';
-import { ColumnDragContext } from './ColumnDragContext.js';
-import { ColumnGhost } from './internal/ColumnGhost.js';
 import { ColumnDropTarget } from './internal/ColumnDropTarget.js';
-import { ColumnDataContext } from './ColumnDataContext.js';
-import { ColumnSortContext } from './ColumnSortContext.js';
+import { ColumnGhost } from './internal/ColumnGhost.js';
 import css_248z from './Grid.css.js';
 
 const withBaseName = makePrefixer("saltGrid");
@@ -120,7 +120,9 @@ const Grid = function Grid2(props) {
   } = useColumnRegistry(children);
   const midColsById = useMemo(
     () => new Map(
-      midCols.map((c) => [c.info.props.id, c])
+      midCols.map(
+        (c) => [c.info.props.id, c]
+      )
     ),
     [midCols]
   );
@@ -360,7 +362,7 @@ const Grid = function Grid2(props) {
     }, 0);
   };
   const startEditMode = (text) => {
-    if (editMode || cursorRowIdx == void 0 || cursorColIdx == void 0) {
+    if (editMode || cursorRowIdx === void 0 || cursorColIdx === void 0) {
       return;
     }
     const c = cols[cursorColIdx];
@@ -374,14 +376,14 @@ const Grid = function Grid2(props) {
     if (!editMode) {
       return;
     }
-    if (cursorColIdx == void 0) {
-      console.error(`endEditMode: cursorColIdx is undefined in edit mode`);
+    if (cursorColIdx === void 0) {
+      console.error("endEditMode: cursorColIdx is undefined in edit mode");
       return;
     }
     const c = cols[cursorColIdx];
     const handler = c.info.props.onChange;
-    if (cursorRowIdx == void 0) {
-      console.error(`endEditMode: cursorRowIdx is undefined in edit mode`);
+    if (cursorRowIdx === void 0) {
+      console.error("endEditMode: cursorRowIdx is undefined in edit mode");
       return;
     }
     if (!handler) {
@@ -500,18 +502,12 @@ const Grid = function Grid2(props) {
     [editMode, startEditMode, endEditMode, cancelEditMode, initialText]
   );
   const [isFocused, setFocused] = useState(false);
-  const onFocus = useCallback(
-    (event) => {
-      setFocused(true);
-    },
-    [setFocused]
-  );
-  const onBlur = useCallback(
-    (event) => {
-      setFocused(false);
-    },
-    [setFocused]
-  );
+  const onFocus = useCallback(() => {
+    setFocused(true);
+  }, []);
+  const onBlur = useCallback(() => {
+    setFocused(false);
+  }, []);
   const cursorContext = useMemo(
     () => ({
       isFocused,
@@ -595,9 +591,8 @@ const Grid = function Grid2(props) {
           if (editMode) {
             cancelEditMode();
             break;
-          } else {
-            return false;
           }
+          return false;
         default:
           if (!editMode && !event.ctrlKey && !event.metaKey && !event.altKey && /^[\w\d ]$/.test(key)) {
             startEditMode(key);
@@ -624,14 +619,14 @@ const Grid = function Grid2(props) {
         case " ":
           if (focusedPart === "body") {
             if (event.ctrlKey) {
-              if (cursorColIdx != void 0) {
+              if (cursorColIdx !== void 0) {
                 rangeSelection.selectRange({
                   start: { rowIdx: 0, colIdx: cursorColIdx },
                   end: { rowIdx: sortedRowData.length, colIdx: cursorColIdx }
                 });
               }
             } else {
-              if (cursorRowIdx != void 0) {
+              if (cursorRowIdx !== void 0) {
                 selectRows({
                   rowIndex: cursorRowIdx,
                   isRange: false,
@@ -641,9 +636,8 @@ const Grid = function Grid2(props) {
               }
             }
             break;
-          } else {
-            return false;
           }
+          return false;
         case "a":
           if (event.ctrlKey || event.metaKey) {
             rangeSelection.selectRange({
@@ -652,9 +646,8 @@ const Grid = function Grid2(props) {
             });
             selectAll();
             return true;
-          } else {
-            return false;
           }
+          return false;
         default:
           return false;
       }
@@ -676,6 +669,7 @@ const Grid = function Grid2(props) {
   );
   const clipboardKeyHandler = useCallback(
     (event) => {
+      var _a2, _b2;
       const { key } = event;
       if (key === "c" && (event.ctrlKey || event.metaKey) && rangeSelection.selectedCellRange) {
         const { start, end } = rangeSelection.selectedCellRange;
@@ -688,7 +682,7 @@ const Grid = function Grid2(props) {
           const rowText = [];
           for (let c2 = minCol; c2 <= maxCol; ++c2) {
             const col = cols[c2];
-            const cellValue = col.info.props.getValue(row);
+            const cellValue = (_b2 = col == null ? void 0 : (_a2 = col.info.props).getValue) == null ? void 0 : _b2.call(_a2, row);
             rowText.push(cellValue);
           }
           text.push(rowText.join("	"));
@@ -788,7 +782,7 @@ const Grid = function Grid2(props) {
           break;
         case "Enter":
           if (editMode && !event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) {
-            if (cursorRowIdx == void 0) {
+            if (cursorRowIdx === void 0) {
               moveCursor(focusedPart, 0, 0);
             } else {
               moveCursor(focusedPart, cursorRowIdx + 1, cursorColIdx);
@@ -829,7 +823,7 @@ const Grid = function Grid2(props) {
   );
   const onKeyDown = useCallback(
     (event) => {
-      if (cursorColIdx != void 0 && cursorRowIdx != void 0) {
+      if (cursorColIdx !== void 0 && cursorRowIdx !== void 0) {
         const column = cols[cursorColIdx];
         if (column.info.props.onKeyDown) {
           column.info.props.onKeyDown(event, cursorRowIdx);