@vuu-ui/vuu-utils 2.3.0 → 3.0.0-beta.2

package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-const DataEditingContext = React.createContext(void 0);
-const DataEditingProvider = ({
-  children,
-  editSession
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(DataEditingContext.Provider, { value: editSession, children });
-};
-function useEditSession(throwIfUnavailable = false) {
-  const editSession = React.useContext(DataEditingContext);
-  if (editSession === void 0) {
-    if (throwIfUnavailable) {
-      throw Error(
-        "[useEditSession] no DataEditingContext in scope. You need to enclose editable component(s) with DataEditingProvider"
-      );
-    }
-  } else {
-    return editSession;
-  }
-}
-
-exports.DataEditingProvider = DataEditingProvider;
-exports.useEditSession = useEditSession;
-//# sourceMappingURL=DataEditingProvider.js.map

package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataEditingProvider.js","sources":["../../../../../../../packages/vuu-utils/src/data-editing/DataEditingProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { EditSession } from \"./EditSession\";\n\nconst DataEditingContext = createContext<EditSession | undefined>(undefined);\n\nexport const DataEditingProvider = ({\n  children,\n  editSession,\n}: {\n  children: ReactNode;\n  editSession: EditSession;\n}) => {\n  return (\n    <DataEditingContext.Provider value={editSession}>\n      {children}\n    </DataEditingContext.Provider>\n  );\n};\n\nexport function useEditSession(\n  throwIfUnavailable?: false,\n): EditSession | undefined;\nexport function useEditSession(throwIfUnavailable: true): EditSession;\nexport function useEditSession(throwIfUnavailable = false) {\n  const editSession = useContext(DataEditingContext);\n  if (editSession === undefined) {\n    if (throwIfUnavailable) {\n      throw Error(\n        \"[useEditSession] no DataEditingContext in scope. You need to enclose editable component(s) with DataEditingProvider\",\n      );\n    }\n  } else {\n    return editSession;\n  }\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;AAGA,MAAM,kBAAA,GAAqBA,oBAAuC,KAAS,CAAA,CAAA;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,sCACG,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,aACjC,QACH,EAAA,CAAA;AAEJ;AAMgB,SAAA,cAAA,CAAe,qBAAqB,KAAO,EAAA;AACzD,EAAM,MAAA,WAAA,GAAcC,iBAAW,kBAAkB,CAAA;AACjD,EAAA,IAAI,gBAAgB,KAAW,CAAA,EAAA;AAC7B,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAM,MAAA,KAAA;AAAA,QACJ;AAAA,OACF;AAAA;AACF,GACK,MAAA;AACL,IAAO,OAAA,WAAA;AAAA;AAEX;;;;;"}

package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var React = require('react');
-
-const EditButtons = ({
-  confirmCancel,
-  confirmSave,
-  editSession,
-  hasSelection = false,
-  onAddRows,
-  onCancel,
-  onDelete,
-  onSave,
-  saveLabel = "Save"
-}) => {
-  const [editState, setEditState] = React.useState("clean");
-  const handleSave = React.useCallback(async () => {
-    if (confirmSave) {
-      const confirmed = await confirmSave();
-      if (!confirmed) return;
-    }
-    onSave(editState === "stale");
-  }, [confirmSave, editState, onSave]);
-  const handleCancel = React.useCallback(async () => {
-    if (confirmCancel) {
-      const confirmed = await confirmCancel();
-      if (!confirmed) return;
-    }
-    onCancel?.();
-  }, [confirmCancel, onCancel]);
-  React.useEffect(() => {
-    if (editSession) {
-      editSession.on("editState", setEditState);
-      return () => editSession.removeListener("editState", setEditState);
-    }
-  }, [editSession]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    onDelete && /* @__PURE__ */ jsxRuntime.jsx(
-      core.Button,
-      {
-        disabled: !hasSelection,
-        onClick: onDelete,
-        sentiment: "negative",
-        children: "Delete"
-      }
-    ),
-    onAddRows && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onAddRows, sentiment: "neutral", children: "Add Rows" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      core.Button,
-      {
-        disabled: editState === "clean" || editState === "invalid",
-        onClick: handleSave,
-        sentiment: "accented",
-        children: editState === "stale" ? `${saveLabel} (force)` : saveLabel
-      }
-    ),
-    onCancel && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: handleCancel, children: "Cancel" })
-  ] });
-};
-
-exports.EditButtons = EditButtons;
-//# sourceMappingURL=EditButtons.js.map

