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

package/cjs/bulk-edit/useColumnCascadingEditor.js

@@ -1,143 +0,0 @@
-'use strict';
-
-var vuuDataReact = require('@vuu-ui/vuu-data-react');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var useEditableCell = require('../useEditableCell.js');
-
-const getValidationChecker = (descriptor, editPhase) => {
-  const rules = vuuDataReact.getEditValidationRules(descriptor, editPhase);
-  return vuuDataReact.buildValidationChecker(rules);
-};
-const nextValidationState = (state, dataDescriptor, value) => {
-  const check = getValidationChecker(dataDescriptor, "change");
-  const result = check(value, "change");
-  const { name } = dataDescriptor;
-  const { ok: wasOk, messages: existingMessages } = state;
-  if (result.ok) {
-    if (!wasOk) {
-      const fieldsInError = Object.keys(existingMessages);
-      if (fieldsInError.includes(name)) {
-        if (fieldsInError.length === 1) {
-          return { ok: true, messages: {} };
-        } else {
-          const messages = { ...existingMessages };
-          delete messages[name];
-          return { ok: false, messages };
-        }
-      }
-    }
-  } else {
-    return {
-      ok: false,
-      messages: {
-        ...existingMessages,
-        [name]: result.messages.join("\n")
-      }
-    };
-  }
-  return state;
-};
-function find(descriptors, fieldname) {
-  const d = descriptors.find(({ name }) => name === fieldname);
-  if (d) {
-    return d;
-  }
-  throw Error(`DataValueDescriptor not found for field ${fieldname}`);
-}
-const getField = (target) => {
-  const fieldElement = vuuUtils.queryClosest(target, "[data-field]");
-  if (fieldElement) {
-    return fieldElement.dataset.field;
-  } else {
-    throw Error("no field ");
-  }
-};
-const useBulkEditRow = ({
-  descriptors,
-  onBulkChange,
-  onRowChange
-}) => {
-  const formFieldsContainerRef = react.useRef(null);
-  const focusedFieldRef = react.useRef("");
-  const [, forceUpdate] = react.useState({});
-  const validationStateRef = react.useRef({
-    ok: true,
-    messages: {}
-  });
-  const bulkRowValidationState = react.useCallback(
-    (state) => {
-      validationStateRef.current = state;
-      onRowChange(state.ok);
-      forceUpdate({});
-    },
-    [onRowChange]
-  );
-  const handleFocus = react.useCallback((evt) => {
-    if (formFieldsContainerRef.current?.contains(evt.target)) {
-      const fieldName = getField(evt.target);
-      if (fieldName) {
-        if (fieldName) {
-          focusedFieldRef.current = fieldName;
-        }
-      }
-    }
-  }, []);
-  const handleChange = react.useCallback(
-    (evt) => {
-      const { current: fieldName } = focusedFieldRef;
-      if (fieldName) {
-        const input = vuuUtils.queryClosest(evt.target, "input", true);
-        const dataDescriptor = find(descriptors, fieldName);
-        const value = input.value;
-        const { current: state } = validationStateRef;
-        const newState = nextValidationState(state, dataDescriptor, value);
-        if (newState !== state) {
-          bulkRowValidationState(newState);
-        }
-      }
-    },
-    [descriptors, bulkRowValidationState]
-  );
-  const {
-    current: { messages: errorMessages }
-  } = validationStateRef;
-  const handleCommit = react.useCallback(
-    (evt, value) => {
-      if (typeof value === "string" && value.trim() !== "") {
-        const columnName = focusedFieldRef.current;
-        if (columnName) {
-          const column = descriptors.find((c) => c.name === columnName);
-          if (column && errorMessages[columnName] === void 0) {
-            const { serverDataType = "string" } = column;
-            const typedValue = vuuUtils.getTypedValue(value, serverDataType, true);
-            onBulkChange(column, typedValue);
-          }
-        }
-      }
-    },
-    [descriptors, errorMessages, onBulkChange]
-  );
-  const InputProps2 = react.useMemo(
-    () => ({
-      inputProps: {
-        placeholder: "Enter value"
-      },
-      onChange: handleChange,
-      variant: "primary"
-    }),
-    [handleChange]
-  );
-  const onKeyDown = useEditableCell.useEditableCell();
-  return {
-    errorMessages,
-    formFieldsContainerRef,
-    InputProps: InputProps2,
-    onCommit: handleCommit,
-    onFocus: handleFocus,
-    onKeyDown
-  };
-};
-
-exports.useBulkEditRow = useBulkEditRow;
-//# sourceMappingURL=useColumnCascadingEditor.js.map

