@vuu-ui/vuu-data-editing 3.0.0 → 3.1.0-beta.1

package/cjs/UndoCellRenderer.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var DataEditingProvider = require('./DataEditingProvider.js');
-
-const UNDO_CELL_RENDERER = "vuu.undo-cell";
-const getUndoButtonContent = (componentProps) => ({
-  icon: componentProps?.icon,
-  text: componentProps?.text === void 0 ? "UNDO" : componentProps.text || void 0
-});
-const getUndoTooltipContent = (action) => action === "deleteRow" ? "Undo delete row" : action === "addRow" ? "Undo insert row" : action === "editCell" ? "Undo row edits" : void 0;
-const UndoCellRenderer = ({
-  column,
-  dataRow
-}) => {
-  const editSession = DataEditingProvider.useEditSession();
-  const renderer = column.type?.renderer;
-  const { icon, text } = getUndoButtonContent(
-    renderer?.componentProps
-  );
-  const tooltipContent = getUndoTooltipContent(
-    dataRow.vuu_action
-  );
-  if (tooltipContent === void 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { content: tooltipContent, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    core.Button,
-    {
-      appearance: "transparent",
-      "aria-label": tooltipContent,
-      onClick: () => editSession?.undoRowChange(dataRow.key),
-      style: { height: "100%", width: "100%" },
-      children: [
-        icon ? /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.Icon, { name: icon }) : null,
-        text
-      ]
-    }
-  ) });
-};
-vuuUtils.registerComponent(UNDO_CELL_RENDERER, UndoCellRenderer, "cell-renderer");
-
-exports.UNDO_CELL_RENDERER = UNDO_CELL_RENDERER;
-exports.UndoCellRenderer = UndoCellRenderer;
-exports.getUndoButtonContent = getUndoButtonContent;
-exports.getUndoTooltipContent = getUndoTooltipContent;
-//# sourceMappingURL=UndoCellRenderer.js.map

package/cjs/UndoCellRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UndoCellRenderer.js","sources":["../../../packages/vuu-data-editing/src/UndoCellRenderer.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport type {\n  ColumnTypeRendering,\n  DataValueTypeDescriptor,\n  TableCellRendererProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport { registerComponent } from \"@vuu-ui/vuu-utils\";\nimport { useEditSession } from \"./DataEditingProvider\";\n\nexport const UNDO_CELL_RENDERER = \"vuu.undo-cell\";\n\nexport interface UndoCellRendererComponentProps {\n  icon?: string;\n  text?: string | false;\n}\n\nexport const getUndoButtonContent = (\n  componentProps?: UndoCellRendererComponentProps,\n) => ({\n  icon: componentProps?.icon,\n  text:\n    componentProps?.text === undefined\n      ? \"UNDO\"\n      : componentProps.text || undefined,\n});\n\nexport const getUndoTooltipContent = (\n  action: unknown,\n) =>\n  action === \"deleteRow\"\n    ? \"Undo delete row\"\n    : action === \"addRow\"\n      ? \"Undo insert row\"\n      : action === \"editCell\"\n        ? \"Undo row edits\"\n        : undefined;\n\nexport const UndoCellRenderer = ({\n  column,\n  dataRow,\n}: TableCellRendererProps) => {\n  const editSession = useEditSession();\n  const renderer = (column.type as DataValueTypeDescriptor)\n    ?.renderer as ColumnTypeRendering;\n  const { icon, text } = getUndoButtonContent(\n    renderer?.componentProps as UndoCellRendererComponentProps | undefined,\n  );\n  const tooltipContent = getUndoTooltipContent(\n    dataRow.vuu_action,\n  );\n\n  if (tooltipContent === undefined) return null;\n\n  return (\n    <Tooltip content={tooltipContent}>\n      <Button\n        appearance=\"transparent\"\n        aria-label={tooltipContent}\n        onClick={() => editSession?.undoRowChange(dataRow.key)}\n        style={{ height: \"100%\", width: \"100%\" }}\n      >\n        {icon ? <Icon name={icon} /> : null}\n        {text}\n      </Button>\n    </Tooltip>\n  );\n};\n\nregisterComponent(UNDO_CELL_RENDERER, UndoCellRenderer, \"cell-renderer\");\n"],"names":["useEditSession","jsx","Tooltip","jsxs","Button","Icon","registerComponent"],"mappings":";;;;;;;;AAUO,MAAM,kBAAqB,GAAA;AAOrB,MAAA,oBAAA,GAAuB,CAClC,cACI,MAAA;AAAA,EACJ,MAAM,cAAgB,EAAA,IAAA;AAAA,EACtB,MACE,cAAgB,EAAA,IAAA,KAAS,KACrB,CAAA,GAAA,MAAA,GACA,eAAe,IAAQ,IAAA,KAAA;AAC/B,CAAA;AAEa,MAAA,qBAAA,GAAwB,CACnC,MAAA,KAEA,MAAW,KAAA,WAAA,GACP,iBACA,GAAA,MAAA,KAAW,QACT,GAAA,iBAAA,GACA,MAAW,KAAA,UAAA,GACT,gBACA,GAAA,KAAA;AAEH,MAAM,mBAAmB,CAAC;AAAA,EAC/B,MAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,cAAcA,kCAAe,EAAA;AACnC,EAAM,MAAA,QAAA,GAAY,OAAO,IACrB,EAAA,QAAA;AACJ,EAAM,MAAA,EAAE,IAAM,EAAA,IAAA,EAAS,GAAA,oBAAA;AAAA,IACrB,QAAU,EAAA;AAAA,GACZ;AACA,EAAA,MAAM,cAAiB,GAAA,qBAAA;AAAA,IACrB,OAAQ,CAAA;AAAA,GACV;AAEA,EAAI,IAAA,cAAA,KAAmB,QAAkB,OAAA,IAAA;AAEzC,EACE,uBAAAC,cAAA,CAACC,YAAQ,EAAA,EAAA,OAAA,EAAS,cAChB,EAAA,QAAA,kBAAAC,eAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,aAAA;AAAA,MACX,YAAY,EAAA,cAAA;AAAA,MACZ,OAAS,EAAA,MAAM,WAAa,EAAA,aAAA,CAAc,QAAQ,GAAG,CAAA;AAAA,MACrD,KAAO,EAAA,EAAE,MAAQ,EAAA,MAAA,EAAQ,OAAO,MAAO,EAAA;AAAA,MAEtC,QAAA,EAAA;AAAA,QAAA,IAAA,mBAAQH,cAAA,CAAAI,kBAAA,EAAA,EAAK,IAAM,EAAA,IAAA,EAAM,CAAK,GAAA,IAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ;AAEAC,0BAAkB,CAAA,kBAAA,EAAoB,kBAAkB,eAAe,CAAA;;;;;;;"}

