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

package/dist-cjs/BaseCell.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltGridBaseCell-valueContainer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: calc(var(--grid-row-height) - 2px);\n  border-style: solid;\n  border-width: 1px;\n  border-color: transparent;\n  --grid-cell-padding: 0 calc(var(--grid-padding) - 1px);\n}\n\n.saltGridCell-editable .saltGridBaseCell-valueContainer {\n  border-style: solid;\n  border-width: 1px;\n  border-color: var(--grid-editableCell-borderColor);\n}\n\n.saltGridCell-editable:hover .saltGridBaseCell-valueContainer {\n  border-color: var(--grid-editableCell-borderColor-hover);\n}\n\n.saltGridCell-editable:focus .saltGridBaseCell-valueContainer {\n  border-color: transparent;\n}\n\n.saltGridBaseCell-status-error {\n  --status-border-color: var(--salt-status-error-borderColor);\n  --status-background-color: var(--salt-status-error-background-emphasize);\n}\n\n.saltGridBaseCell-status-warning {\n  --status-border-color: var(--salt-status-warning-borderColor);\n  --status-background-color: var(--salt-status-warning-background-emphasize);\n}\n\n.saltGridBaseCell-status-success {\n  --status-border-color: var(--salt-status-success-borderColor);\n  --status-background-color: var(--salt-status-success-background-emphasize);\n}\n\n.saltGridCell-editable .saltGridBaseCell-valueContainer {\n  border-color: var(--status-border-color);\n}\n\n.saltGridBaseCell-hasValidation:focus .saltGridCursor {\n  border-color: var(--status-border-color);\n}\n\n.saltGridBaseCell-hasValidation:focus .saltGridCornerTag-focusOnly {\n  border-left-color: var(--status-border-color);\n}\n\n.saltGridBaseCell-valueContainer {\n  background-color: var(--status-background-color);\n}\n\n.salt-density-high {\n  --grid-statusIndicator-size: 5px;\n}\n\n.salt-density-medium {\n  --grid-statusIndicator-size: 6px;\n}\n\n.salt-density-low {\n  --grid-statusIndicator-size: 7px;\n}\n\n.salt-density-touch {\n  --grid-statusIndicator-size: 9px;\n}\n\n.saltGridBaseCell-statusContainer {\n  font-size: var(--saltGrid-statusIndicator-size, var(--grid-statusIndicator-size));\n  position: absolute;\n  bottom: 3px;\n  right: 3px;\n}\n\n.saltGridBaseCell-statusContainer svg {\n  display: block;\n  fill: var(--status-border-color);\n}\n\n.saltGridBaseCell-statusContainer.saltGridBaseCell-statusContainer-align-right {\n  right: auto;\n  left: 3px;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=BaseCell.css.js.map

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

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

package/dist-cjs/BaseCell.js

@@ -0,0 +1,116 @@
+'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 Cell = require('./internal/Cell.js');
+require('./internal/CellMeasure.js');
+var Cursor = 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('react');
+require('./internal/TableRow.js');
+require('./SelectionContext.js');
+require('./EditorContext.js');
+require('./CursorContext.js');
+var gridHooks = require('./internal/gridHooks.js');
+require('./internal/TopLeftPart.js');
+require('./internal/TopPart.js');
+require('./internal/TopRightPart.js');
+require('./internal/DefaultCellValue.js');
+var CornerTag = require('./CornerTag.js');
+var CellStatusIcons = require('./internal/CellStatusIcons.js');
+var BaseCell$1 = require('./BaseCell.css.js');
+
+const withBaseName = core.makePrefixer("saltGridBaseCell");
+function getCellId(rowKey, column) {
+  return `R${rowKey}C${column.info.props.id}`;
+}
+const icons = {
+  warning: CellStatusIcons.CellWarningIcon,
+  error: CellStatusIcons.CellErrorIcon,
+  success: CellStatusIcons.CellSuccessIcon
+};
+function BaseCell(props) {
+  const {
+    column,
+    className,
+    row,
+    style,
+    isFocused,
+    isSelected,
+    isEditable,
+    children,
+    validationStatus,
+    validationMessage,
+    validationType = "light",
+    align
+  } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-base-cell",
+    css: BaseCell$1,
+    window: targetWindow
+  });
+  const { ref, isFocusableContent, onFocus } = gridHooks.useFocusableContent();
+  const cellId = getCellId(row.key, column);
+  const hasValidation = !!validationStatus;
+  const hasValidationMessage = !!validationMessage || hasValidation;
+  const validationMessageId = `${cellId}-statusMessage`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Cell.Cell, {
+    ref,
+    id: cellId,
+    "data-row-index": row.index,
+    "data-column-index": column.index,
+    "data-testid": isFocused ? "grid-cell-focused" : void 0,
+    "aria-colindex": column.index + 1,
+    role: "gridcell",
+    separator: column.separator,
+    isSelected,
+    isEditable,
+    className: clsx.clsx(className, {
+      [withBaseName("hasValidation")]: hasValidation,
+      [withBaseName(`status-${validationStatus}`)]: validationStatus
+    }),
+    style,
+    tabIndex: isFocused && !isFocusableContent ? 0 : -1,
+    onFocus,
+    "aria-invalid": validationStatus === "error" || void 0,
+    "aria-describedby": hasValidationMessage ? validationMessageId : void 0,
+    children: [
+      hasValidationMessage ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        id: validationMessageId,
+        className: "salt-visuallyHidden",
+        "aria-hidden": true,
+        role: "status",
+        children: validationMessage ? validationMessage : `Cell validation state is ${validationStatus}`
+      }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: clsx.clsx(withBaseName("valueContainer")),
+        children
+      }),
+      hasValidation && validationType === "strong" ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: clsx.clsx(withBaseName("statusContainer"), {
+          [withBaseName(`statusContainer-align-${align}`)]: align
+        }),
+        children: icons[validationStatus]
+      }) : null,
+      isFocused && isEditable && /* @__PURE__ */ jsxRuntime.jsx(CornerTag.CornerTag, {
+        focusOnly: true
+      }),
+      isFocused && !isFocusableContent && /* @__PURE__ */ jsxRuntime.jsx(Cursor.Cursor, {})
+    ]
+  });
+}
+
+exports.BaseCell = BaseCell;
+exports.getCellId = getCellId;
+//# sourceMappingURL=BaseCell.js.map

