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

package/esm/cell-block/cellblock-utils.js

@@ -1,116 +0,0 @@
-import { getAriaColIndex, queryClosest, getAriaRowIndex } from '@vuu-ui/vuu-utils';
-import { getAriaCellPos } from '../table-dom-utils.js';
-
-const isNullCellBox = ({ bottom, left, right, top }) => {
-  return bottom === -1 && left === -1 && right === -1 && top === -1;
-};
-const Hi = Number.MAX_SAFE_INTEGER;
-const getEndCellDirection = (startBox, endBox) => {
-  const { bottom: sBottom, left: sLeft, right: sRight, top: sTop } = startBox;
-  const { bottom: eBottom, left: eLeft, right: eRight, top: eTop } = endBox;
-  const north = eTop < sTop;
-  const east = eRight > sRight;
-  const south = eBottom > sBottom;
-  const west = eLeft < sLeft;
-  if (north && east) return "ne";
-  else if (south && east) return "se";
-  else if (south && west) return "sw";
-  else if (north && west) return "nw";
-  else if (north) return "n";
-  else if (east) return "e";
-  else if (south) return "s";
-  else if (west) return "w";
-  else return "self";
-};
-const setElementBox = (el, box) => {
-  const { bottom, left, right, top } = el.getBoundingClientRect();
-  box.bottom = bottom;
-  box.left = left;
-  box.right = right;
-  box.top = top;
-};
-const outsideBox = ({ bottom, left, right, top }, x, y) => x < left || x > right || y < top || y > bottom;
-const getRowIndex = (cell) => getAriaRowIndex(queryClosest(cell, ".vuuTableRow"));
-const getTableCellBlock = (startCell, endCell) => {
-  const colStart = getAriaColIndex(startCell);
-  const colEnd = getAriaColIndex(endCell);
-  const rowStart = getRowIndex(startCell);
-  const rowEnd = getRowIndex(endCell);
-  const columnRange = {
-    from: Math.min(colStart, colEnd),
-    to: Math.max(colStart, colEnd)
-  };
-  const rowRange = {
-    from: Math.min(rowStart, rowEnd),
-    to: Math.max(rowStart, rowEnd)
-  };
-  return {
-    columnRange,
-    rowRange
-  };
-};
-const refState = {
-  cellBlock: null,
-  cellBlockClassName: "",
-  dragState: "pending",
-  endBox: { bottom: -1, left: Hi, right: -1, top: Hi },
-  endCell: null,
-  endPos: [-1, -1],
-  mousePosX: -1,
-  mousePosY: -1,
-  mouseStartX: -1,
-  mouseStartY: -1,
-  startBox: { bottom: -1, left: -1, right: -1, top: -1 },
-  startCell: null,
-  startPos: [-1, -1]
-};
-const updateCellBlockClassName = (state) => {
-  const { cellBlock, cellBlockClassName, startBox, endBox } = state;
-  const endBlockDirection = getEndCellDirection(startBox, endBox);
-  const newCellBlockClassName = `cellblock-direction-${endBlockDirection}`;
-  if (newCellBlockClassName !== cellBlockClassName) {
-    if (cellBlockClassName) {
-      cellBlock?.classList.replace(cellBlockClassName, newCellBlockClassName);
-    } else {
-      cellBlock?.classList.add(newCellBlockClassName);
-    }
-    state.cellBlockClassName = newCellBlockClassName;
-  }
-};
-const getTextFromCells = (startCell, endCell) => {
-  const tableBody = queryClosest(
-    startCell,
-    ".vuuTable-body",
-    true
-  );
-  const [startRow, startCol] = getAriaCellPos(startCell);
-  const [endRow, endCol] = getAriaCellPos(endCell);
-  const rowRange = {
-    from: Math.min(startRow, endRow),
-    to: Math.max(startRow, endRow)
-  };
-  const colRange = {
-    from: Math.min(startCol, endCol),
-    to: Math.max(startCol, endCol)
-  };
-  const results = [];
-  for (let rowIdx = rowRange.from; rowIdx <= rowRange.to; rowIdx++) {
-    const row = tableBody.querySelector(
-      `.vuuTableRow[aria-rowindex='${rowIdx}']`
-    );
-    const rowData = [];
-    for (let colIdx = colRange.from; colIdx <= colRange.to; colIdx++) {
-      const cell = row?.querySelector(
-        `.vuuTableCell[aria-colindex='${colIdx}']`
-      );
-      if (cell) {
-        rowData.push(cell.textContent ?? "");
-      }
-    }
-    results.push(rowData);
-  }
-  return results.map((r) => r.join("	")).join("\n");
-};
-
-export { getEndCellDirection, getTableCellBlock, getTextFromCells, isNullCellBox, outsideBox, refState, setElementBox, updateCellBlockClassName };
-//# sourceMappingURL=cellblock-utils.js.map

