@vuu-ui/vuu-table 2.1.18 → 2.1.19-beta.2

package/esm/column-resizing/ColumnResizer.js

@@ -1,80 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useRef, useCallback } from 'react';
-import columnResizerCss from './ColumnResizer.css.js';
-
-const NOOP = () => void 0;
-const baseClass = "vuuColumnResizer";
-const ColumnResizer = ({
-  onDrag,
-  onDragEnd = NOOP,
-  onDragStart = NOOP
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-column-resizer",
-    css: columnResizerCss,
-    window: targetWindow
-  });
-  const positionRef = useRef({ start: 0, now: 0 });
-  const elementRef = useRef(void 0);
-  const onPointerMove = useCallback(
-    (e) => {
-      if (e.stopPropagation) {
-        e.stopPropagation();
-      }
-      if (e.preventDefault) {
-        e.preventDefault();
-      }
-      const { current: position } = positionRef;
-      const x = e.clientX;
-      const moveBy = Math.round(x - position.now);
-      const distanceMoved = Math.round(x - position.start);
-      positionRef.current.now = x;
-      if (moveBy !== 0) {
-        onDrag(e, moveBy, distanceMoved);
-      }
-    },
-    [onDrag]
-  );
-  const onPointerUp = useCallback(
-    (e) => {
-      window.removeEventListener("pointerup", onPointerUp);
-      window.removeEventListener("pointermove", onPointerMove);
-      const { current: position } = positionRef;
-      const distanceMoved = position.now - position.start;
-      onDragEnd(e, distanceMoved);
-    },
-    [onDragEnd, onPointerMove]
-  );
-  const handlePointerDown = useCallback(
-    (e) => {
-      const { current: position } = positionRef;
-      onDragStart(e);
-      position.now = position.start = e.clientX;
-      window.addEventListener("pointerup", onPointerUp);
-      window.addEventListener("pointermove", onPointerMove);
-      if (e.stopPropagation) {
-        e.stopPropagation();
-      }
-      if (e.preventDefault) {
-        e.preventDefault();
-      }
-    },
-    [onDragStart, onPointerMove, onPointerUp]
-  );
-  const setRef = useCallback(
-    (el) => {
-      if (el && elementRef.current === void 0) {
-        el.addEventListener("pointerdown", handlePointerDown);
-        elementRef.current = el;
-      }
-    },
-    [handlePointerDown]
-  );
-  return /* @__PURE__ */ jsx("div", { className: baseClass, ref: setRef, role: "separator" });
-};
-
-export { ColumnResizer };
-//# sourceMappingURL=ColumnResizer.js.map

package/esm/column-resizing/ColumnResizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnResizer.js","sources":["../../../../packages/vuu-table/src/column-resizing/ColumnResizer.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { RefCallback, useCallback, useRef } from \"react\";\n\nimport columnResizerCss from \"./ColumnResizer.css\";\n\nconst NOOP = () => undefined;\n\nconst baseClass = \"vuuColumnResizer\";\nexport interface TableColumnResizerProps {\n  onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;\n  onDragEnd: (evt: MouseEvent, totalDistanceMoved: number) => void;\n  /**\n   *\n   * @param evt DOM MouseEvent\n   * @returns\n   */\n  onDragStart: (evt: MouseEvent) => void;\n}\n\nexport const ColumnResizer = ({\n  onDrag,\n  onDragEnd = NOOP,\n  onDragStart = NOOP,\n}: TableColumnResizerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-resizer\",\n    css: columnResizerCss,\n    window: targetWindow,\n  });\n  const positionRef = useRef({ start: 0, now: 0 });\n  const elementRef = useRef<HTMLDivElement | undefined>(undefined);\n\n  const onPointerMove = useCallback(\n    (e: MouseEvent) => {\n      if (e.stopPropagation) {\n        e.stopPropagation();\n      }\n\n      if (e.preventDefault) {\n        e.preventDefault();\n      }\n\n      const { current: position } = positionRef;\n\n      const x = e.clientX;\n      const moveBy = Math.round(x - position.now);\n      const distanceMoved = Math.round(x - position.start);\n\n      positionRef.current.now = x;\n\n      if (moveBy !== 0) {\n        onDrag(e, moveBy, distanceMoved);\n      }\n    },\n    [onDrag],\n  );\n\n  const onPointerUp = useCallback(\n    (e: MouseEvent) => {\n      window.removeEventListener(\"pointerup\", onPointerUp);\n      window.removeEventListener(\"pointermove\", onPointerMove);\n\n      const { current: position } = positionRef;\n      const distanceMoved = position.now - position.start;\n\n      onDragEnd(e, distanceMoved);\n    },\n    [onDragEnd, onPointerMove],\n  );\n\n  const handlePointerDown = useCallback(\n    (e: MouseEvent) => {\n      const { current: position } = positionRef;\n      onDragStart(e);\n      position.now = position.start = e.clientX;\n      window.addEventListener(\"pointerup\", onPointerUp);\n      window.addEventListener(\"pointermove\", onPointerMove);\n\n      if (e.stopPropagation) {\n        e.stopPropagation();\n      }\n\n      if (e.preventDefault) {\n        e.preventDefault();\n      }\n    },\n    [onDragStart, onPointerMove, onPointerUp],\n  );\n\n  const setRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el && elementRef.current === undefined) {\n        el.addEventListener(\"pointerdown\", handlePointerDown);\n        elementRef.current = el;\n      }\n    },\n    [handlePointerDown],\n  );\n\n  return <div className={baseClass} ref={setRef} role=\"separator\" />;\n};\n"],"names":[],"mappings":"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"}

package/esm/column-resizing/useTableColumnResize.js