package/cjs/edit-utils.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const timeFormatter = vuuUtils.formatDate({ time: "hh:mm:ss" });
-const dataRowEditErrors = /* @__PURE__ */ Symbol("vuuDataRowEditErrors");
-const isEditRowReadOnly = (dataRow) => dataRow.vuu_action === "deleteRow";
-const withDataRowEditErrors = (dataRow, errors) => {
-  Object.defineProperty(dataRow, dataRowEditErrors, {
-    configurable: true,
-    value: errors
-  });
-  return dataRow;
-};
-const getVuuEditMessage = (dataRow, column, originalValue) => {
-  const editError = dataRow[dataRowEditErrors]?.[column.name];
-  if (editError) {
-    return editError;
-  }
-  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,
-        "."
-      ] });
-    }
-  }
-};
-
-Object.defineProperty(exports, "isInlineEditingSession", {
-  enumerable: true,
-  get: function () { return vuuUtils.isInlineEditingSession; }
-});
-exports.getVuuEditMessage = getVuuEditMessage;
-exports.isEditRowReadOnly = isEditRowReadOnly;
-exports.withDataRowEditErrors = withDataRowEditErrors;
-//# sourceMappingURL=edit-utils.js.map

package/cjs/edit-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-utils.js","sources":["../../../packages/vuu-data-editing/src/edit-utils.tsx"],"sourcesContent":["import type { DataRow, RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { formatDate } from \"@vuu-ui/vuu-utils\";\n\nexport { isInlineEditingSession } from \"@vuu-ui/vuu-utils\";\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\nconst dataRowEditErrors = Symbol(\"vuuDataRowEditErrors\");\n\nexport const isEditRowReadOnly = (dataRow: DataRow) =>\n  dataRow.vuu_action === \"deleteRow\";\n\ntype DataRowWithEditErrors = DataRow & {\n  [dataRowEditErrors]?: Record<string, string>;\n};\n\nexport const withDataRowEditErrors = <T extends DataRow>(\n  dataRow: T,\n  errors: Record<string, string>,\n): T => {\n  Object.defineProperty(dataRow, dataRowEditErrors, {\n    configurable: true,\n    value: errors,\n  });\n  return dataRow;\n};\n\nexport const getVuuEditMessage = (\n  dataRow: DataRow,\n  column: RuntimeColumnDescriptor,\n  originalValue: string,\n) => {\n  const editError = (dataRow as DataRowWithEditErrors)[dataRowEditErrors]?.[\n    column.name\n  ];\n  if (editError) {\n    return editError;\n  }\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":";;;;;AAKA,MAAM,aAAgB,GAAAA,mBAAA,CAAW,EAAE,IAAA,EAAM,YAAY,CAAA;AACrD,MAAM,iBAAA,0BAA2B,sBAAsB,CAAA;AAEhD,MAAM,iBAAoB,GAAA,CAAC,OAChC,KAAA,OAAA,CAAQ,UAAe,KAAA;AAMZ,MAAA,qBAAA,GAAwB,CACnC,OAAA,EACA,MACM,KAAA;AACN,EAAO,MAAA,CAAA,cAAA,CAAe,SAAS,iBAAmB,EAAA;AAAA,IAChD,YAAc,EAAA,IAAA;AAAA,IACd,KAAO,EAAA;AAAA,GACR,CAAA;AACD,EAAO,OAAA,OAAA;AACT;AAEO,MAAM,iBAAoB,GAAA,CAC/B,OACA,EAAA,MAAA,EACA,aACG,KAAA;AACH,EAAA,MAAM,SAAa,GAAA,OAAA,CAAkC,iBAAiB,CAAA,GACpE,OAAO,IACT,CAAA;AACA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,OAAA,SAAA;AAAA;AAGT,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/editActionRowClassNameGenerator.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const EDIT_ACTION_ROW_CLASS_NAME_GENERATOR = "vuu-edit-actions";
-const editActionRowClassNameGenerator = (dataRow) => {
-  switch (dataRow.vuu_action) {
-    case "addRow":
-      return "vuuTableRow-inserted";
-    case "deleteRow":
-      return "vuuTableRow-deleted";
-  }
-};
-vuuUtils.registerComponent(
-  EDIT_ACTION_ROW_CLASS_NAME_GENERATOR,
-  {
-    fn: editActionRowClassNameGenerator,
-    id: EDIT_ACTION_ROW_CLASS_NAME_GENERATOR
-  },
-  "row-class-generator"
-);
-
-exports.EDIT_ACTION_ROW_CLASS_NAME_GENERATOR = EDIT_ACTION_ROW_CLASS_NAME_GENERATOR;
-exports.editActionRowClassNameGenerator = editActionRowClassNameGenerator;
-//# sourceMappingURL=editActionRowClassNameGenerator.js.map

package/cjs/editActionRowClassNameGenerator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editActionRowClassNameGenerator.js","sources":["../../../packages/vuu-data-editing/src/editActionRowClassNameGenerator.ts"],"sourcesContent":["import type { DataRow } from \"@vuu-ui/vuu-table-types\";\nimport { registerComponent } from \"@vuu-ui/vuu-utils\";\n\nexport const EDIT_ACTION_ROW_CLASS_NAME_GENERATOR = \"vuu-edit-actions\";\n\nexport const editActionRowClassNameGenerator = (dataRow: DataRow) => {\n  switch (dataRow.vuu_action) {\n    case \"addRow\":\n      return \"vuuTableRow-inserted\";\n    case \"deleteRow\":\n      return \"vuuTableRow-deleted\";\n  }\n};\n\nregisterComponent(\n  EDIT_ACTION_ROW_CLASS_NAME_GENERATOR,\n  {\n    fn: editActionRowClassNameGenerator,\n    id: EDIT_ACTION_ROW_CLASS_NAME_GENERATOR,\n  },\n  \"row-class-generator\",\n);\n"],"names":["registerComponent"],"mappings":";;;;AAGO,MAAM,oCAAuC,GAAA;AAEvC,MAAA,+BAAA,GAAkC,CAAC,OAAqB,KAAA;AACnE,EAAA,QAAQ,QAAQ,UAAY;AAAA,IAC1B,KAAK,QAAA;AACH,MAAO,OAAA,sBAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAO,OAAA,qBAAA;AAAA;AAEb;AAEAA,0BAAA;AAAA,EACE,oCAAA;AAAA,EACA;AAAA,IACE,EAAI,EAAA,+BAAA;AAAA,IACJ,EAAI,EAAA;AAAA,GACN;AAAA,EACA;AACF,CAAA;;;;;"}