package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditButtons.js","sources":["../../../../../../../packages/vuu-utils/src/data-editing/EditButtons.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport { EditState, EditSession } from \"./EditSession\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport interface EditButtonProps {\n  editSession?: EditSession;\n  hasSelection?: boolean;\n  onCancel?: () => void;\n  onDelete?: () => void;\n  onAddRows?: () => void;\n  onSave: (force?: boolean) => void;\n  saveLabel?: string;\n  confirmSave?: () => boolean | Promise<boolean>;\n  confirmCancel?: () => boolean | Promise<boolean>;\n}\n\nexport const EditButtons = ({\n  confirmCancel,\n  confirmSave,\n  editSession,\n  hasSelection = false,\n  onAddRows,\n  onCancel,\n  onDelete,\n  onSave,\n  saveLabel = \"Save\",\n}: EditButtonProps) => {\n  const [editState, setEditState] = useState<EditState>(\"clean\");\n\n  const handleSave = useCallback(async () => {\n    if (confirmSave) {\n      const confirmed = await confirmSave();\n      if (!confirmed) return;\n    }\n    onSave(editState === \"stale\");\n  }, [confirmSave, editState, onSave]);\n\n  const handleCancel = useCallback(async () => {\n    if (confirmCancel) {\n      const confirmed = await confirmCancel();\n      if (!confirmed) return;\n    }\n    onCancel?.();\n  }, [confirmCancel, onCancel]);\n\n  useEffect(() => {\n    if (editSession) {\n      editSession.on(\"editState\", setEditState);\n      return () => editSession.removeListener(\"editState\", setEditState);\n    }\n  }, [editSession]);\n\n  return (\n    <>\n      {onDelete && (\n        <Button\n          disabled={!hasSelection}\n          onClick={onDelete}\n          sentiment=\"negative\"\n        >\n          Delete\n        </Button>\n      )}\n      {onAddRows && (\n        <Button onClick={onAddRows} sentiment=\"neutral\">\n          Add Rows\n        </Button>\n      )}\n      <Button\n        disabled={editState === \"clean\" || editState === \"invalid\"}\n        onClick={handleSave}\n        sentiment=\"accented\"\n      >\n        {editState === \"stale\" ? `${saveLabel} (force)` : saveLabel}\n      </Button>      \n      {onCancel && <Button onClick={handleCancel}>Cancel</Button>}\n    </>\n  );\n};\n"],"names":["useState","useCallback","useEffect","jsxs","Fragment","jsx","Button"],"mappings":";;;;;;AAgBO,MAAM,cAAc,CAAC;AAAA,EAC1B,aAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA;AACd,CAAuB,KAAA;AACrB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAoB,OAAO,CAAA;AAE7D,EAAM,MAAA,UAAA,GAAaC,kBAAY,YAAY;AACzC,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,SAAA,GAAY,MAAM,WAAY,EAAA;AACpC,MAAA,IAAI,CAAC,SAAW,EAAA;AAAA;AAElB,IAAA,MAAA,CAAO,cAAc,OAAO,CAAA;AAAA,GAC3B,EAAA,CAAC,WAAa,EAAA,SAAA,EAAW,MAAM,CAAC,CAAA;AAEnC,EAAM,MAAA,YAAA,GAAeA,kBAAY,YAAY;AAC3C,IAAA,IAAI,aAAe,EAAA;AACjB,MAAM,MAAA,SAAA,GAAY,MAAM,aAAc,EAAA;AACtC,MAAA,IAAI,CAAC,SAAW,EAAA;AAAA;AAElB,IAAW,QAAA,IAAA;AAAA,GACV,EAAA,CAAC,aAAe,EAAA,QAAQ,CAAC,CAAA;AAE5B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAa,EAAA;AACf,MAAY,WAAA,CAAA,EAAA,CAAG,aAAa,YAAY,CAAA;AACxC,MAAA,OAAO,MAAM,WAAA,CAAY,cAAe,CAAA,WAAA,EAAa,YAAY,CAAA;AAAA;AACnE,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,uBAEKC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,QAAA,oBAAAC,cAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,UAAU,CAAC,YAAA;AAAA,QACX,OAAS,EAAA,QAAA;AAAA,QACT,SAAU,EAAA,UAAA;AAAA,QACX,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,IAED,6BACED,cAAA,CAAAC,WAAA,EAAA,EAAO,SAAS,SAAW,EAAA,SAAA,EAAU,WAAU,QAEhD,EAAA,UAAA,EAAA,CAAA;AAAA,oBAEFD,cAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAc,KAAA,OAAA,IAAW,SAAc,KAAA,SAAA;AAAA,QACjD,OAAS,EAAA,UAAA;AAAA,QACT,SAAU,EAAA,UAAA;AAAA,QAET,QAAc,EAAA,SAAA,KAAA,OAAA,GAAU,CAAG,EAAA,SAAS,CAAa,QAAA,CAAA,GAAA;AAAA;AAAA,KACpD;AAAA,IACC,QAAY,oBAAAD,cAAA,CAACC,WAAO,EAAA,EAAA,OAAA,EAAS,cAAc,QAAM,EAAA,QAAA,EAAA;AAAA,GACpD,EAAA,CAAA;AAEJ;;;;"}

package/cjs/packages/vuu-utils/src/data-editing/EditSession.js