package/esm/cell-block/cellblock-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cellblock-utils.js","sources":["../../../../packages/vuu-table/src/cell-block/cellblock-utils.ts"],"sourcesContent":["import { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  queryClosest,\n  getAriaColIndex,\n  getAriaRowIndex,\n} from \"@vuu-ui/vuu-utils\";\nimport { getAriaCellPos } from \"../table-dom-utils\";\n\nexport type TableCellBlock = {\n  columnRange: VuuRange;\n  rowRange: VuuRange;\n};\n\nexport type CellBox = {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n};\n\nexport const isNullCellBox = ({ bottom, left, right, top }: CellBox) => {\n  return bottom === -1 && left === -1 && right === -1 && top === -1;\n};\n\nconst Hi = Number.MAX_SAFE_INTEGER;\n\ntype EndCellDirection =\n  | \"self\"\n  | \"n\"\n  | \"ne\"\n  | \"e\"\n  | \"se\"\n  | \"s\"\n  | \"sw\"\n  | \"w\"\n  | \"nw\";\n\nexport const getEndCellDirection = (\n  startBox: CellBox,\n  endBox: CellBox,\n): EndCellDirection => {\n  const { bottom: sBottom, left: sLeft, right: sRight, top: sTop } = startBox;\n  const { bottom: eBottom, left: eLeft, right: eRight, top: eTop } = endBox;\n  const north = eTop < sTop;\n  const east = eRight > sRight;\n  const south = eBottom > sBottom;\n  const west = eLeft < sLeft;\n\n  if (north && east) return \"ne\";\n  else if (south && east) return \"se\";\n  else if (south && west) return \"sw\";\n  else if (north && west) return \"nw\";\n  else if (north) return \"n\";\n  else if (east) return \"e\";\n  else if (south) return \"s\";\n  else if (west) return \"w\";\n  else return \"self\";\n};\n\nexport const setElementBox = (el: HTMLElement, box: CellBox) => {\n  const { bottom, left, right, top } = el.getBoundingClientRect();\n  box.bottom = bottom;\n  box.left = left;\n  box.right = right;\n  box.top = top;\n};\n\nexport const outsideBox = (\n  { bottom, left, right, top }: CellBox,\n  x: number,\n  y: number,\n) => x < left || x > right || y < top || y > bottom;\n\nconst getRowIndex = (cell: HTMLDivElement) =>\n  getAriaRowIndex(queryClosest<HTMLDivElement>(cell, \".vuuTableRow\"));\n\nexport const getTableCellBlock = (\n  startCell: HTMLDivElement,\n  endCell: HTMLDivElement,\n): TableCellBlock => {\n  const colStart = getAriaColIndex(startCell);\n  const colEnd = getAriaColIndex(endCell);\n  const rowStart = getRowIndex(startCell);\n  const rowEnd = getRowIndex(endCell);\n\n  const columnRange = {\n    from: Math.min(colStart, colEnd),\n    to: Math.max(colStart, colEnd),\n  };\n  const rowRange = {\n    from: Math.min(rowStart, rowEnd),\n    to: Math.max(rowStart, rowEnd),\n  };\n\n  return {\n    columnRange,\n    rowRange,\n  };\n};\n\nexport type RefState = {\n  dragState: \"pending\" | \"active\";\n  cellBlock: HTMLDivElement | null;\n  cellBlockClassName: string;\n  endBox: CellBox;\n  endCell: HTMLDivElement | null;\n  endPos: PosTuple; // used during keyboard operation\n  mousePosX: number;\n  mousePosY: number;\n  mouseStartX: number;\n  mouseStartY: number;\n  startCell: HTMLDivElement | null;\n  startBox: CellBox;\n  startPos: PosTuple; // used during keyboard operation\n};\n\nexport type PosTuple = [number, number];\n\nexport const refState: RefState = {\n  cellBlock: null,\n  cellBlockClassName: \"\",\n  dragState: \"pending\",\n  endBox: { bottom: -1, left: Hi, right: -1, top: Hi },\n  endCell: null,\n  endPos: [-1, -1],\n  mousePosX: -1,\n  mousePosY: -1,\n  mouseStartX: -1,\n  mouseStartY: -1,\n  startBox: { bottom: -1, left: -1, right: -1, top: -1 },\n  startCell: null,\n  startPos: [-1, -1],\n} as const;\n\nexport const updateCellBlockClassName = (state: RefState) => {\n  const { cellBlock, cellBlockClassName, startBox, endBox } = state;\n  const endBlockDirection = getEndCellDirection(startBox, endBox);\n  const newCellBlockClassName = `cellblock-direction-${endBlockDirection}`;\n  if (newCellBlockClassName !== cellBlockClassName) {\n    if (cellBlockClassName) {\n      cellBlock?.classList.replace(cellBlockClassName, newCellBlockClassName);\n    } else {\n      cellBlock?.classList.add(newCellBlockClassName);\n    }\n    state.cellBlockClassName = newCellBlockClassName;\n  }\n};\n\nexport const getTextFromCells = (\n  startCell: HTMLDivElement,\n  endCell: HTMLDivElement,\n) => {\n  const tableBody = queryClosest<HTMLDivElement>(\n    startCell,\n    \".vuuTable-body\",\n    true,\n  );\n  const [startRow, startCol] = getAriaCellPos(startCell);\n  const [endRow, endCol] = getAriaCellPos(endCell);\n\n  const rowRange = {\n    from: Math.min(startRow, endRow),\n    to: Math.max(startRow, endRow),\n  };\n\n  const colRange = {\n    from: Math.min(startCol, endCol),\n    to: Math.max(startCol, endCol),\n  };\n\n  const results: string[][] = [];\n  for (let rowIdx = rowRange.from; rowIdx <= rowRange.to; rowIdx++) {\n    const row = tableBody.querySelector(\n      `.vuuTableRow[aria-rowindex='${rowIdx}']`,\n    );\n    const rowData = [];\n    for (let colIdx = colRange.from; colIdx <= colRange.to; colIdx++) {\n      const cell = row?.querySelector(\n        `.vuuTableCell[aria-colindex='${colIdx}']`,\n      );\n      if (cell) {\n        rowData.push(cell.textContent ?? \"\");\n      }\n    }\n    results.push(rowData);\n  }\n  return results.map((r) => r.join(\"\\t\")).join(\"\\n\");\n};\n"],"names":[],"mappings":"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"}

package/esm/cell-block/useCellBlockSelection.js