package/cjs/index.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var DataEditingProvider = require('./DataEditingProvider.js');
-var useCellEdited = require('./useCellEdited.js');
-var editUtils = require('./edit-utils.js');
-var EditButtons = require('./EditButtons.js');
-var EditModeProvider = require('./EditModeProvider.js');
-var EditSession = require('./EditSession.js');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var editActionRowClassNameGenerator = require('./editActionRowClassNameGenerator.js');
-var UndoCellRenderer = require('./UndoCellRenderer.js');
-var useEditableTable = require('./useEditableTable.js');
-
-
-
-exports.DataEditingProvider = DataEditingProvider.DataEditingProvider;
-exports.useEditSession = DataEditingProvider.useEditSession;
-exports.useCellEdited = useCellEdited.useCellEdited;
-exports.getVuuEditMessage = editUtils.getVuuEditMessage;
-exports.isEditRowReadOnly = editUtils.isEditRowReadOnly;
-exports.withDataRowEditErrors = editUtils.withDataRowEditErrors;
-exports.EditButtons = EditButtons.EditButtons;
-exports.EditModeProvider = EditModeProvider.EditModeProvider;
-exports.useEditMode = EditModeProvider.useEditMode;
-exports.EditError = EditSession.EditError;
-exports.EditSession = EditSession.EditSession;
-exports.SupersededEditError = EditSession.SupersededEditError;
-Object.defineProperty(exports, "StaleUpdateError", {
-  enumerable: true,
-  get: function () { return vuuUtils.StaleUpdateError; }
-});
-Object.defineProperty(exports, "isInlineEditingSession", {
-  enumerable: true,
-  get: function () { return vuuUtils.isInlineEditingSession; }
-});
-exports.EDIT_ACTION_ROW_CLASS_NAME_GENERATOR = editActionRowClassNameGenerator.EDIT_ACTION_ROW_CLASS_NAME_GENERATOR;
-exports.editActionRowClassNameGenerator = editActionRowClassNameGenerator.editActionRowClassNameGenerator;
-exports.UNDO_CELL_RENDERER = UndoCellRenderer.UNDO_CELL_RENDERER;
-exports.UndoCellRenderer = UndoCellRenderer.UndoCellRenderer;
-exports.getUndoButtonContent = UndoCellRenderer.getUndoButtonContent;
-exports.getUndoTooltipContent = UndoCellRenderer.getUndoTooltipContent;
-exports.useEditableTable = useEditableTable.useEditableTable;
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/useCellEdited.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useCellEdited = (editSession, key, columnName) => {
-  const subscribe = react.useCallback(
-    (onStoreChange) => {
-      if (!editSession) {
-        return () => void 0;
-      }
-      const handleCellEditChanged = (changedKey, changedColumnName) => {
-        if (changedKey === key && changedColumnName === columnName) {
-          onStoreChange();
-        }
-      };
-      editSession.on("cellEditChanged", handleCellEditChanged);
-      return () => editSession.removeListener("cellEditChanged", handleCellEditChanged);
-    },
-    [columnName, editSession, key]
-  );
-  const getSnapshot = react.useCallback(
-    () => editSession?.isCellEdited(key, columnName) ?? false,
-    [columnName, editSession, key]
-  );
-  return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-};
-
-exports.useCellEdited = useCellEdited;
-//# sourceMappingURL=useCellEdited.js.map