package/cjs/bulk-edit/useColumnCascadingEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnCascadingEditor.js","sources":["../../../../packages/vuu-table/src/bulk-edit/useColumnCascadingEditor.tsx"],"sourcesContent":["import {\n  buildValidationChecker,\n  getEditValidationRules,\n} from \"@vuu-ui/vuu-data-react\";\nimport { DataValueDescriptor, EditPhase } from \"@vuu-ui/vuu-data-types\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { CommitHandler, getTypedValue, queryClosest } from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport {\n  FocusEventHandler,\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useEditableCell } from \"../useEditableCell\";\n\nexport type EditValueChangeHandler = (\n  column: ColumnDescriptor,\n  value: VuuRowDataItemType,\n) => void;\n\nexport interface EditableBulkHookProps {\n  descriptors: DataValueDescriptor[];\n  onBulkChange: EditValueChangeHandler;\n  onRowChange: (isValid: boolean) => void;\n}\ntype ValidationState = {\n  ok: boolean;\n  messages: Record<string, string>;\n};\n\nconst getValidationChecker = (\n  descriptor: DataValueDescriptor,\n  editPhase: EditPhase | \"*\",\n) => {\n  const rules = getEditValidationRules(descriptor, editPhase);\n  return buildValidationChecker(rules);\n};\n\nconst nextValidationState = (\n  state: ValidationState,\n  dataDescriptor: DataValueDescriptor,\n  value: VuuRowDataItemType,\n): ValidationState => {\n  const check = getValidationChecker(dataDescriptor, \"change\");\n  const result = check(value, \"change\");\n  const { name } = dataDescriptor;\n\n  const { ok: wasOk, messages: existingMessages } = state;\n\n  if (result.ok) {\n    if (!wasOk) {\n      // if this field was the only one in error, the overall state\n      // will now be ok, but not if there is still one or more other\n      // field still in error.\n      const fieldsInError = Object.keys(existingMessages);\n      if (fieldsInError.includes(name)) {\n        if (fieldsInError.length === 1) {\n          return { ok: true, messages: {} };\n        } else {\n          const messages = { ...existingMessages };\n          delete messages[name];\n          return { ok: false, messages };\n        }\n      }\n    }\n  } else {\n    return {\n      ok: false,\n      messages: {\n        ...existingMessages,\n        [name]: result.messages.join(\"\\n\"),\n      },\n    };\n  }\n\n  return state;\n};\n\nfunction find(descriptors: DataValueDescriptor[], fieldname: string) {\n  const d = descriptors.find(({ name }) => name === fieldname);\n  if (d) {\n    return d;\n  }\n  throw Error(`DataValueDescriptor not found for field ${fieldname}`);\n}\n\nconst getField = (target: EventTarget | HTMLElement) => {\n  const fieldElement = queryClosest(target, \"[data-field]\");\n  if (fieldElement) {\n    return fieldElement.dataset.field as string;\n  } else {\n    throw Error(\"no field \");\n  }\n};\n\nexport const useBulkEditRow = ({\n  descriptors,\n  onBulkChange,\n  onRowChange,\n}: EditableBulkHookProps) => {\n  const formFieldsContainerRef = useRef<HTMLDivElement>(null);\n  const focusedFieldRef = useRef(\"\");\n  const [, forceUpdate] = useState({});\n  const validationStateRef = useRef<ValidationState>({\n    ok: true,\n    messages: {},\n  });\n\n  const bulkRowValidationState = useCallback(\n    (state: ValidationState) => {\n      validationStateRef.current = state;\n      onRowChange(state.ok);\n      forceUpdate({});\n    },\n    [onRowChange],\n  );\n\n  const handleFocus = useCallback<FocusEventHandler>((evt) => {\n    // Ignore focus on popup Calendars, Lists etc\n    if (formFieldsContainerRef.current?.contains(evt.target)) {\n      const fieldName = getField(evt.target);\n      if (fieldName) {\n        if (fieldName) {\n          focusedFieldRef.current = fieldName;\n        }\n      }\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    (evt: SyntheticEvent<HTMLInputElement>) => {\n      const { current: fieldName } = focusedFieldRef;\n      if (fieldName) {\n        const input = queryClosest<HTMLInputElement>(evt.target, \"input\", true);\n        const dataDescriptor = find(descriptors, fieldName);\n        const value = input.value as string;\n        const { current: state } = validationStateRef;\n        const newState = nextValidationState(state, dataDescriptor, value);\n        if (newState !== state) {\n          bulkRowValidationState(newState);\n        }\n      }\n    },\n    [descriptors, bulkRowValidationState],\n  );\n\n  const {\n    current: { messages: errorMessages },\n  } = validationStateRef;\n\n  const handleCommit = useCallback<CommitHandler<HTMLElement>>(\n    (evt, value) => {\n      if (typeof value === \"string\" && value.trim() !== \"\") {\n        const columnName = focusedFieldRef.current;\n        if (columnName) {\n          const column = descriptors.find((c) => c.name === columnName);\n          if (column && errorMessages[columnName] === undefined) {\n            const { serverDataType = \"string\" } = column;\n            const typedValue = getTypedValue(value, serverDataType, true);\n            onBulkChange(column, typedValue);\n          }\n        }\n      }\n    },\n    [descriptors, errorMessages, onBulkChange],\n  );\n\n  const InputProps = useMemo<Partial<InputProps>>(\n    () => ({\n      inputProps: {\n        placeholder: \"Enter value\",\n      },\n      onChange: handleChange,\n      variant: \"primary\",\n    }),\n    [handleChange],\n  );\n\n  const onKeyDown = useEditableCell();\n\n  return {\n    errorMessages,\n    formFieldsContainerRef,\n    InputProps,\n    onCommit: handleCommit,\n    onFocus: handleFocus,\n    onKeyDown,\n  };\n};\n"],"names":["getEditValidationRules","buildValidationChecker","queryClosest","useRef","useState","useCallback","getTypedValue","InputProps","useMemo","useEditableCell"],"mappings":"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"}

