@salt-ds/data-grid 1.0.5 → 1.0.6

package/dist-cjs/BaseCell.js

@@ -18,10 +18,10 @@ require('./internal/MiddlePart.js');
 require('./internal/RightPart.js');
 require('./internal/Scrollable.js');
 require('react');
-require('./internal/TableRow.js');
-require('./SelectionContext.js');
-require('./EditorContext.js');
 require('./CursorContext.js');
+require('./EditorContext.js');
+require('./SelectionContext.js');
+require('./internal/TableRow.js');
 var gridHooks = require('./internal/gridHooks.js');
 require('./internal/TopLeftPart.js');
 require('./internal/TopPart.js');

package/dist-cjs/BaseCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCell.js","sources":["../src/BaseCell.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport { GridColumnModel } from \"./Grid\";\nimport { GridCellProps } from \"./GridColumn\";\nimport { Cursor, useFocusableContent } from \"./internal\";\nimport {\n  CellErrorIcon,\n  CellSuccessIcon,\n  CellWarningIcon,\n} from \"./internal/CellStatusIcons\";\n\nimport baseCellCss from \"./BaseCell.css\";\n\nconst withBaseName = makePrefixer(\"saltGridBaseCell\");\n\nexport function getCellId<T>(rowKey: string, column: GridColumnModel<T>) {\n  return `R${rowKey}C${column.info.props.id}`;\n}\n\nconst icons = {\n  warning: CellWarningIcon,\n  error: CellErrorIcon,\n  success: CellSuccessIcon,\n};\n\n// Default component for grid cells. Provides selection, on-hover highlighting,\n// cursor etc.\nexport function BaseCell<T>(props: GridCellProps<T>) {\n  const {\n    column,\n    className,\n    row,\n    style,\n    isFocused,\n    isSelected,\n    isEditable,\n    children,\n    validationStatus,\n    validationMessage,\n    validationType = \"light\",\n    align,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-base-cell\",\n    css: baseCellCss,\n    window: targetWindow,\n  });\n\n  const { ref, isFocusableContent, onFocus } =\n    useFocusableContent<HTMLTableCellElement>();\n  const cellId = getCellId(row.key, column);\n  const hasValidation = !!validationStatus;\n  const hasValidationMessage = !!validationMessage || hasValidation;\n  const validationMessageId = `${cellId}-statusMessage`;\n  return (\n    <CellFrame\n      ref={ref}\n      id={cellId}\n      data-row-index={row.index}\n      data-column-index={column.index}\n      data-testid={isFocused ? \"grid-cell-focused\" : undefined}\n      // aria-colindex uses one-based array indexing\n      aria-colindex={column.index + 1}\n      role=\"gridcell\"\n      separator={column.separator}\n      isSelected={isSelected}\n      isEditable={isEditable}\n      className={clsx(className, {\n        [withBaseName(\"hasValidation\")]: hasValidation,\n        [withBaseName(`status-${validationStatus as string}`)]:\n          validationStatus,\n      })}\n      style={style}\n      tabIndex={isFocused && !isFocusableContent ? 0 : -1}\n      onFocus={onFocus}\n      aria-invalid={validationStatus === \"error\" || undefined}\n      aria-describedby={hasValidationMessage ? validationMessageId : undefined}\n    >\n      {hasValidationMessage ? (\n        <div\n          id={validationMessageId}\n          className=\"salt-visuallyHidden\"\n          aria-hidden\n          role=\"status\"\n        >\n          {validationMessage\n            ? validationMessage\n            : `Cell validation state is ${validationStatus as string}`}\n        </div>\n      ) : null}\n      <div className={clsx(withBaseName(\"valueContainer\"))}>{children}</div>\n      {hasValidation && validationType === \"strong\" ? (\n        <div\n          className={clsx(withBaseName(\"statusContainer\"), {\n            [withBaseName(`statusContainer-align-${align as string}`)]: align,\n          })}\n        >\n          {icons[validationStatus]}\n        </div>\n      ) : null}\n      {isFocused && isEditable && <CornerTag focusOnly={true} />}\n      {isFocused && !isFocusableContent && <Cursor />}\n    </CellFrame>\n  );\n}\n"],"names":["makePrefixer","CellWarningIcon","CellErrorIcon","CellSuccessIcon","useWindow","useComponentCssInjection","baseCellCss","useFocusableContent","jsxs","CellFrame","clsx","jsx","CornerTag","Cursor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAEpC,SAAA,SAAA,CAAa,QAAgB,MAA4B,EAAA;AACvE,EAAA,OAAO,CAAI,CAAA,EAAA,MAAA,CAAA,CAAA,EAAU,MAAO,CAAA,IAAA,CAAK,KAAM,CAAA,EAAA,CAAA,CAAA,CAAA;AACzC,CAAA;AAEA,MAAM,KAAQ,GAAA;AAAA,EACZ,OAAS,EAAAC,+BAAA;AAAA,EACT,KAAO,EAAAC,6BAAA;AAAA,EACP,OAAS,EAAAC,+BAAA;AACX,CAAA,CAAA;AAIO,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,KAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,GAAA,EAAK,kBAAoB,EAAA,OAAA,KAC/BC,6BAA0C,EAAA,CAAA;AAC5C,EAAA,MAAM,MAAS,GAAA,SAAA,CAAU,GAAI,CAAA,GAAA,EAAK,MAAM,CAAA,CAAA;AACxC,EAAM,MAAA,aAAA,GAAgB,CAAC,CAAC,gBAAA,CAAA;AACxB,EAAM,MAAA,oBAAA,GAAuB,CAAC,CAAC,iBAAqB,IAAA,aAAA,CAAA;AACpD,EAAA,MAAM,sBAAsB,CAAG,EAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAC/B,EAAA,uBACGC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,kBAAgB,GAAI,CAAA,KAAA;AAAA,IACpB,qBAAmB,MAAO,CAAA,KAAA;AAAA,IAC1B,aAAA,EAAa,YAAY,mBAAsB,GAAA,KAAA,CAAA;AAAA,IAE/C,eAAA,EAAe,OAAO,KAAQ,GAAA,CAAA;AAAA,IAC9B,IAAK,EAAA,UAAA;AAAA,IACL,WAAW,MAAO,CAAA,SAAA;AAAA,IAClB,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAWC,UAAK,SAAW,EAAA;AAAA,MACzB,CAAC,YAAa,CAAA,eAAe,CAAI,GAAA,aAAA;AAAA,MACjC,CAAC,YAAA,CAAa,CAAU,OAAA,EAAA,gBAAA,CAAA,CAA4B,CAClD,GAAA,gBAAA;AAAA,KACH,CAAA;AAAA,IACD,KAAA;AAAA,IACA,QAAU,EAAA,SAAA,IAAa,CAAC,kBAAA,GAAqB,CAAI,GAAA,CAAA,CAAA;AAAA,IACjD,OAAA;AAAA,IACA,cAAA,EAAc,qBAAqB,OAAW,IAAA,KAAA,CAAA;AAAA,IAC9C,kBAAA,EAAkB,uBAAuB,mBAAsB,GAAA,KAAA,CAAA;AAAA,IAE9D,QAAA,EAAA;AAAA,MAAA,oBAAA,mBACEC,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,EAAI,EAAA,mBAAA;AAAA,QACJ,SAAU,EAAA,qBAAA;AAAA,QACV,aAAW,EAAA,IAAA;AAAA,QACX,IAAK,EAAA,QAAA;AAAA,QAEJ,QAAA,EAAA,iBAAA,GACG,oBACA,CAA4B,yBAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,OAClC,CACE,GAAA,IAAA;AAAA,sBACHA,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,gBAAgB,CAAC,CAAA;AAAA,QAAI,QAAA;AAAA,OAAS,CAAA;AAAA,MAC/D,aAAA,IAAiB,cAAmB,KAAA,QAAA,mBAClCC,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,iBAAiB,CAAG,EAAA;AAAA,UAC/C,CAAC,YAAA,CAAa,CAAyB,sBAAA,EAAA,KAAA,CAAA,CAAiB,CAAI,GAAA,KAAA;AAAA,SAC7D,CAAA;AAAA,QAEA,QAAM,EAAA,KAAA,CAAA,gBAAA,CAAA;AAAA,OACT,CACE,GAAA,IAAA;AAAA,MACH,SAAA,IAAa,8BAAeC,cAAA,CAAAC,mBAAA,EAAA;AAAA,QAAU,SAAW,EAAA,IAAA;AAAA,OAAM,CAAA;AAAA,MACvD,SAAa,IAAA,CAAC,kBAAsB,oBAAAD,cAAA,CAACE,aAAO,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAC/C,CAAA,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"BaseCell.js","sources":["../src/BaseCell.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport type { GridColumnModel } from \"./Grid\";\nimport type { GridCellProps } from \"./GridColumn\";\nimport { Cursor, useFocusableContent } from \"./internal\";\nimport {\n  CellErrorIcon,\n  CellSuccessIcon,\n  CellWarningIcon,\n} from \"./internal/CellStatusIcons\";\n\nimport baseCellCss from \"./BaseCell.css\";\n\nconst withBaseName = makePrefixer(\"saltGridBaseCell\");\n\nexport function getCellId<T>(rowKey: string, column: GridColumnModel<T>) {\n  return `R${rowKey}C${column.info.props.id}`;\n}\n\nconst icons = {\n  warning: CellWarningIcon,\n  error: CellErrorIcon,\n  success: CellSuccessIcon,\n};\n\n// Default component for grid cells. Provides selection, on-hover highlighting,\n// cursor etc.\nexport function BaseCell<T>(props: GridCellProps<T>) {\n  const {\n    column,\n    className,\n    row,\n    style,\n    isFocused,\n    isSelected,\n    isEditable,\n    children,\n    validationStatus,\n    validationMessage,\n    validationType = \"light\",\n    align,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-base-cell\",\n    css: baseCellCss,\n    window: targetWindow,\n  });\n\n  const { ref, isFocusableContent, onFocus } =\n    useFocusableContent<HTMLTableCellElement>();\n  const cellId = getCellId(row.key, column);\n  const hasValidation = !!validationStatus;\n  const hasValidationMessage = !!validationMessage || hasValidation;\n  const validationMessageId = `${cellId}-statusMessage`;\n  return (\n    <CellFrame\n      ref={ref}\n      id={cellId}\n      data-row-index={row.index}\n      data-column-index={column.index}\n      data-testid={isFocused ? \"grid-cell-focused\" : undefined}\n      // aria-colindex uses one-based array indexing\n      aria-colindex={column.index + 1}\n      role=\"gridcell\"\n      separator={column.separator}\n      isSelected={isSelected}\n      isEditable={isEditable}\n      className={clsx(className, {\n        [withBaseName(\"hasValidation\")]: hasValidation,\n        [withBaseName(`status-${validationStatus as string}`)]:\n          validationStatus,\n      })}\n      style={style}\n      tabIndex={isFocused && !isFocusableContent ? 0 : -1}\n      onFocus={onFocus}\n      aria-invalid={validationStatus === \"error\" || undefined}\n      aria-describedby={hasValidationMessage ? validationMessageId : undefined}\n    >\n      {hasValidationMessage ? (\n        <div\n          id={validationMessageId}\n          className=\"salt-visuallyHidden\"\n          aria-hidden\n          role=\"status\"\n        >\n          {validationMessage\n            ? validationMessage\n            : `Cell validation state is ${validationStatus as string}`}\n        </div>\n      ) : null}\n      <div className={clsx(withBaseName(\"valueContainer\"))}>{children}</div>\n      {hasValidation && validationType === \"strong\" ? (\n        <div\n          className={clsx(withBaseName(\"statusContainer\"), {\n            [withBaseName(`statusContainer-align-${align as string}`)]: align,\n          })}\n        >\n          {icons[validationStatus]}\n        </div>\n      ) : null}\n      {isFocused && isEditable && <CornerTag focusOnly={true} />}\n      {isFocused && !isFocusableContent && <Cursor />}\n    </CellFrame>\n  );\n}\n"],"names":["makePrefixer","CellWarningIcon","CellErrorIcon","CellSuccessIcon","useWindow","useComponentCssInjection","baseCellCss","useFocusableContent","jsxs","CellFrame","clsx","jsx","CornerTag","Cursor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAEpC,SAAA,SAAA,CAAa,QAAgB,MAA4B,EAAA;AACvE,EAAA,OAAO,CAAI,CAAA,EAAA,MAAA,CAAA,CAAA,EAAU,MAAO,CAAA,IAAA,CAAK,KAAM,CAAA,EAAA,CAAA,CAAA,CAAA;AACzC,CAAA;AAEA,MAAM,KAAQ,GAAA;AAAA,EACZ,OAAS,EAAAC,+BAAA;AAAA,EACT,KAAO,EAAAC,6BAAA;AAAA,EACP,OAAS,EAAAC,+BAAA;AACX,CAAA,CAAA;AAIO,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,KAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,GAAA,EAAK,kBAAoB,EAAA,OAAA,KAC/BC,6BAA0C,EAAA,CAAA;AAC5C,EAAA,MAAM,MAAS,GAAA,SAAA,CAAU,GAAI,CAAA,GAAA,EAAK,MAAM,CAAA,CAAA;AACxC,EAAM,MAAA,aAAA,GAAgB,CAAC,CAAC,gBAAA,CAAA;AACxB,EAAM,MAAA,oBAAA,GAAuB,CAAC,CAAC,iBAAqB,IAAA,aAAA,CAAA;AACpD,EAAA,MAAM,sBAAsB,CAAG,EAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAC/B,EAAA,uBACGC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,kBAAgB,GAAI,CAAA,KAAA;AAAA,IACpB,qBAAmB,MAAO,CAAA,KAAA;AAAA,IAC1B,aAAA,EAAa,YAAY,mBAAsB,GAAA,KAAA,CAAA;AAAA,IAE/C,eAAA,EAAe,OAAO,KAAQ,GAAA,CAAA;AAAA,IAC9B,IAAK,EAAA,UAAA;AAAA,IACL,WAAW,MAAO,CAAA,SAAA;AAAA,IAClB,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAWC,UAAK,SAAW,EAAA;AAAA,MACzB,CAAC,YAAa,CAAA,eAAe,CAAI,GAAA,aAAA;AAAA,MACjC,CAAC,YAAA,CAAa,CAAU,OAAA,EAAA,gBAAA,CAAA,CAA4B,CAClD,GAAA,gBAAA;AAAA,KACH,CAAA;AAAA,IACD,KAAA;AAAA,IACA,QAAU,EAAA,SAAA,IAAa,CAAC,kBAAA,GAAqB,CAAI,GAAA,CAAA,CAAA;AAAA,IACjD,OAAA;AAAA,IACA,cAAA,EAAc,qBAAqB,OAAW,IAAA,KAAA,CAAA;AAAA,IAC9C,kBAAA,EAAkB,uBAAuB,mBAAsB,GAAA,KAAA,CAAA;AAAA,IAE9D,QAAA,EAAA;AAAA,MAAA,oBAAA,mBACEC,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,EAAI,EAAA,mBAAA;AAAA,QACJ,SAAU,EAAA,qBAAA;AAAA,QACV,aAAW,EAAA,IAAA;AAAA,QACX,IAAK,EAAA,QAAA;AAAA,QAEJ,QAAA,EAAA,iBAAA,GACG,oBACA,CAA4B,yBAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,OAClC,CACE,GAAA,IAAA;AAAA,sBACHA,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,gBAAgB,CAAC,CAAA;AAAA,QAAI,QAAA;AAAA,OAAS,CAAA;AAAA,MAC/D,aAAA,IAAiB,cAAmB,KAAA,QAAA,mBAClCC,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,iBAAiB,CAAG,EAAA;AAAA,UAC/C,CAAC,YAAA,CAAa,CAAyB,sBAAA,EAAA,KAAA,CAAA,CAAiB,CAAI,GAAA,KAAA;AAAA,SAC7D,CAAA;AAAA,QAEA,QAAM,EAAA,KAAA,CAAA,gBAAA,CAAA;AAAA,OACT,CACE,GAAA,IAAA;AAAA,MACH,SAAA,IAAa,8BAAeC,cAAA,CAAAC,mBAAA,EAAA;AAAA,QAAU,SAAW,EAAA,IAAA;AAAA,OAAM,CAAA;AAAA,MACvD,SAAa,IAAA,CAAC,kBAAsB,oBAAAD,cAAA,CAACE,aAAO,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GAC/C,CAAA,CAAA;AAEJ;;;;;"}