package/cjs/useCellEdited.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCellEdited.js","sources":["../../../packages/vuu-data-editing/src/useCellEdited.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from \"react\";\nimport type { EditSession } from \"./EditSession\";\n\nexport const useCellEdited = (\n  editSession: EditSession | undefined,\n  key: string,\n  columnName: string,\n) => {\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      if (!editSession) {\n        return () => undefined;\n      }\n      const handleCellEditChanged = (\n        changedKey: string,\n        changedColumnName: string,\n      ) => {\n        if (changedKey === key && changedColumnName === columnName) {\n          onStoreChange();\n        }\n      };\n      editSession.on(\"cellEditChanged\", handleCellEditChanged);\n      return () =>\n        editSession.removeListener(\"cellEditChanged\", handleCellEditChanged);\n    },\n    [columnName, editSession, key],\n  );\n  const getSnapshot = useCallback(\n    () => editSession?.isCellEdited(key, columnName) ?? false,\n    [columnName, editSession, key],\n  );\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n};\n"],"names":["useCallback","useSyncExternalStore"],"mappings":";;;;AAGO,MAAM,aAAgB,GAAA,CAC3B,WACA,EAAA,GAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAAA,iBAAA;AAAA,IAChB,CAAC,aAA8B,KAAA;AAC7B,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAA,OAAO,MAAM,KAAA,CAAA;AAAA;AAEf,MAAM,MAAA,qBAAA,GAAwB,CAC5B,UAAA,EACA,iBACG,KAAA;AACH,QAAI,IAAA,UAAA,KAAe,GAAO,IAAA,iBAAA,KAAsB,UAAY,EAAA;AAC1D,UAAc,aAAA,EAAA;AAAA;AAChB,OACF;AACA,MAAY,WAAA,CAAA,EAAA,CAAG,mBAAmB,qBAAqB,CAAA;AACvD,MAAA,OAAO,MACL,WAAA,CAAY,cAAe,CAAA,iBAAA,EAAmB,qBAAqB,CAAA;AAAA,KACvE;AAAA,IACA,CAAC,UAAY,EAAA,WAAA,EAAa,GAAG;AAAA,GAC/B;AACA,EAAA,MAAM,WAAc,GAAAA,iBAAA;AAAA,IAClB,MAAM,WAAA,EAAa,YAAa,CAAA,GAAA,EAAK,UAAU,CAAK,IAAA,KAAA;AAAA,IACpD,CAAC,UAAY,EAAA,WAAA,EAAa,GAAG;AAAA,GAC/B;AAEA,EAAO,OAAAC,0BAAA,CAAqB,SAAW,EAAA,WAAA,EAAa,WAAW,CAAA;AACjE;;;;"}

package/cjs/useEditableTable.js