@@ -1,320 +0,0 @@
-'use strict';
-
-var eventEmitter = require('../event-emitter.js');
-var protocolMessageUtils = require('../protocol-message-utils.js');
-
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _rowEdits, _deletedRows, _editCount, _deleteCount, _addCount, _invalidCount, _deleteMode, _sourceTableDataSource, _sessionDataSource, _inEditMode, _endEditModePending;
-const isCopyOption = (mode) => mode === "All" || mode === "Empty" || mode === "Selected";
-class StaleUpdateError extends Error {
-}
-class EditSession extends eventEmitter.EventEmitter {
-  constructor(dataSource, deleteMode = "soft") {
-    super();
-    /**
-     *  Row key => row edits
-     */
-    __privateAdd(this, _rowEdits, /* @__PURE__ */ new Map());
-    __privateAdd(this, _deletedRows, /* @__PURE__ */ new Set());
-    __privateAdd(this, _editCount, 0);
-    __privateAdd(this, _deleteCount, 0);
-    __privateAdd(this, _addCount, 0);
-    __privateAdd(this, _invalidCount, 0);
-    __privateAdd(this, _deleteMode);
-    __privateAdd(this, _sourceTableDataSource);
-    __privateAdd(this, _sessionDataSource);
-    __privateAdd(this, _inEditMode, false);
-    __privateAdd(this, _endEditModePending, false);
-    __privateSet(this, _sourceTableDataSource, dataSource);
-    __privateSet(this, _deleteMode, deleteMode);
-  }
-  get editCount() {
-    return __privateGet(this, _editCount);
-  }
-  set editCount(val) {
-    if (val !== __privateGet(this, _editCount)) {
-      const oldCount = __privateGet(this, _editCount);
-      __privateSet(this, _editCount, val);
-      if (val === 0 && __privateGet(this, _deleteCount) === 0 && __privateGet(this, _addCount) === 0) {
-        this.emit("editState", "clean");
-      } else if (oldCount === 0) {
-        this.emit("editState", "dirty");
-      }
-    }
-  }
-  get invalidCount() {
-    return __privateGet(this, _invalidCount);
-  }
-  set invalidCount(val) {
-    if (val !== __privateGet(this, _invalidCount)) {
-      const oldCount = __privateGet(this, _invalidCount);
-      __privateSet(this, _invalidCount, val);
-      if (val === 0) {
-        this.emit("editState", __privateGet(this, _editCount) === 0 ? "clean" : "dirty");
-      } else if (oldCount === 0) {
-        this.emit("editState", "invalid");
-      }
-    }
-  }
-  get deleteCount() {
-    return __privateGet(this, _deleteCount);
-  }
-  set deleteCount(val) {
-    if (val !== __privateGet(this, _deleteCount)) {
-      const oldCount = __privateGet(this, _deleteCount);
-      __privateSet(this, _deleteCount, val);
-      if (val === 0 && __privateGet(this, _editCount) === 0 && __privateGet(this, _addCount) === 0) {
-        this.emit("editState", "clean");
-      } else if (oldCount === 0) {
-        this.emit("editState", "dirty");
-      }
-    }
-  }
-  get addCount() {
-    return __privateGet(this, _addCount);
-  }
-  set addCount(val) {
-    if (val !== __privateGet(this, _addCount)) {
-      const oldCount = __privateGet(this, _addCount);
-      __privateSet(this, _addCount, val);
-      if (val === 0 && __privateGet(this, _editCount) === 0 && __privateGet(this, _deleteCount) === 0) {
-        this.emit("editState", "clean");
-      } else if (oldCount === 0) {
-        this.emit("editState", "dirty");
-      }
-    }
-  }
-  async deleteSelectedRows() {
-    const response = await this.dataSource?.deleteSelectedRows?.(__privateGet(this, _deleteMode));
-    if (protocolMessageUtils.isRpcError(response)) return;
-    const deletedKeys = response?.data?.deletedKeys;
-    if (deletedKeys && deletedKeys.length > 0) {
-      let newCount = 0;
-      for (const key of deletedKeys) {
-        if (!__privateGet(this, _deletedRows).has(key)) {
-          __privateGet(this, _deletedRows).add(key);
-          newCount++;
-        }
-      }
-      if (newCount > 0) {
-        this.deleteCount = __privateGet(this, _deleteCount) + newCount;
-      }
-    }
-  }
-  addRows(count = 15, rowData = {}) {
-    for (let i = 0; i < count; i++) {
-      __privateGet(this, _sourceTableDataSource)?.addRow?.(rowData);
-    }
-    this.addCount = __privateGet(this, _addCount) + count;
-  }
-  restoreRows(keys) {
-    for (const key of keys) {
-      if (__privateGet(this, _deletedRows).has(key)) {
-        __privateGet(this, _deletedRows).delete(key);
-        this.deleteCount = __privateGet(this, _deleteCount) - 1;
-      }
-    }
-  }
-  hasRowChanges(key) {
-    return __privateGet(this, _rowEdits).has(key) || __privateGet(this, _deletedRows).has(key);
-  }
-  async undoRowChange(key) {
-    if (!__privateGet(this, _inEditMode)) return;
-    const rowEdits = __privateGet(this, _rowEdits).get(key);
-    const wasDeleted = __privateGet(this, _deletedRows).has(key);
-    if (!rowEdits?.cellEdits.size && !wasDeleted) return;
-    __privateGet(this, _rowEdits).delete(key);
-    if (wasDeleted) __privateGet(this, _deletedRows).delete(key);
-    const response = await this.dataSource?.undoRowChange?.(key);
-    if (protocolMessageUtils.isRpcError(response)) {
-      if (rowEdits) __privateGet(this, _rowEdits).set(key, rowEdits);
-      if (wasDeleted) __privateGet(this, _deletedRows).add(key);
-      return;
-    }
-    if (rowEdits) {
-      let validCount = 0;
-      let invalidCount = 0;
-      for (const [, cellEdit] of rowEdits.cellEdits) {
-        if (cellEdit.isValid === false) {
-          invalidCount++;
-        } else {
-          validCount++;
-        }
-      }
-      this.editCount = __privateGet(this, _editCount) - validCount;
-      this.invalidCount = __privateGet(this, _invalidCount) - invalidCount;
-    }
-    if (wasDeleted) {
-      this.deleteCount = __privateGet(this, _deleteCount) - 1;
-    }
-    const wasInsertedRow = response?.data?.wasInsertedRow === true;
-    if (wasInsertedRow) {
-      this.addCount = __privateGet(this, _addCount) - 1;
-    }
-  }
-  clear() {
-    __privateGet(this, _rowEdits).clear();
-    __privateGet(this, _deletedRows).clear();
-    __privateSet(this, _editCount, 0);
-    __privateSet(this, _deleteCount, 0);
-    __privateSet(this, _addCount, 0);
-    __privateSet(this, _invalidCount, 0);
-    __privateSet(this, _inEditMode, false);
-    __privateSet(this, _endEditModePending, false);
-  }
-  async begin(mode) {
-    try {
-      __privateSet(this, _inEditMode, true);
-      const sessionDataSource = isCopyOption(mode) ? await __privateGet(this, _sourceTableDataSource)?.createSessionDataSource?.(mode) : await __privateGet(this, _sourceTableDataSource)?.beginEditSession?.(mode);
-      __privateSet(this, _sessionDataSource, sessionDataSource);
-      return sessionDataSource;
-    } catch (e) {
-      __privateSet(this, _inEditMode, false);
-    }
-  }
-  get dataSource() {
-    return __privateGet(this, _sessionDataSource) ?? __privateGet(this, _sourceTableDataSource);
-  }
-  async end(saveChanges = false, force = false) {
-    try {
-      if (__privateGet(this, _inEditMode)) {
-        __privateSet(this, _endEditModePending, true);
-        await this.dataSource?.endEditSession?.(saveChanges, force);
-        this.clear();
-      }
-    } catch (e) {
-      __privateSet(this, _endEditModePending, false);
-      if (e instanceof StaleUpdateError) {
-        this.emit("editState", "stale");
-      } else {
-        console.error(`[EditSession] ${e.message}`);
-      }
-    }
-  }
-  get inEditMode() {
-    return __privateGet(this, _inEditMode) === true && __privateGet(this, _endEditModePending) === false;
-  }
-  get editState() {
-    return this.editCount === 0 && __privateGet(this, _deleteCount) === 0 && __privateGet(this, _addCount) === 0 ? "clean" : "dirty";
-  }
-  getOrCreateRowEdits(key) {
-    const rowEditDetails = __privateGet(this, _rowEdits).get(key);
-    if (rowEditDetails) {
-      return rowEditDetails;
-    } else {
-      const rowEditDetails2 = {
-        cellEdits: /* @__PURE__ */ new Map()
-      };
-      __privateGet(this, _rowEdits).set(key, rowEditDetails2);
-      return rowEditDetails2;
-    }
-  }
-  storeCellEdit(cellEdits, column, originalValue, editedValue, isValid) {
-    const cellEdit = cellEdits.get(column);
-    if (cellEdit) {
-      if (cellEdit.originalValue === editedValue) {
-        cellEdits.delete(column);
-        cellEdit.isDeleted = true;
-        if (cellEdit.isValid) {
-          this.editCount -= 1;
-        } else {
-          this.invalidCount -= 1;
-        }
-      } else {
-        if (isValid && cellEdit.isValid === false) {
-          cellEdit.isValid = true;
-          cellEdit.editedValue = editedValue;
-          __privateSet(this, _invalidCount, __privateGet(this, _invalidCount) - 1);
-          this.editCount += 1;
-        }
-      }
-      return cellEdit;
-    } else {
-      const cellEdit2 = {
-        originalValue,
-        editedValue,
-        isValid
-      };
-      cellEdits.set(column, cellEdit2);
-      if (isValid) {
-        this.editCount += 1;
-      }
-      return cellEdit2;
-    }
-  }
-  async commit(key, columnName, originalValue, typedValue, isValid) {
-    if (!__privateGet(this, _inEditMode)) {
-      throw new Error("No edit session in progress");
-    }
-    const rowEditDetails = this.getOrCreateRowEdits(key);
-    if (isValid) {
-      const { cellEdits } = rowEditDetails;
-      const cellEdit = this.storeCellEdit(
-        cellEdits,
-        columnName,
-        originalValue,
-        typedValue,
-        isValid
-      );
-      if (cellEdit.isDeleted) {
-        if (rowEditDetails.cellEdits.size === 0) {
-          __privateGet(this, _rowEdits).delete(key);
-        }
-      }
-      if (this.dataSource?.editCell) {
-        const response = await this.dataSource.editCell(
-          key,
-          columnName,
-          typedValue
-        );
-        if (protocolMessageUtils.isRpcError(response)) {
-          cellEdit.isValid = false;
-          this.invalidCount += 1;
-        }
-        return {
-          editedDuringCurrentSession: cellEdit.originalValue !== typedValue,
-          ...response
-        };
-      }
-    } else {
-      const { cellEdits } = rowEditDetails;
-      let cellEdit = cellEdits.get(columnName);
-      if (cellEdit && cellEdit.isValid !== false) {
-        cellEdit.isValid = false;
-        this.invalidCount += 1;
-      } else if (cellEdit === void 0) {
-        cellEdit = this.storeCellEdit(
-          cellEdits,
-          columnName,
-          originalValue,
-          typedValue,
-          isValid
-        );
-        this.invalidCount += 1;
-      }
-      return { editedDuringCurrentSession: false };
-    }
-  }
-}
-_rowEdits = new WeakMap();
-_deletedRows = new WeakMap();
-_editCount = new WeakMap();
-_deleteCount = new WeakMap();
-_addCount = new WeakMap();
-_invalidCount = new WeakMap();
-_deleteMode = new WeakMap();
-_sourceTableDataSource = new WeakMap();
-_sessionDataSource = new WeakMap();
-_inEditMode = new WeakMap();
-_endEditModePending = new WeakMap();
-
-exports.EditSession = EditSession;
-exports.StaleUpdateError = StaleUpdateError;
-exports.isCopyOption = isCopyOption;
-//# sourceMappingURL=EditSession.js.map

