@salt-ds/data-grid 1.0.28 → 1.0.29

package/dist-es/RowSelectionCheckboxColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionCheckboxColumn.js","sources":["../src/RowSelectionCheckboxColumn.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport { GridColumn, type GridColumnProps } from \"./GridColumn\";\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\nimport { RowSelectionCheckboxCellValue } from \"./RowSelectionCheckboxCellValue\";\nimport { RowSelectionCheckboxHeaderCellValue } from \"./RowSelectionCheckboxHeaderCellValue\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nexport type RowSelectionCheckboxColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionCheckboxColumn<T>(\n  props: RowSelectionCheckboxColumnProps<T>,\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({\n          rowIndex,\n          incremental: true,\n        });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows],\n  );\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={AutoSizeHeaderCell}\n      headerValueComponent={RowSelectionCheckboxHeaderCellValue}\n      cellValueComponent={RowSelectionCheckboxCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAYO,SAAS,2BACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA;AAE3C,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,OAAsC,QAAqB,KAAA;AAC1D,MAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,QAAW,UAAA,CAAA;AAAA,UACT,QAAA;AAAA,UACA,WAAa,EAAA;AAAA,SACd,CAAA;AACD,QAAA,KAAA,CAAM,cAAe,EAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA;AAAA;AACxB,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAc,EAAA,GAAA;AAAA,MACd,eAAiB,EAAA,kBAAA;AAAA,MACjB,oBAAsB,EAAA,mCAAA;AAAA,MACtB,kBAAoB,EAAA,6BAAA;AAAA,MACpB;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"RowSelectionCheckboxColumn.js","sources":["../src/RowSelectionCheckboxColumn.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport { GridColumn, type GridColumnProps } from \"./GridColumn\";\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\nimport { RowSelectionCheckboxCellValue } from \"./RowSelectionCheckboxCellValue\";\nimport { RowSelectionCheckboxHeaderCellValue } from \"./RowSelectionCheckboxHeaderCellValue\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nexport type RowSelectionCheckboxColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionCheckboxColumn<T>(\n  props: RowSelectionCheckboxColumnProps<T>,\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({\n          rowIndex,\n          incremental: true,\n        });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows],\n  );\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={AutoSizeHeaderCell}\n      headerValueComponent={RowSelectionCheckboxHeaderCellValue}\n      cellValueComponent={RowSelectionCheckboxCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAYO,SAAS,2BACd,KAAA,EACA;AACA,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,mBAAA,EAAoB;AAE3C,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,OAAsC,QAAA,KAAqB;AAC1D,MAAA,IAAI,KAAA,CAAM,QAAQ,GAAA,EAAK;AACrB,QAAA,UAAA,CAAW;AAAA,UACT,QAAA;AAAA,UACA,WAAA,EAAa;AAAA,SACd,CAAA;AACD,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,MACxB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAA,EAAc,GAAA;AAAA,MACd,eAAA,EAAiB,kBAAA;AAAA,MACjB,oBAAA,EAAsB,mCAAA;AAAA,MACtB,kBAAA,EAAoB,6BAAA;AAAA,MACpB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist-es/RowSelectionCheckboxHeaderCellValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionCheckboxHeaderCellValue.js","sources":["../src/RowSelectionCheckboxHeaderCellValue.tsx"],"sourcesContent":["import { Checkbox } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport checkboxCellCss from \"./CheckboxCell.css\";\nimport type { GridHeaderValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nexport function RowSelectionCheckboxHeaderCellValue<T>(\n  props: GridHeaderValueProps<T>,\n) {\n  const { isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  const { selectAll, unselectAll, isAllSelected, isAnySelected } =\n    useSelectionContext();\n\n  const onMousedown: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (isAllSelected) {\n      unselectAll();\n    } else {\n      selectAll();\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n    if (event.key === \" \") {\n      if (isAllSelected) {\n        unselectAll();\n      } else {\n        selectAll();\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div\n      onMouseDown={onMousedown}\n      className=\"saltGridCheckboxContainer\"\n      onKeyDown={onKeyDown}\n    >\n      <Checkbox\n        data-testid=\"grid-row-select-all-checkbox\"\n        inputProps={{\n          \"aria-label\": \"Select All\",\n          tabIndex: isFocused ? 0 : -1,\n        }}\n        checked={isAllSelected}\n        indeterminate={!isAllSelected && isAnySelected}\n      />\n    </div>\n  );\n}\n"],"names":["checkboxCellCss"],"mappings":";;;;;;;AAQO,SAAS,oCACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AAEtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,aAAe,EAAA,aAAA,KAC7C,mBAAoB,EAAA;AAEtB,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,IAAI,aAAe,EAAA;AACjB,MAAY,WAAA,EAAA;AAAA,KACP,MAAA;AACL,MAAU,SAAA,EAAA;AAAA;AACZ,GACF;AAEA,EAAM,MAAA,SAAA,GAAkD,CAAC,KAAU,KAAA;AACjE,IAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,MAAA,IAAI,aAAe,EAAA;AACjB,QAAY,WAAA,EAAA;AAAA,OACP,MAAA;AACL,QAAU,SAAA,EAAA;AAAA;AAEZ,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA;AAAA;AACxB,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAa,EAAA,WAAA;AAAA,MACb,SAAU,EAAA,2BAAA;AAAA,MACV,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,aAAY,EAAA,8BAAA;AAAA,UACZ,UAAY,EAAA;AAAA,YACV,YAAc,EAAA,YAAA;AAAA,YACd,QAAA,EAAU,YAAY,CAAI,GAAA;AAAA,WAC5B;AAAA,UACA,OAAS,EAAA,aAAA;AAAA,UACT,aAAA,EAAe,CAAC,aAAiB,IAAA;AAAA;AAAA;AACnC;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"RowSelectionCheckboxHeaderCellValue.js","sources":["../src/RowSelectionCheckboxHeaderCellValue.tsx"],"sourcesContent":["import { Checkbox } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport checkboxCellCss from \"./CheckboxCell.css\";\nimport type { GridHeaderValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nexport function RowSelectionCheckboxHeaderCellValue<T>(\n  props: GridHeaderValueProps<T>,\n) {\n  const { isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  const { selectAll, unselectAll, isAllSelected, isAnySelected } =\n    useSelectionContext();\n\n  const onMousedown: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (isAllSelected) {\n      unselectAll();\n    } else {\n      selectAll();\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n    if (event.key === \" \") {\n      if (isAllSelected) {\n        unselectAll();\n      } else {\n        selectAll();\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div\n      onMouseDown={onMousedown}\n      className=\"saltGridCheckboxContainer\"\n      onKeyDown={onKeyDown}\n    >\n      <Checkbox\n        data-testid=\"grid-row-select-all-checkbox\"\n        inputProps={{\n          \"aria-label\": \"Select All\",\n          tabIndex: isFocused ? 0 : -1,\n        }}\n        checked={isAllSelected}\n        indeterminate={!isAllSelected && isAnySelected}\n      />\n    </div>\n  );\n}\n"],"names":["checkboxCellCss"],"mappings":";;;;;;;AAQO,SAAS,oCACd,KAAA,EACA;AACA,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AAEtB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,oBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAa,aAAA,EAAe,aAAA,KAC7C,mBAAA,EAAoB;AAEtB,EAAA,MAAM,WAAA,GAAiD,CAAC,KAAA,KAAU;AAChE,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,WAAA,EAAY;AAAA,IACd,CAAA,MAAO;AACL,MAAA,SAAA,EAAU;AAAA,IACZ;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,GAAkD,CAAC,KAAA,KAAU;AACjE,IAAA,IAAI,KAAA,CAAM,QAAQ,GAAA,EAAK;AACrB,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,WAAA,EAAY;AAAA,MACd,CAAA,MAAO;AACL,QAAA,SAAA,EAAU;AAAA,MACZ;AACA,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,IACxB;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAa,WAAA;AAAA,MACb,SAAA,EAAU,2BAAA;AAAA,MACV,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,8BAAA;AAAA,UACZ,UAAA,EAAY;AAAA,YACV,YAAA,EAAc,YAAA;AAAA,YACd,QAAA,EAAU,YAAY,CAAA,GAAI;AAAA,WAC5B;AAAA,UACA,OAAA,EAAS,aAAA;AAAA,UACT,aAAA,EAAe,CAAC,aAAA,IAAiB;AAAA;AAAA;AACnC;AAAA,GACF;AAEJ;;;;"}

package/dist-es/RowSelectionRadioCellValue.js.map

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

package/dist-es/RowSelectionRadioColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionRadioColumn.js","sources":["../src/RowSelectionRadioColumn.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport { GridColumn, type GridColumnProps } from \"./GridColumn\";\nimport { RowSelectionRadioCellValue } from \"./RowSelectionRadioCellValue\";\nimport { RowSelectionRadioHeaderCell } from \"./RowSelectionRadioHeaderCell\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nexport type RowSelectionRadioColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionRadioColumn<T>(\n  props: RowSelectionRadioColumnProps<T>,\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({ rowIndex });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows],\n  );\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={RowSelectionRadioHeaderCell}\n      cellValueComponent={RowSelectionRadioCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,wBACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA;AAE3C,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,OAAsC,QAAqB,KAAA;AAC1D,MAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,QAAW,UAAA,CAAA,EAAE,UAAU,CAAA;AACvB,QAAA,KAAA,CAAM,cAAe,EAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA;AAAA;AACxB,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAc,EAAA,GAAA;AAAA,MACd,eAAiB,EAAA,2BAAA;AAAA,MACjB,kBAAoB,EAAA,0BAAA;AAAA,MACpB;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"RowSelectionRadioColumn.js","sources":["../src/RowSelectionRadioColumn.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport { GridColumn, type GridColumnProps } from \"./GridColumn\";\nimport { RowSelectionRadioCellValue } from \"./RowSelectionRadioCellValue\";\nimport { RowSelectionRadioHeaderCell } from \"./RowSelectionRadioHeaderCell\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nexport type RowSelectionRadioColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionRadioColumn<T>(\n  props: RowSelectionRadioColumnProps<T>,\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({ rowIndex });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows],\n  );\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={RowSelectionRadioHeaderCell}\n      cellValueComponent={RowSelectionRadioCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,wBACd,KAAA,EACA;AACA,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,mBAAA,EAAoB;AAE3C,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,OAAsC,QAAA,KAAqB;AAC1D,MAAA,IAAI,KAAA,CAAM,QAAQ,GAAA,EAAK;AACrB,QAAA,UAAA,CAAW,EAAE,UAAU,CAAA;AACvB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,MACxB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAA,EAAc,GAAA;AAAA,MACd,eAAA,EAAiB,2BAAA;AAAA,MACjB,kBAAA,EAAoB,0BAAA;AAAA,MACpB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist-es/RowSelectionRadioHeaderCell.js.map

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

package/dist-es/RowValidationStatus.js.map

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

package/dist-es/SelectionContext.js.map

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

package/dist-es/SizingContext.js.map

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