@@ -1,255 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { queryClosest, isArrowKey } from '@vuu-ui/vuu-utils';
-import { useState, useRef, useCallback } from 'react';
-import { getAriaCellPos, getTableCell, getNextCellPos } from '../table-dom-utils.js';
-import { CellBlock } from './CellBlock.js';
-import { refState, getTextFromCells, setElementBox, outsideBox, updateCellBlockClassName, getTableCellBlock, isNullCellBox } from './cellblock-utils.js';
-
-const clone = (posTuple) => posTuple.slice();
-const NullHandler = () => console.error("no handler installed");
-const mouseHandlers = {
-  mouseMove: NullHandler,
-  mouseMovePreDrag: NullHandler,
-  mouseUp: NullHandler,
-  mouseUpPreDrag: NullHandler
-};
-const mouseType = (name) => name.startsWith("mouseMove") ? "mousemove" : "mouseup";
-const DRAG_THRESHOLD = 5;
-const useCellBlockSelection = ({
-  allowCellBlockSelection,
-  columnCount = 0,
-  containerRef,
-  onSelectCellBlock,
-  rowCount = 0
-}) => {
-  const [cellBlock, setCellBlock] = useState(null);
-  const stateRef = useRef(refState);
-  const handlersRef = useRef(mouseHandlers);
-  const handleCopy = useCallback(async () => {
-    const { startCell, endCell } = stateRef.current;
-    if (startCell && endCell) {
-      const tsvText = getTextFromCells(startCell, endCell);
-      const type = "text/plain";
-      const blob = new Blob([tsvText], { type });
-      const data = [new ClipboardItem({ [type]: blob })];
-      await navigator.clipboard.write(data);
-    }
-  }, []);
-  const cellBlockRef = useCallback((el) => {
-    stateRef.current.cellBlock = el;
-  }, []);
-  const createCellBlock = useCallback(
-    (method = "mouse") => {
-      const { startBox, startCell } = stateRef.current;
-      if (startCell) {
-        const table = queryClosest(startCell, ".vuuTable");
-        if (table) {
-          table.classList.add(`vuu-cellblock-select-in-progress-${method}`);
-        }
-        setElementBox(startCell, startBox);
-        startCell.classList.add("vuu-cellblock-start");
-        setCellBlock(/* @__PURE__ */ jsx(CellBlock, { onCopy: handleCopy, ref: cellBlockRef }));
-      }
-    },
-    [cellBlockRef, handleCopy]
-  );
-  const initializeStateRef = useCallback(() => {
-    const { cellBlock: cellBlock2, cellBlockClassName, startCell, endCell } = stateRef.current;
-    if (startCell) {
-      startCell.classList.remove("vuu-cellblock-start");
-    }
-    if (endCell) {
-      endCell.classList.remove("vuu-cellblock-end");
-    }
-    if (cellBlock2?.classList.contains(cellBlockClassName)) {
-      cellBlock2.classList.remove(cellBlockClassName);
-    }
-    const { endBox, startBox } = refState;
-    stateRef.current = {
-      ...refState,
-      cellBlock: cellBlock2,
-      endBox: { ...endBox },
-      endPos: [-1, -1],
-      startBox: { ...startBox },
-      startPos: [-1, -1]
-    };
-  }, []);
-  const addMouseListener = useCallback(
-    (mouseOperation, handler) => {
-      window.addEventListener(mouseType(mouseOperation), handler);
-      handlersRef.current[mouseOperation] = handler;
-    },
-    []
-  );
-  const removeMouseListener = useCallback((name) => {
-    window.removeEventListener(mouseType(name), handlersRef.current[name]);
-  }, []);
-  handlersRef.current.mouseMove = useCallback((evt) => {
-    const { clientX: x, clientY: y } = evt;
-    const { endBox, startBox } = stateRef.current;
-    if (outsideBox(startBox, x, y) && outsideBox(endBox, x, y)) {
-      const cell = queryClosest(
-        evt.target,
-        ".vuuTableCell, .vuuCellBlock"
-      );
-      if (cell?.classList.contains("vuuTableCell")) {
-        setElementBox(cell, endBox);
-        stateRef.current.endCell = cell;
-        updateCellBlockClassName(stateRef.current);
-      }
-    }
-  }, []);
-  handlersRef.current.mouseUp = useCallback(
-    (evt) => {
-      removeMouseListener("mouseMove");
-      removeMouseListener("mouseUp");
-      const { cellBlock: cellBlock2, endCell, startCell } = stateRef.current;
-      const table = queryClosest(evt.target, ".vuuTable");
-      endCell?.classList.add("vuu-cellblock-end");
-      if (table) {
-        table.classList.remove("vuu-cellblock-select-in-progress-mouse");
-      }
-      if (startCell && endCell) {
-        const tableCellBlock = getTableCellBlock(startCell, endCell);
-        onSelectCellBlock?.(tableCellBlock);
-      }
-      if (cellBlock2) {
-        cellBlock2.focus();
-      }
-    },
-    [onSelectCellBlock, removeMouseListener]
-  );
-  handlersRef.current.mouseMovePreDrag = useCallback(
-    (evt) => {
-      const { current: state } = stateRef;
-      const { mouseStartX, mouseStartY } = state;
-      const x = state.mousePosX = evt.clientX;
-      const y = state.mousePosY = evt.clientY;
-      const distance = Math.max(
-        Math.abs(x - mouseStartX),
-        Math.abs(y - mouseStartY)
-      );
-      if (distance > DRAG_THRESHOLD) {
-        createCellBlock("mouse");
-        const { mouseMove, mouseUp } = handlersRef.current;
-        removeMouseListener("mouseMovePreDrag");
-        removeMouseListener("mouseUpPreDrag");
-        addMouseListener("mouseMove", mouseMove);
-        addMouseListener("mouseUp", mouseUp);
-      }
-    },
-    [addMouseListener, createCellBlock, removeMouseListener]
-  );
-  handlersRef.current.mouseUpPreDrag = useCallback(() => {
-    removeMouseListener("mouseMovePreDrag");
-    removeMouseListener("mouseUpPreDrag");
-  }, [removeMouseListener]);
-  const handleNativeMouseOver = useCallback((evt) => {
-    const cell = queryClosest(evt.target, ".vuuTableCell");
-    if (cell) {
-      stateRef.current.endPos = getAriaCellPos(cell);
-      stateRef.current.endCell?.classList.remove("vuu-cellblock-end");
-      stateRef.current.endCell = cell;
-      setElementBox(cell, stateRef.current.endBox);
-      updateCellBlockClassName(stateRef.current);
-      cell?.classList.add("vuu-cellblock-end");
-    }
-  }, []);
-  const handleNativeMouseUp = useCallback(() => {
-    window.removeEventListener("mouseover", handleNativeMouseOver);
-  }, [handleNativeMouseOver]);
-  const handleMouseDown = useCallback(
-    (evt) => {
-      if (evt.button === 0) {
-        initializeStateRef();
-        const { current: state } = stateRef;
-        const cell = queryClosest(evt.target, ".vuuTableCell");
-        if (cell) {
-          state.startCell = cell;
-          state.mouseStartX = evt.clientX;
-          state.mouseStartY = evt.clientY;
-          const { mouseMovePreDrag, mouseUpPreDrag } = handlersRef.current;
-          addMouseListener("mouseMovePreDrag", mouseMovePreDrag);
-          addMouseListener("mouseUpPreDrag", mouseUpPreDrag);
-          console.log("register mouse enter");
-          window.addEventListener("mouseover", handleNativeMouseOver);
-          window.addEventListener("mouseup", handleNativeMouseUp);
-        }
-      }
-    },
-    [
-      addMouseListener,
-      handleNativeMouseOver,
-      handleNativeMouseUp,
-      initializeStateRef
-    ]
-  );
-  const nativeKeyDownHandlerRef = useRef(NullHandler);
-  const handleNativeKeyUp = useCallback((evt) => {
-    if (evt.key === "Shift") {
-      const { endCell } = stateRef.current;
-      const table = queryClosest(evt.target, ".vuuTable");
-      endCell?.classList.add("vuu-cellblock-end");
-      if (table) {
-        table.classList.remove("vuu-cellblock-select-in-progress-keyboard");
-      }
-      window.removeEventListener("keydown", nativeKeyDownHandlerRef.current, {
-        capture: true
-      });
-      window.removeEventListener("keyup", handleNativeKeyUp, {
-        capture: true
-      });
-    }
-  }, []);
-  const handleNativeKeyDown = nativeKeyDownHandlerRef.current = useCallback(
-    ({ key }) => {
-      if (isArrowKey(key)) {
-        const { endBox, endPos, startBox } = stateRef.current;
-        if (isNullCellBox(startBox)) {
-          createCellBlock("keyboard");
-        }
-        const nextCell = getNextCellPos(key, endPos, columnCount, rowCount);
-        stateRef.current.endPos = nextCell;
-        const cell = getTableCell(containerRef, nextCell);
-        stateRef.current.endCell = cell;
-        setElementBox(cell, endBox);
-        updateCellBlockClassName(stateRef.current);
-      }
-    },
-    [columnCount, containerRef, createCellBlock, rowCount]
-  );
-  const handleKeyDown = useCallback(
-    (evt) => {
-      console.log(
-        `[useCellBlockSelection] handleKeyDown (only interested in Shift key)`
-      );
-      if (evt.key === "Shift") {
-        initializeStateRef();
-        const cell = queryClosest(evt.target, ".vuuTableCell");
-        if (cell) {
-          const startPos = getAriaCellPos(cell);
-          stateRef.current.startPos = startPos;
-          stateRef.current.endPos = clone(startPos);
-          const { current: state } = stateRef;
-          state.startCell = cell;
-          window.addEventListener("keydown", handleNativeKeyDown, {
-            capture: true
-          });
-          window.addEventListener("keyup", handleNativeKeyUp, {
-            capture: true
-          });
-          evt.preventDefault();
-        }
-      }
-    },
-    [handleNativeKeyDown, handleNativeKeyUp, initializeStateRef]
-  );
-  return {
-    cellBlock,
-    onKeyDown: allowCellBlockSelection ? handleKeyDown : void 0,
-    onMouseDown: allowCellBlockSelection ? handleMouseDown : void 0
-  };
-};
-
-export { useCellBlockSelection };
-//# sourceMappingURL=useCellBlockSelection.js.map