package/dist-cjs/BaseCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCell.js","sources":["../src/BaseCell.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { GridCellProps } from \"./GridColumn\";\nimport { GridColumnModel } from \"./Grid\";\nimport { Cell, Cursor, useFocusableContent } from \"./internal\";\nimport { CornerTag } from \"./CornerTag\";\nimport {\n  CellErrorIcon,\n  CellSuccessIcon,\n  CellWarningIcon,\n} from \"./internal/CellStatusIcons\";\n\nimport baseCellCss from \"./BaseCell.css\";\n\nconst withBaseName = makePrefixer(\"saltGridBaseCell\");\n\nexport function getCellId<T>(rowKey: string, column: GridColumnModel<T>) {\n  return `R${rowKey}C${column.info.props.id}`;\n}\n\nconst icons = {\n  warning: CellWarningIcon,\n  error: CellErrorIcon,\n  success: CellSuccessIcon,\n};\n\n// Default component for grid cells. Provides selection, on-hover highlighting,\n// cursor etc.\nexport function BaseCell<T>(props: GridCellProps<T>) {\n  const {\n    column,\n    className,\n    row,\n    style,\n    isFocused,\n    isSelected,\n    isEditable,\n    children,\n    validationStatus,\n    validationMessage,\n    validationType = \"light\",\n    align,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-base-cell\",\n    css: baseCellCss,\n    window: targetWindow,\n  });\n\n  const { ref, isFocusableContent, onFocus } =\n    useFocusableContent<HTMLTableCellElement>();\n  const cellId = getCellId(row.key, column);\n  const hasValidation = !!validationStatus;\n  const hasValidationMessage = !!validationMessage || hasValidation;\n  const validationMessageId = `${cellId}-statusMessage`;\n  return (\n    <Cell\n      ref={ref}\n      id={cellId}\n      data-row-index={row.index}\n      data-column-index={column.index}\n      data-testid={isFocused ? \"grid-cell-focused\" : undefined}\n      // aria-colindex uses one-based array indexing\n      aria-colindex={column.index + 1}\n      role=\"gridcell\"\n      separator={column.separator}\n      isSelected={isSelected}\n      isEditable={isEditable}\n      className={clsx(className, {\n        [withBaseName(\"hasValidation\")]: hasValidation,\n        [withBaseName(`status-${validationStatus as string}`)]:\n          validationStatus,\n      })}\n      style={style}\n      tabIndex={isFocused && !isFocusableContent ? 0 : -1}\n      onFocus={onFocus}\n      aria-invalid={validationStatus === \"error\" || undefined}\n      aria-describedby={hasValidationMessage ? validationMessageId : undefined}\n    >\n      {hasValidationMessage ? (\n        <div\n          id={validationMessageId}\n          className=\"salt-visuallyHidden\"\n          aria-hidden\n          role=\"status\"\n        >\n          {validationMessage\n            ? validationMessage\n            : `Cell validation state is ${validationStatus as string}`}\n        </div>\n      ) : null}\n      <div className={clsx(withBaseName(\"valueContainer\"))}>{children}</div>\n      {hasValidation && validationType === \"strong\" ? (\n        <div\n          className={clsx(withBaseName(\"statusContainer\"), {\n            [withBaseName(`statusContainer-align-${align as string}`)]: align,\n          })}\n        >\n          {icons[validationStatus]}\n        </div>\n      ) : null}\n      {isFocused && isEditable && <CornerTag focusOnly={true} />}\n      {isFocused && !isFocusableContent && <Cursor />}\n    </Cell>\n  );\n}\n"],"names":["makePrefixer","CellWarningIcon","CellErrorIcon","CellSuccessIcon","useWindow","useComponentCssInjection","baseCellCss","useFocusableContent","jsxs","Cell","clsx","jsx","CornerTag","Cursor"],"mappings":"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"}