@@ -1,145 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var EditSession = require('./EditSession.js');
-var editActionRowClassNameGenerator = require('./editActionRowClassNameGenerator.js');
-
-const EDIT_ACTION_ROW_CLASS_NAME_GENERATORS = [
-  editActionRowClassNameGenerator.EDIT_ACTION_ROW_CLASS_NAME_GENERATOR
-];
-const useEditableTable = ({
-  columns,
-  dataSource: dataSourceProp,
-  deleteMode = "soft",
-  editSessionApi = "createSessionDataSource",
-  copyOption = "All",
-  isEditMode,
-  onCancel,
-  onSave,
-  table
-}) => {
-  const { VuuDataSource } = vuuUtils.useData();
-  const [selectionCount, setSelectionCount] = react.useState(0);
-  vuuUtils.useLayoutEffectSkipFirst(() => {
-    console.warn("[useEditableTable] columns and or table changed");
-  }, [columns, table]);
-  const sourceDataSource = 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(sourceDataSource, deleteMode, editSessionApi),
-    [deleteMode, editSessionApi, sourceDataSource]
-  );
-  const [lifecycle, setLifecycle] = react.useState(
-    editSession.lifecycle
-  );
-  const [editState, setEditState] = react.useState(editSession.editState);
-  const [subscribedSessionDataSource, setSubscribedSessionDataSource] = react.useState();
-  const onCancelRef = react.useRef(onCancel);
-  onCancelRef.current = onCancel;
-  const sessionDataSource = "sessionDataSource" in lifecycle ? lifecycle.sessionDataSource : void 0;
-  const dataSource = sessionDataSource ?? sourceDataSource;
-  const handleCancel = react.useCallback(async () => {
-    try {
-      await editSession.end();
-      setSelectionCount(0);
-      onCancel();
-    } catch (error) {
-      console.error("[useEditableTable] cancel edit session failed", error);
-    }
-  }, [editSession, onCancel]);
-  const handleSave = react.useCallback(
-    async (force = false) => {
-      try {
-        await editSession.end(true, force);
-        setSelectionCount(0);
-        onSave();
-      } catch (error) {
-        console.error("[useEditableTable] save edit session failed", error);
-      }
-    },
-    [editSession, onSave]
-  );
-  const handleDelete = react.useCallback(async () => {
-    await editSession.deleteSelectedRows();
-  }, [editSession]);
-  const handleUndoRowChange = react.useCallback(
-    (key) => void editSession.undoRowChange(key),
-    [editSession]
-  );
-  react.useEffect(() => {
-    dataSource.on("row-selection", setSelectionCount);
-    return () => dataSource.removeListener("row-selection", setSelectionCount);
-  }, [dataSource]);
-  react.useEffect(() => {
-    if (!sessionDataSource) {
-      setSubscribedSessionDataSource(void 0);
-      return;
-    }
-    const handleSubscribed = () => setSubscribedSessionDataSource(sessionDataSource);
-    setSubscribedSessionDataSource(void 0);
-    sessionDataSource.on("subscribed", handleSubscribed);
-    if (sessionDataSource.status === "subscribed" && sessionDataSource.tableSchema) {
-      handleSubscribed();
-    }
-    return () => sessionDataSource.removeListener("subscribed", handleSubscribed);
-  }, [sessionDataSource]);
-  react.useEffect(() => {
-    const handleEditState = (nextEditState) => {
-      setEditState(nextEditState);
-    };
-    const handleLifecycle = (nextLifecycle) => {
-      setLifecycle(nextLifecycle);
-    };
-    setEditState(editSession.editState);
-    setLifecycle(editSession.lifecycle);
-    editSession.on("editState", handleEditState);
-    editSession.on("lifecycle", handleLifecycle);
-    return () => {
-      editSession.removeListener("editState", handleEditState);
-      editSession.removeListener("lifecycle", handleLifecycle);
-    };
-  }, [editSession]);
-  react.useEffect(() => {
-    const transition = isEditMode ? editSession.begin(copyOption) : editSession.end();
-    void transition.catch((error) => {
-      if (isEditMode) {
-        console.error("[useEditableTable] begin edit session failed", error);
-        onCancelRef.current();
-      } else {
-        console.error("[useEditableTable] end edit session failed", error);
-      }
-    });
-  }, [copyOption, editSession, isEditMode]);
-  const canCancel = lifecycle.status === "active" || lifecycle.status === "error" && lifecycle.operation === "end";
-  const canSave = canCancel && (editState === "dirty" || editState === "stale") && editSession.invalidCount === 0;
-  const isEditSessionReady = isEditMode && sessionDataSource !== void 0 && sessionDataSource === editSession.sessionDataSource && subscribedSessionDataSource === sessionDataSource && sessionDataSource.status === "subscribed" && sessionDataSource.tableSchema !== void 0;
-  return {
-    canCancel,
-    canSave,
-    dataSource,
-    editSession,
-    lifecycle,
-    hasSelection: selectionCount > 0,
-    isEditSessionReady,
-    onCancel: handleCancel,
-    onDelete: handleDelete,
-    onSave: handleSave,
-    onUndoRowChange: handleUndoRowChange,
-    rowClassNameGenerators: isEditMode ? EDIT_ACTION_ROW_CLASS_NAME_GENERATORS : void 0,
-    sessionDataSource,
-    sourceDataSource
-  };
-};
-
-exports.useEditableTable = useEditableTable;
-//# sourceMappingURL=useEditableTable.js.map