package/cjs/cell-block/CellBlock.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var cellBlockCss = ".vuuCellBlock {\n  background-color: #00bdff;\n  opacity: 0.3;\n  border: solid blue 1px;\n  position: absolute;\n\n  bottom: anchor(--cellblock-start bottom);\n  left: anchor(--cellblock-start left);\n  right: anchor(--cellblock-start right);\n  top: anchor(--cellblock-start top);\n\n  &.cellblock-direction-n {\n    bottom: anchor(--cellblock-start bottom);\n    left: anchor(--cellblock-start left);\n    right: anchor(--cellblock-start right);\n    top: anchor(--cellblock-end top);\n  }\n\n  &.cellblock-direction-ne {\n    bottom: anchor(--cellblock-start bottom);\n    left: anchor(--cellblock-start left);\n    right: anchor(--cellblock-end right);\n    top: anchor(--cellblock-end top);\n  }\n\n  &.cellblock-direction-e {\n    bottom: anchor(--cellblock-start bottom);\n    left: anchor(--cellblock-start left);\n    right: anchor(--cellblock-end right);\n    top: anchor(--cellblock-start top);\n  }\n\n  &.cellblock-direction-se {\n    bottom: anchor(--cellblock-end bottom);\n    left: anchor(--cellblock-start left);\n    right: anchor(--cellblock-end right);\n    top: anchor(--cellblock-start top);\n  }\n\n  &.cellblock-direction-s {\n    bottom: anchor(--cellblock-end bottom);\n    left: anchor(--cellblock-start left);\n    right: anchor(--cellblock-start right);\n    top: anchor(--cellblock-start top);\n  }\n\n  &.cellblock-direction-sw {\n    bottom: anchor(--cellblock-end bottom);\n    left: anchor(--cellblock-end left);\n    right: anchor(--cellblock-start right);\n    top: anchor(--cellblock-start top);\n  }\n\n  &.cellblock-direction-w {\n    bottom: anchor(--cellblock-start bottom);\n    left: anchor(--cellblock-end left);\n    right: anchor(--cellblock-start right);\n    top: anchor(--cellblock-start top);\n  }\n\n  &.cellblock-direction-nw {\n    bottom: anchor(--cellblock-start bottom);\n    left: anchor(--cellblock-end left);\n    right: anchor(--cellblock-start right);\n    top: anchor(--cellblock-end top);\n  }\n}\n\n.vuu-cellblock-start {\n  anchor-name: --cellblock-start;\n}\n\n.vuuTable.vuu-cellblock-select-in-progress-keyboard {\n  .vuuTableCell:focus {\n    anchor-name: --cellblock-end;\n  }\n  .vuuCellBlock {\n    pointer-events: none;\n  }\n}\n.vuuTable.vuu-cellblock-select-in-progress-mouse {\n  .vuuCellBlock {\n    pointer-events: none;\n  }\n}\n.vuu-cellblock-end {\n  anchor-name: --cellblock-end;\n}\n";
-
-module.exports = cellBlockCss;
-//# sourceMappingURL=CellBlock.css.js.map