package/dist-cjs/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":["useGridContext","useMemo","useEffect"],"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,OAAOA,0BAAe,EAAA,CAAA;AAE5B,EAAA,MAAM,IAAO,GAAAC,aAAA;AAAA,IACX,OAAO;AAAA,MACL,QAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAU,QAAQ,CAAA;AAAA,GACrB,CAAA;AAEA,EAAAC,eAAA,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":["useGridContext","useMemo","useEffect"],"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,OAAOA,0BAAe,EAAA,CAAA;AAE5B,EAAA,MAAM,IAAO,GAAAC,aAAA;AAAA,IACX,OAAO;AAAA,MACL,QAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAU,QAAQ,CAAA;AAAA,GACrB,CAAA;AAEA,EAAAC,eAAA,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-cjs/CellFrame.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var window = require('@salt-ds/window');
 var styles = require('@salt-ds/styles');
-var react = require('react');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
+var react = require('react');
 var CellFrame$1 = require('./CellFrame.css.js');
 
 const withBaseName = core.makePrefixer("saltGridCell");

package/dist-cjs/CellFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellFrame.js","sources":["../src/CellFrame.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { 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":["makePrefixer","forwardRef","CellFrame","useWindow","useComponentCssInjection","cellCss","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAGzC,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,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,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,WAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,eAAA,CAAA,IAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAAC,SAAA;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,wBAACC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,UAAI,QAAA;AAAA,SAAS,CAAA;AAAA,wBAC/CA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,SAAG,CAAA;AAAA,wBAChDA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,SAAG,CAAA;AAAA,wBAC7CA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,SAAG,CAAA;AAAA,OAAA;AAAA,KAChD,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"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":["makePrefixer","forwardRef","CellFrame","useWindow","useComponentCssInjection","cellCss","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA,CAAA;AAGzC,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,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,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,WAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,eAAA,CAAA,IAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAAC,SAAA;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,wBAACC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,UAAI,QAAA;AAAA,SAAS,CAAA;AAAA,wBAC/CA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,SAAG,CAAA;AAAA,wBAChDA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,SAAG,CAAA;AAAA,wBAC7CA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,SAAG,CAAA;AAAA,OAAA;AAAA,KAChD,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/ColumnDataContext.js

@@ -8,7 +8,7 @@ const ColumnDataContext = react.createContext(void 0);
 const useColumnDataContext = () => {
   const c = react.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-cjs/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":["createContext","useContext"],"mappings":";;;;;;AAOa,MAAA,iBAAA,GAAoBA,oBAE/B,KAAS,CAAA,EAAA;AAEJ,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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":["createContext","useContext"],"mappings":";;;;;;AAOa,MAAA,iBAAA,GAAoBA,oBAE/B,KAAS,CAAA,EAAA;AAEJ,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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-cjs/ColumnDragContext.js

@@ -10,7 +10,7 @@ const ColumnDragContext = react.createContext(
 const useColumnDragContext = () => {
   const c = react.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-cjs/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":["createContext","useContext"],"mappings":";;;;;;AAOO,MAAM,iBAAoB,GAAAA,mBAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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":["createContext","useContext"],"mappings":";;;;;;AAOO,MAAM,iBAAoB,GAAAA,mBAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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-cjs/ColumnGroup.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var GridContext = require('./GridContext.js');
 var react = require('react');
+var GridContext = require('./GridContext.js');
 
 function ColumnGroup(props) {
   const pinned = props.pinned || null;

package/dist-cjs/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":["useRef","useGridContext","useEffect","Children","isValidElement","cloneElement","jsx","Fragment"],"mappings":";;;;;;;;AA8BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,IAAA,CAAA;AAC/B,EAAA,MAAM,WAAWA,YAAe,EAAA,CAAA;AAChC,EAAA,MAAM,OAAOC,0BAAe,EAAA,CAAA;AAC5B,EAAAC,eAAA,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+BC,cAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC3E,IAAI,IAAAC,oBAAA,CAAe,KAAK,CAAG,EAAA;AACzB,MAAA,OAAOC,kBAAa,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,CAAA;AAAA,KACvC;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACD,EAAO,uBAAAC,cAAA,CAAAC,mBAAA,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":["useRef","useGridContext","useEffect","Children","isValidElement","cloneElement","jsx","Fragment"],"mappings":";;;;;;;;AA8BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,IAAA,CAAA;AAC/B,EAAA,MAAM,WAAWA,YAAe,EAAA,CAAA;AAChC,EAAA,MAAM,OAAOC,0BAAe,EAAA,CAAA;AAC5B,EAAAC,eAAA,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+BC,cAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC3E,IAAI,IAAAC,oBAAA,CAAe,KAAK,CAAG,EAAA;AACzB,MAAA,OAAOC,kBAAa,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,CAAA;AAAA,KACvC;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACD,EAAO,uBAAAC,cAAA,CAAAC,mBAAA,EAAA;AAAA,IAAG,QAAA,EAAA,4BAAA;AAAA,GAA6B,CAAA,CAAA;AACzC;;;;"}

package/dist-cjs/ColumnSortContext.js

@@ -10,7 +10,7 @@ const ColumnSortContext = react.createContext(
 const useColumnSortContext = () => {
   const c = react.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-cjs/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":["createContext","useContext"],"mappings":";;;;;;AAYO,MAAM,iBAAoB,GAAAA,mBAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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":["createContext","useContext"],"mappings":";;;;;;AAaO,MAAM,iBAAoB,GAAAA,mBAAA;AAAA,EAC/B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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-cjs/CornerTag.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var window = require('@salt-ds/window');
 var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var CornerTag$1 = require('./CornerTag.css.js');
 
 function CornerTag(props) {

package/dist-cjs/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":["useWindow","useComponentCssInjection","cornerTagCss","jsx"],"mappings":";;;;;;;;;AASO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,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":["useWindow","useComponentCssInjection","cornerTagCss","jsx"],"mappings":";;;;;;;;;AASO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EACE,KAAM,CAAA,SAAA,GAAY,6BAAgC,GAAA,mBAAA;AAAA,GAEtD,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/CursorContext.js

@@ -10,7 +10,7 @@ const CursorContext = react.createContext(
 const useCursorContext = () => {
   const c = react.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-cjs/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":["createContext","useContext"],"mappings":";;;;;;AAaO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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":["createContext","useContext"],"mappings":";;;;;;AAaO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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-cjs/DropdownCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownCellEditor.js","sources":["../src/DropdownCellEditor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { Dropdown, SelectHandler, SelectionChangeHandler } 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 { 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":["makePrefixer","useWindow","useComponentCssInjection","dropdownCellEditorCss","useRef","useEditorContext","useEffect","jsx","jsxs","CellFrame","Dropdown","CornerTag"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,4BAA4B,CAAA,CAAA;AASvD,SAAS,mBAAsB,KAAmC,EAAA;AACvE,EAAA,MAAM,EAAE,OAAA,EAAS,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AAEjC,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAaC,aAAuB,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,GAAIC,8BAAiB,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,EAAAC,eAAA,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,mCACHC,cAAA,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,uBACGC,eAAA,CAAAC,mBAAA,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,sBAACF,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,mBAAmB,CAAA;AAAA,QAC7C,QAAW,EAAA,OAAA,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,mBAC1BA,cAAA,CAAAG,YAAA,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,qCACCC,mBAAU,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":["makePrefixer","useWindow","useComponentCssInjection","dropdownCellEditorCss","useRef","useEditorContext","useEffect","jsx","jsxs","CellFrame","Dropdown","CornerTag"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,4BAA4B,CAAA,CAAA;AASvD,SAAS,mBAAsB,KAAmC,EAAA;AACvE,EAAA,MAAM,EAAE,OAAA,EAAS,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AAEjC,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAaC,aAAuB,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,GAAIC,8BAAiB,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,EAAAC,eAAA,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,mCACHC,cAAA,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,uBACGC,eAAA,CAAAC,mBAAA,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,sBAACF,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,mBAAmB,CAAA;AAAA,QAC7C,QAAW,EAAA,OAAA,IAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,mBAC1BA,cAAA,CAAAG,YAAA,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,qCACCC,mBAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/EditorContext.js

@@ -10,7 +10,7 @@ const EditorContext = react.createContext(
 const useEditorContext = () => {
   const c = react.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-cjs/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":["createContext","useContext"],"mappings":";;;;;;AAUO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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":["createContext","useContext"],"mappings":";;;;;;AAUO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,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-cjs/Grid.js

@@ -3,11 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
 var core = require('@salt-ds/core');
-var window = require('@salt-ds/window');
 var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
+var react = require('react');
+var ColumnDataContext = require('./ColumnDataContext.js');
+var ColumnDragContext = require('./ColumnDragContext.js');
+var ColumnSortContext = require('./ColumnSortContext.js');
+var CursorContext = require('./CursorContext.js');
+var EditorContext = require('./EditorContext.js');
+var GridContext = require('./GridContext.js');
+var LayoutContext = require('./LayoutContext.js');
+var SelectionContext = require('./SelectionContext.js');
+var SizingContext = require('./SizingContext.js');
 var CellMeasure = require('./internal/CellMeasure.js');
 require('./internal/Cursor.js');
 require('./internal/GroupHeaderRow.js');
@@ -18,23 +27,14 @@ var RightPart = require('./internal/RightPart.js');
 var Scrollable = require('./internal/Scrollable.js');
 require('./internal/TableRow.js');
 var utils = require('./internal/utils.js');
-var SelectionContext = require('./SelectionContext.js');
-var EditorContext = require('./EditorContext.js');
-var CursorContext = require('./CursorContext.js');
 var gridHooks = require('./internal/gridHooks.js');
 var TopLeftPart = require('./internal/TopLeftPart.js');
 var TopPart = require('./internal/TopPart.js');
 var TopRightPart = require('./internal/TopRightPart.js');
 require('./CellFrame.js');
 require('./internal/DefaultCellValue.js');
-var GridContext = require('./GridContext.js');
-var SizingContext = require('./SizingContext.js');
-var LayoutContext = require('./LayoutContext.js');
-var ColumnDragContext = require('./ColumnDragContext.js');
-var ColumnGhost = require('./internal/ColumnGhost.js');
 var ColumnDropTarget = require('./internal/ColumnDropTarget.js');
-var ColumnDataContext = require('./ColumnDataContext.js');
-var ColumnSortContext = require('./ColumnSortContext.js');
+var ColumnGhost = require('./internal/ColumnGhost.js');
 var Grid$1 = require('./Grid.css.js');
 
 const withBaseName = core.makePrefixer("saltGrid");
@@ -124,7 +124,9 @@ const Grid = function Grid2(props) {
   } = gridHooks.useColumnRegistry(children);
   const midColsById = react.useMemo(
     () => new Map(
-      midCols.map((c) => [c.info.props.id, c])
+      midCols.map(
+        (c) => [c.info.props.id, c]
+      )
     ),
     [midCols]
   );
@@ -364,7 +366,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];
@@ -378,14 +380,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) {
@@ -504,18 +506,12 @@ const Grid = function Grid2(props) {
     [editMode, startEditMode, endEditMode, cancelEditMode, initialText]
   );
   const [isFocused, setFocused] = react.useState(false);
-  const onFocus = react.useCallback(
-    (event) => {
-      setFocused(true);
-    },
-    [setFocused]
-  );
-  const onBlur = react.useCallback(
-    (event) => {
-      setFocused(false);
-    },
-    [setFocused]
-  );
+  const onFocus = react.useCallback(() => {
+    setFocused(true);
+  }, []);
+  const onBlur = react.useCallback(() => {
+    setFocused(false);
+  }, []);
   const cursorContext = react.useMemo(
     () => ({
       isFocused,
@@ -599,9 +595,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);
@@ -628,14 +623,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,
@@ -645,9 +640,8 @@ const Grid = function Grid2(props) {
               }
             }
             break;
-          } else {
-            return false;
           }
+          return false;
         case "a":
           if (event.ctrlKey || event.metaKey) {
             rangeSelection.selectRange({
@@ -656,9 +650,8 @@ const Grid = function Grid2(props) {
             });
             selectAll();
             return true;
-          } else {
-            return false;
           }
+          return false;
         default:
           return false;
       }
@@ -680,6 +673,7 @@ const Grid = function Grid2(props) {
   );
   const clipboardKeyHandler = react.useCallback(
     (event) => {
+      var _a2, _b2;
       const { key } = event;
       if (key === "c" && (event.ctrlKey || event.metaKey) && rangeSelection.selectedCellRange) {
         const { start, end } = rangeSelection.selectedCellRange;
@@ -692,7 +686,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("	"));
@@ -792,7 +786,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);
@@ -833,7 +827,7 @@ const Grid = function Grid2(props) {
   );
   const onKeyDown = react.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);