package/dist-cjs/CellEditor.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var GridContext = require('./GridContext.js');
+
+function CellEditor(props) {
+  const { children } = props;
+  const columnId = props.columnId;
+  const grid = GridContext.useGridContext();
+  const info = react.useMemo(
+    () => ({
+      columnId,
+      children
+    }),
+    [columnId, children]
+  );
+  react.useEffect(() => {
+    grid.onEditorAdded(info);
+    return () => {
+      grid.onEditorRemoved(info);
+    };
+  }, [info]);
+  return null;
+}
+
+exports.CellEditor = CellEditor;
+//# sourceMappingURL=CellEditor.js.map

package/dist-cjs/CellEditor.js.map

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

package/dist-cjs/CheckboxCell.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltGridCheckboxContainer {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=CheckboxCell.css.js.map

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

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

package/dist-cjs/ColumnDataContext.js

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

package/dist-cjs/ColumnDataContext.js.map

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

package/dist-cjs/ColumnDragContext.js

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

package/dist-cjs/ColumnDragContext.js.map

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

package/dist-cjs/ColumnGroup.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var GridContext = require('./GridContext.js');
+var react = require('react');
+
+function ColumnGroup(props) {
+  const pinned = props.pinned || null;
+  const indexRef = react.useRef();
+  const grid = GridContext.useGridContext();
+  react.useEffect(() => {
+    indexRef.current = grid.getChildIndex(props.id);
+    grid.onColumnGroupAdded(props);
+    return () => {
+      grid.onColumnGroupRemoved(indexRef.current, props);
+    };
+  });
+  const childrenWithPinnedOverridden = react.Children.map(props.children, (child) => {
+    if (react.isValidElement(child)) {
+      return react.cloneElement(child, { pinned });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: childrenWithPinnedOverridden
+  });
+}
+
+exports.ColumnGroup = ColumnGroup;
+//# sourceMappingURL=ColumnGroup.js.map

package/dist-cjs/ColumnGroup.js.map

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

package/dist-cjs/ColumnSortContext.js

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

package/dist-cjs/ColumnSortContext.js.map

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

package/dist-cjs/CornerTag.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltGridCornerTag,\n:focus .saltGridCornerTag-focusOnly {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  border-top: 0 solid transparent;\n  border-left: var(--grid-editableCell-cornerTag-size) solid var(--grid-cursor-borderColor);\n  border-bottom: var(--grid-editableCell-cornerTag-size) solid transparent;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=CornerTag.css.js.map

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

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

package/dist-cjs/CornerTag.js

@@ -0,0 +1,23 @@
+'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 CornerTag$1 = require('./CornerTag.css.js');
+
+function CornerTag(props) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-corner-tag",
+    css: CornerTag$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: props.focusOnly ? "saltGridCornerTag-focusOnly" : "saltGridCornerTag"
+  });
+}
+
+exports.CornerTag = CornerTag;
+//# sourceMappingURL=CornerTag.js.map