package/esm/cell-block/useCellBlockSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellBlockSelection.js","sources":["../../../../packages/vuu-table/src/cell-block/useCellBlockSelection.tsx"],"sourcesContent":["import { isArrowKey, queryClosest } from \"@vuu-ui/vuu-utils\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactElement,\n  RefCallback,\n  RefObject,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  getAriaCellPos,\n  getNextCellPos,\n  getTableCell,\n} from \"../table-dom-utils\";\nimport { CellBlock } from \"./CellBlock\";\nimport {\n  PosTuple,\n  RefState,\n  TableCellBlock,\n  getTableCellBlock,\n  getTextFromCells,\n  isNullCellBox,\n  outsideBox,\n  refState,\n  setElementBox,\n  updateCellBlockClassName,\n} from \"./cellblock-utils\";\n\nconst clone = (posTuple: PosTuple) => posTuple.slice() as PosTuple;\n\ntype NativeKeyboardHandler = (evt: KeyboardEvent) => void;\ntype NativeMouseHandler = (evt: MouseEvent) => void;\ntype MouseHandlers = {\n  mouseMove: NativeMouseHandler;\n  mouseMovePreDrag: NativeMouseHandler;\n  mouseUp: NativeMouseHandler;\n  mouseUpPreDrag: NativeMouseHandler;\n};\n\nconst NullHandler = () => console.error(\"no handler installed\");\nconst mouseHandlers: MouseHandlers = {\n  mouseMove: NullHandler,\n  mouseMovePreDrag: NullHandler,\n  mouseUp: NullHandler,\n  mouseUpPreDrag: NullHandler,\n};\n\ntype MouseOperation = keyof typeof mouseHandlers;\n\nconst mouseType = (name: string) =>\n  name.startsWith(\"mouseMove\") ? \"mousemove\" : \"mouseup\";\n\nconst DRAG_THRESHOLD = 5;\n\nexport interface CellblockSelectionHookProps {\n  allowCellBlockSelection?: boolean;\n  columnCount?: number;\n  containerRef: RefObject<HTMLElement | null>;\n  onSelectCellBlock?: (cellBlock: TableCellBlock) => void;\n  rowCount?: number;\n}\n\nexport const useCellBlockSelection = ({\n  allowCellBlockSelection,\n  columnCount = 0,\n  containerRef,\n  onSelectCellBlock,\n  rowCount = 0,\n}: CellblockSelectionHookProps) => {\n  const [cellBlock, setCellBlock] = useState<ReactElement | null>(null);\n  const stateRef = useRef<RefState>(refState);\n  const handlersRef = useRef<MouseHandlers>(mouseHandlers);\n\n  const handleCopy = useCallback(async () => {\n    const { startCell, endCell } = stateRef.current;\n    if (startCell && endCell) {\n      const tsvText = getTextFromCells(startCell, endCell);\n      const type = \"text/plain\";\n      const blob = new Blob([tsvText], { type });\n      const data = [new ClipboardItem({ [type]: blob })];\n      await navigator.clipboard.write(data);\n    }\n  }, []);\n\n  const cellBlockRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    stateRef.current.cellBlock = el;\n  }, []);\n\n  const createCellBlock = useCallback(\n    (method: \"mouse\" | \"keyboard\" = \"mouse\") => {\n      const { startBox, startCell } = stateRef.current;\n      if (startCell) {\n        const table = queryClosest<HTMLDivElement>(startCell, \".vuuTable\");\n        if (table) {\n          table.classList.add(`vuu-cellblock-select-in-progress-${method}`);\n        }\n        setElementBox(startCell, startBox);\n        startCell.classList.add(\"vuu-cellblock-start\");\n        setCellBlock(<CellBlock onCopy={handleCopy} ref={cellBlockRef} />);\n      }\n    },\n    [cellBlockRef, handleCopy],\n  );\n\n  const initializeStateRef = useCallback(() => {\n    const { cellBlock, cellBlockClassName, startCell, endCell } =\n      stateRef.current;\n    if (startCell) {\n      startCell.classList.remove(\"vuu-cellblock-start\");\n    }\n    if (endCell) {\n      endCell.classList.remove(\"vuu-cellblock-end\");\n    }\n    if (cellBlock?.classList.contains(cellBlockClassName)) {\n      cellBlock.classList.remove(cellBlockClassName);\n    }\n\n    const { endBox, startBox } = refState;\n\n    stateRef.current = {\n      ...refState,\n      cellBlock,\n      endBox: { ...endBox },\n      endPos: [-1, -1],\n      startBox: { ...startBox },\n      startPos: [-1, -1],\n    };\n  }, []);\n\n  const addMouseListener = useCallback(\n    (mouseOperation: MouseOperation, handler: NativeMouseHandler) => {\n      window.addEventListener(mouseType(mouseOperation), handler);\n      handlersRef.current[mouseOperation] = handler;\n    },\n    [],\n  );\n\n  const removeMouseListener = useCallback((name: MouseOperation) => {\n    window.removeEventListener(mouseType(name), handlersRef.current[name]);\n  }, []);\n\n  handlersRef.current.mouseMove = useCallback((evt: MouseEvent) => {\n    const { clientX: x, clientY: y } = evt;\n    const { endBox, startBox } = stateRef.current;\n    if (outsideBox(startBox, x, y) && outsideBox(endBox, x, y)) {\n      const cell = queryClosest<HTMLDivElement>(\n        evt.target,\n        \".vuuTableCell, .vuuCellBlock\",\n      );\n      if (cell?.classList.contains(\"vuuTableCell\")) {\n        setElementBox(cell, endBox);\n        stateRef.current.endCell = cell;\n        updateCellBlockClassName(stateRef.current);\n      }\n    }\n  }, []);\n\n  handlersRef.current.mouseUp = useCallback(\n    (evt: MouseEvent) => {\n      removeMouseListener(\"mouseMove\");\n      removeMouseListener(\"mouseUp\");\n\n      const { cellBlock, endCell, startCell } = stateRef.current;\n\n      const table = queryClosest<HTMLDivElement>(evt.target, \".vuuTable\");\n      endCell?.classList.add(\"vuu-cellblock-end\");\n      if (table) {\n        table.classList.remove(\"vuu-cellblock-select-in-progress-mouse\");\n      }\n\n      if (startCell && endCell) {\n        const tableCellBlock = getTableCellBlock(startCell, endCell);\n        onSelectCellBlock?.(tableCellBlock);\n      }\n\n      if (cellBlock) {\n        cellBlock.focus();\n      }\n    },\n    [onSelectCellBlock, removeMouseListener],\n  );\n\n  handlersRef.current.mouseMovePreDrag = useCallback(\n    (evt: MouseEvent) => {\n      const { current: state } = stateRef;\n      const { mouseStartX, mouseStartY } = state;\n\n      const x = (state.mousePosX = evt.clientX);\n      const y = (state.mousePosY = evt.clientY);\n\n      const distance = Math.max(\n        Math.abs(x - mouseStartX),\n        Math.abs(y - mouseStartY),\n      );\n\n      if (distance > DRAG_THRESHOLD) {\n        createCellBlock(\"mouse\");\n\n        const { mouseMove, mouseUp } = handlersRef.current;\n        removeMouseListener(\"mouseMovePreDrag\");\n        removeMouseListener(\"mouseUpPreDrag\");\n        addMouseListener(\"mouseMove\", mouseMove);\n        addMouseListener(\"mouseUp\", mouseUp);\n      }\n    },\n    [addMouseListener, createCellBlock, removeMouseListener],\n  );\n\n  handlersRef.current.mouseUpPreDrag = useCallback(() => {\n    removeMouseListener(\"mouseMovePreDrag\");\n    removeMouseListener(\"mouseUpPreDrag\");\n  }, [removeMouseListener]);\n\n  const handleNativeMouseOver = useCallback((evt: MouseEvent) => {\n    const cell = queryClosest<HTMLDivElement>(evt.target, \".vuuTableCell\");\n    if (cell) {\n      stateRef.current.endPos = getAriaCellPos(cell);\n      stateRef.current.endCell?.classList.remove(\"vuu-cellblock-end\");\n      stateRef.current.endCell = cell;\n      setElementBox(cell, stateRef.current.endBox);\n      updateCellBlockClassName(stateRef.current);\n\n      cell?.classList.add(\"vuu-cellblock-end\");\n    }\n  }, []);\n\n  const handleNativeMouseUp = useCallback(() => {\n    window.removeEventListener(\"mouseover\", handleNativeMouseOver);\n  }, [handleNativeMouseOver]);\n\n  const handleMouseDown = useCallback<MouseEventHandler>(\n    (evt) => {\n      if (evt.button === 0) {\n        initializeStateRef();\n        const { current: state } = stateRef;\n        const cell = queryClosest<HTMLDivElement>(evt.target, \".vuuTableCell\");\n        if (cell) {\n          state.startCell = cell;\n          state.mouseStartX = evt.clientX;\n          state.mouseStartY = evt.clientY;\n\n          const { mouseMovePreDrag, mouseUpPreDrag } = handlersRef.current;\n          addMouseListener(\"mouseMovePreDrag\", mouseMovePreDrag);\n          addMouseListener(\"mouseUpPreDrag\", mouseUpPreDrag);\n          console.log(\"register mouse enter\");\n          window.addEventListener(\"mouseover\", handleNativeMouseOver);\n          window.addEventListener(\"mouseup\", handleNativeMouseUp);\n        }\n      }\n    },\n    [\n      addMouseListener,\n      handleNativeMouseOver,\n      handleNativeMouseUp,\n      initializeStateRef,\n    ],\n  );\n\n  const nativeKeyDownHandlerRef = useRef<NativeKeyboardHandler>(NullHandler);\n\n  const handleNativeKeyUp = useCallback((evt: KeyboardEvent) => {\n    if (evt.key === \"Shift\") {\n      const { endCell } = stateRef.current;\n      const table = queryClosest<HTMLDivElement>(evt.target, \".vuuTable\");\n      endCell?.classList.add(\"vuu-cellblock-end\");\n      if (table) {\n        table.classList.remove(\"vuu-cellblock-select-in-progress-keyboard\");\n      }\n\n      window.removeEventListener(\"keydown\", nativeKeyDownHandlerRef.current, {\n        capture: true,\n      });\n      window.removeEventListener(\"keyup\", handleNativeKeyUp, {\n        capture: true,\n      });\n    }\n  }, []);\n\n  const handleNativeKeyDown = (nativeKeyDownHandlerRef.current = useCallback(\n    ({ key }: KeyboardEvent) => {\n      if (isArrowKey(key)) {\n        const { endBox, endPos, startBox } = stateRef.current;\n        if (isNullCellBox(startBox)) {\n          createCellBlock(\"keyboard\");\n        }\n        const nextCell = getNextCellPos(key, endPos, columnCount, rowCount);\n        stateRef.current.endPos = nextCell;\n        const cell = getTableCell(containerRef, nextCell);\n        stateRef.current.endCell = cell as HTMLDivElement;\n        setElementBox(cell, endBox);\n        updateCellBlockClassName(stateRef.current);\n      }\n    },\n    [columnCount, containerRef, createCellBlock, rowCount],\n  ));\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      console.log(\n        `[useCellBlockSelection] handleKeyDown (only interested in Shift key)`,\n      );\n      if (evt.key === \"Shift\") {\n        initializeStateRef();\n        const cell = queryClosest<HTMLDivElement>(evt.target, \".vuuTableCell\");\n        if (cell) {\n          const startPos = getAriaCellPos(cell);\n          stateRef.current.startPos = startPos;\n          stateRef.current.endPos = clone(startPos);\n          const { current: state } = stateRef;\n          state.startCell = cell;\n\n          window.addEventListener(\"keydown\", handleNativeKeyDown, {\n            capture: true,\n          });\n          window.addEventListener(\"keyup\", handleNativeKeyUp, {\n            capture: true,\n          });\n\n          evt.preventDefault();\n        }\n      }\n    },\n    [handleNativeKeyDown, handleNativeKeyUp, initializeStateRef],\n  );\n\n  return {\n    cellBlock,\n    onKeyDown: allowCellBlockSelection ? handleKeyDown : undefined,\n    onMouseDown: allowCellBlockSelection ? handleMouseDown : undefined,\n  };\n};\n"],"names":["cellBlock"],"mappings":"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"}

