@salt-ds/data-grid 1.0.21 → 1.0.23

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @salt-ds/data-grid
 
+## 1.0.23
+
+### Patch Changes
+
+- Updated dependencies [62975de]
+- Updated dependencies [b96166e]
+- Updated dependencies [9c4575b]
+- Updated dependencies [73ccf6b]
+- Updated dependencies [95dd874]
+- Updated dependencies [d5a52bb]
+- Updated dependencies [c93c943]
+- Updated dependencies [7db876d]
+- Updated dependencies [104d776]
+- Updated dependencies [621253b]
+  - @salt-ds/core@1.47.1
+  - @salt-ds/lab@1.0.0-alpha.71
+
+## 1.0.22
+
+### Patch Changes
+
+- Updated dependencies [b99afaa]
+- Updated dependencies [dd3e21d]
+- Updated dependencies [edcd33d]
+- Updated dependencies [a3a0608]
+- Updated dependencies [0c140c0]
+- Updated dependencies [5f6c967]
+  - @salt-ds/core@1.47.0
+  - @salt-ds/icons@1.14.0
+  - @salt-ds/lab@1.0.0-alpha.70
+
 ## 1.0.21
 
 ### Patch Changes

package/dist-cjs/ColumnGroup.js.map

@@ -1 +1 @@
-{"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"],"mappings":";;;;;;AA8BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,IAAA;AAC/B,EAAA,MAAM,WAAWA,YAAe,EAAA;AAChC,EAAA,MAAM,OAAOC,0BAAe,EAAA;AAC5B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA;AAC9C,IAAA,IAAA,CAAK,mBAAmB,KAAK,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,oBAAA,CAAqB,QAAS,CAAA,OAAA,EAAU,KAAK,CAAA;AAAA,KACpD;AAAA,GACD,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;AAAA;AAEvC,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AACD,EAAA,6DAAU,QAA6B,EAAA,4BAAA,EAAA,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<ColumnGroupProps>(child)) {\n      return cloneElement(child, { pinned });\n    }\n    return child;\n  });\n  return <>{childrenWithPinnedOverridden}</>;\n}\n"],"names":["useRef","useGridContext","useEffect","Children","isValidElement","cloneElement"],"mappings":";;;;;;AA8BO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,IAAA;AAC/B,EAAA,MAAM,WAAWA,YAAe,EAAA;AAChC,EAAA,MAAM,OAAOC,0BAAe,EAAA;AAC5B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA;AAC9C,IAAA,IAAA,CAAK,mBAAmB,KAAK,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,oBAAA,CAAqB,QAAS,CAAA,OAAA,EAAU,KAAK,CAAA;AAAA,KACpD;AAAA,GACD,CAAA;AACD,EAAA,MAAM,+BAA+BC,cAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC3E,IAAI,IAAAC,oBAAA,CAAiC,KAAK,CAAG,EAAA;AAC3C,MAAA,OAAOC,kBAAa,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA;AAAA;AAEvC,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AACD,EAAA,6DAAU,QAA6B,EAAA,4BAAA,EAAA,CAAA;AACzC;;;;"}