package/cjs/cell-block/CellBlock.css.js.map

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

package/cjs/cell-block/CellBlock.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var CellBlock$1 = require('./CellBlock.css.js');
-
-const classBase = "vuuCellBlock";
-const CellBlock = react.forwardRef(
-  function CellBlock2({ className, onCopy, ...htmlAttributes }, forwardedRef) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "vuu-cell-block",
-      css: CellBlock$1,
-      window: targetWindow
-    });
-    const handleKeyDown = react.useCallback(
-      async (evt) => {
-        if (evt.metaKey && evt.key === "c") {
-          onCopy?.();
-        }
-      },
-      [onCopy]
-    );
-    const onContextMenu = react.useCallback(() => {
-      console.log("on cvontext menu");
-    }, []);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...htmlAttributes,
-        className: cx(classBase, className),
-        ref: forwardedRef,
-        onContextMenu,
-        onKeyDown: handleKeyDown,
-        tabIndex: 0
-      }
-    );
-  }
-);
-
-exports.CellBlock = CellBlock;
-//# sourceMappingURL=CellBlock.js.map

package/cjs/cell-block/CellBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CellBlock.js","sources":["../../../../packages/vuu-table/src/cell-block/CellBlock.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  forwardRef,\n  useCallback,\n} from \"react\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cellBlockCss from \"./CellBlock.css\";\n\nconst classBase = \"vuuCellBlock\";\n\nexport interface CellBlockProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onCopy\"> {\n  debugName?: string;\n  onCopy?: () => void;\n}\n\nexport const CellBlock = forwardRef<HTMLDivElement, CellBlockProps>(\n  function CellBlock({ className, onCopy, ...htmlAttributes }, forwardedRef) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-cell-block\",\n      css: cellBlockCss,\n      window: targetWindow,\n    });\n\n    const handleKeyDown = useCallback<KeyboardEventHandler>(\n      async (evt) => {\n        if (evt.metaKey && evt.key === \"c\") {\n          onCopy?.();\n        }\n      },\n      [onCopy],\n    );\n\n    const onContextMenu = useCallback<MouseEventHandler>(() => {\n      console.log(\"on cvontext menu\");\n    }, []);\n\n    return (\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className)}\n        ref={forwardedRef}\n        onContextMenu={onContextMenu}\n        onKeyDown={handleKeyDown}\n        tabIndex={0}\n      />\n    );\n  },\n);\n"],"names":["forwardRef","CellBlock","useWindow","useComponentCssInjection","cellBlockCss","useCallback","jsx"],"mappings":";;;;;;;;;AAaA,MAAM,SAAY,GAAA,cAAA;AAQX,MAAM,SAAY,GAAAA,gBAAA;AAAA,EACvB,SAASC,WAAU,EAAE,SAAA,EAAW,QAAQ,GAAG,cAAA,IAAkB,YAAc,EAAA;AACzE,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,MACpB,OAAO,GAAQ,KAAA;AACb,QAAA,IAAI,GAAI,CAAA,OAAA,IAAW,GAAI,CAAA,GAAA,KAAQ,GAAK,EAAA;AAClC,UAAS,MAAA,IAAA;AAAA;AACX,OACF;AAAA,MACA,CAAC,MAAM;AAAA,KACT;AAEA,IAAM,MAAA,aAAA,GAAgBA,kBAA+B,MAAM;AACzD,MAAA,OAAA,CAAQ,IAAI,kBAAkB,CAAA;AAAA,KAChC,EAAG,EAAE,CAAA;AAEL,IACE,uBAAAC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,QAClC,GAAK,EAAA,YAAA;AAAA,QACL,aAAA;AAAA,QACA,SAAW,EAAA,aAAA;AAAA,QACX,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA;AAGN;;;;"}

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