package/esm/cell-renderers/checkbox-cell/CheckboxCell.css.js

@@ -1,4 +0,0 @@
-var checkboxCellCss = ".vuuCheckboxCell-checkbox {\n  border: solid 2px transparent;\n  input:focus-visible + .saltCheckboxIcon {\n    outline: none;\n  }\n}\n\n.vuuTableCell-editable .vuuCheckboxCell-checkbox:focus-within {\n  border: solid 2px var(--salt-focused-outlineColor);\n}\n";
-
-export { checkboxCellCss as default };
-//# sourceMappingURL=CheckboxCell.css.js.map

package/esm/cell-renderers/checkbox-cell/CheckboxCell.css.js.map

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

package/esm/cell-renderers/checkbox-cell/CheckboxCell.js

@@ -1,65 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { memo, useCallback } from 'react';
-import { Checkbox } from '@salt-ds/core';
-import { isRpcSuccess, dispatchCustomEvent, dataColumnAndKeyUnchanged, registerComponent } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import checkboxCellCss from './CheckboxCell.css.js';
-
-const classBase = "vuuCheckboxCell";
-const CheckboxCell = memo(
-  ({ column, dataRow, onEdit }) => {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "vuu-checkbox-cell",
-      css: checkboxCellCss,
-      window: targetWindow
-    });
-    const isChecked = !!dataRow[column.name];
-    const handleCommit = useCallback(
-      (value) => async (evt) => {
-        const res = await onEdit?.(
-          { previousValue: isChecked, value },
-          "commit"
-        );
-        if (isRpcSuccess(res)) {
-          dispatchCustomEvent(evt.target, "vuu-commit");
-        }
-        return res;
-      },
-      [isChecked, onEdit]
-    );
-    const handleKeyDown = useCallback(
-      async (evt) => {
-        if (evt.key === "Enter") {
-          const res = await onEdit?.(
-            { previousValue: isChecked, value: !isChecked },
-            "commit"
-          );
-          if (isRpcSuccess(res)) {
-            dispatchCustomEvent(evt.target, "vuu-commit");
-          }
-        }
-      },
-      [isChecked, onEdit]
-    );
-    const className = `${classBase}-checkbox`;
-    return column.editable ? /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        checked: isChecked,
-        className,
-        onClick: handleCommit(!isChecked),
-        onKeyDown: handleKeyDown
-      }
-    ) : /* @__PURE__ */ jsx(Checkbox, { checked: isChecked, className, disabled: true });
-  },
-  dataColumnAndKeyUnchanged
-);
-CheckboxCell.displayName = "CheckboxCell";
-registerComponent("checkbox-cell", CheckboxCell, "cell-renderer", {
-  serverDataType: "boolean"
-});
-
-export { CheckboxCell };
-//# sourceMappingURL=CheckboxCell.js.map