@@ -1,53 +0,0 @@
-import { useRef, useState, useCallback } from 'react';
-
-const useTableColumnResize = ({
-  column,
-  onResize,
-  rootRef
-}) => {
-  const widthRef = useRef({ start: 0, now: 0 });
-  const [isResizing, setResizing] = useState(false);
-  const { name } = column;
-  const handleResizeStart = useCallback(() => {
-    if (onResize && rootRef.current) {
-      const { current: width } = widthRef;
-      const { width: measuredWidth } = rootRef.current.getBoundingClientRect();
-      width.start = width.now = Math.round(measuredWidth);
-      setResizing(true);
-      onResize?.("begin", name);
-    }
-  }, [name, onResize, rootRef]);
-  const handleResize = useCallback(
-    (_evt, moveBy, totalDistanceMoved) => {
-      if (rootRef.current) {
-        if (onResize) {
-          const { current: width } = widthRef;
-          const newWidth = width.start + totalDistanceMoved;
-          if (newWidth !== width.now && newWidth > 0) {
-            onResize("resize", name, newWidth);
-            width.now = newWidth;
-          }
-        }
-      }
-    },
-    [name, onResize, rootRef]
-  );
-  const handleResizeEnd = useCallback(() => {
-    if (onResize) {
-      const { current: width } = widthRef;
-      onResize("end", name, width.now);
-      setTimeout(() => {
-        setResizing(false);
-      }, 80);
-    }
-  }, [name, onResize]);
-  return {
-    isResizing,
-    onDrag: handleResize,
-    onDragStart: handleResizeStart,
-    onDragEnd: handleResizeEnd
-  };
-};
-
-export { useTableColumnResize };
-//# sourceMappingURL=useTableColumnResize.js.map

package/esm/column-resizing/useTableColumnResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnResize.js","sources":["../../../../packages/vuu-table/src/column-resizing/useTableColumnResize.tsx"],"sourcesContent":["import {\n  ColumnDescriptor,\n  Heading,\n  ResizePhase,\n} from \"@vuu-ui/vuu-table-types\";\nimport { RefObject, useCallback, useRef, useState } from \"react\";\n\nexport type ResizeHandler = (evt: MouseEvent, moveBy: number) => void;\nexport interface CellResizeHookProps {\n  column: ColumnDescriptor | Heading;\n  onResize?: (phase: ResizePhase, columnName: string, width?: number) => void;\n  rootRef: RefObject<HTMLDivElement | null>;\n}\n\nexport interface CellResizeHookResult {\n  isResizing: boolean;\n  onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;\n  onDragStart: (evt: MouseEvent) => void;\n  onDragEnd: (evt: MouseEvent) => void;\n}\n\nexport const useTableColumnResize = ({\n  column,\n  onResize,\n  rootRef,\n}: CellResizeHookProps): CellResizeHookResult => {\n  const widthRef = useRef({ start: 0, now: 0 });\n\n  const [isResizing, setResizing] = useState(false);\n  const { name } = column;\n\n  const handleResizeStart = useCallback(() => {\n    if (onResize && rootRef.current) {\n      const { current: width } = widthRef;\n      const { width: measuredWidth } = rootRef.current.getBoundingClientRect();\n      width.start = width.now = Math.round(measuredWidth);\n      setResizing(true);\n      onResize?.(\"begin\", name);\n    }\n  }, [name, onResize, rootRef]);\n\n  const handleResize = useCallback(\n    (_evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => {\n      if (rootRef.current) {\n        if (onResize) {\n          const { current: width } = widthRef;\n          const newWidth = width.start + totalDistanceMoved;\n          if (newWidth !== width.now && newWidth > 0) {\n            onResize(\"resize\", name, newWidth);\n            width.now = newWidth;\n          }\n        }\n      }\n    },\n    [name, onResize, rootRef],\n  );\n\n  const handleResizeEnd = useCallback(() => {\n    if (onResize) {\n      const { current: width } = widthRef;\n      onResize(\"end\", name, width.now);\n      setTimeout(() => {\n        // clickHandler in HeaderCell checks isResizing before firing. Because onMouseUp\n        // fires before click, we need to delay setting isResizing back to false, just\n        // long enough that the click ghandler will have fired.\n        setResizing(false);\n      }, 80);\n    }\n  }, [name, onResize]);\n\n  return {\n    isResizing,\n    onDrag: handleResize,\n    onDragStart: handleResizeStart,\n    onDragEnd: handleResizeEnd,\n  };\n};\n"],"names":[],"mappings":";;AAqBO,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAiD,KAAA;AAC/C,EAAA,MAAM,WAAW,MAAO,CAAA,EAAE,OAAO,CAAG,EAAA,GAAA,EAAK,GAAG,CAAA;AAE5C,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA;AAEjB,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAI,IAAA,QAAA,IAAY,QAAQ,OAAS,EAAA;AAC/B,MAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAC3B,MAAA,MAAM,EAAE,KAAO,EAAA,aAAA,EAAkB,GAAA,OAAA,CAAQ,QAAQ,qBAAsB,EAAA;AACvE,MAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAM,GAAM,GAAA,IAAA,CAAK,MAAM,aAAa,CAAA;AAClD,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,QAAA,GAAW,SAAS,IAAI,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,IAAM,EAAA,QAAA,EAAU,OAAO,CAAC,CAAA;AAE5B,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,IAAkB,EAAA,MAAA,EAAgB,kBAA+B,KAAA;AAChE,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAC3B,UAAM,MAAA,QAAA,GAAW,MAAM,KAAQ,GAAA,kBAAA;AAC/B,UAAA,IAAI,QAAa,KAAA,KAAA,CAAM,GAAO,IAAA,QAAA,GAAW,CAAG,EAAA;AAC1C,YAAS,QAAA,CAAA,QAAA,EAAU,MAAM,QAAQ,CAAA;AACjC,YAAA,KAAA,CAAM,GAAM,GAAA,QAAA;AAAA;AACd;AACF;AACF,KACF;AAAA,IACA,CAAC,IAAM,EAAA,QAAA,EAAU,OAAO;AAAA,GAC1B;AAEA,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,IAAI,QAAU,EAAA;AACZ,MAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAC3B,MAAS,QAAA,CAAA,KAAA,EAAO,IAAM,EAAA,KAAA,CAAM,GAAG,CAAA;AAC/B,MAAA,UAAA,CAAW,MAAM;AAIf,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,SAChB,EAAE,CAAA;AAAA;AACP,GACC,EAAA,CAAC,IAAM,EAAA,QAAQ,CAAC,CAAA;AAEnB,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,MAAQ,EAAA,YAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,SAAW,EAAA;AAAA,GACb;AACF;;;;"}

package/esm/data-row/DataRow.js

