@salt-ds/data-grid 0.0.0-snapshot-20230620094559

package/dist-cjs/LayoutContext.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const LayoutContext = react.createContext(
+  void 0
+);
+
+exports.LayoutContext = LayoutContext;
+//# sourceMappingURL=LayoutContext.js.map

package/dist-cjs/LayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutContext.js","sources":["../src/LayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface LayoutContext {\n  totalWidth: number;\n  totalHeight: number;\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport const LayoutContext = createContext<LayoutContext | undefined>(\n  undefined\n);\n\nexport const useLayoutContext = () => {\n  const c = useContext(LayoutContext);\n  if (!c) {\n    throw new Error(`useLayoutContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":["createContext"],"mappings":";;;;;;AASO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF;;;;"}

package/dist-cjs/NumberRange.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function range(...args) {
+  let start = 0;
+  let end = 0;
+  let step = 1;
+  if (args.length < 2) {
+    end = args[0];
+  } else {
+    start = args[0];
+    end = args[1];
+    if (args.length > 2) {
+      step = args[2];
+    }
+  }
+  return [...Array(end - start).keys()].map((i) => start + i * step);
+}
+const _NumberRange = class {
+  constructor(start, end) {
+    if (end < start) {
+      throw new Error(`Invalid start and end: [${start}, ${end}]`);
+    }
+    this.start = start;
+    this.end = end;
+  }
+  get length() {
+    return this.end - this.start;
+  }
+  map(fn) {
+    return range(this.start, this.end).map(fn);
+  }
+  forEach(fn) {
+    range(this.start, this.end).forEach(fn);
+  }
+  *[Symbol.iterator]() {
+    for (let i = this.start; i < this.end; ++i) {
+      yield i;
+    }
+  }
+  static equals(a, b) {
+    if (!a) {
+      return !b;
+    }
+    return !b ? false : a.start === b.start && a.end === b.end;
+  }
+  update(start, end) {
+    return this.end !== end || this.start !== start ? new _NumberRange(start, end) : this;
+  }
+  toString() {
+    return `[${this.start}, ${this.end}]`;
+  }
+  contains(n) {
+    return this.start <= n && n < this.end;
+  }
+};
+let NumberRange = _NumberRange;
+NumberRange.empty = new _NumberRange(0, 0);
+
+exports.NumberRange = NumberRange;
+exports.range = range;
+//# sourceMappingURL=NumberRange.js.map

package/dist-cjs/NumberRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberRange.js","sources":["../src/NumberRange.ts"],"sourcesContent":["export function range(\n  ...args: [number] | [number, number] | [number, number, number]\n): number[] {\n  let start = 0;\n  let end = 0;\n  let step = 1;\n  if (args.length < 2) {\n    end = args[0];\n  } else {\n    start = args[0];\n    end = args[1]!;\n    if (args.length > 2) {\n      step = args[2]!;\n    }\n  }\n  return [...Array(end - start).keys()].map((i) => start + i * step);\n}\n\nexport class NumberRange {\n  public readonly start: number;\n  public readonly end: number;\n\n  public constructor(start: number, end: number) {\n    if (end < start) {\n      throw new Error(`Invalid start and end: [${start}, ${end}]`);\n    }\n    this.start = start;\n    this.end = end;\n  }\n\n  public get length(): number {\n    return this.end - this.start;\n  }\n\n  public map<T>(fn: (i: number) => T): T[] {\n    return range(this.start, this.end).map(fn);\n  }\n\n  public forEach(fn: (i: number) => void): void {\n    range(this.start, this.end).forEach(fn);\n  }\n\n  public *[Symbol.iterator]() {\n    for (let i = this.start; i < this.end; ++i) {\n      yield i;\n    }\n  }\n\n  public static equals(a: NumberRange | undefined, b: NumberRange | undefined) {\n    if (!a) {\n      return !b;\n    }\n    return !b ? false : a.start === b.start && a.end === b.end;\n  }\n\n  public update(start: number, end: number) {\n    return this.end !== end || this.start !== start\n      ? new NumberRange(start, end)\n      : this;\n  }\n\n  public static empty: NumberRange = new NumberRange(0, 0);\n\n  public toString() {\n    return `[${this.start}, ${this.end}]`;\n  }\n\n  public contains(n: number) {\n    return this.start <= n && n < this.end;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist-cjs/NumericColumn.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltGridNumericCellValue {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: var(--grid-cell-padding);\n  text-align: right;\n}\n\n.saltGridNumericCellEditor {\n}\n\n.saltGridNumericCellEditor-inputContainer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: var(--grid-background);\n  box-sizing: border-box;\n  border-style: dotted;\n  border-width: 2px;\n  border-color: var(--grid-cursor-borderColor);\n  padding: 0;\n}\n\n.saltGridNumericCellEditor input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  outline: none;\n  border: none;\n  padding: 0 calc(var(--grid-padding) - 2px);\n  font-size: var(--grid-fontSize);\n  font-family: inherit;\n  background: var(--grid-editableCell-background-active);\n  color: var(--grid-editableCell-color-active);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=NumericColumn.css.js.map

package/dist-cjs/NumericColumn.css.js.map

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

package/dist-cjs/NumericColumn.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var GridColumn = require('./GridColumn.js');
+var EditorContext = require('./EditorContext.js');
+var CornerTag = require('./CornerTag.js');
+var Cell = require('./internal/Cell.js');
+require('./internal/CellMeasure.js');
+require('./internal/Cursor.js');
+require('./internal/GroupHeaderRow.js');
+require('./internal/HeaderRow.js');
+require('./internal/LeftPart.js');
+require('./internal/MiddlePart.js');
+require('./internal/RightPart.js');
+require('./internal/Scrollable.js');
+require('./internal/TableRow.js');
+require('./SelectionContext.js');
+require('./CursorContext.js');
+require('./NumberRange.js');
+require('@salt-ds/core');
+require('./internal/TopLeftPart.js');
+require('./internal/TopPart.js');
+require('./internal/TopRightPart.js');
+require('./internal/DefaultCellValue.js');
+var NumericColumn$1 = require('./NumericColumn.css.js');
+
+function isNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function NumericCellValue(props) {
+  const { column, value } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-numeric-column",
+    css: NumericColumn$1,
+    window: targetWindow
+  });
+  const columnProps = column.info.props;
+  const { precision } = columnProps;
+  const text = isNumber(value) ? value.toFixed(precision) : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: "saltGridNumericCellValue",
+    children: text
+  });
+}
+function NumericCellEditor(props) {
+  const { column, row } = props;
+  const inputRef = react.useRef(null);
+  const { endEditMode, cancelEditMode, initialText } = EditorContext.useEditorContext();
+  const [editorText, setEditorText] = react.useState(
+    initialText != null ? initialText : column.info.props.getValue(row.data)
+  );
+  const initialSelectionRef = react.useRef(!!initialText);
+  const onChange = (e) => {
+    setEditorText(e.target.value);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter") {
+      endEditMode(editorText);
+      return;
+    }
+    if (event.key === "Escape") {
+      cancelEditMode();
+      return;
+    }
+    if (event.key === "Tab") {
+      endEditMode(editorText);
+      event.preventDefault();
+      return;
+    }
+    event.stopPropagation();
+  };
+  react.useEffect(() => {
+    if (inputRef.current && !initialSelectionRef.current) {
+      inputRef.current.select();
+      initialSelectionRef.current = true;
+    }
+  }, [inputRef.current]);
+  react.useEffect(() => {
+    const input = inputRef.current;
+    const focusOut = (event) => {
+      if (!(input == null ? void 0 : input.contains(event.target))) {
+        endEditMode(editorText);
+      }
+    };
+    document == null ? void 0 : document.addEventListener("mousedown", focusOut, true);
+    return () => {
+      document == null ? void 0 : document.removeEventListener("mousedown", focusOut, true);
+    };
+  }, [endEditMode, editorText]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Cell.Cell, {
+    separator: column == null ? void 0 : column.separator,
+    className: "saltGridNumericCellEditor",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: "saltGridNumericCellEditor-inputContainer",
+        children: /* @__PURE__ */ jsxRuntime.jsx("input", {
+          ref: inputRef,
+          "data-testid": "grid-cell-editor-input",
+          autoFocus: true,
+          value: editorText,
+          onChange,
+          onKeyDown
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(CornerTag.CornerTag, {})
+    ]
+  });
+}
+function NumericColumn(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(GridColumn.GridColumn, {
+    ...props,
+    align: "right",
+    cellValueComponent: NumericCellValue,
+    children: props.children
+  });
+}
+
+exports.NumericCellEditor = NumericCellEditor;
+exports.NumericCellValue = NumericCellValue;
+exports.NumericColumn = NumericColumn;
+//# sourceMappingURL=NumericColumn.js.map

package/dist-cjs/NumericColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericColumn.js","sources":["../src/NumericColumn.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { GridCellValueProps, GridColumn, GridColumnProps } from \"./GridColumn\";\nimport { GridColumnModel, GridRowModel } from \"./Grid\";\nimport { useEditorContext } from \"./EditorContext\";\nimport { CornerTag } from \"./CornerTag\";\nimport { Cell } from \"./internal\";\n\nimport numericColumnCss from \"./NumericColumn.css\";\n\nexport interface NumericColumnProps<T> extends GridColumnProps<T> {\n  precision: number;\n}\n\nfunction isNumber(value: any): value is number {\n  return typeof value === \"number\" && Number.isFinite(value);\n}\n\nexport function NumericCellValue<T>(props: GridCellValueProps<T>) {\n  const { column, value } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-numeric-column\",\n    css: numericColumnCss,\n    window: targetWindow,\n  });\n\n  const columnProps = column.info.props as NumericColumnProps<T>;\n  const { precision } = columnProps;\n  const text = isNumber(value) ? value.toFixed(precision) : \"\";\n  return <div className=\"saltGridNumericCellValue\">{text}</div>;\n}\n\nexport interface NumericEditorProps<T> {\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n  children?: ReactNode;\n}\n\nexport function NumericCellEditor<T>(props: NumericEditorProps<T>) {\n  const { column, row } = props;\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    <Cell separator={column?.separator} className=\"saltGridNumericCellEditor\">\n      <div className=\"saltGridNumericCellEditor-inputContainer\">\n        <input\n          ref={inputRef}\n          data-testid=\"grid-cell-editor-input\"\n          autoFocus={true}\n          value={editorText}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n        />\n      </div>\n      <CornerTag />\n    </Cell>\n  );\n}\n\nexport function NumericColumn<T>(props: NumericColumnProps<T>) {\n  return (\n    <GridColumn\n      {...props}\n      align={\"right\"}\n      cellValueComponent={NumericCellValue}\n    >\n      {props.children}\n    </GridColumn>\n  );\n}\n"],"names":["useWindow","useComponentCssInjection","numericColumnCss","jsx","useRef","useEditorContext","useState","useEffect","jsxs","Cell","CornerTag","GridColumn"],"mappings":"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"}

package/dist-cjs/RowSelectionCheckboxCellValue.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var SelectionContext = require('./SelectionContext.js');
+var CursorContext = require('./CursorContext.js');
+var CheckboxCell = require('./CheckboxCell.css.js');
+
+function RowSelectionCheckboxCellValue(props) {
+  const { row, column, isFocused } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-checkbox-cell",
+    css: CheckboxCell,
+    window: targetWindow
+  });
+  const { selRowIdxs, selectRows } = SelectionContext.useSelectionContext();
+  const { moveCursor } = CursorContext.useCursorContext();
+  const isSelected = selRowIdxs.has(row.index);
+  const onMouseDown = (event) => {
+    selectRows({ rowIndex: row.index, incremental: true });
+    moveCursor("body", row.index, column.index);
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: "saltGridCheckboxContainer",
+    onMouseDown,
+    children: /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, {
+      "data-testid": "grid-row-selection-checkbox",
+      inputProps: {
+        "aria-label": "Select Row",
+        tabIndex: isFocused ? 0 : -1
+      },
+      checked: isSelected
+    })
+  });
+}
+
+exports.RowSelectionCheckboxCellValue = RowSelectionCheckboxCellValue;
+//# sourceMappingURL=RowSelectionCheckboxCellValue.js.map

package/dist-cjs/RowSelectionCheckboxCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionCheckboxCellValue.js","sources":["../src/RowSelectionCheckboxCellValue.tsx"],"sourcesContent":["import { Checkbox } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { MouseEventHandler } from \"react\";\nimport { useCursorContext } from \"./CursorContext\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionCheckboxCellValue<T>(props: GridCellValueProps<T>) {\n  const { row, column, 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, selectRows } = useSelectionContext();\n  const { moveCursor } = useCursorContext();\n\n  const isSelected = selRowIdxs.has(row.index);\n\n  const onMouseDown: MouseEventHandler<HTMLDivElement> = (event) => {\n    selectRows({ rowIndex: row.index, incremental: true });\n    moveCursor(\"body\", row.index, column.index);\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return (\n    <div className=\"saltGridCheckboxContainer\" onMouseDown={onMouseDown}>\n      <Checkbox\n        data-testid=\"grid-row-selection-checkbox\"\n        inputProps={{\n          \"aria-label\": \"Select Row\",\n          tabIndex: isFocused ? 0 : -1,\n        }}\n        checked={isSelected}\n      />\n    </div>\n  );\n}\n"],"names":["useWindow","useComponentCssInjection","checkboxCellCss","useSelectionContext","useCursorContext","jsx","Checkbox"],"mappings":";;;;;;;;;;;;AAWO,SAAS,8BAAiC,KAA8B,EAAA;AAC7E,EAAA,MAAM,EAAE,GAAA,EAAK,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEnC,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,UAAW,EAAA,GAAIC,oCAAoB,EAAA,CAAA;AACvD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,8BAAiB,EAAA,CAAA;AAExC,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAE3C,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,UAAA,CAAW,EAAE,QAAU,EAAA,GAAA,CAAI,KAAO,EAAA,WAAA,EAAa,MAAM,CAAA,CAAA;AACrD,IAAA,UAAA,CAAW,MAAQ,EAAA,GAAA,CAAI,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAC1C,IAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,IAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2BAAA;AAAA,IAA4B,WAAA;AAAA,IACzC,QAAC,kBAAAA,cAAA,CAAAC,aAAA,EAAA;AAAA,MACC,aAAY,EAAA,6BAAA;AAAA,MACZ,UAAY,EAAA;AAAA,QACV,YAAc,EAAA,YAAA;AAAA,QACd,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,OAC5B;AAAA,MACA,OAAS,EAAA,UAAA;AAAA,KACX,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/RowSelectionCheckboxColumn.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var RowSelectionCheckboxHeaderCellValue = require('./RowSelectionCheckboxHeaderCellValue.js');
+var RowSelectionCheckboxCellValue = require('./RowSelectionCheckboxCellValue.js');
+var GridColumn = require('./GridColumn.js');
+var SelectionContext = require('./SelectionContext.js');
+var HeaderCell = require('./HeaderCell.js');
+
+function RowSelectionCheckboxColumn(props) {
+  const { selectRows } = SelectionContext.useSelectionContext();
+  const onKeyDown = react.useCallback(
+    (event, rowIndex) => {
+      if (event.key === " ") {
+        selectRows({
+          rowIndex,
+          incremental: true
+        });
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    [selectRows]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(GridColumn.GridColumn, {
+    ...props,
+    defaultWidth: 100,
+    headerComponent: HeaderCell.AutoSizeHeaderCell,
+    headerValueComponent: RowSelectionCheckboxHeaderCellValue.RowSelectionCheckboxHeaderCellValue,
+    cellValueComponent: RowSelectionCheckboxCellValue.RowSelectionCheckboxCellValue,
+    onKeyDown
+  });
+}
+
+exports.RowSelectionCheckboxColumn = RowSelectionCheckboxColumn;
+//# sourceMappingURL=RowSelectionCheckboxColumn.js.map

package/dist-cjs/RowSelectionCheckboxColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionCheckboxColumn.js","sources":["../src/RowSelectionCheckboxColumn.tsx"],"sourcesContent":["import { KeyboardEvent, useCallback } from \"react\";\nimport { RowSelectionCheckboxHeaderCellValue } from \"./RowSelectionCheckboxHeaderCellValue\";\nimport { RowSelectionCheckboxCellValue } from \"./RowSelectionCheckboxCellValue\";\nimport { GridColumn, GridColumnProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\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":["useSelectionContext","useCallback","jsx","GridColumn","AutoSizeHeaderCell","RowSelectionCheckboxHeaderCellValue","RowSelectionCheckboxCellValue"],"mappings":";;;;;;;;;;;;AAYO,SAAS,2BACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,oCAAoB,EAAA,CAAA;AAE3C,EAAA,MAAM,SAAY,GAAAC,iBAAA;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,IAAA;AAAA,SACd,CAAA,CAAA;AACD,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,OACxB;AAAA,KACF;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAAC,qBAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,YAAc,EAAA,GAAA;AAAA,IACd,eAAiB,EAAAC,6BAAA;AAAA,IACjB,oBAAsB,EAAAC,uEAAA;AAAA,IACtB,kBAAoB,EAAAC,2DAAA;AAAA,IACpB,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/RowSelectionCheckboxHeaderCellValue.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var core = require('@salt-ds/core');
+var SelectionContext = require('./SelectionContext.js');
+var CheckboxCell = require('./CheckboxCell.css.js');
+
+function RowSelectionCheckboxHeaderCellValue(props) {
+  const { isFocused } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-checkbox-cell",
+    css: CheckboxCell,
+    window: targetWindow
+  });
+  const { selectAll, unselectAll, isAllSelected, isAnySelected } = SelectionContext.useSelectionContext();
+  const onMousedown = (event) => {
+    if (isAllSelected) {
+      unselectAll();
+    } else {
+      selectAll();
+    }
+  };
+  const onKeyDown = (event) => {
+    if (event.key === " ") {
+      if (isAllSelected) {
+        unselectAll();
+      } else {
+        selectAll();
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    onMouseDown: onMousedown,
+    className: "saltGridCheckboxContainer",
+    onKeyDown,
+    children: /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, {
+      "data-testid": "grid-row-select-all-checkbox",
+      inputProps: {
+        "aria-label": "Select All",
+        tabIndex: isFocused ? 0 : -1
+      },
+      checked: isAllSelected,
+      indeterminate: !isAllSelected && isAnySelected
+    })
+  });
+}
+
+exports.RowSelectionCheckboxHeaderCellValue = RowSelectionCheckboxHeaderCellValue;
+//# sourceMappingURL=RowSelectionCheckboxHeaderCellValue.js.map

package/dist-cjs/RowSelectionCheckboxHeaderCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionCheckboxHeaderCellValue.js","sources":["../src/RowSelectionCheckboxHeaderCellValue.tsx"],"sourcesContent":["import { KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { Checkbox } from \"@salt-ds/core\";\n\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { GridHeaderValueProps } from \"./GridColumn\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionCheckboxHeaderCellValue<T>(\n  props: GridHeaderValueProps<T>\n) {\n  const { isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  const { selectAll, unselectAll, isAllSelected, isAnySelected } =\n    useSelectionContext();\n\n  const onMousedown: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (isAllSelected) {\n      unselectAll();\n    } else {\n      selectAll();\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n    if (event.key === \" \") {\n      if (isAllSelected) {\n        unselectAll();\n      } else {\n        selectAll();\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div\n      onMouseDown={onMousedown}\n      className=\"saltGridCheckboxContainer\"\n      onKeyDown={onKeyDown}\n    >\n      <Checkbox\n        data-testid=\"grid-row-select-all-checkbox\"\n        inputProps={{\n          \"aria-label\": \"Select All\",\n          tabIndex: isFocused ? 0 : -1,\n        }}\n        checked={isAllSelected}\n        indeterminate={!isAllSelected && isAnySelected}\n      />\n    </div>\n  );\n}\n"],"names":["useWindow","useComponentCssInjection","checkboxCellCss","useSelectionContext","jsx","Checkbox"],"mappings":";;;;;;;;;;;AAUO,SAAS,oCACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AAEtB,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,aAAe,EAAA,aAAA,KAC7CC,oCAAoB,EAAA,CAAA;AAEtB,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,IAAI,aAAe,EAAA;AACjB,MAAY,WAAA,EAAA,CAAA;AAAA,KACP,MAAA;AACL,MAAU,SAAA,EAAA,CAAA;AAAA,KACZ;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,SAAA,GAAkD,CAAC,KAAU,KAAA;AACjE,IAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,MAAA,IAAI,aAAe,EAAA;AACjB,QAAY,WAAA,EAAA,CAAA;AAAA,OACP,MAAA;AACL,QAAU,SAAA,EAAA,CAAA;AAAA,OACZ;AACA,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,KACxB;AAAA,GACF,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAa,EAAA,WAAA;AAAA,IACb,SAAU,EAAA,2BAAA;AAAA,IACV,SAAA;AAAA,IAEA,QAAC,kBAAAA,cAAA,CAAAC,aAAA,EAAA;AAAA,MACC,aAAY,EAAA,8BAAA;AAAA,MACZ,UAAY,EAAA;AAAA,QACV,YAAc,EAAA,YAAA;AAAA,QACd,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,OAC5B;AAAA,MACA,OAAS,EAAA,aAAA;AAAA,MACT,aAAA,EAAe,CAAC,aAAiB,IAAA,aAAA;AAAA,KACnC,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/RowSelectionRadioCellValue.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var SelectionContext = require('./SelectionContext.js');
+var CheckboxCell = require('./CheckboxCell.css.js');
+
+function RowSelectionRadioCellValue(props) {
+  const { row, isFocused } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-checkbox-cell",
+    css: CheckboxCell,
+    window: targetWindow
+  });
+  const { selRowIdxs } = SelectionContext.useSelectionContext();
+  const isSelected = selRowIdxs.has(row.index);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: "saltGridCheckboxContainer",
+    children: /* @__PURE__ */ jsxRuntime.jsx(core.RadioButton, {
+      checked: isSelected,
+      "data-testid": "grid-row-selection-radiobox",
+      tabIndex: isFocused ? 0 : -1
+    })
+  });
+}
+
+exports.RowSelectionRadioCellValue = RowSelectionRadioCellValue;
+//# sourceMappingURL=RowSelectionRadioCellValue.js.map

package/dist-cjs/RowSelectionRadioCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import { RadioButton } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioCellValue<T>(props: GridCellValueProps<T>) {\n  const { row, isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  const { selRowIdxs } = useSelectionContext();\n\n  const isSelected = selRowIdxs.has(row.index);\n\n  return (\n    <div className=\"saltGridCheckboxContainer\">\n      <RadioButton\n        checked={isSelected}\n        data-testid=\"grid-row-selection-radiobox\"\n        tabIndex={isFocused ? 0 : -1}\n      />\n    </div>\n  );\n}\n"],"names":["useWindow","useComponentCssInjection","checkboxCellCss","useSelectionContext","jsx","RadioButton"],"mappings":";;;;;;;;;;;AASO,SAAS,2BAA8B,KAA8B,EAAA;AAC1E,EAAM,MAAA,EAAE,GAAK,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAE3B,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,oCAAoB,EAAA,CAAA;AAE3C,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAE3C,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2BAAA;AAAA,IACb,QAAC,kBAAAA,cAAA,CAAAC,gBAAA,EAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,aAAY,EAAA,6BAAA;AAAA,MACZ,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/RowSelectionRadioColumn.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var RowSelectionRadioCellValue = require('./RowSelectionRadioCellValue.js');
+var GridColumn = require('./GridColumn.js');
+var RowSelectionRadioHeaderCell = require('./RowSelectionRadioHeaderCell.js');
+var SelectionContext = require('./SelectionContext.js');
+var react = require('react');
+
+function RowSelectionRadioColumn(props) {
+  const { selectRows } = SelectionContext.useSelectionContext();
+  const onKeyDown = react.useCallback(
+    (event, rowIndex) => {
+      if (event.key === " ") {
+        selectRows({ rowIndex });
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    [selectRows]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(GridColumn.GridColumn, {
+    ...props,
+    defaultWidth: 100,
+    headerComponent: RowSelectionRadioHeaderCell.RowSelectionRadioHeaderCell,
+    cellValueComponent: RowSelectionRadioCellValue.RowSelectionRadioCellValue,
+    onKeyDown
+  });
+}
+
+exports.RowSelectionRadioColumn = RowSelectionRadioColumn;
+//# sourceMappingURL=RowSelectionRadioColumn.js.map

package/dist-cjs/RowSelectionRadioColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionRadioColumn.js","sources":["../src/RowSelectionRadioColumn.tsx"],"sourcesContent":["import { RowSelectionRadioCellValue } from \"./RowSelectionRadioCellValue\";\nimport { GridColumn, GridColumnProps } from \"./GridColumn\";\nimport { RowSelectionRadioHeaderCell } from \"./RowSelectionRadioHeaderCell\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport { KeyboardEvent, useCallback } from \"react\";\n\nexport type RowSelectionRadioColumnProps<T> = Omit<\n  GridColumnProps<T>,\n  \"width\" | \"name\"\n>;\n\nexport function RowSelectionRadioColumn<T>(\n  props: RowSelectionRadioColumnProps<T>\n) {\n  const { selectRows } = useSelectionContext();\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => {\n      if (event.key === \" \") {\n        selectRows({ rowIndex });\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [selectRows]\n  );\n\n  return (\n    <GridColumn\n      {...props}\n      defaultWidth={100}\n      headerComponent={RowSelectionRadioHeaderCell}\n      cellValueComponent={RowSelectionRadioCellValue}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n"],"names":["useSelectionContext","useCallback","jsx","GridColumn","RowSelectionRadioHeaderCell","RowSelectionRadioCellValue"],"mappings":";;;;;;;;;;;AAWO,SAAS,wBACd,KACA,EAAA;AACA,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,oCAAoB,EAAA,CAAA;AAE3C,EAAA,MAAM,SAAY,GAAAC,iBAAA;AAAA,IAChB,CAAC,OAAsC,QAAqB,KAAA;AAC1D,MAAI,IAAA,KAAA,CAAM,QAAQ,GAAK,EAAA;AACrB,QAAW,UAAA,CAAA,EAAE,UAAU,CAAA,CAAA;AACvB,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAAA,OACxB;AAAA,KACF;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAAC,qBAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,YAAc,EAAA,GAAA;AAAA,IACd,eAAiB,EAAAC,uDAAA;AAAA,IACjB,kBAAoB,EAAAC,qDAAA;AAAA,IACpB,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/RowSelectionRadioHeaderCell.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var core = require('@salt-ds/core');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var HeaderCell = require('./HeaderCell.js');
+var CheckboxCell = require('./CheckboxCell.css.js');
+
+function RowSelectionRadioHeaderCell(props) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-checkbox-cell",
+    css: CheckboxCell,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.AutoSizeHeaderCell, {
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: clsx.clsx("saltGridCheckboxContainer", "saltGrid-hidden"),
+      children: /* @__PURE__ */ jsxRuntime.jsx(core.RadioButtonIcon, {})
+    })
+  });
+}
+
+exports.RowSelectionRadioHeaderCell = RowSelectionRadioHeaderCell;
+//# sourceMappingURL=RowSelectionRadioHeaderCell.js.map

package/dist-cjs/RowSelectionRadioHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowSelectionRadioHeaderCell.js","sources":["../src/RowSelectionRadioHeaderCell.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { RadioButtonIcon } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { AutoSizeHeaderCell } from \"./HeaderCell\";\nimport { HeaderCellProps } from \"./GridColumn\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioHeaderCell<T>(props: HeaderCellProps<T>) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-checkbox-cell\",\n    css: checkboxCellCss,\n    window: targetWindow,\n  });\n\n  return (\n    <AutoSizeHeaderCell {...props}>\n      <div className={clsx(\"saltGridCheckboxContainer\", \"saltGrid-hidden\")}>\n        <RadioButtonIcon />\n      </div>\n    </AutoSizeHeaderCell>\n  );\n}\n"],"names":["useWindow","useComponentCssInjection","checkboxCellCss","jsx","AutoSizeHeaderCell","clsx","RadioButtonIcon"],"mappings":";;;;;;;;;;;;AAWO,SAAS,4BAA+B,KAA2B,EAAA;AACxE,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAAC,6BAAA,EAAA;AAAA,IAAoB,GAAG,KAAA;AAAA,IACtB,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAWE,SAAK,CAAA,2BAAA,EAA6B,iBAAiB,CAAA;AAAA,MACjE,yCAACC,oBAAgB,EAAA,EAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/RowValidationStatus.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react/jsx-runtime');
+require('@salt-ds/core');
+var react = require('react');
+require('./GridContext.js');
+
+const RowValidationStatusContext = react.createContext({});
+
+exports.RowValidationStatusContext = RowValidationStatusContext;
+//# sourceMappingURL=RowValidationStatus.js.map

package/dist-cjs/RowValidationStatus.js.map

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

package/dist-cjs/SelectionContext.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const SelectionContext = react.createContext(
+  void 0
+);
+const useSelectionContext = () => {
+  const c = react.useContext(SelectionContext);
+  if (!c) {
+    throw new Error(`useSelectionContext invoked outside of a Grid`);
+  }
+  return c;
+};
+
+exports.SelectionContext = SelectionContext;
+exports.useSelectionContext = useSelectionContext;
+//# sourceMappingURL=SelectionContext.js.map

package/dist-cjs/SelectionContext.js.map

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

package/dist-cjs/SizingContext.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const SizingContext = react.createContext(
+  void 0
+);
+const useSizingContext = () => {
+  const c = react.useContext(SizingContext);
+  if (!c) {
+    throw new Error(`useSizingContext invoked outside of a Grid`);
+  }
+  return c;
+};
+
+exports.SizingContext = SizingContext;
+exports.useSizingContext = useSizingContext;
+//# sourceMappingURL=SizingContext.js.map

package/dist-cjs/SizingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizingContext.js","sources":["../src/SizingContext.ts"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\n\nexport interface SizingContext {\n  rowHeight: number;\n  resizeColumn: (colIdx: number, width: number) => void;\n  onResizeHandleMouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const SizingContext = createContext<SizingContext | undefined>(\n  undefined\n);\nexport const useSizingContext = () => {\n  const c = useContext(SizingContext);\n  if (!c) {\n    throw new Error(`useSizingContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAQO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,aAAa,CAAA,CAAA;AAClC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC9D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;;"}

package/dist-cjs/TextCellEditor.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltGridTextCellEditor {\n}\n\n.saltGridTextCellEditor-inputContainer {\n  background: var(--grid-background);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-sizing: border-box;\n  border-style: var(--grid-cursor-border-style);\n  border-width: var(--grid-cursor-border-width);\n  border-color: var(--grid-cursor-borderColor);\n  padding: 0;\n}\n\n.saltGridTextCellEditor input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  outline: none;\n  border: none;\n  padding: 0 calc(var(--grid-padding) - 2px);\n  font-size: var(--grid-fontSize);\n  font-family: inherit;\n  background: var(--grid-editableCell-background-active);\n  color: var(--grid-editableCell-color-active);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=TextCellEditor.css.js.map

package/dist-cjs/TextCellEditor.css.js.map

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