package/esm/cell-renderers/checkbox-cell/CheckboxCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxCell.js","sources":["../../../../../packages/vuu-table/src/cell-renderers/checkbox-cell/CheckboxCell.tsx"],"sourcesContent":["import { MouseEvent, KeyboardEventHandler, memo, useCallback } from \"react\";\nimport { TableCellRendererProps } from \"@vuu-ui/vuu-table-types\";\nimport { Checkbox } from \"@salt-ds/core\";\nimport {\n  dataColumnAndKeyUnchanged,\n  dispatchCustomEvent,\n  isRpcSuccess,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport checkboxCellCss from \"./CheckboxCell.css\";\n\nconst classBase = \"vuuCheckboxCell\";\n\nexport const CheckboxCell = memo(\n  ({ column, dataRow, onEdit }: TableCellRendererProps) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-checkbox-cell\",\n      css: checkboxCellCss,\n      window: targetWindow,\n    });\n\n    const isChecked = !!dataRow[column.name];\n\n    const handleCommit = useCallback(\n      (value: boolean) => async (evt: MouseEvent) => {\n        const res = await onEdit?.(\n          { previousValue: isChecked, value },\n          \"commit\",\n        );\n        if (isRpcSuccess(res)) {\n          dispatchCustomEvent(evt.target as HTMLElement, \"vuu-commit\");\n        }\n        return res;\n      },\n      [isChecked, onEdit],\n    );\n\n    const handleKeyDown = useCallback<KeyboardEventHandler>(\n      async (evt) => {\n        if (evt.key === \"Enter\") {\n          const res = await onEdit?.(\n            { previousValue: isChecked, value: !isChecked },\n            \"commit\",\n          );\n          if (isRpcSuccess(res)) {\n            dispatchCustomEvent(evt.target as HTMLElement, \"vuu-commit\");\n          }\n        }\n      },\n      [isChecked, onEdit],\n    );\n\n    const className = `${classBase}-checkbox`;\n\n    return column.editable ? (\n      <Checkbox\n        checked={isChecked}\n        className={className}\n        onClick={handleCommit(!isChecked)}\n        onKeyDown={handleKeyDown}\n      />\n    ) : (\n      <Checkbox checked={isChecked} className={className} disabled={true} />\n    );\n  },\n  dataColumnAndKeyUnchanged,\n);\nCheckboxCell.displayName = \"CheckboxCell\";\n\nregisterComponent(\"checkbox-cell\", CheckboxCell, \"cell-renderer\", {\n  serverDataType: \"boolean\",\n});\n"],"names":[],"mappings":";;;;;;;;AAcA,MAAM,SAAY,GAAA,iBAAA;AAEX,MAAM,YAAe,GAAA,IAAA;AAAA,EAC1B,CAAC,EAAE,MAAQ,EAAA,OAAA,EAAS,QAAqC,KAAA;AACvD,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAA,eAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,SAAY,GAAA,CAAC,CAAC,OAAA,CAAQ,OAAO,IAAI,CAAA;AAEvC,IAAA,MAAM,YAAe,GAAA,WAAA;AAAA,MACnB,CAAC,KAAmB,KAAA,OAAO,GAAoB,KAAA;AAC7C,QAAA,MAAM,MAAM,MAAM,MAAA;AAAA,UAChB,EAAE,aAAe,EAAA,SAAA,EAAW,KAAM,EAAA;AAAA,UAClC;AAAA,SACF;AACA,QAAI,IAAA,YAAA,CAAa,GAAG,CAAG,EAAA;AACrB,UAAoB,mBAAA,CAAA,GAAA,CAAI,QAAuB,YAAY,CAAA;AAAA;AAE7D,QAAO,OAAA,GAAA;AAAA,OACT;AAAA,MACA,CAAC,WAAW,MAAM;AAAA,KACpB;AAEA,IAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,MACpB,OAAO,GAAQ,KAAA;AACb,QAAI,IAAA,GAAA,CAAI,QAAQ,OAAS,EAAA;AACvB,UAAA,MAAM,MAAM,MAAM,MAAA;AAAA,YAChB,EAAE,aAAA,EAAe,SAAW,EAAA,KAAA,EAAO,CAAC,SAAU,EAAA;AAAA,YAC9C;AAAA,WACF;AACA,UAAI,IAAA,YAAA,CAAa,GAAG,CAAG,EAAA;AACrB,YAAoB,mBAAA,CAAA,GAAA,CAAI,QAAuB,YAAY,CAAA;AAAA;AAC7D;AACF,OACF;AAAA,MACA,CAAC,WAAW,MAAM;AAAA,KACpB;AAEA,IAAM,MAAA,SAAA,GAAY,GAAG,SAAS,CAAA,SAAA,CAAA;AAE9B,IAAA,OAAO,OAAO,QACZ,mBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,SAAA;AAAA,QACT,SAAA;AAAA,QACA,OAAA,EAAS,YAAa,CAAA,CAAC,SAAS,CAAA;AAAA,QAChC,SAAW,EAAA;AAAA;AAAA,wBAGZ,GAAA,CAAA,QAAA,EAAA,EAAS,SAAS,SAAW,EAAA,SAAA,EAAsB,UAAU,IAAM,EAAA,CAAA;AAAA,GAExE;AAAA,EACA;AACF;AACA,YAAA,CAAa,WAAc,GAAA,cAAA;AAE3B,iBAAkB,CAAA,eAAA,EAAiB,cAAc,eAAiB,EAAA;AAAA,EAChE,cAAgB,EAAA;AAClB,CAAC,CAAA;;;;"}