@@ -1,260 +0,0 @@
-import { getServerDataType, isCalculatedColumn, getCalculatedColumnDetails, isVuuColumnDataType } from '@vuu-ui/vuu-utils';
-
-const dataRowSymbol = /* @__PURE__ */ Symbol("DataRow");
-const dataRowIntrinsicAttributes = {
-  childCount: true,
-  depth: true,
-  index: true,
-  isExpanded: true,
-  isSelected: true,
-  isLeaf: true,
-  key: true,
-  renderIndex: true
-};
-const dataRowOperations = {
-  hasColumn: true
-};
-const isDataRowIntrinsicAttribute = (attrName) => dataRowIntrinsicAttributes[attrName] === true;
-const isDataRowOperation = (attrName) => dataRowOperations[attrName] === true;
-const stringNumericTypes = {
-  long: true,
-  scaleddecimal2: true,
-  scaleddecimal4: true,
-  scaleddecimal6: true,
-  scaleddecimal8: true
-};
-const isStringNumericType = (type) => stringNumericTypes[type] === true;
-const MAX_DECIMALS = "0000000";
-const TRAILING_ZEROES = /0+$/;
-const stripTrailingZeroes = (value) => value.endsWith("0") ? value.replace(TRAILING_ZEROES, "") : value;
-const injectDecimalPoint = (value, decimal) => {
-  if (value === "0" || value === "-0" || value === "") {
-    return value;
-  } else {
-    if (value[0] === "-") {
-      const digits = value.slice(1);
-      if (digits.length < decimal) {
-        return `-0.${(MAX_DECIMALS + digits).slice(-decimal)}`;
-      } else if (digits.length === decimal) {
-        return `-0.${stripTrailingZeroes(digits)}`;
-      } else {
-        return `-${digits.slice(0, -decimal)}.${digits.slice(-decimal)}`;
-      }
-    } else {
-      if (value.length < decimal) {
-        const decimals = (MAX_DECIMALS + value).slice(-decimal);
-        return `0.${stripTrailingZeroes(decimals)}`;
-      } else if (value.length === decimal) {
-        return `0.${stripTrailingZeroes(value)}`;
-      } else {
-        const decimals = value.slice(-decimal);
-        return `${value.slice(0, -decimal)}.${stripTrailingZeroes(decimals)}`;
-      }
-    }
-  }
-};
-const formatStringNumeric = (value, type) => {
-  switch (type) {
-    case "long":
-      return value;
-    case "scaleddecimal2":
-      return injectDecimalPoint(value, 2);
-    case "scaleddecimal4":
-      return injectDecimalPoint(value, 4);
-    case "scaleddecimal6":
-      return injectDecimalPoint(value, 6);
-    case "scaleddecimal8":
-      return injectDecimalPoint(value, 8);
-  }
-};
-function DataRowImpl(data, columnMap) {
-  const target = {};
-  const getPropertyNames = () => {
-    return Object.keys(columnMap);
-  };
-  const jsonSerializer = () => {
-    return Object.entries(columnMap).reduce(
-      (json, [name, mapEntry]) => {
-        if (mapEntry) {
-          json[name] = data[mapEntry.index];
-        }
-        return json;
-      },
-      {}
-    );
-  };
-  const DataRowOperations2 = {
-    hasColumn: (name) => columnMap[name] !== void 0
-  };
-  return new Proxy(target, {
-    get(_obj, prop) {
-      if (typeof prop === "symbol") {
-        if (prop === dataRowSymbol) return true;
-        return void 0;
-      } else if (prop === "toJSON") {
-        return jsonSerializer;
-      } else if (prop === "toString") {
-        return "DataRow";
-      } else if (prop === "$$typeof") {
-        return void 0;
-      } else if (isDataRowOperation(prop)) {
-        return DataRowOperations2[prop];
-      } else if (prop === "getPropertyNames") {
-        return getPropertyNames;
-      }
-      const columnMapEntry = columnMap[prop];
-      if (columnMapEntry === void 0) {
-        if (prop !== "") {
-          console.warn(`[DataRow:Proxy] unknown column ${prop}`);
-        }
-        return void 0;
-      }
-      if (isDataRowIntrinsicAttribute(prop)) {
-        return data[columnMapEntry.index];
-      }
-      if (isStringNumericType(columnMapEntry.type)) {
-        return formatStringNumeric(
-          data[columnMapEntry.index],
-          columnMapEntry.type
-        );
-      }
-      return data[columnMapEntry.index];
-    },
-    set() {
-      throw new TypeError("DataRow is readonly");
-    }
-  });
-}
-const ColumnMapIntrinsicColumns = {
-  index: { index: 0, type: "int" },
-  renderIndex: { index: 1, type: "int" },
-  isLeaf: { index: 2, type: "boolean" },
-  isExpanded: { index: 3, type: "boolean" },
-  depth: { index: 4, type: "int" },
-  childCount: { index: 5, type: "int" },
-  key: { index: 6, type: "string" },
-  isSelected: { index: 7, type: "boolean" }
-};
-function createColumnMap(columns, schemaColumns) {
-  const columnMap = {
-    ...ColumnMapIntrinsicColumns
-  };
-  columns.forEach((name, i, cols) => {
-    const schemaColumn = schemaColumns.find((col) => col.name === name);
-    if (schemaColumn) {
-      const serverDataType = getServerDataType(schemaColumn, true);
-      columnMap[name] = { index: i + 10, type: serverDataType };
-    } else if (isCalculatedColumn(name)) {
-      const { serverDataType } = getCalculatedColumnDetails(name);
-      if (isVuuColumnDataType(serverDataType)) {
-        columnMap[name] = { index: i + 10, type: serverDataType };
-      } else {
-        throw Error(
-          `[DataRow] calculated column with invalid serverDataType ${name}`
-        );
-      }
-    } else if (name === "vuuMsg" && i === cols.length - 1) {
-      columnMap[name] = { index: i + 10, type: "string" };
-    } else {
-      throw Error(`[DataRow] dataRowFactory column not in schema ${name}`);
-    }
-  });
-  if (columnMap.vuuMsg === void 0) {
-    return {
-      ...columnMap,
-      vuuMsg: { index: columns.length + 10, type: "string" }
-    };
-  } else {
-    return columnMap;
-  }
-}
-const dataRowFactory = (columns, schemaColumns) => {
-  let columnMap = createColumnMap(columns, schemaColumns);
-  const setColumns = (columns2) => {
-    columnMap = createColumnMap(columns2, schemaColumns);
-  };
-  const DataRow2 = function(data) {
-    return DataRowImpl(data, columnMap);
-  };
-  return [DataRow2, setColumns];
-};
-if (process.env.NODE_ENV !== "production") {
-  window.devtoolsFormatters = [
-    {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      header: function(obj) {
-        if (obj[dataRowSymbol]) {
-          return [
-            "div",
-            {
-              style: "display: flex; gap: 4px; justify-content: space-between"
-            },
-            ["span", {}, "Vuu DataRow"],
-            ["span", { style: "font-weight: bold;" }, `[${obj.index}]`],
-            [
-              "span",
-              { style: "font-weight: bold; color: blue;" },
-              `#${obj.key}`
-            ]
-          ];
-        }
-        return null;
-      },
-      hasBody: function() {
-        return true;
-      },
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      body: function(obj) {
-        return [
-          "div",
-          {},
-          [
-            "div",
-            {
-              style: "display: flex; gap: 4px;"
-            },
-            ["span", {}, "index"],
-            ["span", {}, obj.index]
-          ],
-          [
-            "div",
-            {
-              style: "display: flex; gap: 4px;"
-            },
-            ["span", {}, "key"],
-            ["span", {}, obj.key]
-          ],
-          [
-            "div",
-            {
-              style: "display: flex; gap: 4px;"
-            },
-            ["span", {}, "renderIndex"],
-            ["span", {}, obj.renderIndex]
-          ],
-          [
-            "div",
-            {
-              style: "display: flex; gap: 4px;"
-            },
-            ["span", {}, "isSelected"],
-            ["span", {}, obj.isSelected]
-          ],
-          ...obj.getPropertyNames().map((name) => {
-            return [
-              "div",
-              {
-                style: "display: flex; gap: 4px;"
-              },
-              ["span", {}, name],
-              ["span", {}, obj[name]]
-            ];
-          })
-        ];
-      }
-    }
-  ];
-}
-
-export { dataRowFactory };
-//# sourceMappingURL=DataRow.js.map