package/dist-cjs/CornerTag.js.map

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

package/dist-cjs/CursorContext.js

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

package/dist-cjs/CursorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorContext.js","sources":["../src/CursorContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type FocusedPart = \"header\" | \"body\";\n\nexport interface CursorContext {\n  isFocused: boolean;\n  cursorRowIdx: number | undefined;\n  cursorColIdx: number | undefined;\n  moveCursor: (part: FocusedPart, rowIdx: number, colIdx: number) => void;\n  focusedPart: FocusedPart;\n  headerIsFocusable: boolean;\n}\n\nexport const CursorContext = createContext<CursorContext | undefined>(\n  undefined\n);\nexport const useCursorContext = () => {\n  const c = useContext(CursorContext);\n  if (!c) {\n    throw new Error(`useCursorContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAaO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,aAAa,CAAA,CAAA;AAClC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC9D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;;"}

package/dist-cjs/DropdownCellEditor.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltGridDropdownCellEditor {\n  font-size: var(--grid-fontSize);\n}\n\n.saltGridDropdownCellEditor-dropdownContainer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-sizing: border-box;\n  background: var(--grid-background);\n  border-style: dotted;\n  border-width: 2px;\n  border-color: var(--grid-cursor-borderColor);\n  padding: 0;\n}\n\n/* TODO this is currently the same as saltGridBaseCell-valueContainer. Update when UX is available. */\n.saltGridDropdownCellEditor-currentValue {\n  height: calc(var(--grid-row-height) - 4px);\n  box-sizing: border-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: calc(var(--grid-row-height) - 4px);\n\n  outline: none;\n\n  padding: 0 calc(var(--grid-padding) - 2px);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=DropdownCellEditor.css.js.map

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

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

package/dist-cjs/DropdownCellEditor.js

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var core = require('@salt-ds/core');
+var lab = require('@salt-ds/lab');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+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('./internal/TopLeftPart.js');
+require('./internal/TopPart.js');
+require('./internal/TopRightPart.js');
+require('./internal/DefaultCellValue.js');
+var DropdownCellEditor$1 = require('./DropdownCellEditor.css.js');
+
+const withBaseName = core.makePrefixer("saltGridDropdownCellEditor");
+function DropdownCellEditor(props) {
+  const { options, column, row } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-dropdown-cell-editor",
+    css: DropdownCellEditor$1,
+    window: targetWindow
+  });
+  const triggerRef = react.useRef(null);
+  const value = column.info.props.getValue(row.data);
+  const { endEditMode } = EditorContext.useEditorContext();
+  const onSelectionChange = (event, item) => {
+    if (item) {
+      endEditMode(item);
+    }
+  };
+  react.useEffect(() => {
+    if (triggerRef.current) {
+      triggerRef.current.focus();
+    }
+  }, [triggerRef.current]);
+  const triggerComponent = /* @__PURE__ */ jsxRuntime.jsx("div", {
+    tabIndex: 0,
+    ref: triggerRef,
+    className: withBaseName("currentValue"),
+    "data-testid": "grid-cell-editor-trigger",
+    children: value
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Cell.Cell, {
+    separator: column == null ? void 0 : column.separator,
+    className: withBaseName(),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: withBaseName("dropdownContainer"),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lab.Dropdown, {
+          isOpen: true,
+          source: options,
+          defaultSelected: value,
+          onSelectionChange,
+          triggerComponent,
+          width: column.info.width - 5
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(CornerTag.CornerTag, {})
+    ]
+  });
+}
+
+exports.DropdownCellEditor = DropdownCellEditor;
+//# sourceMappingURL=DropdownCellEditor.js.map