package/cjs/useEditableTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEditableTable.js","sources":["../../../packages/vuu-data-editing/src/useEditableTable.ts"],"sourcesContent":["import type {\n  CopyOption,\n  DataSource,\n  DeleteRowMode,\n  EditApi,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useData, useLayoutEffectSkipFirst } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  EditSession,\n  type EditLifecycle,\n  type EditSessionApi,\n  type EditState,\n} from \"./EditSession\";\nimport { EDIT_ACTION_ROW_CLASS_NAME_GENERATOR } from \"./editActionRowClassNameGenerator\";\n\nconst EDIT_ACTION_ROW_CLASS_NAME_GENERATORS = [\n  EDIT_ACTION_ROW_CLASS_NAME_GENERATOR,\n];\n\nexport type EditMode = \"edit\" | \"view\";\n\nexport interface EditableTableHookProps {\n  /**\n   * columns to be included in subscription. If not provided,\n   * default will be '*'. Ignored if dataSource prop present.\n   */\n  columns?: string[];\n  dataSource?: DataSource;\n  addRowsCount?: number;\n  deleteMode?: DeleteRowMode;\n  editSessionApi?: EditSessionApi;\n  copyOption?: CopyOption;\n  isEditMode: boolean;\n  onCancel: () => void;\n  onSave: () => void;\n  /**\n   * If dataSource not provided, new DataSource\n   * will be created using table and columns\n   */\n  table?: VuuTable;\n}\n\nexport const useEditableTable = ({\n  columns,\n  dataSource: dataSourceProp,\n  deleteMode = \"soft\",\n  editSessionApi = \"createSessionDataSource\",\n  copyOption = \"All\",\n  isEditMode,\n  onCancel,\n  onSave,\n  table,\n}: EditableTableHookProps) => {\n  const { VuuDataSource } = useData();\n  const [selectionCount, setSelectionCount] = useState(0);\n  useLayoutEffectSkipFirst(() => {\n    console.warn(\"[useEditableTable] columns and or table changed\");\n  }, [columns, table]);\n\n  const sourceDataSource = useMemo(() => {\n    if (dataSourceProp) {\n      return dataSourceProp;\n    } else if (table) {\n      return new VuuDataSource({ columns, table });\n    } else {\n      throw Error(\n        \"useEditableTable unable to provide DataSource, neither dataSource nor table available as props\",\n      );\n    }\n  }, [VuuDataSource, columns, dataSourceProp, table]);\n\n  // The editSession will be made available to all the edit controls in scope\n  // by wrapping the edit component with a DataEditingProvider.\n  const editSession = useMemo(\n    () => new EditSession(sourceDataSource as EditApi, deleteMode, editSessionApi),\n    [deleteMode, editSessionApi, sourceDataSource],\n  );\n  const [lifecycle, setLifecycle] = useState<EditLifecycle>(\n    editSession.lifecycle,\n  );\n  const [editState, setEditState] = useState<EditState>(editSession.editState);\n  const [subscribedSessionDataSource, setSubscribedSessionDataSource] =\n    useState<DataSource>();\n  const onCancelRef = useRef(onCancel);\n  onCancelRef.current = onCancel;\n\n  const sessionDataSource =\n    \"sessionDataSource\" in lifecycle ? lifecycle.sessionDataSource : undefined;\n  const dataSource = sessionDataSource ?? sourceDataSource;\n\n  const handleCancel = useCallback(async () => {\n    try {\n      await editSession.end();\n      setSelectionCount(0);\n      onCancel();\n    } catch (error) {\n      console.error(\"[useEditableTable] cancel edit session failed\", error);\n    }\n  }, [editSession, onCancel]);\n\n  const handleSave = useCallback(\n    async (force = false) => {\n      try {\n        await editSession.end(true, force);\n        setSelectionCount(0);\n        onSave();\n      } catch (error) {\n        console.error(\"[useEditableTable] save edit session failed\", error);\n      }\n    },\n    [editSession, onSave],\n  );\n\n  const handleDelete = useCallback(async () => {\n    await editSession.deleteSelectedRows();\n  }, [editSession]);\n\n  const handleUndoRowChange = useCallback(\n    (key: string) => void editSession.undoRowChange(key),\n    [editSession],\n  );\n\n  useEffect(() => {\n    dataSource.on(\"row-selection\", setSelectionCount);\n    return () => dataSource.removeListener(\"row-selection\", setSelectionCount);\n  }, [dataSource]);\n\n  useEffect(() => {\n    if (!sessionDataSource) {\n      setSubscribedSessionDataSource(undefined);\n      return;\n    }\n\n    const handleSubscribed = () =>\n      setSubscribedSessionDataSource(sessionDataSource);\n\n    setSubscribedSessionDataSource(undefined);\n    sessionDataSource.on(\"subscribed\", handleSubscribed);\n    if (\n      sessionDataSource.status === \"subscribed\" &&\n      sessionDataSource.tableSchema\n    ) {\n      handleSubscribed();\n    }\n\n    return () =>\n      sessionDataSource.removeListener(\"subscribed\", handleSubscribed);\n  }, [sessionDataSource]);\n\n  useEffect(() => {\n    const handleEditState = (nextEditState: EditState) => {\n      setEditState(nextEditState);\n    };\n    const handleLifecycle = (nextLifecycle: EditLifecycle) => {\n      setLifecycle(nextLifecycle);\n    };\n\n    setEditState(editSession.editState);\n    setLifecycle(editSession.lifecycle);\n    editSession.on(\"editState\", handleEditState);\n    editSession.on(\"lifecycle\", handleLifecycle);\n    return () => {\n      editSession.removeListener(\"editState\", handleEditState);\n      editSession.removeListener(\"lifecycle\", handleLifecycle);\n    };\n  }, [editSession]);\n\n  useEffect(() => {\n    const transition = isEditMode\n      ? editSession.begin(copyOption)\n      : editSession.end();\n\n    void transition.catch((error) => {\n      if (isEditMode) {\n        console.error(\"[useEditableTable] begin edit session failed\", error);\n        onCancelRef.current();\n      } else {\n        console.error(\"[useEditableTable] end edit session failed\", error);\n      }\n    });\n  }, [copyOption, editSession, isEditMode]);\n\n  const canCancel =\n    lifecycle.status === \"active\" ||\n    (lifecycle.status === \"error\" && lifecycle.operation === \"end\");\n\n  const canSave =\n    canCancel &&\n    (editState === \"dirty\" || editState === \"stale\") &&\n    editSession.invalidCount === 0;\n  const isEditSessionReady =\n    isEditMode &&\n    sessionDataSource !== undefined &&\n    sessionDataSource === editSession.sessionDataSource &&\n    subscribedSessionDataSource === sessionDataSource &&\n    sessionDataSource.status === \"subscribed\" &&\n    sessionDataSource.tableSchema !== undefined;\n\n  return {\n    canCancel,\n    canSave,\n    dataSource,\n    editSession,\n    lifecycle,\n    hasSelection: selectionCount > 0,\n    isEditSessionReady,\n    onCancel: handleCancel,\n    onDelete: handleDelete,\n    onSave: handleSave,\n    onUndoRowChange: handleUndoRowChange,\n    rowClassNameGenerators: isEditMode\n      ? EDIT_ACTION_ROW_CLASS_NAME_GENERATORS\n      : undefined,\n    sessionDataSource,\n    sourceDataSource,\n  };\n};\n"],"names":["EDIT_ACTION_ROW_CLASS_NAME_GENERATOR","useData","useState","useLayoutEffectSkipFirst","useMemo","EditSession","useRef","useCallback","useEffect"],"mappings":"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"}