package/esm/data-row/DataRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataRow.js","sources":["../../../../packages/vuu-table/src/data-row/DataRow.ts"],"sourcesContent":["import { DataSourceRow, SchemaColumn } from \"@vuu-ui/vuu-data-types\";\nimport {\n  StringNumericType,\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DataRow,\n  DataRowIntrinsicAttribute,\n  DataRowOperation,\n  DataRowOperations,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  getCalculatedColumnDetails,\n  getServerDataType,\n  isCalculatedColumn,\n  isVuuColumnDataType,\n} from \"@vuu-ui/vuu-utils\";\n\ntype ColumnMapEntry = {\n  index: number;\n  type: VuuColumnDataType;\n};\n\nconst dataRowSymbol = Symbol(\"DataRow\");\n\n/**\n * We allow undefined to allow us to null out rather than delete entries, for\n * performance reasons.\n */\ntype DataRowColumnMap = Record<string, ColumnMapEntry | undefined>;\n\nconst dataRowIntrinsicAttributes: Record<DataRowIntrinsicAttribute, true> = {\n  childCount: true,\n  depth: true,\n  index: true,\n  isExpanded: true,\n  isSelected: true,\n  isLeaf: true,\n  key: true,\n  renderIndex: true,\n};\n\nconst dataRowOperations: Record<DataRowOperation, true> = {\n  hasColumn: true,\n};\n\nconst isDataRowIntrinsicAttribute = (\n  attrName: string,\n): attrName is DataRowIntrinsicAttribute =>\n  dataRowIntrinsicAttributes[attrName as DataRowIntrinsicAttribute] === true;\n\nconst isDataRowOperation = (attrName: string): attrName is DataRowOperation =>\n  dataRowOperations[attrName as DataRowOperation] === true;\n\nconst stringNumericTypes: Record<StringNumericType, true> = {\n  long: true,\n  scaleddecimal2: true,\n  scaleddecimal4: true,\n  scaleddecimal6: true,\n  scaleddecimal8: true,\n};\n\nconst isStringNumericType = (\n  type: VuuColumnDataType,\n): type is StringNumericType =>\n  stringNumericTypes[type as StringNumericType] === true;\n\nconst MAX_DECIMALS = \"0000000\";\nconst TRAILING_ZEROES = /0+$/;\n\nconst stripTrailingZeroes = (value: string) =>\n  value.endsWith(\"0\") ? value.replace(TRAILING_ZEROES, \"\") : value;\n\nconst injectDecimalPoint = (value: string, decimal: 2 | 4 | 6 | 8) => {\n  if (value === \"0\" || value === \"-0\" || value === \"\") {\n    return value;\n  } else {\n    if (value[0] === \"-\") {\n      const digits = value.slice(1);\n      if (digits.length < decimal) {\n        return `-0.${(MAX_DECIMALS + digits).slice(-decimal)}`;\n      } else if (digits.length === decimal) {\n        return `-0.${stripTrailingZeroes(digits)}`;\n      } else {\n        return `-${digits.slice(0, -decimal)}.${digits.slice(-decimal)}`;\n      }\n    } else {\n      if (value.length < decimal) {\n        const decimals = (MAX_DECIMALS + value).slice(-decimal);\n        return `0.${stripTrailingZeroes(decimals)}`;\n      } else if (value.length === decimal) {\n        return `0.${stripTrailingZeroes(value)}`;\n      } else {\n        const decimals = value.slice(-decimal);\n        return `${value.slice(0, -decimal)}.${stripTrailingZeroes(decimals)}`;\n      }\n    }\n  }\n};\n\nconst formatStringNumeric = (value: string, type: StringNumericType) => {\n  switch (type) {\n    case \"long\":\n      return value;\n    case \"scaleddecimal2\":\n      return injectDecimalPoint(value, 2);\n    case \"scaleddecimal4\":\n      return injectDecimalPoint(value, 4);\n    case \"scaleddecimal6\":\n      return injectDecimalPoint(value, 6);\n    case \"scaleddecimal8\":\n      return injectDecimalPoint(value, 8);\n  }\n};\n/**\n * DataRow wraps a vuu DataSourceRow and a columnMap to provide a more convenient\n * API for manipulating rows from server. It is now used internally by Table. This\n * removes the need to always provide a columnMap to any component that must work with\n * data rows. It also removes a category of timing bugs which cause the columnMap\n * to get out of sync with data.\n * Because properties are provided via a proxy, and the DataRow has the Schema, there is\n * flexibility to enhance handling for specific properties. This is used now to insert\n * decimal point in scaleddecimal values.\n * @param data\n * @param columnMap\n * @returns\n */\nfunction DataRowImpl(data: VuuDataRow, columnMap: DataRowColumnMap): DataRow {\n  const target: Record<string, VuuRowDataItemType> = {};\n\n  const getPropertyNames = () => {\n    return Object.keys(columnMap);\n  };\n\n  const jsonSerializer = () => {\n    return Object.entries(columnMap).reduce<Record<string, VuuRowDataItemType>>(\n      (json, [name, mapEntry]) => {\n        if (mapEntry) {\n          json[name] = data[mapEntry.index];\n        }\n        return json;\n      },\n      {},\n    );\n  };\n\n  const DataRowOperations: DataRowOperations = {\n    hasColumn: (name: string) => columnMap[name] !== undefined,\n  };\n\n  return new Proxy(target, {\n    get(_obj, prop: string | symbol) {\n      if (typeof prop === \"symbol\") {\n        if (prop === dataRowSymbol) return true;\n        // TODO what does React use this for\n        return undefined;\n      } else if (prop === \"toJSON\") {\n        return jsonSerializer;\n      } else if (prop === \"toString\") {\n        return \"DataRow\";\n      } else if (prop === \"$$typeof\") {\n        // some react internal weirdness\n        return undefined;\n      } else if (isDataRowOperation(prop)) {\n        return DataRowOperations[prop];\n      } else if (prop === \"getPropertyNames\") {\n        return getPropertyNames;\n      }\n      const columnMapEntry = columnMap[prop];\n\n      if (columnMapEntry === undefined) {\n        if (prop !== \"\") {\n          // System columns like the selection checkbox column\n          console.warn(`[DataRow:Proxy] unknown column ${prop}`);\n        }\n        return undefined;\n      }\n\n      if (isDataRowIntrinsicAttribute(prop)) {\n        return data[columnMapEntry.index];\n      }\n\n      if (isStringNumericType(columnMapEntry.type)) {\n        return formatStringNumeric(\n          data[columnMapEntry.index] as string,\n          columnMapEntry.type,\n        );\n      }\n\n      return data[columnMapEntry.index];\n\n      // throw new Error(`Unknown column: ${prop}`);\n    },\n    set() {\n      throw new TypeError(\"DataRow is readonly\");\n    },\n  }) as DataRow;\n}\n\nexport type DataRowFunc = (data: DataSourceRow) => DataRow;\n\nconst ColumnMapIntrinsicColumns: DataRowColumnMap = {\n  index: { index: 0, type: \"int\" },\n  renderIndex: { index: 1, type: \"int\" },\n  isLeaf: { index: 2, type: \"boolean\" },\n  isExpanded: { index: 3, type: \"boolean\" },\n  depth: { index: 4, type: \"int\" },\n  childCount: { index: 5, type: \"int\" },\n  key: { index: 6, type: \"string\" },\n  isSelected: { index: 7, type: \"boolean\" },\n};\n\nfunction createColumnMap(\n  columns: string[],\n  schemaColumns: readonly SchemaColumn[],\n) {\n  const columnMap: DataRowColumnMap = {\n    ...ColumnMapIntrinsicColumns,\n  };\n\n  columns.forEach((name, i, cols) => {\n    const schemaColumn = schemaColumns.find((col) => col.name === name);\n    if (schemaColumn) {\n      const serverDataType = getServerDataType(schemaColumn, true);\n      columnMap[name] = { index: i + 10, type: serverDataType };\n    } else if (isCalculatedColumn(name)) {\n      const { serverDataType } = getCalculatedColumnDetails(name);\n      if (isVuuColumnDataType(serverDataType)) {\n        columnMap[name] = { index: i + 10, type: serverDataType };\n      } else {\n        throw Error(\n          `[DataRow] calculated column with invalid serverDataType ${name}`,\n        );\n      }\n    } else if (name === \"vuuMsg\" && i === cols.length - 1) {\n      // Mag column on a session table, always in last place\n      columnMap[name] = { index: i + 10, type: \"string\" };\n    } else {\n      throw Error(`[DataRow] dataRowFactory column not in schema ${name}`);\n    }\n  });\n\n  if (columnMap.vuuMsg === undefined) {\n    // We will always check for vuuMsg, even if it isn't explicitly included in the subscribed columns\n    return {\n      ...columnMap,\n      vuuMsg: { index: columns.length + 10, type: \"string\" },\n    } as DataRowColumnMap;\n  } else {\n    return columnMap;\n  }\n}\n\n/**\n *\n * @param columns the names of columns included in subscription\n * @param schemaColumns full schema definitions for all available columns,\n * the serverDataTypes are used.\n * @returns a tuple containing:\n * - factory function that will create a DataRow instance from a DataSourceRow\n * array.\n * - a function that can be used to reset the columns, which will be used for all\n * subsequently created DataRows. Used by Table when user adds or removes columns\n * at runtime.\n */\nexport const dataRowFactory = (\n  columns: string[],\n  schemaColumns: readonly SchemaColumn[],\n): [DataRowFunc, (columns: string[]) => void] => {\n  let columnMap = createColumnMap(columns, schemaColumns);\n\n  const setColumns = (columns: string[]) => {\n    // new columnMap will be used for all subsequently created DataRows\n    columnMap = createColumnMap(columns, schemaColumns);\n  };\n\n  const DataRow = function (data: DataSourceRow) {\n    return DataRowImpl(data, columnMap);\n  };\n\n  return [DataRow, setColumns];\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  //@ts-ignore\n  window.devtoolsFormatters = [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      header: function (obj: any) {\n        if (obj[dataRowSymbol]) {\n          return [\n            \"div\",\n            {\n              style: \"display: flex; gap: 4px; justify-content: space-between\",\n            },\n            [\"span\", {}, \"Vuu DataRow\"],\n            [\"span\", { style: \"font-weight: bold;\" }, `[${obj.index}]`],\n            [\n              \"span\",\n              { style: \"font-weight: bold; color: blue;\" },\n              `#${obj.key}`,\n            ],\n          ];\n        }\n        return null;\n      },\n      hasBody: function () {\n        return true;\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      body: function (obj: any) {\n        return [\n          \"div\",\n          {},\n          [\n            \"div\",\n            {\n              style: \"display: flex; gap: 4px;\",\n            },\n            [\"span\", {}, \"index\"],\n            [\"span\", {}, obj.index],\n          ],\n          [\n            \"div\",\n            {\n              style: \"display: flex; gap: 4px;\",\n            },\n            [\"span\", {}, \"key\"],\n            [\"span\", {}, obj.key],\n          ],\n          [\n            \"div\",\n            {\n              style: \"display: flex; gap: 4px;\",\n            },\n            [\"span\", {}, \"renderIndex\"],\n            [\"span\", {}, obj.renderIndex],\n          ],\n          [\n            \"div\",\n            {\n              style: \"display: flex; gap: 4px;\",\n            },\n            [\"span\", {}, \"isSelected\"],\n            [\"span\", {}, obj.isSelected],\n          ],\n          ...obj.getPropertyNames().map((name: string) => {\n            return [\n              \"div\",\n              {\n                style: \"display: flex; gap: 4px;\",\n              },\n              [\"span\", {}, name],\n              [\"span\", {}, obj[name]],\n            ];\n          }),\n        ];\n      },\n    },\n  ];\n}\n"],"names":["DataRowOperations","columns","DataRow"],"mappings":"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"}