package/cjs/packages/vuu-utils/src/data-editing/EditSession.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditSession.js","sources":["../../../../../../../packages/vuu-utils/src/data-editing/EditSession.tsx"],"sourcesContent":["import { CopyOption, DataSource, DeleteRowMode, DeleteSelectedRowsResult, EditApi, EditSessionMode, UndoRowChangeResult } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { EventEmitter } from \"../event-emitter\";\nimport { isRpcError } from \"../protocol-message-utils\";\n\nexport const isCopyOption = (mode?: EditSessionMode | CopyOption): mode is CopyOption =>\n  mode === \"All\" || mode === \"Empty\" || mode === \"Selected\";\n\nexport type EditState = \"clean\" | \"dirty\" | \"invalid\" | \"stale\";\n\nexport class EditError extends Error {}\n\ntype CellEdit = {\n  originalValue: VuuRowDataItemType;\n  editedValue: VuuRowDataItemType;\n  isValid?: boolean;\n  isDeleted?: boolean;\n};\n\n// TODO can add more when when we know what the server implementation of error columns will look like\nexport class StaleUpdateError extends Error {}\n\ntype RowEditDetails = {\n  /**\n   * Column name => cell edit details\n   */\n  cellEdits: Map<string, CellEdit>;\n};\n\ntype EditSessionEvents = {\n  editState: (editState: EditState) => void;\n};\n\nexport class EditSession extends EventEmitter<EditSessionEvents> {\n  /**\n   *  Row key => row edits\n   */\n  #rowEdits = new Map<string, RowEditDetails>();\n  #deletedRows = new Set<string>();\n  #editCount = 0;\n  #deleteCount = 0;\n  #addCount = 0;\n  #invalidCount = 0;\n  #deleteMode: DeleteRowMode;\n  #sourceTableDataSource?: EditApi;\n  #sessionDataSource?: EditApi;\n  #inEditMode = false;\n  #endEditModePending = false;\n\n  constructor(dataSource: EditApi, deleteMode: DeleteRowMode = \"soft\") {\n    super();\n    this.#sourceTableDataSource = dataSource;\n    this.#deleteMode = deleteMode;\n  }\n\n  get editCount() {\n    return this.#editCount;\n  }\n\n  set editCount(val: number) {\n    if (val !== this.#editCount) {\n      const oldCount = this.#editCount;\n      this.#editCount = val;\n      if (val === 0 && this.#deleteCount === 0 && this.#addCount === 0) {\n        this.emit(\"editState\", \"clean\");\n      } else if (oldCount === 0) {\n        this.emit(\"editState\", \"dirty\");\n      }\n    }\n  }\n\n  get invalidCount() {\n    return this.#invalidCount;\n  }\n\n  set invalidCount(val: number) {\n    if (val !== this.#invalidCount) {\n      const oldCount = this.#invalidCount;\n      this.#invalidCount = val;\n      if (val === 0) {\n        this.emit(\"editState\", this.#editCount === 0 ? \"clean\" : \"dirty\");\n      } else if (oldCount === 0) {\n        this.emit(\"editState\", \"invalid\");\n      }\n    }\n  }\n\n  get deleteCount() {\n    return this.#deleteCount;\n  }\n\n  set deleteCount(val: number) {\n    if (val !== this.#deleteCount) {\n      const oldCount = this.#deleteCount;\n      this.#deleteCount = val;\n      if (val === 0 && this.#editCount === 0 && this.#addCount === 0) {\n        this.emit(\"editState\", \"clean\");\n      } else if (oldCount === 0) {\n        this.emit(\"editState\", \"dirty\");\n      }\n    }\n  }\n\n  get addCount() {\n    return this.#addCount;\n  }\n\n  set addCount(val: number) {\n    if (val !== this.#addCount) {\n      const oldCount = this.#addCount;\n      this.#addCount = val;\n      if (val === 0 && this.#editCount === 0 && this.#deleteCount === 0) {\n        this.emit(\"editState\", \"clean\");\n      } else if (oldCount === 0) {\n        this.emit(\"editState\", \"dirty\");\n      }\n    }\n  }\n\n  async deleteSelectedRows(): Promise<void> {\n    const response = await this.dataSource?.deleteSelectedRows?.(this.#deleteMode);\n    if (isRpcError(response)) return;\n    const deletedKeys = (response?.data as DeleteSelectedRowsResult | undefined)\n      ?.deletedKeys;\n    if (deletedKeys && deletedKeys.length > 0) {\n      let newCount = 0;\n      for (const key of deletedKeys) {\n        if (!this.#deletedRows.has(key)) {\n          this.#deletedRows.add(key);\n          newCount++;\n        }\n      }\n      if (newCount > 0) {\n        this.deleteCount = this.#deleteCount + newCount;\n      }\n    }\n  }\n\n  addRows(\n    count = 15,\n    rowData: Record<string, VuuRowDataItemType> = {},\n  ) {\n    for (let i = 0; i < count; i++) {\n      this.#sourceTableDataSource?.addRow?.(rowData);\n    }\n    this.addCount = this.#addCount + count;\n  }\n\n  restoreRows(keys: string[]) {\n    for (const key of keys) {\n      if (this.#deletedRows.has(key)) {\n        this.#deletedRows.delete(key);\n        this.deleteCount = this.#deleteCount - 1;\n      }\n    }\n  }\n\n  hasRowChanges(key: string): boolean {\n    return this.#rowEdits.has(key) || this.#deletedRows.has(key);\n  }\n\n  async undoRowChange(key: string): Promise<void> {\n    if (!this.#inEditMode) return;\n\n    const rowEdits = this.#rowEdits.get(key);\n    const wasDeleted = this.#deletedRows.has(key);\n\n    if (!rowEdits?.cellEdits.size && !wasDeleted) return;\n\n    this.#rowEdits.delete(key);\n    if (wasDeleted) this.#deletedRows.delete(key);\n\n    const response = await this.dataSource?.undoRowChange?.(key);\n\n    if (isRpcError(response)) {\n      // Restore on failure\n      if (rowEdits) this.#rowEdits.set(key, rowEdits);\n      if (wasDeleted) this.#deletedRows.add(key);\n      return;\n    }\n\n    // Update counters after confirmed success\n    if (rowEdits) {\n      let validCount = 0;\n      let invalidCount = 0;\n      for (const [, cellEdit] of rowEdits.cellEdits) {\n        if (cellEdit.isValid === false) {\n          invalidCount++;\n        } else {\n          validCount++;\n        }\n      }\n      this.editCount = this.#editCount - validCount;\n      this.invalidCount = this.#invalidCount - invalidCount;\n    }\n    if (wasDeleted) {\n      this.deleteCount = this.#deleteCount - 1;\n    }\n    \n    // If the server deleted a newly inserted row, decrement addCount\n    const wasInsertedRow =\n      (response?.data as UndoRowChangeResult | undefined)?.wasInsertedRow === true;\n    if (wasInsertedRow) {\n      this.addCount = this.#addCount - 1;\n    }\n  }\n\n  clear() {\n    this.#rowEdits.clear();\n    this.#deletedRows.clear();\n    this.#editCount = 0;\n    this.#deleteCount = 0;\n    this.#addCount = 0;\n    this.#invalidCount = 0;\n    this.#inEditMode = false;\n    this.#endEditModePending = false;\n  }\n\n  /** @deprecated Pass a `CopyOption` (\"All\" | \"Empty\" | \"Selected\") to use `createSessionDataSource` instead. Long-form `EditSessionMode` values will be removed in a future release. */\n  async begin(mode: EditSessionMode): Promise<DataSource | undefined>;\n  async begin(mode?: CopyOption): Promise<DataSource | undefined>;\n  async begin(mode?: EditSessionMode | CopyOption): Promise<DataSource | undefined> {\n    try {\n      this.#inEditMode = true;\n      const sessionDataSource = isCopyOption(mode)\n        ? await this.#sourceTableDataSource?.createSessionDataSource?.(mode)\n        : await this.#sourceTableDataSource?.beginEditSession?.(mode);\n\n      this.#sessionDataSource = sessionDataSource;\n      return sessionDataSource;\n    } catch (e) {\n      this.#inEditMode = false;\n    }\n  }\n\n  get dataSource() {\n    return this.#sessionDataSource ?? this.#sourceTableDataSource;\n  }\n\n  async end(saveChanges = false, force = false) {\n    try {\n      if (this.#inEditMode) {\n        this.#endEditModePending = true;\n        await this.dataSource?.endEditSession?.(saveChanges, force);\n        this.clear();\n      }\n    } catch (e) {\n      this.#endEditModePending = false;\n      if (e instanceof StaleUpdateError) {\n        this.emit(\"editState\", \"stale\");\n      } else {\n        console.error(`[EditSession] ${(e as Error).message}`);\n      }\n    }\n  }\n\n  get inEditMode() {\n    return this.#inEditMode === true && this.#endEditModePending === false;\n  }\n\n  get editState(): EditState {\n    return this.editCount === 0 && this.#deleteCount === 0 && this.#addCount === 0\n      ? \"clean\"\n      : \"dirty\";\n  }\n\n  getOrCreateRowEdits(key: string): RowEditDetails {\n    const rowEditDetails = this.#rowEdits.get(key);\n    if (rowEditDetails) {\n      return rowEditDetails;\n    } else {\n      const rowEditDetails = {\n        cellEdits: new Map(),\n      };\n      this.#rowEdits.set(key, rowEditDetails);\n      return rowEditDetails;\n    }\n  }\n\n  storeCellEdit(\n    cellEdits: Map<string, CellEdit>,\n    column: string,\n    originalValue: VuuRowDataItemType,\n    editedValue: VuuRowDataItemType,\n    isValid: boolean,\n  ) {\n    const cellEdit = cellEdits.get(column);\n    if (cellEdit) {\n      if (cellEdit.originalValue === editedValue) {\n        cellEdits.delete(column);\n        cellEdit.isDeleted = true;\n        if (cellEdit.isValid) {\n          this.editCount -= 1;\n        } else {\n          this.invalidCount -= 1;\n        }\n      } else {\n        if (isValid && cellEdit.isValid === false) {\n          cellEdit.isValid = true;\n          cellEdit.editedValue = editedValue;\n          // do not trigger the event, save it for the editCount\n          this.#invalidCount -= 1;\n          this.editCount += 1;\n        }\n      }\n      return cellEdit;\n    } else {\n      const cellEdit: CellEdit = {\n        originalValue,\n        editedValue,\n        isValid,\n      };\n      cellEdits.set(column, cellEdit);\n      if (isValid) {\n        this.editCount += 1;\n      }\n      return cellEdit;\n    }\n  }\n\n  async commit(\n    key: string,\n    columnName: string,\n    originalValue: VuuRowDataItemType,\n    typedValue: string | number | boolean,\n    isValid: boolean,\n  ) {\n    if (!this.#inEditMode) {\n      throw new Error(\"No edit session in progress\");\n    }\n    const rowEditDetails = this.getOrCreateRowEdits(key);\n\n    if (isValid) {\n      const { cellEdits } = rowEditDetails;\n\n      const cellEdit = this.storeCellEdit(\n        cellEdits,\n        columnName,\n        originalValue,\n        typedValue,\n        isValid,\n      );\n\n      if (cellEdit.isDeleted) {\n        if (rowEditDetails.cellEdits.size === 0) {\n          this.#rowEdits.delete(key);\n        }\n      }\n\n      if (this.dataSource?.editCell) {\n        const response = await this.dataSource.editCell(\n          key,\n          columnName,\n          typedValue,\n        );\n        if (isRpcError(response)) {\n          cellEdit.isValid = false;\n          this.invalidCount += 1;\n        }\n\n        return {\n          editedDuringCurrentSession: cellEdit.originalValue !== typedValue,\n          ...response,\n        };\n      }\n    } else {\n      const { cellEdits } = rowEditDetails;\n      let cellEdit = cellEdits.get(columnName);\n      if (cellEdit && cellEdit.isValid !== false) {\n        cellEdit.isValid = false;\n        this.invalidCount += 1;\n      } else if (cellEdit === undefined) {\n        cellEdit = this.storeCellEdit(\n          cellEdits,\n          columnName,\n          originalValue,\n          typedValue,\n          isValid,\n        );\n        this.invalidCount += 1;\n      }\n      return { editedDuringCurrentSession: false };\n    }\n  }\n}\n"],"names":["EventEmitter","isRpcError","rowEditDetails","cellEdit"],"mappings":"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"}