package/esm/DataEditingProvider.js

@@ -1,25 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-
-const DataEditingContext = createContext(void 0);
-const DataEditingProvider = ({
-  children,
-  editSession
-}) => {
-  return /* @__PURE__ */ jsx(DataEditingContext.Provider, { value: editSession, children });
-};
-function useEditSession(throwIfUnavailable = false) {
-  const editSession = 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;
-  }
-}
-
-export { DataEditingProvider, useEditSession };
-//# sourceMappingURL=DataEditingProvider.js.map

package/esm/DataEditingProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataEditingProvider.js","sources":["../../../packages/vuu-data-editing/src/DataEditingProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext } from \"react\";\nimport type { 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":[],"mappings":";;;AAGA,MAAM,kBAAA,GAAqB,cAAuC,KAAS,CAAA,CAAA;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,2BACG,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,aACjC,QACH,EAAA,CAAA;AAEJ;AAMgB,SAAA,cAAA,CAAe,qBAAqB,KAAO,EAAA;AACzD,EAAM,MAAA,WAAA,GAAc,WAAW,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/esm/EditButtons.js

@@ -1,57 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Button } from '@salt-ds/core';
-import { useState, useCallback, useEffect } from 'react';
-
-const EditButtons = ({
-  canCancel,
-  canSave,
-  confirmCancel,
-  confirmSave,
-  editSession,
-  hasSelection = false,
-  onCancel,
-  onDelete,
-  onSave,
-  saveLabel = "Save"
-}) => {
-  const [editState, setEditState] = useState(
-    () => editSession?.editState ?? "clean"
-  );
-  const handleSave = useCallback(async () => {
-    if (confirmSave) {
-      const confirmed = await confirmSave();
-      if (!confirmed) return;
-    }
-    onSave(editState === "stale");
-  }, [confirmSave, editState, onSave]);
-  const handleCancel = useCallback(async () => {
-    if (confirmCancel) {
-      const confirmed = await confirmCancel();
-      if (!confirmed) return;
-    }
-    onCancel?.();
-  }, [confirmCancel, onCancel]);
-  useEffect(() => {
-    if (editSession) {
-      setEditState(editSession.editState);
-      editSession.on("editState", setEditState);
-      return () => editSession.removeListener("editState", setEditState);
-    }
-  }, [editSession]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    onDelete && /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: !hasSelection,
-        onClick: onDelete,
-        sentiment: "negative",
-        children: "Delete"
-      }
-    ),
-    /* @__PURE__ */ jsx(Button, { disabled: !canSave, onClick: handleSave, sentiment: "accented", children: editState === "stale" ? `${saveLabel} (force)` : saveLabel }),
-    onCancel && /* @__PURE__ */ jsx(Button, { disabled: !canCancel, onClick: handleCancel, children: "Cancel" })
-  ] });
-};
-
-export { EditButtons };
-//# sourceMappingURL=EditButtons.js.map