package/esm/header-cell/GroupHeaderCell.css.js

@@ -1,4 +0,0 @@
-var headerCellCss = ".vuu-theme {\n  --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTableGroupHeaderCell {\n  --vuuColumnHeaderPill-margin: 0;\n  --cell-align: \"flex-start\";\n  text-align: left;\n  cursor: default;\n  /* ensure header row sits atop everything else when scrolling down */\n\n  --vuuColumnHeaderPill-margin: 0;\n  --vuuColumnHeaderPill-flex: 0 0 24px;\n\n  align-items: center;\n  background-color: var(\n    --vuuTableHeaderCell-background,\n    var(--table-background)\n  );\n  border-bottom: none;\n  border-right-color: var(--cell-borderColor);\n  border-right-style: solid;\n  border-right-width: 1px;\n  box-sizing: border-box;\n  display: inline-flex;\n  gap: 4px;\n  height: 100%;\n  padding: 0 12px 0 4px;\n  position: relative;\n  vertical-align: top;\n\n  &.vuuPinLeft,\n  &.vuuPinRight {\n    background-color: var(\n      --vuuTableHeaderCell-background,\n      var(--table-background)\n    );\n  }\n}\n\n.vuuTableGroupHeaderCell-inner {\n  align-items: center;\n  display: flex;\n  gap: 4px;\n  height: 100%;\n  padding-left: 1px;\n}\n\n.vuuTableGroupHeaderCell-col {\n  align-items: center;\n  background-color: inherit;\n  display: inline-flex;\n  flex: 0 1 auto;\n  height: calc(var(--vuuTableHeaderHeight) - 2px);\n  justify-content: space-between;\n  padding-right: 8px;\n  position: relative;\n}\n\n.vuuTableGroupHeaderCell-label {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n}\n\n.vuuTableGroupHeaderCell-close {\n  --vuu-icon-height: 18px;\n  --vuu-icon-width: 18px;\n  cursor: pointer;\n  left: 3px;\n}\n\n.vuuTableGroupHeaderCell-resizing {\n  --columnResizer-color: var(--salt-color-blue-500);\n  --columnResizer-height: var(--table-height);\n  --columnResizer-width: 2px;\n}\n.vuuTableGroupHeaderCell-pending {\n  --pending-content: \"\";\n}\n\n.vuuTableGroupHeaderCell-col:has(+ .vuuColumnResizer):after {\n  content: var(--pending-content);\n  width: 24px;\n  height: 24px;\n  background-image: var(--svg-spinner);\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n.vuuTableGroupHeaderCell:focus {\n  outline: var(\n    --vuuTableCell-outline,\n    solid var(--salt-focused-outlineColor) 2px\n  );\n  outline-offset: -2px;\n  /** This is to achieve a white background to outline dashes */\n  box-shadow: inset 0 0 0 var(--cell-outline-width) white;\n  border-bottom: none;\n}\n";
-
-export { headerCellCss as default };
-//# sourceMappingURL=GroupHeaderCell.css.js.map