package/cjs/packages/vuu-utils/src/data-editing/edit-utils.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('../date/date-utils.js');
-require('../date/dateTimePattern.js');
-var formatter = require('../date/formatter.js');
-
-const isInlineEditingSession = (editSessionMode) => editSessionMode.startsWith("inline");
-const timeFormatter = formatter.formatDate({ time: "hh:mm:ss" });
-const getVuuEditMessage = (dataRow, column, originalValue) => {
-  const vuuMsg = dataRow.vuuMsg;
-  if (typeof vuuMsg === "string" && vuuMsg !== "") {
-    const columnMessages = vuuMsg.split(",");
-    const msgForCol = columnMessages.find(
-      (msg) => msg.startsWith(`${column.name}:`)
-    );
-    if (msgForCol) {
-      const [, value, updatedValue, ts] = msgForCol.split(":");
-      const updateTime = timeFormatter(new Date(parseInt(ts)));
-      return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        "Update rejected. Original value ",
-        /* @__PURE__ */ jsxRuntime.jsx("b", { children: originalValue }),
-        " could not be updated to ",
-        /* @__PURE__ */ jsxRuntime.jsx("b", { children: value }),
-        ". It was updated to ",
-        /* @__PURE__ */ jsxRuntime.jsx("b", { children: updatedValue }),
-        " at ",
-        updateTime,
-        "."
-      ] });
-    }
-  }
-};
-
-exports.getVuuEditMessage = getVuuEditMessage;
-exports.isInlineEditingSession = isInlineEditingSession;
-//# sourceMappingURL=edit-utils.js.map