package/esm/cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.css.js

@@ -1,4 +0,0 @@
-var checkboxRowSelectorCss = ".vuuTableCell {\n  .vuuCheckboxRowSelector {\n    align-items: center;\n    height: 100%;\n\n    .saltCheckboxIcon {\n      margin-top: 0;\n    }\n  }\n  .vuuCheckboxRowSelectorIcon {\n    margin-top: calc(var(--row-height) / 2 - 6px);\n  }\n}\n";
-
-export { checkboxRowSelectorCss as default };
-//# sourceMappingURL=CheckboxRowSelectorCell.css.js.map

package/esm/cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.css.js.map

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

package/esm/cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.js

@@ -1,49 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { registerComponent } from '@vuu-ui/vuu-utils';
-import { Checkbox } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import checkboxRowSelectorCss from './CheckboxRowSelectorCell.css.js';
-import { useCallback } from 'react';
-
-const inputProps = {
-  "aria-label": "Press space to select row"
-};
-const CheckboxRowSelectorCell = ({
-  dataRow
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-checkbox-row-selector-cell",
-    css: checkboxRowSelectorCss,
-    window: targetWindow
-  });
-  const isChecked = !!dataRow.isSelected;
-  const handleClick = useCallback((e) => {
-    const target = e.target;
-    if (target.tagName !== "INPUT") {
-      e.stopPropagation();
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      checked: isChecked,
-      className: "vuuCheckboxRowSelector",
-      inputProps,
-      onClick: handleClick
-    }
-  );
-};
-CheckboxRowSelectorCell.displayName = "CheckboxCell";
-registerComponent(
-  "checkbox-row-selector-cell",
-  CheckboxRowSelectorCell,
-  "cell-renderer",
-  {
-    serverDataType: "boolean"
-  }
-);
-
-export { CheckboxRowSelectorCell };
-//# sourceMappingURL=CheckboxRowSelectorCell.js.map