package/esm/header-cell/GroupHeaderCell.css.js.map

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

package/esm/header-cell/GroupHeaderCell.js

@@ -1,125 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, createElement } from 'react';
-import { OverflowContainer } from '@vuu-ui/vuu-ui-controls';
-import { useLayoutEffectSkipFirst } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { ColumnHeaderPill } from '../column-header-pill/ColumnHeaderPill.js';
-import { GroupColumnPill } from '../column-header-pill/GroupColumnPill.js';
-import { ColumnResizer } from '../column-resizing/ColumnResizer.js';
-import { useTableColumnResize } from '../column-resizing/useTableColumnResize.js';
-import { useCell } from '../useCell.js';
-import headerCellCss from './GroupHeaderCell.css.js';
-
-const classBase = "vuuTableGroupHeaderCell";
-const switchIfChanged = (columns, newColumns) => {
-  if (columns === newColumns) {
-    return columns;
-  } else {
-    return newColumns;
-  }
-};
-const GroupHeaderCell = ({
-  column: groupColumn,
-  className: classNameProp,
-  onMoveColumn,
-  onRemoveColumn,
-  onResize,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-group-header-cell",
-    css: headerCellCss,
-    window: targetWindow
-  });
-  const rootRef = useRef(null);
-  const { isResizing, ...resizeProps } = useTableColumnResize({
-    column: groupColumn,
-    onResize,
-    rootRef
-  });
-  const [columns, setColumns] = useState(groupColumn.columns);
-  const { className, style } = useCell(groupColumn, classBase, true);
-  const columnPillProps = columns.length > 1 ? {
-    removable: true,
-    onRemove: onRemoveColumn
-  } : void 0;
-  const handleMoveItem = useCallback(
-    (fromIndex, toIndex) => {
-      setColumns((cols) => {
-        const newCols = cols.slice();
-        const [tab] = newCols.splice(fromIndex, 1);
-        if (toIndex === -1) {
-          const result = newCols.concat(tab);
-          requestAnimationFrame(() => onMoveColumn?.(result));
-          return result;
-        } else {
-          newCols.splice(toIndex, 0, tab);
-          requestAnimationFrame(() => onMoveColumn?.(newCols));
-          return newCols;
-        }
-      });
-    },
-    [onMoveColumn]
-  );
-  useLayoutEffectSkipFirst(() => {
-    setColumns((cols) => switchIfChanged(cols, groupColumn.columns));
-  }, [groupColumn.columns]);
-  const handleClick = useCallback(() => {
-    console.log("click");
-  }, []);
-  const handleKeyDown = useCallback(() => {
-    console.log("keydown");
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      "aria-colindex": groupColumn.ariaColIndex,
-      className: cx(className, classNameProp, {
-        [`${classBase}-pending`]: groupColumn.groupConfirmed === false
-      }),
-      ref: rootRef,
-      role: "columnheader",
-      style,
-      children: [
-        /* @__PURE__ */ jsx(
-          OverflowContainer,
-          {
-            allowDragDrop: true,
-            className: `${classBase}-inner`,
-            onMoveItem: handleMoveItem,
-            overflowPosition: "start",
-            children: columns.map((column) => {
-              return /* @__PURE__ */ createElement(
-                GroupColumnPill,
-                {
-                  ...columnPillProps,
-                  column,
-                  key: column.name,
-                  onClick: handleClick,
-                  onKeyDown: handleKeyDown
-                }
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ColumnHeaderPill,
-          {
-            className: `${classBase}-removeAll`,
-            column: groupColumn,
-            removable: true,
-            onRemove: onRemoveColumn
-          }
-        ),
-        groupColumn.resizeable !== false ? /* @__PURE__ */ jsx(ColumnResizer, { ...resizeProps }) : null
-      ]
-    }
-  );
-};
-
-export { GroupHeaderCell };
-//# sourceMappingURL=GroupHeaderCell.js.map

package/esm/header-cell/GroupHeaderCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupHeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/GroupHeaderCell.tsx"],"sourcesContent":["import {\n  ColumnDescriptor,\n  GroupColumnDescriptor,\n  HeaderCellProps,\n  RuntimeColumnDescriptor,\n} from \"@vuu-ui/vuu-table-types\";\nimport { OverflowContainer } from \"@vuu-ui/vuu-ui-controls\";\nimport { useLayoutEffectSkipFirst } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { ColumnHeaderPill, GroupColumnPill } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./GroupHeaderCell.css\";\n\nconst classBase = \"vuuTableGroupHeaderCell\";\n\nconst switchIfChanged = (\n  columns: RuntimeColumnDescriptor[],\n  newColumns: RuntimeColumnDescriptor[],\n) => {\n  if (columns === newColumns) {\n    return columns;\n  } else {\n    return newColumns;\n  }\n};\n\nexport interface GroupHeaderCellProps\n  extends Omit<\n    HeaderCellProps,\n    \"id\" | \"index\" | \"onDragStart\" | \"onDrag\" | \"onDragEnd\"\n  > {\n  column: GroupColumnDescriptor;\n  id?: string;\n  onMoveColumn?: (columns: ColumnDescriptor[]) => void;\n  onRemoveColumn: (column: RuntimeColumnDescriptor) => void;\n}\n\nexport const GroupHeaderCell = ({\n  column: groupColumn,\n  className: classNameProp,\n  onMoveColumn,\n  onRemoveColumn,\n  onResize,\n  ...htmlAttributes\n}: GroupHeaderCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-group-header-cell\",\n    css: headerCellCss,\n    window: targetWindow,\n  });\n\n  const rootRef = useRef<HTMLTableCellElement>(null);\n  const { isResizing, ...resizeProps } = useTableColumnResize({\n    column: groupColumn,\n    onResize,\n    rootRef,\n  });\n\n  const [columns, setColumns] = useState(groupColumn.columns);\n  const { className, style } = useCell(groupColumn, classBase, true);\n  const columnPillProps =\n    columns.length > 1\n      ? {\n          removable: true,\n          onRemove: onRemoveColumn,\n        }\n      : undefined;\n\n  const handleMoveItem = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      setColumns((cols) => {\n        const newCols = cols.slice();\n        const [tab] = newCols.splice(fromIndex, 1);\n        if (toIndex === -1) {\n          const result = newCols.concat(tab);\n          requestAnimationFrame(() => onMoveColumn?.(result));\n          return result;\n        } else {\n          newCols.splice(toIndex, 0, tab);\n          requestAnimationFrame(() => onMoveColumn?.(newCols));\n          return newCols;\n        }\n      });\n    },\n    [onMoveColumn],\n  );\n\n  useLayoutEffectSkipFirst(() => {\n    setColumns((cols) => switchIfChanged(cols, groupColumn.columns));\n  }, [groupColumn.columns]);\n\n  const handleClick = useCallback<MouseEventHandler<HTMLSpanElement>>(() => {\n    console.log(\"click\");\n  }, []);\n  const handleKeyDown = useCallback<\n    KeyboardEventHandler<HTMLSpanElement>\n  >(() => {\n    console.log(\"keydown\");\n  }, []);\n\n  return (\n    <div\n      {...htmlAttributes}\n      aria-colindex={groupColumn.ariaColIndex}\n      className={cx(className, classNameProp, {\n        [`${classBase}-pending`]: groupColumn.groupConfirmed === false,\n      })}\n      ref={rootRef}\n      role=\"columnheader\"\n      style={style}\n    >\n      <OverflowContainer\n        allowDragDrop\n        className={`${classBase}-inner`}\n        onMoveItem={handleMoveItem}\n        overflowPosition=\"start\"\n      >\n        {columns.map((column) => {\n          return (\n            <GroupColumnPill\n              {...columnPillProps}\n              column={column}\n              key={column.name}\n              onClick={handleClick}\n              onKeyDown={handleKeyDown}\n            />\n          );\n        })}\n      </OverflowContainer>\n      <ColumnHeaderPill\n        className={`${classBase}-removeAll`}\n        column={groupColumn}\n        removable\n        onRemove={onRemoveColumn}\n      />\n\n      {groupColumn.resizeable !== false ? (\n        <ColumnResizer {...resizeProps} />\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/header-cell/HeaderCell.css.js

@@ -1,4 +0,0 @@
-var headerCellCss = ".vuuTableHeaderCell {\n  --selected-column-borderColor: var(--vuuTable-column-selected-borderColor, var(--salt-selectable-borderColor-selected));\n  --cell-align: \"flex-start\";\n  --vuuColumnHeaderPill-margin: 0;\n  --vuuColumnHeaderPill-flex: 0 0 24px;\n\n  align-items: center;\n  background-color: var(\n    --vuuTableHeaderCell-background,\n    var(--table-background)\n  );\n  border-bottom: none;\n  border-right-color: var(--cell-borderColor);\n  border-right-style: solid;\n  border-right-width: 1px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  gap: 2px;\n  height: 100%;\n  padding: 0 4px 0 8px;\n  position: relative;\n  vertical-align: top;\n\n  &.vuuPinLeft,\n  &.vuuPinRight {\n    background-color: var(\n      --vuuTableHeaderCell-background,\n      var(--table-background)\n    );\n  }\n}\n\n.vuuTableHeaderCell.vuuDragging,\n.vuuTableHeaderCell:focus {\n  outline: var(\n    --vuuTableCell-outline,\n    solid var(--salt-focused-outlineColor) 2px\n  );\n  outline-offset: -3px;\n}\n\n.vuuTableHeaderCell.vuuDragging {\n  height: var(--vuu-table-col-header-row-height);\n}\n\n.vuuTableHeaderCell-right {\n  --columnResizer-left: 0;\n  --vuuTable-columnMenu-margin: 0;\n  --column-menu-left: 2px;\n  justify-content: flex-end;\n  padding: 0 3px 0 12px;\n}\n\n.vuuTableHeaderCell-noMenu {\n  padding-left: var(--salt-spacing-300);\n}\n\n.vuuTableHeaderCell-label {\n  flex: 1 1 auto;\n  line-height: calc(var(--vuu-table-cell-header-height) - 1px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.vuuTableHeaderCell-right .vuuTableHeaderCell-label {\n  text-align: right;\n}\n\n.vuuTableHeaderCell-resizing {\n  --columnResizeThumb-color: var(--vuu-color-purple-10);\n  --columnResizer-color: var(--vuu-color-purple-10);\n  --columnResizer-height: var(--table-height);\n}\n\n.vuuTableHeaderCell.vuuPinLeft {\n  padding-left: 2px;\n}\n\n.vuuTableHeaderCell.vuuPinLeft.vuuEndPin .vuuColumnResizer:before {\n  --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n  --inset-r: calc(var(--pin-width) - 2px);\n  --inset-b: calc(var(--height) - 2px);\n  --clip-path: polygon(\n    0% 0%,\n    0% 120%,\n    2px 120%,\n    2px 2px,\n    var(--inset-r) 2px,\n    var(--inset-r) var(--inset-b),\n    2px var(--inset-b),\n    2px 120%,\n    120% 120%,\n    120% 0%\n  );\n  background-color: transparent;\n  border-color: var(\n    --vuuTablePinnedColumn-borderColor,\n    var(--salt-container-primary-borderColor)\n  );\n  border-width: 1px;\n  border-style: solid solid solid solid;\n  /* border-radius: 0 6px 6px 0; */\n  border-radius: 4px;\n  box-shadow: 2px 1px 4px 0px rgba(0, 0, 0, 0.1);\n  /* clip-path: inset(10px 10px 10px 10px); */\n  clip-path: var(--clip-path);\n  content: \"\";\n  position: absolute;\n  width: var(--pin-width);\n  top: 0;\n  bottom: 0;\n  right: 3px;\n  height: var(--height);\n  z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuPinRight.vuuEndPin .vuuColumnResizer:before {\n  --height: calc(var(--table-height) - var(--horizontal-scrollbar-height));\n  --inset-r: calc(var(--pin-width) - 2px);\n  --inset-b: calc(var(--height) - 2px);\n  --clip-path: polygon(\n    -20% 0%,\n    -20% 120%,\n    2px 120%,\n    2px 2px,\n    var(--inset-r) 2px,\n    var(--inset-r) var(--inset-b),\n    2px var(--inset-b),\n    2px 120%,\n    120% 120%,\n    120% 0%\n  );\n  background-color: transparent;\n  border-color: #a9aaad;\n  border-width: 1px;\n  border-style: solid solid solid solid;\n  /* border-radius: 0 6px 6px 0; */\n  border-radius: 4px;\n  box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, 0.1);\n  /* clip-path: inset(10px 10px 10px 10px); */\n  clip-path: var(--clip-path);\n  content: \"\";\n  position: absolute;\n  width: var(--pin-width);\n  top: 0;\n  bottom: 0;\n  right: 0px;\n  height: var(--height);\n  z-index: -5;\n}\n\n.vuuTableHeaderCell.vuuDraggable-dragAway {\n  display: none;\n}\n\n.vuuTable-headingCell {\n  background: var(--dataTable-background);\n  border-color: var(--salt-separable-tertiary-borderColor);\n  border-style: solid solid solid none;\n  border-width: 1px;\n  color: var(--salt-content-secondary-foreground);\n  display: inline-block;\n  height: var(--vuu-table-col-heading-height);\n  padding: 0 !important;\n}\n\n.vuuTableHeaderCell:has(.saltCheckbox){\n  padding-left: 6px;\n}\n\n\n.vuuTableHeaderCell.error {\n  --selected-column-borderColor: var(--salt-status-error-borderColor);\n}\n.vuuTableHeaderCell.info {\n  --selected-column-borderColor: var(--salt-status-info-borderColor);\n}\n.vuuTableHeaderCell.success {\n  --selected-column-borderColor: var(--salt-status-success-borderColor);\n}\n.vuuTableHeaderCell.warning {\n  --selected-column-borderColor: var(--salt-status-warning-borderColor);\n}\n\n.vuuTableHeaderCell-selected:after {\n    background-color: transparent;\n    border: solid 1px var(--selected-column-borderColor);\n    border-radius: 6px;\n\n  clip-path: polygon(\n    0px 0px,\n    0px 100%,\n    100% 100%,\n    100% 0px,\n    0px 0px,\n    2px 2px,\n    calc(100% - 2px) 2px,\n    calc(100% - 2px) calc(100% - 2px),\n    2px calc(100% - 2px),\n    2px 2px\n  );\n  box-sizing: border-box;\n  content: \"\";\n  pointer-events: none;\n  position: absolute;\n  right: 1px;\n  height: calc(var(--table-height) - var(--horizontal-scrollbar-height) - 2px);\n  top: 1px;\n  width: calc(100% - 2px);\n    \n}";
-
-export { headerCellCss as default };
-//# sourceMappingURL=HeaderCell.css.js.map

package/esm/header-cell/HeaderCell.css.js.map

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