package/cjs/packages/vuu-utils/src/data-editing/edit-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-utils.js","sources":["../../../../../../../packages/vuu-utils/src/data-editing/edit-utils.tsx"],"sourcesContent":["import { EditSessionMode, InlineEditSessionMode } from \"@vuu-ui/vuu-data-types\";\nimport { DataRow, RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { formatDate } from \"../date\";\n\nexport const isInlineEditingSession = (\n  editSessionMode: EditSessionMode,\n): editSessionMode is InlineEditSessionMode =>\n  editSessionMode.startsWith(\"inline\");\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\n\nexport const getVuuEditMessage = (\n  dataRow: DataRow,\n  column: RuntimeColumnDescriptor,\n  originalValue: string,\n) => {\n  const vuuMsg = dataRow.vuuMsg as string;\n  if (typeof vuuMsg === \"string\" && vuuMsg !== \"\") {\n    const columnMessages = vuuMsg.split(\",\");\n    const msgForCol = columnMessages.find((msg) =>\n      msg.startsWith(`${column.name}:`),\n    );\n    if (msgForCol) {\n      const [, value, updatedValue, ts] = msgForCol.split(\":\");\n      const updateTime = timeFormatter(new Date(parseInt(ts as string)));\n      return (\n        <span>\n          {\"Update rejected. Original value \"}\n          <b>{originalValue}</b>\n          {\" could not be updated to \"}\n          <b>{value}</b>\n          {\". It was updated to \"}\n          <b>{updatedValue}</b>\n          {\" at \"}\n          {updateTime}\n          {\".\"}\n        </span>\n      );\n    }\n  }\n};\n"],"names":["formatDate","jsx"],"mappings":";;;;;;;AAIO,MAAM,sBAAyB,GAAA,CACpC,eAEA,KAAA,eAAA,CAAgB,WAAW,QAAQ;AAErC,MAAM,aAAgB,GAAAA,oBAAA,CAAW,EAAE,IAAA,EAAM,YAAY,CAAA;AAE9C,MAAM,iBAAoB,GAAA,CAC/B,OACA,EAAA,MAAA,EACA,aACG,KAAA;AACH,EAAA,MAAM,SAAS,OAAQ,CAAA,MAAA;AACvB,EAAA,IAAI,OAAO,MAAA,KAAW,QAAY,IAAA,MAAA,KAAW,EAAI,EAAA;AAC/C,IAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,GAAG,CAAA;AACvC,IAAA,MAAM,YAAY,cAAe,CAAA,IAAA;AAAA,MAAK,CAAC,GACrC,KAAA,GAAA,CAAI,WAAW,CAAG,EAAA,MAAA,CAAO,IAAI,CAAG,CAAA,CAAA;AAAA,KAClC;AACA,IAAA,IAAI,SAAW,EAAA;AACb,MAAM,MAAA,GAAG,KAAO,EAAA,YAAA,EAAc,EAAE,CAAI,GAAA,SAAA,CAAU,MAAM,GAAG,CAAA;AACvD,MAAA,MAAM,aAAa,aAAc,CAAA,IAAI,KAAK,QAAS,CAAA,EAAY,CAAC,CAAC,CAAA;AACjE,MAAA,uCACG,MACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,kCAAA;AAAA,wBACDC,cAAA,CAAC,OAAG,QAAc,EAAA,aAAA,EAAA,CAAA;AAAA,QACjB,2BAAA;AAAA,wBACDA,cAAA,CAAC,OAAG,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,QACT,sBAAA;AAAA,wBACDA,cAAA,CAAC,OAAG,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,QAChB,MAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACH,EAAA,CAAA;AAAA;AAEJ;AAEJ;;;;;"}