package/esm/EditButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditButtons.js","sources":["../../../packages/vuu-data-editing/src/EditButtons.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport type { EditState, EditSession } from \"./EditSession\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport interface EditButtonProps {\n  canCancel: boolean;\n  canSave: boolean;\n  editSession?: EditSession;\n  hasSelection?: boolean;\n  onCancel?: () => void;\n  onDelete?: () => 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  canCancel,\n  canSave,\n  confirmCancel,\n  confirmSave,\n  editSession,\n  hasSelection = false,\n  onCancel,\n  onDelete,\n  onSave,\n  saveLabel = \"Save\",\n}: EditButtonProps) => {\n  const [editState, setEditState] = useState<EditState>(\n    () => editSession?.editState ?? \"clean\",\n  );\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      setEditState(editSession.editState);\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      <Button disabled={!canSave} onClick={handleSave} sentiment=\"accented\">\n        {editState === \"stale\" ? `${saveLabel} (force)` : saveLabel}\n      </Button>\n      {onCancel && (\n        <Button disabled={!canCancel} onClick={handleCancel}>\n          Cancel\n        </Button>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAiBO,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,QAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA;AACd,CAAuB,KAAA;AACrB,EAAM,MAAA,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA;AAAA,IAChC,MAAM,aAAa,SAAa,IAAA;AAAA,GAClC;AAEA,EAAM,MAAA,UAAA,GAAa,YAAY,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,GAAe,YAAY,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,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,YAAA,CAAa,YAAY,SAAS,CAAA;AAClC,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,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,QAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;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,oBAED,GAAA,CAAA,MAAA,EAAA,EAAO,QAAU,EAAA,CAAC,SAAS,OAAS,EAAA,UAAA,EAAY,SAAU,EAAA,UAAA,EACxD,QAAc,EAAA,SAAA,KAAA,OAAA,GAAU,CAAG,EAAA,SAAS,aAAa,SACpD,EAAA,CAAA;AAAA,IACC,QAAA,wBACE,MAAO,EAAA,EAAA,QAAA,EAAU,CAAC,SAAW,EAAA,OAAA,EAAS,cAAc,QAErD,EAAA,QAAA,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/esm/EditModeProvider.js

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useContext } from 'react';
-
-const EditModeContext = createContext({
-  isEditMode: false,
-  setEditMode: () => "EditModeProvider in place"
-});
-const EditModeProvider = ({ children }) => {
-  const [isEditMode, setEditMode] = useState(false);
-  return /* @__PURE__ */ jsx(EditModeContext.Provider, { value: { isEditMode, setEditMode }, children });
-};
-const useEditMode = () => useContext(EditModeContext);
-
-export { EditModeProvider, useEditMode };
-//# sourceMappingURL=EditModeProvider.js.map

package/esm/EditModeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditModeProvider.js","sources":["../../../packages/vuu-data-editing/src/EditModeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useState } from \"react\";\n\nexport interface EditModeContextProps {\n  isEditMode: boolean;\n  setEditMode: (inEditMode: boolean) => void;\n}\n\nconst EditModeContext = createContext<EditModeContextProps>({\n  isEditMode: false,\n  setEditMode: () => \"EditModeProvider in place\",\n});\n\n/**\n * Implemented as a standalone Provider so that EditMode cna be implemented\n * at higher level than individual edit controls.\n */\nexport const EditModeProvider = ({ children }: { children: ReactNode }) => {\n  const [isEditMode, setEditMode] = useState(false);\n  return (\n    <EditModeContext.Provider value={{ isEditMode, setEditMode }}>\n      {children}\n    </EditModeContext.Provider>\n  );\n};\n\nexport const useEditMode = () => useContext(EditModeContext);\n"],"names":[],"mappings":";;;AAOA,MAAM,kBAAkB,aAAoC,CAAA;AAAA,EAC1D,UAAY,EAAA,KAAA;AAAA,EACZ,aAAa,MAAM;AACrB,CAAC,CAAA;AAMM,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACzE,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA,EAAyB,OAAO,EAAE,UAAA,EAAY,WAAY,EAAA,EACxD,QACH,EAAA,CAAA;AAEJ;AAEa,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,eAAe;;;;"}