package/dist-es/TextCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextCellEditor.js","sources":["../src/TextCellEditor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  type ChangeEventHandler,\n  type KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport { useEditorContext } from \"./EditorContext\";\nimport type { GridColumnModel, GridRowModel } from \"./Grid\";\n\nimport textCellEditorCss from \"./TextCellEditor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTextCellEditor\");\n\nexport interface TextCellEditorProps<T> {\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n}\n\nexport function TextCellEditor<T>(props: TextCellEditorProps<T>) {\n  const { column, row } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text-cell-editor\",\n    css: textCellEditorCss,\n    window: targetWindow,\n  });\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { endEditMode, cancelEditMode, initialText } = useEditorContext();\n\n  const [editorText, setEditorText] = useState<string>(\n    initialText != null ? initialText : column!.info.props.getValue!(row!.data),\n  );\n\n  const initialSelectionRef = useRef(!!initialText);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    setEditorText(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (event.key === \"Enter\") {\n      endEditMode(editorText);\n      return;\n    }\n    if (event.key === \"Escape\") {\n      cancelEditMode();\n      return;\n    }\n    if (event.key === \"Tab\") {\n      endEditMode(editorText);\n      event.preventDefault();\n      return;\n    }\n    event.stopPropagation();\n  };\n\n  useEffect(() => {\n    if (inputRef.current && !initialSelectionRef.current) {\n      inputRef.current.select();\n      initialSelectionRef.current = true;\n    }\n  }, [inputRef.current]);\n\n  useEffect(() => {\n    const input = inputRef.current;\n    const focusOut = (event: FocusEvent) => {\n      if (!input?.contains(event.target as Node)) {\n        endEditMode(editorText);\n      }\n    };\n\n    // This uses the capture phase to detect clicks outside the input to avoid a race condition where the component gets unmounted when edit mode ends.\n    document?.addEventListener(\"mousedown\", focusOut, true);\n\n    return () => {\n      document?.removeEventListener(\"mousedown\", focusOut, true);\n    };\n  }, [endEditMode, editorText]);\n\n  return (\n    <CellFrame separator={column?.separator} className={withBaseName()}>\n      <div className={withBaseName(\"inputContainer\")}>\n        <input\n          data-testid=\"grid-cell-editor-input\"\n          ref={inputRef}\n          autoFocus={true}\n          value={editorText}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n        />\n      </div>\n      <CornerTag />\n    </CellFrame>\n  );\n}\n"],"names":["textCellEditorCss"],"mappings":"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"}
+{"version":3,"file":"TextCellEditor.js","sources":["../src/TextCellEditor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  type ChangeEventHandler,\n  type KeyboardEventHandler,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { CellFrame } from \"./CellFrame\";\nimport { CornerTag } from \"./CornerTag\";\nimport { useEditorContext } from \"./EditorContext\";\nimport type { GridColumnModel, GridRowModel } from \"./Grid\";\n\nimport textCellEditorCss from \"./TextCellEditor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTextCellEditor\");\n\nexport interface TextCellEditorProps<T> {\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n}\n\nexport function TextCellEditor<T>(props: TextCellEditorProps<T>) {\n  const { column, row } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text-cell-editor\",\n    css: textCellEditorCss,\n    window: targetWindow,\n  });\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { endEditMode, cancelEditMode, initialText } = useEditorContext();\n\n  const [editorText, setEditorText] = useState<string>(\n    initialText != null ? initialText : column!.info.props.getValue!(row!.data),\n  );\n\n  const initialSelectionRef = useRef(!!initialText);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    setEditorText(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (event.key === \"Enter\") {\n      endEditMode(editorText);\n      return;\n    }\n    if (event.key === \"Escape\") {\n      cancelEditMode();\n      return;\n    }\n    if (event.key === \"Tab\") {\n      endEditMode(editorText);\n      event.preventDefault();\n      return;\n    }\n    event.stopPropagation();\n  };\n\n  useEffect(() => {\n    if (inputRef.current && !initialSelectionRef.current) {\n      inputRef.current.select();\n      initialSelectionRef.current = true;\n    }\n  }, [inputRef.current]);\n\n  useEffect(() => {\n    const input = inputRef.current;\n    const focusOut = (event: FocusEvent) => {\n      if (!input?.contains(event.target as Node)) {\n        endEditMode(editorText);\n      }\n    };\n\n    // This uses the capture phase to detect clicks outside the input to avoid a race condition where the component gets unmounted when edit mode ends.\n    document?.addEventListener(\"mousedown\", focusOut, true);\n\n    return () => {\n      document?.removeEventListener(\"mousedown\", focusOut, true);\n    };\n  }, [endEditMode, editorText]);\n\n  return (\n    <CellFrame separator={column?.separator} className={withBaseName()}>\n      <div className={withBaseName(\"inputContainer\")}>\n        <input\n          data-testid=\"grid-cell-editor-input\"\n          ref={inputRef}\n          autoFocus={true}\n          value={editorText}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n        />\n      </div>\n      <CornerTag />\n    </CellFrame>\n  );\n}\n"],"names":["textCellEditorCss"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CellMeasure.js","sources":["../src/internal/CellMeasure.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useEffect, useRef } from \"react\";\n\nimport cellMeasureCss from \"./CellMeasure.css\";\n\nconst withBaseName = makePrefixer(\"saltGridCellMeasure\");\n\nexport interface CellMeasureProps<T> {\n  setRowHeight: (rowHeight: number) => void;\n}\n\n// Renders a cell in invisible location, measures its height and provides it to\n// the grid.\nexport function CellMeasure<T>(props: CellMeasureProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cell-measure\",\n    css: cellMeasureCss,\n    window: targetWindow,\n  });\n\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const heightRef = useRef<number>(-1);\n\n  const { setRowHeight } = props;\n\n  useEffect(() => {\n    if (rowRef.current) {\n      const height = rowRef.current.getBoundingClientRect().height;\n      if (heightRef.current !== height) {\n        // console.log(`Row height changing to ${height}px`);\n        heightRef.current = height;\n        setRowHeight(height);\n      }\n    }\n  });\n\n  return (\n    <div className={withBaseName()}>\n      <table aria-hidden>\n        <thead>\n          <tr ref={rowRef}>\n            <th>Invisible Cell</th>\n          </tr>\n        </thead>\n      </table>\n    </div>\n  );\n}\n"],"names":["cellMeasureCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAQhD,SAAS,YAAe,KAA4B,EAAA;AACzD,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,MAAA,GAAS,OAA4B,IAAI,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAY,OAAe,EAAE,CAAA;AAEnC,EAAM,MAAA,EAAE,cAAiB,GAAA,KAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,MAAM,MAAS,GAAA,MAAA,CAAO,OAAQ,CAAA,qBAAA,EAAwB,CAAA,MAAA;AACtD,MAAI,IAAA,SAAA,CAAU,YAAY,MAAQ,EAAA;AAEhC,QAAA,SAAA,CAAU,OAAU,GAAA,MAAA;AACpB,QAAA,YAAA,CAAa,MAAM,CAAA;AAAA;AACrB;AACF,GACD,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,YAAA,IACd,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAM,eAAW,IAChB,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAG,KAAK,MACP,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAG,QAAc,EAAA,gBAAA,EAAA,CAAA,EACpB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CellMeasure.js","sources":["../src/internal/CellMeasure.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useEffect, useRef } from \"react\";\n\nimport cellMeasureCss from \"./CellMeasure.css\";\n\nconst withBaseName = makePrefixer(\"saltGridCellMeasure\");\n\nexport interface CellMeasureProps<T> {\n  setRowHeight: (rowHeight: number) => void;\n}\n\n// Renders a cell in invisible location, measures its height and provides it to\n// the grid.\nexport function CellMeasure<T>(props: CellMeasureProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cell-measure\",\n    css: cellMeasureCss,\n    window: targetWindow,\n  });\n\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const heightRef = useRef<number>(-1);\n\n  const { setRowHeight } = props;\n\n  useEffect(() => {\n    if (rowRef.current) {\n      const height = rowRef.current.getBoundingClientRect().height;\n      if (heightRef.current !== height) {\n        // console.log(`Row height changing to ${height}px`);\n        heightRef.current = height;\n        setRowHeight(height);\n      }\n    }\n  });\n\n  return (\n    <div className={withBaseName()}>\n      <table aria-hidden>\n        <thead>\n          <tr ref={rowRef}>\n            <th>Invisible Cell</th>\n          </tr>\n        </thead>\n      </table>\n    </div>\n  );\n}\n"],"names":["cellMeasureCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAQhD,SAAS,YAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,mBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,MAAA,GAAS,OAA4B,IAAI,CAAA;AAC/C,EAAA,MAAM,SAAA,GAAY,OAAe,EAAE,CAAA;AAEnC,EAAA,MAAM,EAAE,cAAa,GAAI,KAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,MAAM,MAAA,GAAS,MAAA,CAAO,OAAA,CAAQ,qBAAA,EAAsB,CAAE,MAAA;AACtD,MAAA,IAAI,SAAA,CAAU,YAAY,MAAA,EAAQ;AAEhC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,YAAA,CAAa,MAAM,CAAA;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,YAAA,IACd,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,eAAW,IAAA,EAChB,QAAA,kBAAA,GAAA,CAAC,WACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,KAAK,MAAA,EACP,QAAA,kBAAA,GAAA,CAAC,QAAG,QAAA,EAAA,gBAAA,EAAc,CAAA,EACpB,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnDropTarget.js","sources":["../src/internal/ColumnDropTarget.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useMemo } from \"react\";\n\nimport columDropTargetCss from \"./ColumnDropTarget.css\";\n\nconst withBaseName = makePrefixer(\"saltGridColumnDropTarget\");\n\nexport interface ColumnDropTargetProps {\n  x?: number;\n}\n\n// When the user drags a column, this component is used to show the potential\n// drop target. Experimental feature. No UX yet.\nexport function ColumnDropTarget(props: ColumnDropTargetProps) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-drop-target\",\n    css: columDropTargetCss,\n    window: targetWindow,\n  });\n\n  const { x = 0 } = props;\n\n  const style = useMemo(() => {\n    return {\n      left: `${x - 2}px`,\n    };\n  }, [x]);\n\n  if (props.x === undefined) {\n    return null;\n  }\n\n  return <div className={withBaseName()} style={style} />;\n}\n"],"names":["columDropTargetCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAQrD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,yBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,CAAI,GAAA,CAAA,EAAM,GAAA,KAAA;AAElB,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAO,OAAA;AAAA,MACL,IAAA,EAAM,CAAG,EAAA,CAAA,GAAI,CAAC,CAAA,EAAA;AAAA,KAChB;AAAA,GACF,EAAG,CAAC,CAAC,CAAC,CAAA;AAEN,EAAI,IAAA,KAAA,CAAM,MAAM,MAAW,EAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,IAAgB,KAAc,EAAA,CAAA;AACvD;;;;"}
+{"version":3,"file":"ColumnDropTarget.js","sources":["../src/internal/ColumnDropTarget.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useMemo } from \"react\";\n\nimport columDropTargetCss from \"./ColumnDropTarget.css\";\n\nconst withBaseName = makePrefixer(\"saltGridColumnDropTarget\");\n\nexport interface ColumnDropTargetProps {\n  x?: number;\n}\n\n// When the user drags a column, this component is used to show the potential\n// drop target. Experimental feature. No UX yet.\nexport function ColumnDropTarget(props: ColumnDropTargetProps) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-drop-target\",\n    css: columDropTargetCss,\n    window: targetWindow,\n  });\n\n  const { x = 0 } = props;\n\n  const style = useMemo(() => {\n    return {\n      left: `${x - 2}px`,\n    };\n  }, [x]);\n\n  if (props.x === undefined) {\n    return null;\n  }\n\n  return <div className={withBaseName()} style={style} />;\n}\n"],"names":["columDropTargetCss"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAQrD,SAAS,iBAAiB,KAAA,EAA8B;AAC7D,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,yBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,CAAA,GAAI,CAAA,EAAE,GAAI,KAAA;AAElB,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,CAAA,EAAG,CAAA,GAAI,CAAC,CAAA,EAAA;AAAA,KAChB;AAAA,EACF,CAAA,EAAG,CAAC,CAAC,CAAC,CAAA;AAEN,EAAA,IAAI,KAAA,CAAM,MAAM,MAAA,EAAW;AACzB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,IAAgB,KAAA,EAAc,CAAA;AACvD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnGhost.js","sources":["../src/internal/ColumnGhost.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { CSSProperties } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport columnGhostCss from \"./ColumnGhost.css\";\nimport type { ColumnDragState } from \"./gridHooks\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridColumnGhost\");\n\nexport interface ColumnGhostProps<T> {\n  dragState?: ColumnDragState;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  zebra?: boolean;\n}\n\n// When the user drags a column this component renders a partially transparent\n// copy of the dragged column.\nexport function ColumnGhost<T = any>(props: ColumnGhostProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-ghost\",\n    css: columnGhostCss,\n    window: targetWindow,\n  });\n\n  if (!props.dragState) {\n    return null;\n  }\n\n  const { columnIndex, x, y } = props.dragState;\n  const { columns, rows, zebra } = props;\n  const movingColumn = columns[columnIndex];\n\n  const style: CSSProperties = {\n    left: x,\n    top: y,\n  };\n\n  return (\n    <div className={withBaseName()} style={style}>\n      <table aria-hidden>\n        <TableColGroup columns={[movingColumn]} />\n        <thead>\n          <HeaderRow columns={[movingColumn]} />\n        </thead>\n        <TableBody\n          columns={[movingColumn]}\n          rows={rows}\n          setHoverRowKey={() => {}}\n          zebra={zebra}\n        />\n      </table>\n    </div>\n  );\n}\n"],"names":["columnGhostCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAWhD,SAAS,YAAqB,KAA4B,EAAA;AAC/D,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,CAAC,MAAM,SAAW,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,EAAE,WAAA,EAAa,CAAG,EAAA,CAAA,KAAM,KAAM,CAAA,SAAA;AACpC,EAAA,MAAM,EAAE,OAAA,EAAS,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA;AACjC,EAAM,MAAA,YAAA,GAAe,QAAQ,WAAW,CAAA;AAExC,EAAA,MAAM,KAAuB,GAAA;AAAA,IAC3B,IAAM,EAAA,CAAA;AAAA,IACN,GAAK,EAAA;AAAA,GACP;AAEA,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,YAAA,IAAgB,KAC9B,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAM,EAAA,EAAA,aAAA,EAAW,IAChB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,OAAA,EAAS,CAAC,YAAY,CAAG,EAAA,CAAA;AAAA,oBACxC,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,SAAS,CAAC,YAAY,GAAG,CACtC,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,CAAC,YAAY,CAAA;AAAA,QACtB,IAAA;AAAA,QACA,gBAAgB,MAAM;AAAA,SAAC;AAAA,QACvB;AAAA;AAAA;AACF,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ColumnGhost.js","sources":["../src/internal/ColumnGhost.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { CSSProperties } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport columnGhostCss from \"./ColumnGhost.css\";\nimport type { ColumnDragState } from \"./gridHooks\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridColumnGhost\");\n\nexport interface ColumnGhostProps<T> {\n  dragState?: ColumnDragState;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  zebra?: boolean;\n}\n\n// When the user drags a column this component renders a partially transparent\n// copy of the dragged column.\nexport function ColumnGhost<T = any>(props: ColumnGhostProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-column-ghost\",\n    css: columnGhostCss,\n    window: targetWindow,\n  });\n\n  if (!props.dragState) {\n    return null;\n  }\n\n  const { columnIndex, x, y } = props.dragState;\n  const { columns, rows, zebra } = props;\n  const movingColumn = columns[columnIndex];\n\n  const style: CSSProperties = {\n    left: x,\n    top: y,\n  };\n\n  return (\n    <div className={withBaseName()} style={style}>\n      <table aria-hidden>\n        <TableColGroup columns={[movingColumn]} />\n        <thead>\n          <HeaderRow columns={[movingColumn]} />\n        </thead>\n        <TableBody\n          columns={[movingColumn]}\n          rows={rows}\n          setHoverRowKey={() => {}}\n          zebra={zebra}\n        />\n      </table>\n    </div>\n  );\n}\n"],"names":["columnGhostCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAWhD,SAAS,YAAqB,KAAA,EAA4B;AAC/D,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,mBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,IAAI,CAAC,MAAM,SAAA,EAAW;AACpB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,WAAA,EAAa,CAAA,EAAG,CAAA,KAAM,KAAA,CAAM,SAAA;AACpC,EAAA,MAAM,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAM,GAAI,KAAA;AACjC,EAAA,MAAM,YAAA,GAAe,QAAQ,WAAW,CAAA;AAExC,EAAA,MAAM,KAAA,GAAuB;AAAA,IAC3B,IAAA,EAAM,CAAA;AAAA,IACN,GAAA,EAAK;AAAA,GACP;AAEA,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,YAAA,IAAgB,KAAA,EAC9B,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,aAAA,EAAW,IAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,CAAC,YAAY,CAAA,EAAG,CAAA;AAAA,oBACxC,GAAA,CAAC,WACC,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAS,CAAC,YAAY,GAAG,CAAA,EACtC,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,CAAC,YAAY,CAAA;AAAA,QACtB,IAAA;AAAA,QACA,gBAAgB,MAAM;AAAA,QAAC,CAAA;AAAA,QACvB;AAAA;AAAA;AACF,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Cursor.js","sources":["../src/internal/Cursor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cursorCss from \"./Cursor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridCursor\");\n\n// This is probably obsolete. Cursor is rendered using cell borders now.\nexport function Cursor() {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cursor\",\n    css: cursorCss,\n    window: targetWindow,\n  });\n\n  return <div className={withBaseName()} />;\n}\n"],"names":["cursorCss"],"mappings":";;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAG3C,SAAS,MAAS,GAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,EAAgB,EAAA,CAAA;AACzC;;;;"}
+{"version":3,"file":"Cursor.js","sources":["../src/internal/Cursor.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cursorCss from \"./Cursor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridCursor\");\n\n// This is probably obsolete. Cursor is rendered using cell borders now.\nexport function Cursor() {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cursor\",\n    css: cursorCss,\n    window: targetWindow,\n  });\n\n  return <div className={withBaseName()} />;\n}\n"],"names":["cursorCss"],"mappings":";;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAG3C,SAAS,MAAA,GAAS;AACvB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,aAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,EAAa,EAAG,CAAA;AACzC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultCellValue.js","sources":["../src/internal/DefaultCellValue.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 { ReactNode } from \"react\";\n\nimport type { GridCellValueProps } from \"../GridColumn\";\n\nimport defaultCellValueCss from \"./DefaultCellValue.css\";\n\nconst withBaseName = makePrefixer(\"saltGridDefaultCellValue\");\n\n// Default component for cell value wrappers. Rendered as a child of cell\n// components (<td>s)\nexport function DefaultCellValue<T>(props: GridCellValueProps<T>) {\n  const { value } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-default-cell-value\",\n    css: defaultCellValueCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"alignRight\")]: props.column.info.props.align === \"right\",\n      })}\n    >\n      {value as ReactNode}\n    </div>\n  );\n}\n"],"names":["defaultCellValueCss"],"mappings":";;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAIrD,SAAS,iBAAoB,KAA8B,EAAA;AAChE,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA;AAElB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,yBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,aAAa,YAAY,CAAC,GAAG,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,KAAU,KAAA;AAAA,OACjE,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"DefaultCellValue.js","sources":["../src/internal/DefaultCellValue.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 { ReactNode } from \"react\";\n\nimport type { GridCellValueProps } from \"../GridColumn\";\n\nimport defaultCellValueCss from \"./DefaultCellValue.css\";\n\nconst withBaseName = makePrefixer(\"saltGridDefaultCellValue\");\n\n// Default component for cell value wrappers. Rendered as a child of cell\n// components (<td>s)\nexport function DefaultCellValue<T>(props: GridCellValueProps<T>) {\n  const { value } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-default-cell-value\",\n    css: defaultCellValueCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"alignRight\")]: props.column.info.props.align === \"right\",\n      })}\n    >\n      {value as ReactNode}\n    </div>\n  );\n}\n"],"names":["defaultCellValueCss"],"mappings":";;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAIrD,SAAS,iBAAoB,KAAA,EAA8B;AAChE,EAAA,MAAM,EAAE,OAAM,GAAI,KAAA;AAElB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,yBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG;AAAA,QAC9B,CAAC,aAAa,YAAY,CAAC,GAAG,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,KAAA,KAAU;AAAA,OACjE,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FakeCell.js","sources":["../src/internal/FakeCell.tsx"],"sourcesContent":["import { CellFrame } from \"../CellFrame\";\nimport type { GridCellProps } from \"../GridColumn\";\n\nexport type FakeCellProps<T> = Pick<GridCellProps<T>, \"row\">;\n\n// When there is unused space (total width of all columns is less than the\n// available client width of the grid) a column with fake cells is rendered to\n// fill this space. Zebra and row selection/hover highlighting is applied to\n// this column. Fake cells can't have keyboard focus or render any values.\nexport function FakeCell<T>(props: FakeCellProps<T>) {\n  const { row } = props;\n\n  return (\n    <CellFrame\n      className=\"saltGridFakeCell\"\n      data-row-index={row.index}\n      data-column-index={-1}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAEhB,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,kBAAA;AAAA,MACV,kBAAgB,GAAI,CAAA,KAAA;AAAA,MACpB,mBAAmB,EAAA;AAAA;AAAA,GACrB;AAEJ;;;;"}
+{"version":3,"file":"FakeCell.js","sources":["../src/internal/FakeCell.tsx"],"sourcesContent":["import { CellFrame } from \"../CellFrame\";\nimport type { GridCellProps } from \"../GridColumn\";\n\nexport type FakeCellProps<T> = Pick<GridCellProps<T>, \"row\">;\n\n// When there is unused space (total width of all columns is less than the\n// available client width of the grid) a column with fake cells is rendered to\n// fill this space. Zebra and row selection/hover highlighting is applied to\n// this column. Fake cells can't have keyboard focus or render any values.\nexport function FakeCell<T>(props: FakeCellProps<T>) {\n  const { row } = props;\n\n  return (\n    <CellFrame\n      className=\"saltGridFakeCell\"\n      data-row-index={row.index}\n      data-column-index={-1}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,SAAY,KAAA,EAAyB;AACnD,EAAA,MAAM,EAAE,KAAI,GAAI,KAAA;AAEhB,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,kBAAA;AAAA,MACV,kBAAgB,GAAA,CAAI,KAAA;AAAA,MACpB,mBAAA,EAAmB;AAAA;AAAA,GACrB;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FakeGroupCell.js","sources":["../src/internal/FakeGroupCell.tsx"],"sourcesContent":["export function FakeGroupCell() {\n  return <th />;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,aAAgB,GAAA;AAC9B,EAAA,2BAAQ,IAAG,EAAA,EAAA,CAAA;AACb;;;;"}
+{"version":3,"file":"FakeGroupCell.js","sources":["../src/internal/FakeGroupCell.tsx"],"sourcesContent":["export function FakeGroupCell() {\n  return <th />;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,aAAA,GAAgB;AAC9B,EAAA,2BAAQ,IAAA,EAAA,EAAG,CAAA;AACb;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FakeHeaderCell.js","sources":["../src/internal/FakeHeaderCell.tsx"],"sourcesContent":["// See FakeCell.tsx\nexport function FakeHeaderCell() {\n  return <th data-testid=\"grid-fake-column-header\" />;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAiB,GAAA;AAC/B,EAAO,uBAAA,GAAA,CAAC,IAAG,EAAA,EAAA,aAAA,EAAY,yBAA0B,EAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"FakeHeaderCell.js","sources":["../src/internal/FakeHeaderCell.tsx"],"sourcesContent":["// See FakeCell.tsx\nexport function FakeHeaderCell() {\n  return <th data-testid=\"grid-fake-column-header\" />;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAA,GAAiB;AAC/B,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAG,aAAA,EAAY,yBAAA,EAA0B,CAAA;AACnD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GroupHeaderRow.js","sources":["../src/internal/GroupHeaderRow.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport type { GridColumnGroupModel } from \"../Grid\";\nimport { GroupHeaderCell } from \"../GroupHeaderCell\";\nimport { GroupHeaderCellValue } from \"../GroupHeaderCellValue\";\n\nimport { FakeGroupCell } from \"./FakeGroupCell\";\n\nimport groupHeaderRowCss from \"./GroupHeaderRow.css\";\n\nconst withBaseName = makePrefixer(\"saltGridGroupHeaderRow\");\n\nexport interface GroupHeaderRowProps<T> {\n  groups: GridColumnGroupModel[];\n  gap?: number;\n}\n\nexport function GroupHeaderRow<T>(props: GroupHeaderRowProps<T>) {\n  const { groups, gap } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-group-header-row\",\n    css: groupHeaderRowCss,\n    window: targetWindow,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n  return (\n    <tr className={withBaseName()}>\n      {groups.map((group) => {\n        const Cell = group.data.headerComponent || GroupHeaderCell;\n        const CellValue =\n          group.data.headerValueComponent || GroupHeaderCellValue;\n        return (\n          <Cell key={group.data.id} group={group}>\n            <CellValue group={group} />\n          </Cell>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeGroupCell /> : null}\n    </tr>\n  );\n}\n"],"names":["groupHeaderRowCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAOnD,SAAS,eAAkB,KAA+B,EAAA;AAC/D,EAAM,MAAA,EAAE,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA;AAExB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,MAAA,CAAO,WAAW,CAAG,EAAA;AACvB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,YAAA,EACZ,EAAA,QAAA,EAAA;AAAA,IAAO,MAAA,CAAA,GAAA,CAAI,CAAC,KAAU,KAAA;AACrB,MAAM,MAAA,IAAA,GAAO,KAAM,CAAA,IAAA,CAAK,eAAmB,IAAA,eAAA;AAC3C,MAAM,MAAA,SAAA,GACJ,KAAM,CAAA,IAAA,CAAK,oBAAwB,IAAA,oBAAA;AACrC,MACE,uBAAA,GAAA,CAAC,QAAyB,KACxB,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAU,KAAc,EAAA,CAAA,EAAA,EADhB,KAAM,CAAA,IAAA,CAAK,EAEtB,CAAA;AAAA,KAEH,CAAA;AAAA,IACA,QAAQ,MAAa,IAAA,GAAA,GAAM,CAAI,mBAAA,GAAA,CAAC,iBAAc,CAAK,GAAA;AAAA,GACtD,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GroupHeaderRow.js","sources":["../src/internal/GroupHeaderRow.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport type { GridColumnGroupModel } from \"../Grid\";\nimport { GroupHeaderCell } from \"../GroupHeaderCell\";\nimport { GroupHeaderCellValue } from \"../GroupHeaderCellValue\";\n\nimport { FakeGroupCell } from \"./FakeGroupCell\";\n\nimport groupHeaderRowCss from \"./GroupHeaderRow.css\";\n\nconst withBaseName = makePrefixer(\"saltGridGroupHeaderRow\");\n\nexport interface GroupHeaderRowProps<T> {\n  groups: GridColumnGroupModel[];\n  gap?: number;\n}\n\nexport function GroupHeaderRow<T>(props: GroupHeaderRowProps<T>) {\n  const { groups, gap } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-group-header-row\",\n    css: groupHeaderRowCss,\n    window: targetWindow,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n  return (\n    <tr className={withBaseName()}>\n      {groups.map((group) => {\n        const Cell = group.data.headerComponent || GroupHeaderCell;\n        const CellValue =\n          group.data.headerValueComponent || GroupHeaderCellValue;\n        return (\n          <Cell key={group.data.id} group={group}>\n            <CellValue group={group} />\n          </Cell>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeGroupCell /> : null}\n    </tr>\n  );\n}\n"],"names":["groupHeaderRowCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAOnD,SAAS,eAAkB,KAAA,EAA+B;AAC/D,EAAA,MAAM,EAAE,MAAA,EAAQ,GAAA,EAAI,GAAI,KAAA;AAExB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,uBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,IAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,YAAA,EAAa,EACzB,QAAA,EAAA;AAAA,IAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,KAAU;AACrB,MAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,eAAA,IAAmB,eAAA;AAC3C,MAAA,MAAM,SAAA,GACJ,KAAA,CAAM,IAAA,CAAK,oBAAA,IAAwB,oBAAA;AACrC,MAAA,uBACE,GAAA,CAAC,QAAyB,KAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,aAAU,KAAA,EAAc,CAAA,EAAA,EADhB,KAAA,CAAM,IAAA,CAAK,EAEtB,CAAA;AAAA,IAEJ,CAAC,CAAA;AAAA,IACA,QAAQ,MAAA,IAAa,GAAA,GAAM,CAAA,mBAAI,GAAA,CAAC,iBAAc,CAAA,GAAK;AAAA,GAAA,EACtD,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderRow.js","sources":["../src/internal/HeaderRow.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { useCursorContext } from \"../CursorContext\";\nimport type { GridColumnModel } from \"../Grid\";\nimport { HeaderCell } from \"../HeaderCell\";\nimport { HeaderCellValue } from \"../HeaderCellValue\";\n\nimport { FakeHeaderCell } from \"./FakeHeaderCell\";\n\nimport headerRowCss from \"./HeaderRow.css\";\n\nconst withBaseName = makePrefixer(\"saltGridHeaderRow\");\n\nexport interface HeaderRowProps<T> {\n  columns: GridColumnModel<T>[];\n  gap?: number;\n}\n\nexport function HeaderRow<T>(props: HeaderRowProps<T>) {\n  const { columns, gap } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-header-row\",\n    css: headerRowCss,\n    window: targetWindow,\n  });\n\n  const { cursorColIdx, focusedPart, headerIsFocusable } = useCursorContext();\n\n  const ariaRowIndex = headerIsFocusable ? 1 : undefined;\n\n  return (\n    <tr className={withBaseName()} aria-rowindex={ariaRowIndex}>\n      {columns.map((column) => {\n        const Cell = column.info.props.headerComponent || HeaderCell;\n        const CellValue =\n          column.info.props.headerValueComponent || HeaderCellValue;\n        const isFocused =\n          focusedPart === \"header\" && cursorColIdx === column.index;\n        return (\n          <Cell\n            key={column.info.props.id}\n            column={column}\n            isFocused={isFocused}\n          >\n            <CellValue column={column} isFocused={isFocused} />\n          </Cell>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeHeaderCell /> : null}\n    </tr>\n  );\n}\n"],"names":["headerRowCss"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAO9C,SAAS,UAAa,KAA0B,EAAA;AACrD,EAAM,MAAA,EAAE,OAAS,EAAA,GAAA,EAAQ,GAAA,KAAA;AAEzB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAA,EAAc,WAAa,EAAA,iBAAA,KAAsB,gBAAiB,EAAA;AAE1E,EAAM,MAAA,YAAA,GAAe,oBAAoB,CAAI,GAAA,MAAA;AAE7C,EAAA,4BACG,IAAG,EAAA,EAAA,SAAA,EAAW,YAAa,EAAA,EAAG,iBAAe,YAC3C,EAAA,QAAA,EAAA;AAAA,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACvB,MAAA,MAAM,IAAO,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,eAAmB,IAAA,UAAA;AAClD,MAAA,MAAM,SACJ,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,oBAAwB,IAAA,eAAA;AAC5C,MAAA,MAAM,SACJ,GAAA,WAAA,KAAgB,QAAY,IAAA,YAAA,KAAiB,MAAO,CAAA,KAAA;AACtD,MACE,uBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,MAAA;AAAA,UACA,SAAA;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAgB,SAAsB,EAAA;AAAA,SAAA;AAAA,QAJ5C,MAAA,CAAO,KAAK,KAAM,CAAA;AAAA,OAKzB;AAAA,KAEH,CAAA;AAAA,IACA,QAAQ,MAAa,IAAA,GAAA,GAAM,CAAI,mBAAA,GAAA,CAAC,kBAAe,CAAK,GAAA;AAAA,GACvD,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HeaderRow.js","sources":["../src/internal/HeaderRow.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { useCursorContext } from \"../CursorContext\";\nimport type { GridColumnModel } from \"../Grid\";\nimport { HeaderCell } from \"../HeaderCell\";\nimport { HeaderCellValue } from \"../HeaderCellValue\";\n\nimport { FakeHeaderCell } from \"./FakeHeaderCell\";\n\nimport headerRowCss from \"./HeaderRow.css\";\n\nconst withBaseName = makePrefixer(\"saltGridHeaderRow\");\n\nexport interface HeaderRowProps<T> {\n  columns: GridColumnModel<T>[];\n  gap?: number;\n}\n\nexport function HeaderRow<T>(props: HeaderRowProps<T>) {\n  const { columns, gap } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-header-row\",\n    css: headerRowCss,\n    window: targetWindow,\n  });\n\n  const { cursorColIdx, focusedPart, headerIsFocusable } = useCursorContext();\n\n  const ariaRowIndex = headerIsFocusable ? 1 : undefined;\n\n  return (\n    <tr className={withBaseName()} aria-rowindex={ariaRowIndex}>\n      {columns.map((column) => {\n        const Cell = column.info.props.headerComponent || HeaderCell;\n        const CellValue =\n          column.info.props.headerValueComponent || HeaderCellValue;\n        const isFocused =\n          focusedPart === \"header\" && cursorColIdx === column.index;\n        return (\n          <Cell\n            key={column.info.props.id}\n            column={column}\n            isFocused={isFocused}\n          >\n            <CellValue column={column} isFocused={isFocused} />\n          </Cell>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeHeaderCell /> : null}\n    </tr>\n  );\n}\n"],"names":["headerRowCss"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAO9C,SAAS,UAAa,KAAA,EAA0B;AACrD,EAAA,MAAM,EAAE,OAAA,EAAS,GAAA,EAAI,GAAI,KAAA;AAEzB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,iBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAa,iBAAA,KAAsB,gBAAA,EAAiB;AAE1E,EAAA,MAAM,YAAA,GAAe,oBAAoB,CAAA,GAAI,MAAA;AAE7C,EAAA,4BACG,IAAA,EAAA,EAAG,SAAA,EAAW,YAAA,EAAa,EAAG,iBAAe,YAAA,EAC3C,QAAA,EAAA;AAAA,IAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,MAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,eAAA,IAAmB,UAAA;AAClD,MAAA,MAAM,SAAA,GACJ,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,oBAAA,IAAwB,eAAA;AAC5C,MAAA,MAAM,SAAA,GACJ,WAAA,KAAgB,QAAA,IAAY,YAAA,KAAiB,MAAA,CAAO,KAAA;AACtD,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,MAAA;AAAA,UACA,SAAA;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAgB,SAAA,EAAsB;AAAA,SAAA;AAAA,QAJ5C,MAAA,CAAO,KAAK,KAAA,CAAM;AAAA,OAKzB;AAAA,IAEJ,CAAC,CAAA;AAAA,IACA,QAAQ,MAAA,IAAa,GAAA,GAAM,CAAA,mBAAI,GAAA,CAAC,kBAAe,CAAA,GAAK;AAAA,GAAA,EACvD,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPart.js","sources":["../src/internal/LeftPart.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 { RefObject } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport leftPartCss from \"./LeftPart.css\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridLeftPart\");\n\nexport interface LeftPartProps<T> {\n  leftRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  rightShadow?: boolean;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function LeftPart<T>(props: LeftPartProps<T>) {\n  const {\n    leftRef,\n    onWheel,\n    rightShadow,\n    columns,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-left-part\",\n    css: leftPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={leftRef}\n      className={clsx(withBaseName(), {\n        [withBaseName(\"rightShadow\")]: rightShadow,\n      })}\n    >\n      <div className={withBaseName(\"space\")} data-testid=\"grid-left-part\">\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            zebra={zebra}\n            getRowValidationStatus={getRowValidationStatus}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["leftPartCss"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAgB7C,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG;AAAA,OAChC,CAAA;AAAA,MAED,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,OAAO,CAAA,EAAG,aAAY,EAAA,gBAAA,EACjD,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA,EAAM,GAAK,EAAA,QAAA,EAAU,MAAK,cACzB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAc,OAAkB,EAAA,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAa,EAAA,eAAA;AAAA,YACb,cAAgB,EAAA,kBAAA;AAAA,YAChB,KAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"LeftPart.js","sources":["../src/internal/LeftPart.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 { RefObject } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport leftPartCss from \"./LeftPart.css\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridLeftPart\");\n\nexport interface LeftPartProps<T> {\n  leftRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  rightShadow?: boolean;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function LeftPart<T>(props: LeftPartProps<T>) {\n  const {\n    leftRef,\n    onWheel,\n    rightShadow,\n    columns,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-left-part\",\n    css: leftPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={leftRef}\n      className={clsx(withBaseName(), {\n        [withBaseName(\"rightShadow\")]: rightShadow,\n      })}\n    >\n      <div className={withBaseName(\"space\")} data-testid=\"grid-left-part\">\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            zebra={zebra}\n            getRowValidationStatus={getRowValidationStatus}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["leftPartCss"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAgB7C,SAAS,SAAY,KAAA,EAAyB;AACnD,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,gBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG;AAAA,QAC9B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG;AAAA,OAChC,CAAA;AAAA,MAED,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,OAAO,CAAA,EAAG,aAAA,EAAY,gBAAA,EACjD,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAK,QAAA,EAAU,MAAK,cAAA,EACzB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAc,OAAA,EAAkB,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAA,EAAa,eAAA;AAAA,YACb,cAAA,EAAgB,kBAAA;AAAA,YAChB,KAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MiddlePart.js","sources":["../src/internal/MiddlePart.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { RefObject } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport middlePartCss from \"./MiddlePart.css\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridMiddlePart\");\n\nexport interface MiddlePartProps<T> {\n  middleRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  midGap: number;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function MiddlePart<T>(props: MiddlePartProps<T>) {\n  const {\n    middleRef,\n    onWheel,\n    columns,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    midGap,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-middle-part\",\n    css: middlePartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  return (\n    <div\n      ref={middleRef}\n      className={withBaseName()}\n      data-testid=\"grid-middle-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} gap={midGap} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            gap={midGap}\n            zebra={zebra}\n            getRowValidationStatus={getRowValidationStatus}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["middlePartCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAgB/C,SAAS,WAAc,KAA2B,EAAA;AACvD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,SAAA;AAAA,MACL,WAAW,YAAa,EAAA;AAAA,MACxB,aAAY,EAAA,kBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,CAClC,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAM,EAAA,EAAA,GAAA,EAAK,QAAU,EAAA,IAAA,EAAK,cACzB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,aAAA,EAAA,EAAc,OAAkB,EAAA,GAAA,EAAK,MAAQ,EAAA,CAAA;AAAA,wBAC9C,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAa,EAAA,eAAA;AAAA,YACb,cAAgB,EAAA,kBAAA;AAAA,YAChB,GAAK,EAAA,MAAA;AAAA,YACL,KAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"MiddlePart.js","sources":["../src/internal/MiddlePart.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { RefObject } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport middlePartCss from \"./MiddlePart.css\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridMiddlePart\");\n\nexport interface MiddlePartProps<T> {\n  middleRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  midGap: number;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function MiddlePart<T>(props: MiddlePartProps<T>) {\n  const {\n    middleRef,\n    onWheel,\n    columns,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    midGap,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-middle-part\",\n    css: middlePartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  return (\n    <div\n      ref={middleRef}\n      className={withBaseName()}\n      data-testid=\"grid-middle-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} gap={midGap} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            gap={midGap}\n            zebra={zebra}\n            getRowValidationStatus={getRowValidationStatus}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["middlePartCss"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAgB/C,SAAS,WAAc,KAAA,EAA2B;AACvD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,kBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,WAAW,YAAA,EAAa;AAAA,MACxB,aAAA,EAAY,kBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,OAAO,CAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAK,QAAA,EAAU,IAAA,EAAK,cAAA,EACzB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAkB,GAAA,EAAK,MAAA,EAAQ,CAAA;AAAA,wBAC9C,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAA,EAAa,eAAA;AAAA,YACb,cAAA,EAAgB,kBAAA;AAAA,YAChB,GAAA,EAAK,MAAA;AAAA,YACL,KAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RightPart.js","sources":["../src/internal/RightPart.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 { RefObject } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport rightPartCss from \"./RightPart.css\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridRightPart\");\n\nexport interface RightPartProps<T> {\n  rightRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  leftShadow?: boolean;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function RightPart<T>(props: RightPartProps<T>) {\n  const {\n    rightRef,\n    onWheel,\n    columns,\n    leftShadow,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-right-part\",\n    css: rightPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={rightRef}\n      className={clsx(withBaseName(), {\n        [withBaseName(\"leftShadow\")]: leftShadow,\n      })}\n      data-testid=\"grid-right-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            zebra={zebra}\n            getRowValidationStatus={getRowValidationStatus}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["rightPartCss"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAgB9C,SAAS,UAAa,KAA0B,EAAA;AACrD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,QAAA;AAAA,MACL,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG;AAAA,OAC/B,CAAA;AAAA,MACD,aAAY,EAAA,iBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,CAClC,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAM,EAAA,EAAA,GAAA,EAAK,QAAU,EAAA,IAAA,EAAK,cACzB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAc,OAAkB,EAAA,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAa,EAAA,eAAA;AAAA,YACb,cAAgB,EAAA,kBAAA;AAAA,YAChB,KAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"RightPart.js","sources":["../src/internal/RightPart.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 { RefObject } from \"react\";\n\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport rightPartCss from \"./RightPart.css\";\nimport { TableBody } from \"./TableBody\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nconst withBaseName = makePrefixer(\"saltGridRightPart\");\n\nexport interface RightPartProps<T> {\n  rightRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  leftShadow?: boolean;\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverOverRowKey?: string;\n  setHoverOverRowKey: (key: string | undefined) => void;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function RightPart<T>(props: RightPartProps<T>) {\n  const {\n    rightRef,\n    onWheel,\n    columns,\n    leftShadow,\n    rows,\n    hoverOverRowKey,\n    setHoverOverRowKey,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-right-part\",\n    css: rightPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={rightRef}\n      className={clsx(withBaseName(), {\n        [withBaseName(\"leftShadow\")]: leftShadow,\n      })}\n      data-testid=\"grid-right-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            hoverRowKey={hoverOverRowKey}\n            setHoverRowKey={setHoverOverRowKey}\n            zebra={zebra}\n            getRowValidationStatus={getRowValidationStatus}\n          />\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["rightPartCss"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAgB9C,SAAS,UAAa,KAAA,EAA0B;AACrD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,iBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG;AAAA,QAC9B,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG;AAAA,OAC/B,CAAA;AAAA,MACD,aAAA,EAAY,iBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,OAAO,CAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAK,QAAA,EAAU,IAAA,EAAK,cAAA,EACzB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAc,OAAA,EAAkB,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,WAAA,EAAa,eAAA;AAAA,YACb,cAAA,EAAgB,kBAAA;AAAA,YAChB,KAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Scrollable.js","sources":["../src/internal/Scrollable.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type RefObject, type UIEventHandler, useEffect } from \"react\";\n\nimport scrollableCss from \"./Scrollable.css\";\n\nconst withBaseName = makePrefixer(\"saltGridScrollable\");\n\nexport interface ScrollableProps<T> {\n  resizeClient: (params: {\n    clientWidth: number;\n    clientHeight: number;\n    scrollBarWidth: number;\n    scrollBarHeight: number;\n  }) => void;\n\n  scrollLeft: number;\n  scrollTop: number;\n  scrollSource: \"user\" | \"table\";\n  scroll: (left?: number, top?: number, source?: \"user\" | \"table\") => void;\n\n  scrollerRef: RefObject<HTMLDivElement>;\n  middleRef: RefObject<HTMLDivElement>;\n  topRef: RefObject<HTMLDivElement>;\n  leftRef: RefObject<HTMLDivElement>;\n  rightRef: RefObject<HTMLDivElement>;\n  bottomRef: RefObject<HTMLDivElement>;\n}\n\n// Provides scrollbars for the grid. Synchronizes scrolling across all parts\n// (pinned and unpinned).\nexport function Scrollable<T>(props: ScrollableProps<T>) {\n  const {\n    scrollerRef,\n    middleRef,\n    topRef,\n    leftRef,\n    rightRef,\n    bottomRef,\n    resizeClient,\n    scrollLeft,\n    scrollTop,\n    scrollSource,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-scrollable\",\n    css: scrollableCss,\n    window: targetWindow,\n  });\n\n  const onScroll: UIEventHandler<HTMLDivElement> = (event) => {\n    if (!scrollerRef.current) {\n      return;\n    }\n    const { scrollLeft, scrollTop } = scrollerRef.current;\n    const top = topRef.current;\n    if (top) {\n      top.scrollLeft = scrollLeft;\n    }\n    const bottom = bottomRef.current;\n    if (bottom) {\n      bottom.scrollLeft = scrollLeft;\n    }\n    const left = leftRef.current;\n    if (left) {\n      left.scrollTop = scrollTop;\n    }\n    const right = rightRef.current;\n    if (right) {\n      right.scrollTop = scrollTop;\n    }\n    const middle = middleRef.current;\n    if (middle) {\n      middle.scrollTop = scrollTop;\n      middle.scrollLeft = scrollLeft;\n    }\n    props.scroll(scrollLeft, scrollTop, \"user\");\n  };\n\n  useEffect(() => {\n    if (!scrollerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      const { offsetWidth, offsetHeight, clientWidth, clientHeight } =\n        entry.target as HTMLDivElement;\n      const scrollBarWidth = offsetWidth - clientWidth;\n      const scrollBarHeight = offsetHeight - clientHeight;\n      resizeClient({\n        clientWidth,\n        clientHeight,\n        scrollBarWidth,\n        scrollBarHeight,\n      });\n    });\n\n    resizeObserver.observe(scrollerRef.current);\n    return () => resizeObserver.disconnect();\n  }, [resizeClient, scrollerRef]);\n\n  useEffect(() => {\n    if (!scrollerRef.current) {\n      return;\n    }\n    if (scrollSource === \"table\") {\n      if (scrollLeft !== scrollerRef.current.scrollLeft) {\n        scrollerRef.current.scrollLeft = scrollLeft;\n      }\n      if (scrollTop !== scrollerRef.current.scrollTop) {\n        scrollerRef.current.scrollTop = scrollTop;\n      }\n    }\n  }, [scrollLeft, scrollTop, scrollSource, scrollerRef]);\n\n  return (\n    <div\n      ref={scrollerRef}\n      className={withBaseName()}\n      onScroll={onScroll}\n      data-testid=\"grid-scrollable\"\n    >\n      <div className={withBaseName(\"space\")} />\n    </div>\n  );\n}\n"],"names":["scrollableCss","scrollLeft","scrollTop"],"mappings":"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"}
+{"version":3,"file":"Scrollable.js","sources":["../src/internal/Scrollable.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type RefObject, type UIEventHandler, useEffect } from \"react\";\n\nimport scrollableCss from \"./Scrollable.css\";\n\nconst withBaseName = makePrefixer(\"saltGridScrollable\");\n\nexport interface ScrollableProps<T> {\n  resizeClient: (params: {\n    clientWidth: number;\n    clientHeight: number;\n    scrollBarWidth: number;\n    scrollBarHeight: number;\n  }) => void;\n\n  scrollLeft: number;\n  scrollTop: number;\n  scrollSource: \"user\" | \"table\";\n  scroll: (left?: number, top?: number, source?: \"user\" | \"table\") => void;\n\n  scrollerRef: RefObject<HTMLDivElement>;\n  middleRef: RefObject<HTMLDivElement>;\n  topRef: RefObject<HTMLDivElement>;\n  leftRef: RefObject<HTMLDivElement>;\n  rightRef: RefObject<HTMLDivElement>;\n  bottomRef: RefObject<HTMLDivElement>;\n}\n\n// Provides scrollbars for the grid. Synchronizes scrolling across all parts\n// (pinned and unpinned).\nexport function Scrollable<T>(props: ScrollableProps<T>) {\n  const {\n    scrollerRef,\n    middleRef,\n    topRef,\n    leftRef,\n    rightRef,\n    bottomRef,\n    resizeClient,\n    scrollLeft,\n    scrollTop,\n    scrollSource,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-scrollable\",\n    css: scrollableCss,\n    window: targetWindow,\n  });\n\n  const onScroll: UIEventHandler<HTMLDivElement> = (event) => {\n    if (!scrollerRef.current) {\n      return;\n    }\n    const { scrollLeft, scrollTop } = scrollerRef.current;\n    const top = topRef.current;\n    if (top) {\n      top.scrollLeft = scrollLeft;\n    }\n    const bottom = bottomRef.current;\n    if (bottom) {\n      bottom.scrollLeft = scrollLeft;\n    }\n    const left = leftRef.current;\n    if (left) {\n      left.scrollTop = scrollTop;\n    }\n    const right = rightRef.current;\n    if (right) {\n      right.scrollTop = scrollTop;\n    }\n    const middle = middleRef.current;\n    if (middle) {\n      middle.scrollTop = scrollTop;\n      middle.scrollLeft = scrollLeft;\n    }\n    props.scroll(scrollLeft, scrollTop, \"user\");\n  };\n\n  useEffect(() => {\n    if (!scrollerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      const { offsetWidth, offsetHeight, clientWidth, clientHeight } =\n        entry.target as HTMLDivElement;\n      const scrollBarWidth = offsetWidth - clientWidth;\n      const scrollBarHeight = offsetHeight - clientHeight;\n      resizeClient({\n        clientWidth,\n        clientHeight,\n        scrollBarWidth,\n        scrollBarHeight,\n      });\n    });\n\n    resizeObserver.observe(scrollerRef.current);\n    return () => resizeObserver.disconnect();\n  }, [resizeClient, scrollerRef]);\n\n  useEffect(() => {\n    if (!scrollerRef.current) {\n      return;\n    }\n    if (scrollSource === \"table\") {\n      if (scrollLeft !== scrollerRef.current.scrollLeft) {\n        scrollerRef.current.scrollLeft = scrollLeft;\n      }\n      if (scrollTop !== scrollerRef.current.scrollTop) {\n        scrollerRef.current.scrollTop = scrollTop;\n      }\n    }\n  }, [scrollLeft, scrollTop, scrollSource, scrollerRef]);\n\n  return (\n    <div\n      ref={scrollerRef}\n      className={withBaseName()}\n      onScroll={onScroll}\n      data-testid=\"grid-scrollable\"\n    >\n      <div className={withBaseName(\"space\")} />\n    </div>\n  );\n}\n"],"names":["scrollableCss","scrollLeft","scrollTop"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../src/internal/TableBody.tsx"],"sourcesContent":["import { type MouseEventHandler, useCallback } from \"react\";\nimport { useCursorContext } from \"../CursorContext\";\nimport { useEditorContext } from \"../EditorContext\";\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useSelectionContext } from \"../SelectionContext\";\nimport { TableRow } from \"./TableRow\";\nimport { getRowKeyAttribute } from \"./utils\";\n\nexport interface TableBodyProps<T> {\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverRowKey?: string;\n  setHoverRowKey: (key: string | undefined) => void;\n  gap?: number;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function TableBody<T>(props: TableBodyProps<T>) {\n  const {\n    columns,\n    rows,\n    hoverRowKey,\n    setHoverRowKey,\n    gap,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n  const { selRowIdxs, selectedCellRange } = useSelectionContext();\n\n  const isCellInSelectedRange = useCallback(\n    (rowIdx: number, colIdx: number) => {\n      if (!selectedCellRange) {\n        return false;\n      }\n      const { start, end } = selectedCellRange;\n      const minRowIdx = Math.min(start.rowIdx, end.rowIdx);\n      const maxRowIdx = Math.max(start.rowIdx, end.rowIdx);\n      const minColIdx = Math.min(start.colIdx, end.colIdx);\n      const maxColIdx = Math.max(start.colIdx, end.colIdx);\n      return (\n        rowIdx >= minRowIdx &&\n        rowIdx <= maxRowIdx &&\n        colIdx >= minColIdx &&\n        colIdx <= maxColIdx\n      );\n    },\n    [selectedCellRange],\n  );\n\n  const { cursorRowIdx, cursorColIdx, focusedPart, headerIsFocusable } =\n    useCursorContext();\n\n  const { editMode, startEditMode } = useEditorContext();\n\n  const onRowMouseEnter: MouseEventHandler<HTMLTableRowElement> = (event) => {\n    const target = event.currentTarget as HTMLElement;\n    const rowKey = getRowKeyAttribute(target);\n    setHoverRowKey(rowKey);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLTableSectionElement> = () => {\n    setHoverRowKey(undefined);\n  };\n\n  const onDoubleClick: MouseEventHandler<HTMLTableSectionElement> = () => {\n    startEditMode();\n  };\n\n  return (\n    <tbody onMouseLeave={onMouseLeave} onDoubleClick={onDoubleClick}>\n      {rows.map((row) => {\n        const isSelected = selRowIdxs.has(row.index);\n        const cursorIdx =\n          focusedPart === \"body\" && cursorRowIdx === row.index\n            ? cursorColIdx\n            : undefined;\n        const editorColIdx = editMode ? cursorIdx : undefined;\n        return (\n          <TableRow\n            key={row.key}\n            row={row}\n            onMouseEnter={onRowMouseEnter}\n            columns={columns}\n            isHoverOver={row.key === hoverRowKey}\n            isSelected={isSelected}\n            cursorColIdx={cursorIdx}\n            gap={gap}\n            zebra={zebra && row.index % 2 === 0}\n            editorColIdx={editorColIdx}\n            isCellSelected={isCellInSelectedRange}\n            headerIsFocusable={headerIsFocusable}\n            validationStatus={\n              getRowValidationStatus ? getRowValidationStatus(row) : undefined\n            }\n          />\n        );\n      })}\n    </tbody>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableBody.js","sources":["../src/internal/TableBody.tsx"],"sourcesContent":["import { type MouseEventHandler, useCallback } from \"react\";\nimport { useCursorContext } from \"../CursorContext\";\nimport { useEditorContext } from \"../EditorContext\";\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useSelectionContext } from \"../SelectionContext\";\nimport { TableRow } from \"./TableRow\";\nimport { getRowKeyAttribute } from \"./utils\";\n\nexport interface TableBodyProps<T> {\n  columns: GridColumnModel<T>[];\n  rows: GridRowModel<T>[];\n  hoverRowKey?: string;\n  setHoverRowKey: (key: string | undefined) => void;\n  gap?: number;\n  zebra?: boolean;\n  getRowValidationStatus?: (\n    row: GridRowModel<T>,\n  ) => CellValidationState | undefined;\n}\n\nexport function TableBody<T>(props: TableBodyProps<T>) {\n  const {\n    columns,\n    rows,\n    hoverRowKey,\n    setHoverRowKey,\n    gap,\n    zebra,\n    getRowValidationStatus,\n  } = props;\n  const { selRowIdxs, selectedCellRange } = useSelectionContext();\n\n  const isCellInSelectedRange = useCallback(\n    (rowIdx: number, colIdx: number) => {\n      if (!selectedCellRange) {\n        return false;\n      }\n      const { start, end } = selectedCellRange;\n      const minRowIdx = Math.min(start.rowIdx, end.rowIdx);\n      const maxRowIdx = Math.max(start.rowIdx, end.rowIdx);\n      const minColIdx = Math.min(start.colIdx, end.colIdx);\n      const maxColIdx = Math.max(start.colIdx, end.colIdx);\n      return (\n        rowIdx >= minRowIdx &&\n        rowIdx <= maxRowIdx &&\n        colIdx >= minColIdx &&\n        colIdx <= maxColIdx\n      );\n    },\n    [selectedCellRange],\n  );\n\n  const { cursorRowIdx, cursorColIdx, focusedPart, headerIsFocusable } =\n    useCursorContext();\n\n  const { editMode, startEditMode } = useEditorContext();\n\n  const onRowMouseEnter: MouseEventHandler<HTMLTableRowElement> = (event) => {\n    const target = event.currentTarget as HTMLElement;\n    const rowKey = getRowKeyAttribute(target);\n    setHoverRowKey(rowKey);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLTableSectionElement> = () => {\n    setHoverRowKey(undefined);\n  };\n\n  const onDoubleClick: MouseEventHandler<HTMLTableSectionElement> = () => {\n    startEditMode();\n  };\n\n  return (\n    <tbody onMouseLeave={onMouseLeave} onDoubleClick={onDoubleClick}>\n      {rows.map((row) => {\n        const isSelected = selRowIdxs.has(row.index);\n        const cursorIdx =\n          focusedPart === \"body\" && cursorRowIdx === row.index\n            ? cursorColIdx\n            : undefined;\n        const editorColIdx = editMode ? cursorIdx : undefined;\n        return (\n          <TableRow\n            key={row.key}\n            row={row}\n            onMouseEnter={onRowMouseEnter}\n            columns={columns}\n            isHoverOver={row.key === hoverRowKey}\n            isSelected={isSelected}\n            cursorColIdx={cursorIdx}\n            gap={gap}\n            zebra={zebra && row.index % 2 === 0}\n            editorColIdx={editorColIdx}\n            isCellSelected={isCellInSelectedRange}\n            headerIsFocusable={headerIsFocusable}\n            validationStatus={\n              getRowValidationStatus ? getRowValidationStatus(row) : undefined\n            }\n          />\n        );\n      })}\n    </tbody>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableColGroup.js","sources":["../src/internal/TableColGroup.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { GridColumnModel } from \"../Grid\";\n\nexport interface TableColGroupProps<T> {\n  columns: GridColumnModel<T>[];\n  gap?: number;\n}\n\nexport interface TableColProps<T> {\n  width: number;\n}\n\n// Controls column widths.\nexport function TableColGroup<T>(props: TableColGroupProps<T>) {\n  const { columns, gap } = props;\n  return (\n    <colgroup>\n      {columns.map((column) => {\n        return (\n          <TableCol key={column.info.props.id} width={column.info.width} />\n        );\n      })}\n      {gap !== undefined && gap > 0 ? (\n        <TableCol key=\"__gap\" width={gap} />\n      ) : null}\n    </colgroup>\n  );\n}\n\nexport function TableCol<T>(props: TableColProps<T>) {\n  const { width } = props;\n  const style = useMemo(() => {\n    return {\n      width: `${width}px`,\n    };\n  }, [width]);\n  return <col style={style} />;\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,cAAiB,KAA8B,EAAA;AAC7D,EAAM,MAAA,EAAE,OAAS,EAAA,GAAA,EAAQ,GAAA,KAAA;AACzB,EAAA,4BACG,UACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACvB,MACE,uBAAA,GAAA,CAAC,YAAoC,KAAO,EAAA,MAAA,CAAO,KAAK,KAAzC,EAAA,EAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,EAA8B,CAAA;AAAA,KAElE,CAAA;AAAA,IACA,GAAA,KAAQ,UAAa,GAAM,GAAA,CAAA,uBACzB,QAAqB,EAAA,EAAA,KAAA,EAAO,GAAf,EAAA,EAAA,OAAoB,CAChC,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;AAEO,SAAS,SAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA;AAClB,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAO,OAAA;AAAA,MACL,KAAA,EAAO,GAAG,KAAK,CAAA,EAAA;AAAA,KACjB;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAO,uBAAA,GAAA,CAAC,SAAI,KAAc,EAAA,CAAA;AAC5B;;;;"}
+{"version":3,"file":"TableColGroup.js","sources":["../src/internal/TableColGroup.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { GridColumnModel } from \"../Grid\";\n\nexport interface TableColGroupProps<T> {\n  columns: GridColumnModel<T>[];\n  gap?: number;\n}\n\nexport interface TableColProps<T> {\n  width: number;\n}\n\n// Controls column widths.\nexport function TableColGroup<T>(props: TableColGroupProps<T>) {\n  const { columns, gap } = props;\n  return (\n    <colgroup>\n      {columns.map((column) => {\n        return (\n          <TableCol key={column.info.props.id} width={column.info.width} />\n        );\n      })}\n      {gap !== undefined && gap > 0 ? (\n        <TableCol key=\"__gap\" width={gap} />\n      ) : null}\n    </colgroup>\n  );\n}\n\nexport function TableCol<T>(props: TableColProps<T>) {\n  const { width } = props;\n  const style = useMemo(() => {\n    return {\n      width: `${width}px`,\n    };\n  }, [width]);\n  return <col style={style} />;\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,cAAiB,KAAA,EAA8B;AAC7D,EAAA,MAAM,EAAE,OAAA,EAAS,GAAA,EAAI,GAAI,KAAA;AACzB,EAAA,4BACG,UAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,MAAA,uBACE,GAAA,CAAC,YAAoC,KAAA,EAAO,MAAA,CAAO,KAAK,KAAA,EAAA,EAAzC,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,EAA8B,CAAA;AAAA,IAEnE,CAAC,CAAA;AAAA,IACA,GAAA,KAAQ,UAAa,GAAA,GAAM,CAAA,uBACzB,QAAA,EAAA,EAAqB,KAAA,EAAO,GAAA,EAAA,EAAf,OAAoB,CAAA,GAChC;AAAA,GAAA,EACN,CAAA;AAEJ;AAEO,SAAS,SAAY,KAAA,EAAyB;AACnD,EAAA,MAAM,EAAE,OAAM,GAAI,KAAA;AAClB,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,GAAG,KAAK,CAAA,EAAA;AAAA,KACjB;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AACV,EAAA,uBAAO,GAAA,CAAC,SAAI,KAAA,EAAc,CAAA;AAC5B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../src/internal/TableRow.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 {\n  Children,\n  cloneElement,\n  isValidElement,\n  type MouseEventHandler,\n} from \"react\";\n\nimport { BaseCell } from \"../BaseCell\";\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useGridContext } from \"../GridContext\";\nimport { RowValidationStatusContext } from \"../RowValidationStatus\";\n\nimport { DefaultCellValue } from \"./DefaultCellValue\";\nimport { FakeCell } from \"./FakeCell\";\n\nimport tableRowCss from \"./TableRow.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTableRow\");\n\nexport interface TableRowProps<T> {\n  row: GridRowModel<T>;\n  isSelected?: boolean;\n  isHoverOver?: boolean;\n  zebra?: boolean;\n  columns: GridColumnModel<T>[];\n  cursorColIdx?: number;\n  onMouseEnter?: MouseEventHandler<HTMLTableRowElement>;\n  onMouseLeave?: MouseEventHandler<HTMLTableRowElement>;\n  gap?: number;\n  editorColIdx?: number;\n  isCellSelected?: (rowIdx: number, colIdx: number) => boolean;\n  headerIsFocusable?: boolean;\n  validationStatus?: CellValidationState;\n}\n\nexport function TableRow<T>(props: TableRowProps<T>) {\n  const {\n    row,\n    isSelected,\n    zebra,\n    isHoverOver,\n    columns,\n    onMouseEnter,\n    onMouseLeave,\n    cursorColIdx,\n    gap,\n    editorColIdx,\n    isCellSelected,\n    headerIsFocusable,\n    validationStatus: rowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-table-row\",\n    css: tableRowCss,\n    window: targetWindow,\n  });\n\n  const grid = useGridContext();\n\n  if (!row.key) {\n    throw new Error(\"Invalid row\");\n  }\n\n  const ariaRowIndex = headerIsFocusable ? row.index + 2 : row.index + 1;\n\n  return (\n    <tr\n      aria-rowindex={ariaRowIndex}\n      aria-selected={isSelected ? true : undefined}\n      className={clsx(withBaseName(), {\n        [withBaseName(\"zebra\")]: zebra,\n        [withBaseName(\"hover\")]: isHoverOver,\n        [withBaseName(\"selected\")]: isSelected,\n        [withBaseName(\"first\")]: row.index === 0,\n        [withBaseName(`validationStatus-${rowValidationStatus}`)]:\n          rowValidationStatus,\n      })}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      data-row-index={row.index}\n      data-row-key={row.key}\n    >\n      {columns.map((column, i) => {\n        const colKey = column.info.props.id;\n        const editorInfo = grid.getEditor(column.info.props.id);\n        const isEditable = !!editorInfo;\n\n        if (editorColIdx === column.index) {\n          if (isEditable) {\n            if (isValidElement(editorInfo.children)) {\n              const editorElement = Children.only(editorInfo.children);\n              return cloneElement(editorElement, {\n                key: colKey,\n                row,\n                column,\n              } as any);\n            }\n          }\n        }\n\n        const Cell = column.info.props.cellComponent || BaseCell;\n        const CellValue =\n          column.info.props.cellValueComponent || DefaultCellValue;\n        const value =\n          column.info.props.getValue && row.data\n            ? column.info.props.getValue(row.data)\n            : null;\n        const isFocused = cursorColIdx === column.index;\n        const isSelected = isCellSelected?.(row.index, column.index);\n        const validationFnArg = {\n          row,\n          column,\n          isFocused,\n          value,\n        };\n        const validationStatus =\n          column.info.props.getValidationStatus?.(validationFnArg);\n        const validationMessage =\n          validationStatus &&\n          column.info.props.getValidationMessage?.(validationFnArg);\n\n        return (\n          <RowValidationStatusContext.Provider\n            key={colKey}\n            value={{ status: rowValidationStatus }}\n          >\n            <Cell\n              row={row}\n              column={column}\n              isFocused={isFocused}\n              isSelected={isSelected}\n              isEditable={isEditable}\n              validationStatus={validationStatus}\n              validationMessage={validationMessage}\n              validationType={column.info.props.validationType}\n              value={value}\n              align={column.info.props.align}\n            >\n              <CellValue\n                column={column}\n                row={row}\n                value={value}\n                isFocused={isFocused}\n                validationStatus={validationStatus}\n                validationMessage={validationMessage}\n                validationType={column.info.props.validationType}\n              />\n            </Cell>\n          </RowValidationStatusContext.Provider>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeCell row={row} /> : null}\n    </tr>\n  );\n}\n"],"names":["tableRowCss","isSelected"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","sources":["../src/internal/TableRow.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 {\n  Children,\n  cloneElement,\n  isValidElement,\n  type MouseEventHandler,\n} from \"react\";\n\nimport { BaseCell } from \"../BaseCell\";\nimport type { GridColumnModel, GridRowModel } from \"../Grid\";\nimport type { CellValidationState } from \"../GridColumn\";\nimport { useGridContext } from \"../GridContext\";\nimport { RowValidationStatusContext } from \"../RowValidationStatus\";\n\nimport { DefaultCellValue } from \"./DefaultCellValue\";\nimport { FakeCell } from \"./FakeCell\";\n\nimport tableRowCss from \"./TableRow.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTableRow\");\n\nexport interface TableRowProps<T> {\n  row: GridRowModel<T>;\n  isSelected?: boolean;\n  isHoverOver?: boolean;\n  zebra?: boolean;\n  columns: GridColumnModel<T>[];\n  cursorColIdx?: number;\n  onMouseEnter?: MouseEventHandler<HTMLTableRowElement>;\n  onMouseLeave?: MouseEventHandler<HTMLTableRowElement>;\n  gap?: number;\n  editorColIdx?: number;\n  isCellSelected?: (rowIdx: number, colIdx: number) => boolean;\n  headerIsFocusable?: boolean;\n  validationStatus?: CellValidationState;\n}\n\nexport function TableRow<T>(props: TableRowProps<T>) {\n  const {\n    row,\n    isSelected,\n    zebra,\n    isHoverOver,\n    columns,\n    onMouseEnter,\n    onMouseLeave,\n    cursorColIdx,\n    gap,\n    editorColIdx,\n    isCellSelected,\n    headerIsFocusable,\n    validationStatus: rowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-table-row\",\n    css: tableRowCss,\n    window: targetWindow,\n  });\n\n  const grid = useGridContext();\n\n  if (!row.key) {\n    throw new Error(\"Invalid row\");\n  }\n\n  const ariaRowIndex = headerIsFocusable ? row.index + 2 : row.index + 1;\n\n  return (\n    <tr\n      aria-rowindex={ariaRowIndex}\n      aria-selected={isSelected ? true : undefined}\n      className={clsx(withBaseName(), {\n        [withBaseName(\"zebra\")]: zebra,\n        [withBaseName(\"hover\")]: isHoverOver,\n        [withBaseName(\"selected\")]: isSelected,\n        [withBaseName(\"first\")]: row.index === 0,\n        [withBaseName(`validationStatus-${rowValidationStatus}`)]:\n          rowValidationStatus,\n      })}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      data-row-index={row.index}\n      data-row-key={row.key}\n    >\n      {columns.map((column, i) => {\n        const colKey = column.info.props.id;\n        const editorInfo = grid.getEditor(column.info.props.id);\n        const isEditable = !!editorInfo;\n\n        if (editorColIdx === column.index) {\n          if (isEditable) {\n            if (isValidElement(editorInfo.children)) {\n              const editorElement = Children.only(editorInfo.children);\n              return cloneElement(editorElement, {\n                key: colKey,\n                row,\n                column,\n              } as any);\n            }\n          }\n        }\n\n        const Cell = column.info.props.cellComponent || BaseCell;\n        const CellValue =\n          column.info.props.cellValueComponent || DefaultCellValue;\n        const value =\n          column.info.props.getValue && row.data\n            ? column.info.props.getValue(row.data)\n            : null;\n        const isFocused = cursorColIdx === column.index;\n        const isSelected = isCellSelected?.(row.index, column.index);\n        const validationFnArg = {\n          row,\n          column,\n          isFocused,\n          value,\n        };\n        const validationStatus =\n          column.info.props.getValidationStatus?.(validationFnArg);\n        const validationMessage =\n          validationStatus &&\n          column.info.props.getValidationMessage?.(validationFnArg);\n\n        return (\n          <RowValidationStatusContext.Provider\n            key={colKey}\n            value={{ status: rowValidationStatus }}\n          >\n            <Cell\n              row={row}\n              column={column}\n              isFocused={isFocused}\n              isSelected={isSelected}\n              isEditable={isEditable}\n              validationStatus={validationStatus}\n              validationMessage={validationMessage}\n              validationType={column.info.props.validationType}\n              value={value}\n              align={column.info.props.align}\n            >\n              <CellValue\n                column={column}\n                row={row}\n                value={value}\n                isFocused={isFocused}\n                validationStatus={validationStatus}\n                validationMessage={validationMessage}\n                validationType={column.info.props.validationType}\n              />\n            </Cell>\n          </RowValidationStatusContext.Provider>\n        );\n      })}\n      {gap !== undefined && gap > 0 ? <FakeCell row={row} /> : null}\n    </tr>\n  );\n}\n"],"names":["tableRowCss","isSelected"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TopLeftPart.js","sources":["../src/internal/TopLeftPart.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 type { GridColumnGroupModel, GridColumnModel } from \"../Grid\";\n\nimport { GroupHeaderRow } from \"./GroupHeaderRow\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nimport topLeftPartCss from \"./TopLeftPart.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTopLeftPart\");\n\nexport interface TopLeftPartProps<T> {\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  columnGroups: GridColumnGroupModel[];\n  rightShadow?: boolean;\n  bottomShadow?: boolean;\n}\n\nexport function TopLeftPart<T>(props: TopLeftPartProps<T>) {\n  const { onWheel, columns, columnGroups, rightShadow, bottomShadow } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-top-left-part\",\n    css: topLeftPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"rightShadow\")]: rightShadow,\n        [withBaseName(\"bottomShadow\")]: bottomShadow,\n      })}\n      data-testid=\"grid-top-left-part\"\n    >\n      <table ref={tableRef} role=\"presentation\">\n        <TableColGroup columns={columns} />\n        <thead>\n          <GroupHeaderRow groups={columnGroups} />\n          <HeaderRow columns={columns} />\n        </thead>\n      </table>\n    </div>\n  );\n}\n"],"names":["topLeftPartCss"],"mappings":";;;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAUhD,SAAS,YAAe,KAA4B,EAAA;AACzD,EAAA,MAAM,EAAE,OAAS,EAAA,OAAA,EAAS,YAAc,EAAA,WAAA,EAAa,cAAiB,GAAA,KAAA;AAEtE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,QAC/B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,OACjC,CAAA;AAAA,MACD,aAAY,EAAA,oBAAA;AAAA,MAEZ,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA,EAAM,GAAK,EAAA,QAAA,EAAU,MAAK,cACzB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAc,OAAkB,EAAA,CAAA;AAAA,6BAChC,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,cAAA,EAAA,EAAe,QAAQ,YAAc,EAAA,CAAA;AAAA,0BACtC,GAAA,CAAC,aAAU,OAAkB,EAAA;AAAA,SAC/B,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"TopLeftPart.js","sources":["../src/internal/TopLeftPart.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 type { GridColumnGroupModel, GridColumnModel } from \"../Grid\";\n\nimport { GroupHeaderRow } from \"./GroupHeaderRow\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nimport topLeftPartCss from \"./TopLeftPart.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTopLeftPart\");\n\nexport interface TopLeftPartProps<T> {\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  columnGroups: GridColumnGroupModel[];\n  rightShadow?: boolean;\n  bottomShadow?: boolean;\n}\n\nexport function TopLeftPart<T>(props: TopLeftPartProps<T>) {\n  const { onWheel, columns, columnGroups, rightShadow, bottomShadow } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-top-left-part\",\n    css: topLeftPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"rightShadow\")]: rightShadow,\n        [withBaseName(\"bottomShadow\")]: bottomShadow,\n      })}\n      data-testid=\"grid-top-left-part\"\n    >\n      <table ref={tableRef} role=\"presentation\">\n        <TableColGroup columns={columns} />\n        <thead>\n          <GroupHeaderRow groups={columnGroups} />\n          <HeaderRow columns={columns} />\n        </thead>\n      </table>\n    </div>\n  );\n}\n"],"names":["topLeftPartCss"],"mappings":";;;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAUhD,SAAS,YAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,YAAA,EAAc,WAAA,EAAa,cAAa,GAAI,KAAA;AAEtE,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,oBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG;AAAA,QAC9B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,QAC/B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,OACjC,CAAA;AAAA,MACD,aAAA,EAAY,oBAAA;AAAA,MAEZ,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAK,QAAA,EAAU,MAAK,cAAA,EACzB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAc,OAAA,EAAkB,CAAA;AAAA,6BAChC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,QAAQ,YAAA,EAAc,CAAA;AAAA,0BACtC,GAAA,CAAC,aAAU,OAAA,EAAkB;AAAA,SAAA,EAC/B;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TopPart.js","sources":["../src/internal/TopPart.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 { RefObject } from \"react\";\n\nimport type { GridColumnGroupModel, GridColumnModel } from \"../Grid\";\n\nimport { GroupHeaderRow } from \"./GroupHeaderRow\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nimport topPartCss from \"./TopPart.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTopPart\");\n\nexport interface TopPartProps<T> {\n  topRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  columnGroups: GridColumnGroupModel[];\n  midGap: number;\n  bottomShadow?: boolean;\n}\n\nexport function TopPart<T>(props: TopPartProps<T>) {\n  const { topRef, onWheel, columns, columnGroups, midGap, bottomShadow } =\n    props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-top-part\",\n    css: topPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"bottomShadow\")]: bottomShadow,\n      })}\n      ref={topRef}\n      data-testid=\"grid-top-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} gap={midGap} />\n          <thead>\n            <GroupHeaderRow groups={columnGroups} gap={midGap} />\n            <HeaderRow columns={columns} gap={midGap} />\n          </thead>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["topPartCss"],"mappings":";;;;;;;;;;;AAeA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAW5C,SAAS,QAAW,KAAwB,EAAA;AACjD,EAAA,MAAM,EAAE,MAAQ,EAAA,OAAA,EAAS,SAAS,YAAc,EAAA,MAAA,EAAQ,cACtD,GAAA,KAAA;AAEF,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,eAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,OACjC,CAAA;AAAA,MACD,GAAK,EAAA,MAAA;AAAA,MACL,aAAY,EAAA,eAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,CAClC,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAM,EAAA,EAAA,GAAA,EAAK,QAAU,EAAA,IAAA,EAAK,cACzB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,aAAA,EAAA,EAAc,OAAkB,EAAA,GAAA,EAAK,MAAQ,EAAA,CAAA;AAAA,6BAC7C,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,YAAc,EAAA,GAAA,EAAK,MAAQ,EAAA,CAAA;AAAA,0BAClD,GAAA,CAAA,SAAA,EAAA,EAAU,OAAkB,EAAA,GAAA,EAAK,MAAQ,EAAA;AAAA,SAC5C,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"TopPart.js","sources":["../src/internal/TopPart.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 { RefObject } from \"react\";\n\nimport type { GridColumnGroupModel, GridColumnModel } from \"../Grid\";\n\nimport { GroupHeaderRow } from \"./GroupHeaderRow\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { TableColGroup } from \"./TableColGroup\";\n\nimport topPartCss from \"./TopPart.css\";\n\nconst withBaseName = makePrefixer(\"saltGridTopPart\");\n\nexport interface TopPartProps<T> {\n  topRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  columnGroups: GridColumnGroupModel[];\n  midGap: number;\n  bottomShadow?: boolean;\n}\n\nexport function TopPart<T>(props: TopPartProps<T>) {\n  const { topRef, onWheel, columns, columnGroups, midGap, bottomShadow } =\n    props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-top-part\",\n    css: topPartCss,\n    window: targetWindow,\n  });\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"bottomShadow\")]: bottomShadow,\n      })}\n      ref={topRef}\n      data-testid=\"grid-top-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} gap={midGap} />\n          <thead>\n            <GroupHeaderRow groups={columnGroups} gap={midGap} />\n            <HeaderRow columns={columns} gap={midGap} />\n          </thead>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["topPartCss"],"mappings":";;;;;;;;;;;AAeA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAW5C,SAAS,QAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,SAAS,YAAA,EAAc,MAAA,EAAQ,cAAa,GACnE,KAAA;AAEF,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,eAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,iBAAiB,OAAO,CAAA;AAEzC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG;AAAA,QAC9B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,OACjC,CAAA;AAAA,MACD,GAAA,EAAK,MAAA;AAAA,MACL,aAAA,EAAY,eAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,OAAO,CAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAK,QAAA,EAAU,IAAA,EAAK,cAAA,EACzB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAkB,GAAA,EAAK,MAAA,EAAQ,CAAA;AAAA,6BAC7C,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAQ,YAAA,EAAc,GAAA,EAAK,MAAA,EAAQ,CAAA;AAAA,0BACnD,GAAA,CAAC,SAAA,EAAA,EAAU,OAAA,EAAkB,GAAA,EAAK,MAAA,EAAQ;AAAA,SAAA,EAC5C;AAAA,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}