package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js

@@ -1,124 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DataProvider = require('../context-definitions/DataProvider.js');
-var useLayoutEffectSkipFirst = require('../useLayoutEffectSkipFirst.js');
-var EditSession = require('./EditSession.js');
-
-const useEditableTable = ({
-  addRowsCount = 15,
-  columns,
-  dataSource: dataSourceProp,
-  deleteMode = "soft",
-  editSessionMode = "inline-all-rows",
-  isEditMode,
-  onCancel,
-  onSave,
-  table
-}) => {
-  const { VuuDataSource } = DataProvider.useData();
-  const [sessionDataSource, setSessionDataSource] = React.useState(void 0);
-  const [selectionCount, setSelectionCount] = React.useState(0);
-  const [deleteCount, setDeleteCount] = React.useState(0);
-  useLayoutEffectSkipFirst.useLayoutEffectSkipFirst(() => {
-    console.warn(`[useEditableTable] columns and or table changed`);
-  }, [columns, table]);
-  const dataSource = React.useMemo(() => {
-    if (dataSourceProp) {
-      return dataSourceProp;
-    } else if (table) {
-      return new VuuDataSource({ columns, table });
-    } else {
-      throw Error(
-        `useEditableTable unable to provide DataSource, neither dataSource nor table available as props`
-      );
-    }
-  }, [VuuDataSource, columns, dataSourceProp, table]);
-  const editSession = React.useMemo(
-    () => new EditSession.EditSession(dataSource, deleteMode),
-    // deleteMode is intentionally excluded — changing it mid-session is not supported
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dataSource]
-  );
-  const handleCancel = React.useCallback(async () => {
-    try {
-      await editSession.end();
-      setSessionDataSource(void 0);
-      setSelectionCount(0);
-      onCancel();
-    } catch (e) {
-    }
-  }, [editSession, onCancel]);
-  const handleSave = React.useCallback(
-    async (force = false) => {
-      dataSource.resume?.();
-      try {
-        await editSession.end(true, force);
-        if (editSession.inEditMode === false) {
-          setSessionDataSource(void 0);
-          setSelectionCount(0);
-          onSave();
-        }
-      } catch (e) {
-        console.log(`[useEditableTable] handleSave ${e.message}`);
-      }
-    },
-    [dataSource, editSession, onSave]
-  );
-  const handleDelete = React.useCallback(async () => {
-    await editSession.deleteSelectedRows();
-    setSelectionCount(0);
-  }, [editSession]);
-  const handleAddRows = React.useCallback(() => {
-    editSession.addRows(addRowsCount);
-  }, [addRowsCount, editSession]);
-  const handleUndoRowChange = React.useCallback(
-    (key) => void editSession.undoRowChange(key),
-    [editSession]
-  );
-  React.useEffect(() => {
-    const activeDataSource = sessionDataSource ?? dataSource;
-    activeDataSource.on("row-selection", setSelectionCount);
-    return () => activeDataSource.removeListener("row-selection", setSelectionCount);
-  }, [dataSource, sessionDataSource]);
-  React.useEffect(() => {
-    const syncDeleteCount = () => setDeleteCount(editSession.deleteCount);
-    editSession.on("editState", syncDeleteCount);
-    return () => editSession.removeListener("editState", syncDeleteCount);
-  }, [editSession]);
-  React.useMemo(async () => {
-    if (isEditMode) {
-      try {
-        const sessionDs = EditSession.isCopyOption(editSessionMode) ? await editSession.begin(editSessionMode) : await editSession.begin(editSessionMode);
-        if (sessionDs) {
-          setSessionDataSource(sessionDs);
-        } else {
-          console.warn(
-            `[useEditableTable] editSession.begin(${editSessionMode}) did not return a session DataSource`
-          );
-        }
-      } catch (e) {
-        console.error(`[useEditableTable] begin edit session failed`, e);
-        onCancel();
-      }
-    } else if (editSession.inEditMode) {
-      await editSession.end();
-      setSessionDataSource(void 0);
-      setSelectionCount(0);
-    }
-  }, [editSession, editSessionMode, isEditMode, onCancel]);
-  return {
-    dataSource,
-    editSession,
-    hasSelection: selectionCount > 0 || deleteCount > 0,
-    onAddRows: handleAddRows,
-    onCancel: handleCancel,
-    onDelete: handleDelete,
-    onSave: handleSave,
-    onUndoRowChange: handleUndoRowChange,
-    sessionDataSource
-  };
-};
-
-exports.useEditableTable = useEditableTable;
-//# sourceMappingURL=useEditableTable.js.map