package/dist-cjs/DropdownCellEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownCellEditor.js","sources":["../src/DropdownCellEditor.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { Dropdown, SelectionChangeHandler } from \"@salt-ds/lab\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { useEditorContext } from \"./EditorContext\";\nimport { GridColumnModel, GridRowModel } from \"./Grid\";\nimport { CornerTag } from \"./CornerTag\";\nimport { Cell } from \"./internal\";\n\nimport dropdownCellEditorCss from \"./DropdownCellEditor.css\";\n\nconst withBaseName = makePrefixer(\"saltGridDropdownCellEditor\");\n\nexport interface DropdownCellEditorProps<T> {\n  options: ReadonlyArray<string>;\n  // Row and column are provided by the grid. See TableRow.tsx\n  row?: GridRowModel<T>;\n  column?: GridColumnModel<T>;\n}\n\nexport function DropdownCellEditor<T>(props: DropdownCellEditorProps<T>) {\n  const { options, column, row } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dropdown-cell-editor\",\n    css: dropdownCellEditorCss,\n    window: targetWindow,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  const value = column!.info.props.getValue!(row!.data);\n\n  const { endEditMode } = useEditorContext();\n\n  const onSelectionChange: SelectionChangeHandler = (event, item) => {\n    if (item) {\n      endEditMode(item);\n    }\n  };\n\n  useEffect(() => {\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  }, [triggerRef.current]);\n\n  const triggerComponent = (\n    <div\n      tabIndex={0}\n      ref={triggerRef}\n      className={withBaseName(\"currentValue\")}\n      data-testid=\"grid-cell-editor-trigger\"\n    >\n      {value}\n    </div>\n  );\n\n  return (\n    <Cell separator={column?.separator} className={withBaseName()}>\n      <div className={withBaseName(\"dropdownContainer\")}>\n        <Dropdown\n          isOpen={true}\n          source={options}\n          defaultSelected={value}\n          onSelectionChange={onSelectionChange}\n          triggerComponent={triggerComponent}\n          width={column!.info.width! - 5}\n        />\n      </div>\n      <CornerTag />\n    </Cell>\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","dropdownCellEditorCss","useRef","useEditorContext","useEffect","jsx","jsxs","Cell","Dropdown","CornerTag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,4BAA4B,CAAA,CAAA;AASvD,SAAS,mBAAsB,KAAmC,EAAA;AACvE,EAAA,MAAM,EAAE,OAAA,EAAS,MAAQ,EAAA,GAAA,EAAQ,GAAA,KAAA,CAAA;AAEjC,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAaC,aAAuB,IAAI,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAQ,MAAQ,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAU,IAAK,IAAI,CAAA,CAAA;AAEpD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,8BAAiB,EAAA,CAAA;AAEzC,EAAM,MAAA,iBAAA,GAA4C,CAAC,KAAA,EAAO,IAAS,KAAA;AACjE,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,OAAS,EAAA;AACtB,MAAA,UAAA,CAAW,QAAQ,KAAM,EAAA,CAAA;AAAA,KAC3B;AAAA,GACC,EAAA,CAAC,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA;AAEvB,EAAA,MAAM,mCACHC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,QAAU,EAAA,CAAA;AAAA,IACV,GAAK,EAAA,UAAA;AAAA,IACL,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,IACtC,aAAY,EAAA,0BAAA;AAAA,IAEX,QAAA,EAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAGF,EAAA,uBACGC,eAAA,CAAAC,SAAA,EAAA;AAAA,IAAK,WAAW,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA;AAAA,IAAW,WAAW,YAAa,EAAA;AAAA,IAC1D,QAAA,EAAA;AAAA,sBAACF,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,mBAAmB,CAAA;AAAA,QAC9C,QAAC,kBAAAA,cAAA,CAAAG,YAAA,EAAA;AAAA,UACC,MAAQ,EAAA,IAAA;AAAA,UACR,MAAQ,EAAA,OAAA;AAAA,UACR,eAAiB,EAAA,KAAA;AAAA,UACjB,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,KAAA,EAAO,MAAQ,CAAA,IAAA,CAAK,KAAS,GAAA,CAAA;AAAA,SAC/B,CAAA;AAAA,OACF,CAAA;AAAA,qCACCC,mBAAU,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACb,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/EditorContext.js

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

package/dist-cjs/EditorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.js","sources":["../src/EditorContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface EditorContext {\n  initialText?: string;\n  editMode?: boolean;\n  startEditMode: () => void;\n  endEditMode: (value: string) => void;\n  cancelEditMode: () => void;\n}\n\nexport const EditorContext = createContext<EditorContext | undefined>(\n  undefined\n);\nexport const useEditorContext = () => {\n  const c = useContext(EditorContext);\n  if (!c) {\n    throw new Error(`useEditorContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAUO,MAAM,aAAgB,GAAAA,mBAAA;AAAA,EAC3B,KAAA,CAAA;AACF,EAAA;AACO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,CAAA,GAAIC,iBAAW,aAAa,CAAA,CAAA;AAClC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC9D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;;"}

package/dist-cjs/Grid.css.js

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

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

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