package/dist-cjs/HeaderCell.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltGridHeaderCell {\n  text-align: left;\n  font-size: var(--grid-header-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  line-height: var(--grid-row-height);\n  position: relative;\n  box-sizing: border-box;\n  color: var(--grid-header-color);\n  white-space: nowrap;\n  outline: 0;\n}\n\n.saltGridHeaderCell-valueContainer {\n  line-height: var(--grid-row-height);\n  padding: var(--grid-cell-padding);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.saltGridHeaderCell-alignRight {\n  text-align: right;\n}\n\n.saltGridHeaderCell-alignRightWithSortOrder {\n  margin-left: var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-alignLeftWithSortOrder {\n  margin-right: var(--salt-spacing-200);\n}\n\n.saltGridHeaderCell-autosizeContainer {\n  line-height: var(--grid-row-height);\n  padding: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-measuredContent {\n  height: 100%;\n  display: inline-block;\n  padding: var(--grid-cell-padding);\n}\n\n.saltGridHeaderCell-text {\n  color: var(--grid-header-color);\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-regularSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: var(--grid-separatorGap);\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGridHeaderCell-groupEdgeSeparator,\n.saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGrid-pinnedSeparators .saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-pinnedSeparator-color);\n  width: 1px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.saltGridHeaderCell-resizeHandle {\n  position: absolute;\n  right: -8px;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  background: transparent;\n  cursor: col-resize;\n  z-index: 2;\n}\n\n.saltGridHeaderCell-sortable {\n  cursor: pointer;\n}\n\n.saltGridHeaderCell-sortingIcon {\n  display: flex;\n  margin: 0 var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-sortingIconStart {\n  justify-content: start;\n}\n\n.saltGridHeaderCell-sortingIconEnd {\n  justify-content: end;\n}\n";
+var css_248z = ".saltGridHeaderCell {\n  text-align: left;\n  font-size: var(--grid-header-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  line-height: var(--grid-row-height);\n  position: relative;\n  box-sizing: border-box;\n  color: var(--grid-header-color);\n  white-space: nowrap;\n  outline: 0;\n}\n\n.saltGridHeaderCell-valueContainer {\n  line-height: var(--grid-row-height);\n  padding: var(--grid-cell-padding);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.saltGridHeaderCell-alignRight {\n  text-align: right;\n}\n\n.saltGridHeaderCell-alignRightWithSortOrder {\n  margin-left: var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-alignLeftWithSortOrder {\n  margin-right: var(--salt-spacing-200);\n}\n\n.saltGridHeaderCell-autosizeContainer {\n  line-height: var(--grid-row-height);\n  padding: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-measuredContent {\n  height: 100%;\n  display: inline-block;\n  padding: var(--grid-cell-padding);\n}\n\n.saltGridHeaderCell-text {\n  color: var(--grid-header-color);\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-regularSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: var(--grid-separatorGap);\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGridHeaderCell-groupEdgeSeparator,\n.saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGrid-pinnedSeparators .saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-pinnedSeparator-color);\n  width: 1px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.saltGridHeaderCell-resizeHandle {\n  position: absolute;\n  right: -8px;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  background: transparent;\n  cursor: var(--salt-cursor-drag-ew);\n  z-index: 2;\n}\n\n.saltGridHeaderCell-sortable {\n  cursor: var(--salt-cursor-hover);\n}\n\n.saltGridHeaderCell-sortingIcon {\n  display: flex;\n  margin: 0 var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-sortingIconStart {\n  justify-content: start;\n}\n\n.saltGridHeaderCell-sortingIconEnd {\n  justify-content: end;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=HeaderCell.css.js.map

package/dist-es/ColumnGroup.js.map

@@ -1 +1 @@
-{"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;AAC/B,EAAA,MAAM,WAAW,MAAe,EAAA;AAChC,EAAA,MAAM,OAAO,cAAe,EAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA;AAC9C,IAAA,IAAA,CAAK,mBAAmB,KAAK,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,oBAAA,CAAqB,QAAS,CAAA,OAAA,EAAU,KAAK,CAAA;AAAA,KACpD;AAAA,GACD,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;AAAA;AAEvC,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AACD,EAAA,uCAAU,QAA6B,EAAA,4BAAA,EAAA,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<ColumnGroupProps>(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;AAC/B,EAAA,MAAM,WAAW,MAAe,EAAA;AAChC,EAAA,MAAM,OAAO,cAAe,EAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA;AAC9C,IAAA,IAAA,CAAK,mBAAmB,KAAK,CAAA;AAC7B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,oBAAA,CAAqB,QAAS,CAAA,OAAA,EAAU,KAAK,CAAA;AAAA,KACpD;AAAA,GACD,CAAA;AACD,EAAA,MAAM,+BAA+B,QAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAC,KAAU,KAAA;AAC3E,IAAI,IAAA,cAAA,CAAiC,KAAK,CAAG,EAAA;AAC3C,MAAA,OAAO,YAAa,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA;AAAA;AAEvC,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AACD,EAAA,uCAAU,QAA6B,EAAA,4BAAA,EAAA,CAAA;AACzC;;;;"}

package/dist-es/HeaderCell.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltGridHeaderCell {\n  text-align: left;\n  font-size: var(--grid-header-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  line-height: var(--grid-row-height);\n  position: relative;\n  box-sizing: border-box;\n  color: var(--grid-header-color);\n  white-space: nowrap;\n  outline: 0;\n}\n\n.saltGridHeaderCell-valueContainer {\n  line-height: var(--grid-row-height);\n  padding: var(--grid-cell-padding);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.saltGridHeaderCell-alignRight {\n  text-align: right;\n}\n\n.saltGridHeaderCell-alignRightWithSortOrder {\n  margin-left: var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-alignLeftWithSortOrder {\n  margin-right: var(--salt-spacing-200);\n}\n\n.saltGridHeaderCell-autosizeContainer {\n  line-height: var(--grid-row-height);\n  padding: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-measuredContent {\n  height: 100%;\n  display: inline-block;\n  padding: var(--grid-cell-padding);\n}\n\n.saltGridHeaderCell-text {\n  color: var(--grid-header-color);\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-regularSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: var(--grid-separatorGap);\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGridHeaderCell-groupEdgeSeparator,\n.saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGrid-pinnedSeparators .saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-pinnedSeparator-color);\n  width: 1px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.saltGridHeaderCell-resizeHandle {\n  position: absolute;\n  right: -8px;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  background: transparent;\n  cursor: col-resize;\n  z-index: 2;\n}\n\n.saltGridHeaderCell-sortable {\n  cursor: pointer;\n}\n\n.saltGridHeaderCell-sortingIcon {\n  display: flex;\n  margin: 0 var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-sortingIconStart {\n  justify-content: start;\n}\n\n.saltGridHeaderCell-sortingIconEnd {\n  justify-content: end;\n}\n";
+var css_248z = ".saltGridHeaderCell {\n  text-align: left;\n  font-size: var(--grid-header-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  line-height: var(--grid-row-height);\n  position: relative;\n  box-sizing: border-box;\n  color: var(--grid-header-color);\n  white-space: nowrap;\n  outline: 0;\n}\n\n.saltGridHeaderCell-valueContainer {\n  line-height: var(--grid-row-height);\n  padding: var(--grid-cell-padding);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.saltGridHeaderCell-alignRight {\n  text-align: right;\n}\n\n.saltGridHeaderCell-alignRightWithSortOrder {\n  margin-left: var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-alignLeftWithSortOrder {\n  margin-right: var(--salt-spacing-200);\n}\n\n.saltGridHeaderCell-autosizeContainer {\n  line-height: var(--grid-row-height);\n  padding: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-measuredContent {\n  height: 100%;\n  display: inline-block;\n  padding: var(--grid-cell-padding);\n}\n\n.saltGridHeaderCell-text {\n  color: var(--grid-header-color);\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-regularSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: var(--grid-separatorGap);\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGridHeaderCell-groupEdgeSeparator,\n.saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGrid-pinnedSeparators .saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-pinnedSeparator-color);\n  width: 1px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.saltGridHeaderCell-resizeHandle {\n  position: absolute;\n  right: -8px;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  background: transparent;\n  cursor: var(--salt-cursor-drag-ew);\n  z-index: 2;\n}\n\n.saltGridHeaderCell-sortable {\n  cursor: var(--salt-cursor-hover);\n}\n\n.saltGridHeaderCell-sortingIcon {\n  display: flex;\n  margin: 0 var(--salt-spacing-100);\n}\n\n.saltGridHeaderCell-sortingIconStart {\n  justify-content: start;\n}\n\n.saltGridHeaderCell-sortingIconEnd {\n  justify-content: end;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=HeaderCell.css.js.map

package/dist-types/CursorContext.d.ts

@@ -1,4 +1,4 @@
-export declare type FocusedPart = "header" | "body";
+export type FocusedPart = "header" | "body";
 export interface CursorContext {
     isFocused: boolean;
     cursorRowIdx: number | undefined;

package/dist-types/Grid.d.ts

@@ -1,18 +1,18 @@
 import { type CSSProperties, type ReactNode } from "react";
 import type { ColumnGroupProps } from "./ColumnGroup";
 import type { CellValidationState, GridColumnInfo } from "./GridColumn";
-export declare type ColumnSeparatorType = "regular" | "none" | "groupEdge" | "pinned";
-export declare type ColumnGroupRowSeparatorType = "first" | "regular" | "last";
-export declare type ColumnGroupColumnSeparatorType = "regular" | "none" | "pinned";
-export declare type GridRowSelectionMode = "single" | "multi" | "none";
-export declare type GridCellSelectionMode = "range" | "none";
+export type ColumnSeparatorType = "regular" | "none" | "groupEdge" | "pinned";
+export type ColumnGroupRowSeparatorType = "first" | "regular" | "last";
+export type ColumnGroupColumnSeparatorType = "regular" | "none" | "pinned";
+export type GridRowSelectionMode = "single" | "multi" | "none";
+export type GridCellSelectionMode = "range" | "none";
 export declare enum SortOrder {
     ASC = "asc",
     DESC = "desc",
     NONE = "none"
 }
-export declare type RowKeyGetter<T> = (row: T, index: number) => string;
-export declare type GridColumnMoveHandler = (columnId: string, fromIndex: number, toIndex: number) => void;
+export type RowKeyGetter<T> = (row: T, index: number) => string;
+export type GridColumnMoveHandler = (columnId: string, fromIndex: number, toIndex: number) => void;
 export interface GridProps<T = any> {
     /**
      * At least 1 children is expected, options are `ColumnGroup` or `GridColumn`.

package/dist-types/GridColumn.d.ts

@@ -1,8 +1,8 @@
 import { type CSSProperties, type ComponentType, type KeyboardEvent, type ReactNode } from "react";
 import type { GridColumnModel, GridRowModel, SortOrder } from "./Grid";
-export declare type GridColumnPin = "left" | "right" | null;
-export declare type CellValidationState = "error" | "warning" | "success";
-declare type CellValidationType = "strong" | "light";
+export type GridColumnPin = "left" | "right" | null;
+export type CellValidationState = "error" | "warning" | "success";
+type CellValidationType = "strong" | "light";
 export interface GridCellProps<T, U = any> {
     row: GridRowModel<T>;
     column: GridColumnModel<T>;

package/dist-types/RowSelectionCheckboxColumn.d.ts

@@ -1,3 +1,3 @@
 import { type GridColumnProps } from "./GridColumn";
-export declare type RowSelectionCheckboxColumnProps<T> = Omit<GridColumnProps<T>, "width" | "name">;
+export type RowSelectionCheckboxColumnProps<T> = Omit<GridColumnProps<T>, "width" | "name">;
 export declare function RowSelectionCheckboxColumn<T>(props: RowSelectionCheckboxColumnProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist-types/RowSelectionRadioColumn.d.ts

@@ -1,3 +1,3 @@
 import { type GridColumnProps } from "./GridColumn";
-export declare type RowSelectionRadioColumnProps<T> = Omit<GridColumnProps<T>, "width" | "name">;
+export type RowSelectionRadioColumnProps<T> = Omit<GridColumnProps<T>, "width" | "name">;
 export declare function RowSelectionRadioColumn<T>(props: RowSelectionRadioColumnProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist-types/RowValidationStatus.d.ts

@@ -1,6 +1,6 @@
 import { type CellValidationState, type GridColumnProps } from "./GridColumn";
 export declare const RowValidationStatusContext: import("react").Context<{
-    status?: CellValidationState | undefined;
+    status?: CellValidationState;
 }>;
-export declare type RowValidationStatusColumnProps<T> = Omit<GridColumnProps<T>, "width" | "name">;
+export type RowValidationStatusColumnProps<T> = Omit<GridColumnProps<T>, "width" | "name">;
 export declare function RowValidationStatusColumn<T>(props: RowValidationStatusColumnProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist-types/internal/FakeCell.d.ts

@@ -1,3 +1,3 @@
 import type { GridCellProps } from "../GridColumn";
-export declare type FakeCellProps<T> = Pick<GridCellProps<T>, "row">;
+export type FakeCellProps<T> = Pick<GridCellProps<T>, "row">;
 export declare function FakeCell<T>(props: FakeCellProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist-types/internal/gridHooks.d.ts

@@ -17,7 +17,7 @@ export declare function useVisibleRowRange(scrollTop: number, clientMidHeight: n
 export declare function useColumnRange<T>(columns: GridColumnModel<T>[], range: NumberRange): GridColumnModel<T>[];
 export declare function useLeftScrolledOutWidth<T>(midColumns: GridColumnModel<T>[], bodyVisibleColumnRange: NumberRange): number;
 export declare function useRowIdxByKey<T>(rowKeyGetter: RowKeyGetter<T>, rowData: T[]): Map<string, number>;
-export declare type SetState<T> = (v: T | ((p: T) => T)) => void;
+export type SetState<T> = (v: T | ((p: T) => T)) => void;
 export declare function useRowModels<T>(getKey: RowKeyGetter<T>, rowData: T[], visibleRowRange: NumberRange): GridRowModel<T>[];
 export declare const useColumnGroups: (grpPs: ColumnGroupProps[], startIdx: number) => GridColumnGroupModel[];
 export declare function useVisibleColumnGroupRange<T>(bodyVisColRng: NumberRange, midCols: GridColumnModel<T>[], midGrpByColId: Map<string, GridColumnGroupModel>, leftGrpCount: number): NumberRange;
@@ -36,7 +36,7 @@ export declare function useColumnRegistry<T>(children: ReactNode): {
     rightGroups: GridColumnGroupModel[];
     contextValue: GridContext<T>;
 };
-export declare type SelectRowsOptions = {
+export type SelectRowsOptions = {
     rowIndex: number;
     isRange?: boolean;
     incremental?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/data-grid",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -11,9 +11,9 @@
   "main": "dist-cjs/index.js",
   "sideEffects": false,
   "dependencies": {
-    "@salt-ds/core": "^1.46.1",
-    "@salt-ds/icons": "^1.13.2",
-    "@salt-ds/lab": "1.0.0-alpha.69",
+    "@salt-ds/core": "^1.47.1",
+    "@salt-ds/icons": "^1.14.0",
+    "@salt-ds/lab": "1.0.0-alpha.71",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
     "clsx": "^2.0.0"