@@ -1,125 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var tableDomUtils = require('../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) => vuuUtils.getAriaRowIndex(vuuUtils.queryClosest(cell, ".vuuTableRow"));
-const getTableCellBlock = (startCell, endCell) => {
-  const colStart = vuuUtils.getAriaColIndex(startCell);
-  const colEnd = vuuUtils.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 = vuuUtils.queryClosest(
-    startCell,
-    ".vuuTable-body",
-    true
-  );
-  const [startRow, startCol] = tableDomUtils.getAriaCellPos(startCell);
-  const [endRow, endCol] = tableDomUtils.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");
-};
-
-exports.getEndCellDirection = getEndCellDirection;
-exports.getTableCellBlock = getTableCellBlock;
-exports.getTextFromCells = getTextFromCells;
-exports.isNullCellBox = isNullCellBox;
-exports.outsideBox = outsideBox;
-exports.refState = refState;
-exports.setElementBox = setElementBox;
-exports.updateCellBlockClassName = updateCellBlockClassName;
-//# sourceMappingURL=cellblock-utils.js.map

package/cjs/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":["getAriaRowIndex","queryClosest","getAriaColIndex","getAriaCellPos"],"mappings":"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"}

package/cjs/cell-block/useCellBlockSelection.js

@@ -1,257 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var tableDomUtils = require('../table-dom-utils.js');
-var CellBlock = require('./CellBlock.js');
-var cellblockUtils = require('./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] = react.useState(null);
-  const stateRef = react.useRef(cellblockUtils.refState);
-  const handlersRef = react.useRef(mouseHandlers);
-  const handleCopy = react.useCallback(async () => {
-    const { startCell, endCell } = stateRef.current;
-    if (startCell && endCell) {
-      const tsvText = cellblockUtils.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 = react.useCallback((el) => {
-    stateRef.current.cellBlock = el;
-  }, []);
-  const createCellBlock = react.useCallback(
-    (method = "mouse") => {
-      const { startBox, startCell } = stateRef.current;
-      if (startCell) {
-        const table = vuuUtils.queryClosest(startCell, ".vuuTable");
-        if (table) {
-          table.classList.add(`vuu-cellblock-select-in-progress-${method}`);
-        }
-        cellblockUtils.setElementBox(startCell, startBox);
-        startCell.classList.add("vuu-cellblock-start");
-        setCellBlock(/* @__PURE__ */ jsxRuntime.jsx(CellBlock.CellBlock, { onCopy: handleCopy, ref: cellBlockRef }));
-      }
-    },
-    [cellBlockRef, handleCopy]
-  );
-  const initializeStateRef = react.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 } = cellblockUtils.refState;
-    stateRef.current = {
-      ...cellblockUtils.refState,
-      cellBlock: cellBlock2,
-      endBox: { ...endBox },
-      endPos: [-1, -1],
-      startBox: { ...startBox },
-      startPos: [-1, -1]
-    };
-  }, []);
-  const addMouseListener = react.useCallback(
-    (mouseOperation, handler) => {
-      window.addEventListener(mouseType(mouseOperation), handler);
-      handlersRef.current[mouseOperation] = handler;
-    },
-    []
-  );
-  const removeMouseListener = react.useCallback((name) => {
-    window.removeEventListener(mouseType(name), handlersRef.current[name]);
-  }, []);
-  handlersRef.current.mouseMove = react.useCallback((evt) => {
-    const { clientX: x, clientY: y } = evt;
-    const { endBox, startBox } = stateRef.current;
-    if (cellblockUtils.outsideBox(startBox, x, y) && cellblockUtils.outsideBox(endBox, x, y)) {
-      const cell = vuuUtils.queryClosest(
-        evt.target,
-        ".vuuTableCell, .vuuCellBlock"
-      );
-      if (cell?.classList.contains("vuuTableCell")) {
-        cellblockUtils.setElementBox(cell, endBox);
-        stateRef.current.endCell = cell;
-        cellblockUtils.updateCellBlockClassName(stateRef.current);
-      }
-    }
-  }, []);
-  handlersRef.current.mouseUp = react.useCallback(
-    (evt) => {
-      removeMouseListener("mouseMove");
-      removeMouseListener("mouseUp");
-      const { cellBlock: cellBlock2, endCell, startCell } = stateRef.current;
-      const table = vuuUtils.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 = cellblockUtils.getTableCellBlock(startCell, endCell);
-        onSelectCellBlock?.(tableCellBlock);
-      }
-      if (cellBlock2) {
-        cellBlock2.focus();
-      }
-    },
-    [onSelectCellBlock, removeMouseListener]
-  );
-  handlersRef.current.mouseMovePreDrag = react.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 = react.useCallback(() => {
-    removeMouseListener("mouseMovePreDrag");
-    removeMouseListener("mouseUpPreDrag");
-  }, [removeMouseListener]);
-  const handleNativeMouseOver = react.useCallback((evt) => {
-    const cell = vuuUtils.queryClosest(evt.target, ".vuuTableCell");
-    if (cell) {
-      stateRef.current.endPos = tableDomUtils.getAriaCellPos(cell);
-      stateRef.current.endCell?.classList.remove("vuu-cellblock-end");
-      stateRef.current.endCell = cell;
-      cellblockUtils.setElementBox(cell, stateRef.current.endBox);
-      cellblockUtils.updateCellBlockClassName(stateRef.current);
-      cell?.classList.add("vuu-cellblock-end");
-    }
-  }, []);
-  const handleNativeMouseUp = react.useCallback(() => {
-    window.removeEventListener("mouseover", handleNativeMouseOver);
-  }, [handleNativeMouseOver]);
-  const handleMouseDown = react.useCallback(
-    (evt) => {
-      if (evt.button === 0) {
-        initializeStateRef();
-        const { current: state } = stateRef;
-        const cell = vuuUtils.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 = react.useRef(NullHandler);
-  const handleNativeKeyUp = react.useCallback((evt) => {
-    if (evt.key === "Shift") {
-      const { endCell } = stateRef.current;
-      const table = vuuUtils.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 = react.useCallback(
-    ({ key }) => {
-      if (vuuUtils.isArrowKey(key)) {
-        const { endBox, endPos, startBox } = stateRef.current;
-        if (cellblockUtils.isNullCellBox(startBox)) {
-          createCellBlock("keyboard");
-        }
-        const nextCell = tableDomUtils.getNextCellPos(key, endPos, columnCount, rowCount);
-        stateRef.current.endPos = nextCell;
-        const cell = tableDomUtils.getTableCell(containerRef, nextCell);
-        stateRef.current.endCell = cell;
-        cellblockUtils.setElementBox(cell, endBox);
-        cellblockUtils.updateCellBlockClassName(stateRef.current);
-      }
-    },
-    [columnCount, containerRef, createCellBlock, rowCount]
-  );
-  const handleKeyDown = react.useCallback(
-    (evt) => {
-      console.log(
-        `[useCellBlockSelection] handleKeyDown (only interested in Shift key)`
-      );
-      if (evt.key === "Shift") {
-        initializeStateRef();
-        const cell = vuuUtils.queryClosest(evt.target, ".vuuTableCell");
-        if (cell) {
-          const startPos = tableDomUtils.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
-  };
-};
-
-exports.useCellBlockSelection = useCellBlockSelection;
-//# sourceMappingURL=useCellBlockSelection.js.map