package/esm/cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxRowSelectorCell.js","sources":["../../../../../packages/vuu-table/src/cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.tsx"],"sourcesContent":["import { TableCellRendererProps } from \"@vuu-ui/vuu-table-types\";\nimport { registerComponent } from \"@vuu-ui/vuu-utils\";\nimport { Checkbox } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport checkboxRowSelectorCss from \"./CheckboxRowSelectorCell.css\";\nimport { MouseEventHandler, useCallback } from \"react\";\n\nconst inputProps = {\n  \"aria-label\": \"Press space to select row\",\n};\n\nexport const CheckboxRowSelectorCell: React.FC<TableCellRendererProps> = ({\n  dataRow,\n}) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-checkbox-row-selector-cell\",\n    css: checkboxRowSelectorCss,\n    window: targetWindow,\n  });\n\n  const isChecked = !!dataRow.isSelected;\n\n  const handleClick = useCallback<MouseEventHandler>((e) => {\n    const target = e.target as HTMLElement;\n    // Because of the label, click will fire twice.\n    if (target.tagName !== \"INPUT\") {\n      e.stopPropagation();\n    }\n  }, []);\n\n  return (\n    <Checkbox\n      checked={isChecked}\n      className=\"vuuCheckboxRowSelector\"\n      inputProps={inputProps}\n      onClick={handleClick}\n    />\n  );\n};\nCheckboxRowSelectorCell.displayName = \"CheckboxCell\";\n\nregisterComponent(\n  \"checkbox-row-selector-cell\",\n  CheckboxRowSelectorCell,\n  \"cell-renderer\",\n  {\n    serverDataType: \"boolean\",\n  },\n);\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,UAAa,GAAA;AAAA,EACjB,YAAc,EAAA;AAChB,CAAA;AAEO,MAAM,0BAA4D,CAAC;AAAA,EACxE;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gCAAA;AAAA,IACR,GAAK,EAAA,sBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,SAAA,GAAY,CAAC,CAAC,OAAQ,CAAA,UAAA;AAE5B,EAAM,MAAA,WAAA,GAAc,WAA+B,CAAA,CAAC,CAAM,KAAA;AACxD,IAAA,MAAM,SAAS,CAAE,CAAA,MAAA;AAEjB,IAAI,IAAA,MAAA,CAAO,YAAY,OAAS,EAAA;AAC9B,MAAA,CAAA,CAAE,eAAgB,EAAA;AAAA;AACpB,GACF,EAAG,EAAE,CAAA;AAEL,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,SAAA;AAAA,MACT,SAAU,EAAA,wBAAA;AAAA,MACV,UAAA;AAAA,MACA,OAAS,EAAA;AAAA;AAAA,GACX;AAEJ;AACA,uBAAA,CAAwB,WAAc,GAAA,cAAA;AAEtC,iBAAA;AAAA,EACE,4BAAA;AAAA,EACA,uBAAA;AAAA,EACA,eAAA;AAAA,EACA;AAAA,IACE,cAAgB,EAAA;AAAA;AAEpB,CAAA;;;;"}

package/esm/cell-renderers/input-cell/InputCell.css.js

@@ -1,4 +0,0 @@
-var inputCellCss = ".vuuTableCell.vuuTableCell-editable {\n  .vuuTableInputCell.saltInput-primary {\n    --salt-focused-outlineStyle: none;\n    --saltInput-height: var(--vuu-table-embedded-control-height);\n    --saltInput-minHeight: var(--saltInput-height);\n    border-radius: 2px;\n    font-weight: 500;\n  }\n}\n\n.vuuTableInputCell {\n  --edit-indicator-color: var(--salt-editable-borderColor);\n}\n.vuuTableInputCell-icon {\n  --vuu-icon-height: 13px;\n  --vuu-icon-left: 0;\n  --vuu-icon-size: 15px;\n  --vuu-icon-width: 12px;\n  border-radius: 10px;\n  cursor: pointer;\n}\n\n.vuuTableInputCell-error.saltInput-bordered.saltInput {\n    border-color: var(--salt-status-error-foreground-informative);\n  .saltInput-startAdornmentContainer {\n    .vuuTableInputCell-icon {\n      --vuu-icon-color: var(--salt-status-error-bold-background);\n    }\n  }\n  .saltInput-endAdornmentContainer {\n    .vuuTableInputCell-icon {\n      --vuu-icon-color: var(--salt-status-error-bold-background);\n    }\n  }\n}\n.vuuTableInputCell-warning.saltInput-bordered.saltInput {\n    border-color: var(--salt-status-warning-foreground-informative);\n  .saltInput-startAdornmentContainer {\n    .vuuTableInputCell-icon {\n      --vuu-icon-color: var(--salt-status-warning-bold-background);\n    }\n  }\n  .saltInput-endAdornmentContainer {\n    .vuuTableInputCell-icon {\n      --vuu-icon-color: var(--salt-status-warning-bold-background);\n    }\n  }\n}\n\n.vuuTableCell-right {\n  .saltInput-input {\n    text-align: right;\n  }\n}\n\n.vuuTableInputCell-edited {\n  border-left:  solid var(--vuuTableInputCell-edited-color, var(--edit-indicator-color)) 4px !important;\n}\n\n.vuuTableInputCell-error {\n    --edit-indicator-color: var(--salt-status-error-foreground-informative);\n    outline: var(--vuuTableCell-outline, solid var(--salt-status-error-foreground-informative) 2px);\n    outline-offset: -2px;\n}\n\n.vuuTableInputCell-warning {\n    --edit-indicator-color: var(--salt-status-warning-foreground-informative);\n    outline: var(--vuuTableCell-outline, solid var(--salt-status-warning-foreground-informative) 2px);\n    outline-offset: -2px;\n}\n";
-
-export { inputCellCss as default };
-//# sourceMappingURL=InputCell.css.js.map

package/esm/cell-renderers/input-cell/InputCell.css.js.map

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