@vuu-ui/vuu-utils 2.1.19-beta.2 → 2.1.19-beta.3

package/esm/packages/vuu-utils/src/useResizeObserver.js

@@ -0,0 +1,130 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+const WidthHeight = ["height", "width"];
+const WidthOnly = ["width"];
+const observedMap = /* @__PURE__ */ new Map();
+const getTargetSize = (element, size, dimension) => {
+  switch (dimension) {
+    case "height":
+      return size.height;
+    case "clientHeight":
+      return Math.floor(element.clientHeight);
+    case "clientWidth":
+      return Math.floor(element.clientWidth);
+    case "contentHeight":
+      return size.contentHeight;
+    case "contentWidth":
+      return size.contentWidth;
+    case "scrollHeight":
+      return Math.ceil(Math.floor(element.scrollHeight));
+    case "scrollWidth":
+      return Math.ceil(Math.floor(element.scrollWidth));
+    case "width":
+      return size.width;
+    default:
+      return 0;
+  }
+};
+const resizeObserver = new ResizeObserver((entries) => {
+  for (const entry of entries) {
+    const { target, borderBoxSize, contentBoxSize } = entry;
+    const observedTarget = observedMap.get(target);
+    if (observedTarget) {
+      const [{ blockSize: height, inlineSize: width }] = borderBoxSize;
+      const [{ blockSize: contentHeight, inlineSize: contentWidth }] = contentBoxSize;
+      const { onResize, measurements } = observedTarget;
+      let sizeChanged = false;
+      for (const [dimension, size] of Object.entries(measurements)) {
+        const newSize = getTargetSize(
+          target,
+          { height, width, contentHeight, contentWidth },
+          dimension
+        );
+        if (newSize !== size) {
+          sizeChanged = true;
+          measurements[dimension] = newSize;
+        }
+      }
+      if (sizeChanged) {
+        onResize && onResize(measurements);
+      }
+    }
+  }
+});
+function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false) {
+  const dimensionsRef = useRef(dimensions);
+  const measure = useCallback((target) => {
+    const { width, height } = target.getBoundingClientRect();
+    const { clientWidth: contentWidth, clientHeight: contentHeight } = target;
+    const flooredHeight = Math.floor(height);
+    const flooredWidth = Math.floor(width);
+    return dimensionsRef.current.reduce(
+      (map, dim) => {
+        map[dim] = getTargetSize(
+          target,
+          {
+            width: flooredWidth,
+            height: flooredHeight,
+            contentHeight,
+            contentWidth
+          },
+          dim
+        );
+        return map;
+      },
+      {}
+    );
+  }, []);
+  useEffect(() => {
+    const target = ref.current;
+    async function registerObserver() {
+      observedMap.set(target, { measurements: {} });
+      const observedTarget = observedMap.get(target);
+      if (observedTarget) {
+        const measurements = measure(target);
+        observedTarget.measurements = measurements;
+        resizeObserver.observe(target);
+        if (reportInitialSize) {
+          onResize(measurements);
+        }
+      } else {
+        console.log(
+          `%cuseResizeObserver an target expected to be under observation wa snot found. This warrants investigation`,
+          "font-weight:bold; color:red;"
+        );
+      }
+    }
+    if (target) {
+      if (observedMap.has(target)) {
+        console.log(
+          `useResizeObserver attemping to observe same element twice`,
+          {
+            target
+          }
+        );
+      }
+      registerObserver();
+    }
+    return () => {
+      if (target && observedMap.has(target)) {
+        resizeObserver.unobserve(target);
+        observedMap.delete(target);
+      }
+    };
+  }, [measure, ref]);
+  useEffect(() => {
+    const target = ref.current;
+    const record = observedMap.get(target);
+    if (record) {
+      if (dimensionsRef.current !== dimensions) {
+        dimensionsRef.current = dimensions;
+        const measurements = measure(target);
+        record.measurements = measurements;
+      }
+      record.onResize = onResize;
+    }
+  }, [dimensions, measure, ref, onResize]);
+}
+
+export { WidthHeight, WidthOnly, useResizeObserver };
+//# sourceMappingURL=useResizeObserver.js.map

package/esm/packages/vuu-utils/src/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../../../../../packages/vuu-utils/src/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from \"react\";\n\nexport const WidthHeight = [\"height\", \"width\"];\nexport const WidthOnly = [\"width\"];\n\nexport type measurements<T = string | number> = {\n  height?: T;\n  clientHeight?: number;\n  clientWidth?: number;\n  contentHeight?: number;\n  contentWidth?: number;\n  scrollHeight?: number;\n  scrollWidth?: number;\n  width?: T;\n};\ntype measuredDimension = keyof measurements<number>;\n\nexport type ResizeHandler = (measurements: measurements<number>) => void;\n\ntype observedDetails = {\n  onResize?: ResizeHandler;\n  measurements: measurements<number>;\n};\nconst observedMap = new Map<HTMLElement, observedDetails>();\n\nconst getTargetSize = (\n  element: HTMLElement,\n  size: {\n    height: number;\n    width: number;\n    contentHeight: number;\n    contentWidth: number;\n  },\n  dimension: measuredDimension,\n): number => {\n  switch (dimension) {\n    case \"height\":\n      return size.height;\n    case \"clientHeight\":\n      return Math.floor(element.clientHeight);\n    case \"clientWidth\":\n      return Math.floor(element.clientWidth);\n    case \"contentHeight\":\n      return size.contentHeight;\n    case \"contentWidth\":\n      return size.contentWidth;\n    case \"scrollHeight\":\n      return Math.ceil(Math.floor(element.scrollHeight));\n    case \"scrollWidth\":\n      return Math.ceil(Math.floor(element.scrollWidth));\n    case \"width\":\n      return size.width;\n    default:\n      return 0;\n  }\n};\n\n// TODO should we make this create-on-demand\nconst resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n  for (const entry of entries) {\n    const { target, borderBoxSize, contentBoxSize } = entry;\n    const observedTarget = observedMap.get(target as HTMLElement);\n    if (observedTarget) {\n      const [{ blockSize: height, inlineSize: width }] = borderBoxSize;\n      const [{ blockSize: contentHeight, inlineSize: contentWidth }] =\n        contentBoxSize;\n      const { onResize, measurements } = observedTarget;\n      let sizeChanged = false;\n      for (const [dimension, size] of Object.entries(measurements)) {\n        const newSize = getTargetSize(\n          target as HTMLElement,\n          { height, width, contentHeight, contentWidth },\n          dimension as measuredDimension,\n        );\n\n        if (newSize !== size) {\n          sizeChanged = true;\n          measurements[dimension as measuredDimension] = newSize;\n        }\n      }\n      if (sizeChanged) {\n        // TODO only return measured sizes\n        onResize && onResize(measurements);\n      }\n    }\n  }\n});\n\n// TODO use an optional lag (default to false) to ask to fire onResize\n// with initial size\nexport function useResizeObserver(\n  ref: RefObject<Element | HTMLElement | null>,\n  dimensions: readonly string[],\n  onResize: ResizeHandler,\n  reportInitialSize = false,\n) {\n  const dimensionsRef = useRef(dimensions);\n\n  const measure = useCallback((target: HTMLElement): measurements<number> => {\n    const { width, height } = target.getBoundingClientRect();\n    const { clientWidth: contentWidth, clientHeight: contentHeight } = target;\n    const flooredHeight = Math.floor(height);\n    const flooredWidth = Math.floor(width);\n\n    return dimensionsRef.current.reduce(\n      (map: { [key: string]: number }, dim) => {\n        map[dim] = getTargetSize(\n          target,\n          {\n            width: flooredWidth,\n            height: flooredHeight,\n            contentHeight,\n            contentWidth,\n          },\n          dim as measuredDimension,\n        );\n        return map;\n      },\n      {},\n    );\n  }, []);\n\n  // TODO use ref to store resizeHandler here\n  // resize handler registered with REsizeObserver will never change\n  // use ref to store user onResize callback here\n  // resizeHandler will call user callback.current\n\n  // Keep this effect separate in case user inadvertently passes different\n  // dimensions or callback instance each time - we only ever want to\n  // initiate new observation when ref changes.\n  useEffect(() => {\n    const target = ref.current as HTMLElement;\n    async function registerObserver() {\n      // Create the map entry immediately. useEffect may fire below\n      // before fonts are ready and attempt to update entry\n      observedMap.set(target, { measurements: {} as measurements<number> });\n      // await document.fonts.ready;\n      const observedTarget = observedMap.get(target);\n      if (observedTarget) {\n        const measurements = measure(target);\n        observedTarget.measurements = measurements;\n        resizeObserver.observe(target);\n        if (reportInitialSize) {\n          onResize(measurements);\n        }\n      } else {\n        console.log(\n          `%cuseResizeObserver an target expected to be under observation wa snot found. This warrants investigation`,\n          \"font-weight:bold; color:red;\",\n        );\n      }\n    }\n\n    if (target) {\n      // TODO might we want multiple callers to attach a listener to the same element ?\n      if (observedMap.has(target)) {\n        console.log(\n          `useResizeObserver attemping to observe same element twice`,\n          {\n            target,\n          },\n        );\n        // throw Error(\n        //   \"useResizeObserver attemping to observe same element twice\"\n        // );\n      }\n      // TODO set a pending entry on map\n      registerObserver();\n    }\n    return () => {\n      if (target && observedMap.has(target)) {\n        resizeObserver.unobserve(target);\n        observedMap.delete(target);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [measure, ref]);\n\n  useEffect(() => {\n    const target = ref.current as HTMLElement;\n    const record = observedMap.get(target);\n    if (record) {\n      if (dimensionsRef.current !== dimensions) {\n        dimensionsRef.current = dimensions;\n        const measurements = measure(target);\n        record.measurements = measurements;\n      }\n      // Might not have changed, but no harm ...\n      record.onResize = onResize;\n    }\n  }, [dimensions, measure, ref, onResize]);\n}\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-utils/src/useStateRef.js

@@ -0,0 +1,21 @@
+import { useState, useRef, useCallback } from 'react';
+
+const isSimpleStateValue = (arg) => typeof arg !== "function";
+const useStateRef = (initialValue) => {
+  const [value, _setValue] = useState(initialValue);
+  const ref = useRef(value);
+  const setValue = useCallback((arg) => {
+    if (isSimpleStateValue(arg)) {
+      ref.current = arg;
+      _setValue(arg);
+    } else {
+      const { current: prev } = ref;
+      ref.current = arg(prev);
+      _setValue(ref.current);
+    }
+  }, []);
+  return [ref, setValue];
+};
+
+export { useStateRef };
+//# sourceMappingURL=useStateRef.js.map

package/esm/packages/vuu-utils/src/useStateRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateRef.js","sources":["../../../../../../packages/vuu-utils/src/useStateRef.ts"],"sourcesContent":["import {\n  Dispatch,\n  RefObject,\n  SetStateAction,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\n/**\n * Extension to useState that maintains a ref for the\n * current state value. Useful where use of the ref can\n * avoid referencing the state vale in a dependency array\n * eg on a native event handler.\n *\n * @param value the initial value to store\n */\n\nconst isSimpleStateValue = <T>(arg: SetStateAction<T>): arg is T =>\n  typeof arg !== \"function\";\n\n// Keeps a ref value in sync with a state value\nexport const useStateRef = <T = string>(\n  initialValue: T,\n): [RefObject<T>, Dispatch<SetStateAction<T>>] => {\n  const [value, _setValue] = useState<T>(initialValue);\n  const ref = useRef<T>(value);\n\n  const setValue = useCallback<Dispatch<SetStateAction<T>>>((arg) => {\n    if (isSimpleStateValue(arg)) {\n      ref.current = arg;\n      _setValue(arg);\n    } else {\n      const { current: prev } = ref;\n      ref.current = arg(prev);\n      _setValue(ref.current);\n    }\n  }, []);\n  return [ref, setValue];\n};\n"],"names":[],"mappings":";;AAkBA,MAAM,kBAAqB,GAAA,CAAI,GAC7B,KAAA,OAAO,GAAQ,KAAA,UAAA;AAGJ,MAAA,WAAA,GAAc,CACzB,YACgD,KAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,SAAS,CAAA,GAAI,SAAY,YAAY,CAAA;AACnD,EAAM,MAAA,GAAA,GAAM,OAAU,KAAK,CAAA;AAE3B,EAAM,MAAA,QAAA,GAAW,WAAyC,CAAA,CAAC,GAAQ,KAAA;AACjE,IAAI,IAAA,kBAAA,CAAmB,GAAG,CAAG,EAAA;AAC3B,MAAA,GAAA,CAAI,OAAU,GAAA,GAAA;AACd,MAAA,SAAA,CAAU,GAAG,CAAA;AAAA,KACR,MAAA;AACL,MAAM,MAAA,EAAE,OAAS,EAAA,IAAA,EAAS,GAAA,GAAA;AAC1B,MAAI,GAAA,CAAA,OAAA,GAAU,IAAI,IAAI,CAAA;AACtB,MAAA,SAAA,CAAU,IAAI,OAAO,CAAA;AAAA;AACvB,GACF,EAAG,EAAE,CAAA;AACL,EAAO,OAAA,CAAC,KAAK,QAAQ,CAAA;AACvB;;;;"}

package/package.json

@@ -1,21 +1,20 @@
 {
-  "version": "2.1.19-beta.2",
+  "version": "2.1.19-beta.3",
   "author": "heswell",
   "license": "Apache-2.0",
   "types": "types/index.d.ts",
-  "type": "module",
   "dependencies": {
     "@salt-ds/core": "1.54.1"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "2.1.19-beta.2",
-    "@vuu-ui/vuu-table-types": "2.1.19-beta.2",
-    "@vuu-ui/vuu-filter-types": "2.1.19-beta.2",
-    "@vuu-ui/vuu-protocol-types": "2.1.19-beta.2"
+    "@vuu-ui/vuu-data-types": "2.1.19-beta.3",
+    "@vuu-ui/vuu-table-types": "2.1.19-beta.3",
+    "@vuu-ui/vuu-filter-types": "2.1.19-beta.3",
+    "@vuu-ui/vuu-protocol-types": "2.1.19-beta.3"
   },
   "peerDependencies": {
     "@internationalized/date": "^3.0.0",
-    "@vuu-ui/vuu-filter-parser": "2.1.19-beta.2",
+    "@vuu-ui/vuu-filter-parser": "2.1.19-beta.3",
     "clsx": "^2.0.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
@@ -23,15 +22,19 @@
   "sideEffects": false,
   "files": [
     "README.md",
-    "src",
+    "esm",
+    "cjs",
     "/types"
   ],
   "exports": {
     ".": {
-      "import": "./src/index.js",
+      "require": "./cjs/packages/vuu-utils/src/index.js",
+      "import": "./esm/packages/vuu-utils/src/index.js",
       "types": "./types/index.d.ts"
     }
   },
-  "module": "index.js",
-  "name": "@vuu-ui/vuu-utils"
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "name": "@vuu-ui/vuu-utils",
+  "type": "module"
 }

package/types/ThemeProvider.d.ts

@@ -25,8 +25,8 @@ interface ThemeProviderProps {
     theme?: string;
     themeMode?: ThemeMode;
 }
-export declare function ThemeProvider({ applyThemeClasses, children, theme: themeProp, themeMode: themeModeProp, density: densityProp, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ThemeProvider {
-    var displayName: string;
-}
+export declare const ThemeProvider: {
+    ({ applyThemeClasses, children, theme: themeProp, themeMode: themeModeProp, density: densityProp, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

package/types/column-utils.d.ts

@@ -1,4 +1,4 @@
-import type { DataSourceRow, DataValueType, DataValueTypeSimple, DateTimeDataValueDescriptor, SchemaColumn, TableSchema, TimeDataValueDescriptor } from "@vuu-ui/vuu-data-types";
+import type { DataSourceRow, DataValueDescriptor, DataValueType, DataValueTypeSimple, DateTimeDataValueDescriptor, SchemaColumn, TableSchema, TimeDataValueDescriptor } from "@vuu-ui/vuu-data-types";
 import type { VuuAggType, VuuAggregation, VuuColumnDataType, VuuDataRowDto, VuuGroupBy, VuuSort } from "@vuu-ui/vuu-protocol-types";
 import type { ColumnAlignment, ColumnDescriptor, ColumnLayout, DataValueTypeDescriptor, ColumnTypeFormatting, ColumnTypeRendering, ColumnTypeWithValidationRules, DefaultColumnConfiguration, GroupColumnDescriptor, LookupRenderer, MappedValueTypeRenderer, PinLocation, RuntimeColumnDescriptor, TableCellRendererProps, TableConfig, TableHeadings, ValueListRenderer, DataRow } from "@vuu-ui/vuu-table-types";
 import { type CSSProperties } from "react";
@@ -30,11 +30,12 @@ export type CalculatedColumn = {
 };
 export declare const isVuuColumnDataType: (value: string | undefined | null) => value is VuuColumnDataType;
 export declare const fromServerDataType: (serverDataType: VuuColumnDataType) => DataValueTypeSimple;
-export declare const isTimestampColumn: ({ serverDataType }: ColumnDescriptor) => boolean;
+export declare const isNanoTimestampColumn: ({ serverDataType, }: DataValueDescriptor) => boolean;
+export declare const isTimestampColumn: (column: ColumnDescriptor) => boolean;
 export declare const isNumericColumn: ({ serverDataType, type }: ColumnDescriptor) => boolean;
 export declare const isDateTimeDataType: (column: ColumnDescriptor) => column is DateTimeDataValueDescriptor;
 export declare const isTimeDataType: (column: ColumnDescriptor) => column is TimeDataValueDescriptor;
-export declare const isDateTimeDataValue: (column: ColumnDescriptor, serverDataType?: VuuColumnDataType) => boolean;
+export declare const isDateTimeDataValue: (column: ColumnDescriptor) => boolean;
 export declare const isTimeDataValue: (column?: ColumnDescriptor) => column is TimeDataValueDescriptor;
 export declare const isPinned: (column: ColumnDescriptor) => boolean;
 export declare const hasHeadings: (column: ColumnDescriptor) => boolean;
@@ -167,7 +168,7 @@ export declare const setCalculatedColumnType: (column: ColumnDescriptor, serverD
 export declare const setCalculatedColumnExpression: (column: ColumnDescriptor, expression: string) => ColumnDescriptor;
 export declare const moveColumnTo: (columns: ColumnDescriptor[], column: ColumnDescriptor, newIndex: number) => ColumnDescriptor[];
 export declare function replaceColumn<C extends ColumnDescriptor = RuntimeColumnDescriptor>(columns: readonly C[], column: C): C[];
-export declare const applyDefaultColumnConfig: ({ columns: columnsProp, table }: TableSchema, getDefaultColumnConfig?: DefaultColumnConfiguration, includeVuuTimestampColumns?: boolean) => readonly SchemaColumn[];
+export declare const applyDefaultColumnConfig: ({ columns: columnsProp, table }: TableSchema, getDefaultColumnConfig?: DefaultColumnConfiguration, includeVuuDefaultColumns?: boolean) => readonly SchemaColumn[];
 export type columnOptions = {
     availableWidth?: number;
     columnLayout?: ColumnLayout;

package/types/data-editing/EditButtons.d.ts

@@ -1,7 +1,13 @@
 import { EditSession } from "./EditSession";
 export interface EditButtonProps {
     editSession?: EditSession;
-    onCancel: () => void;
+    hasSelection?: boolean;
+    onCancel?: () => void;
+    onDelete?: () => void;
+    onAddRows?: () => void;
     onSave: (force?: boolean) => void;
+    saveLabel?: string;
+    confirmSave?: () => boolean | Promise<boolean>;
+    confirmCancel?: () => boolean | Promise<boolean>;
 }
-export declare const EditButtons: ({ editSession, onCancel, onSave, }: EditButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditButtons: ({ confirmCancel, confirmSave, editSession, hasSelection, onAddRows, onCancel, onDelete, onSave, saveLabel, }: EditButtonProps) => import("react/jsx-runtime").JSX.Element;

package/types/data-editing/EditSession.d.ts

@@ -1,4 +1,4 @@
-import { EditApi, EditSessionMode } from "@vuu-ui/vuu-data-types";
+import { DeleteRowMode, EditApi, EditSessionMode } from "@vuu-ui/vuu-data-types";
 import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
 import { EventEmitter } from "../event-emitter";
 export type EditState = "clean" | "dirty" | "invalid" | "stale";
@@ -23,14 +23,23 @@ type EditSessionEvents = {
 };
 export declare class EditSession extends EventEmitter<EditSessionEvents> {
     #private;
-    constructor(dataSource: EditApi);
+    constructor(dataSource: EditApi, deleteMode?: DeleteRowMode);
     get editCount(): number;
     set editCount(val: number);
     get invalidCount(): number;
     set invalidCount(val: number);
+    get deleteCount(): number;
+    set deleteCount(val: number);
+    get addCount(): number;
+    set addCount(val: number);
+    deleteSelectedRows(): Promise<void>;
+    addRows(count?: number, rowData?: Record<string, VuuRowDataItemType>): void;
+    restoreRows(keys: string[]): void;
+    hasRowChanges(key: string): boolean;
+    undoRowChange(key: string): Promise<void>;
     clear(): void;
-    begin(editSessionMode?: EditSessionMode): Promise<import("@vuu-ui/vuu-data-types").DataSource | undefined>;
-    get dataSource(): EditApi | undefined;
+    begin(editSessionMode?: EditSessionMode): Promise<any>;
+    get dataSource(): EditApi<import("@vuu-ui/vuu-data-types").DataSourceRow<VuuRowDataItemType>> | undefined;
     end(saveChanges?: boolean, force?: boolean): Promise<void>;
     get inEditMode(): boolean;
     get editState(): EditState;

package/types/data-editing/edit-utils.d.ts

@@ -1,4 +1,6 @@
-import { EditSessionMode, InlineEditSessionMode } from "@vuu-ui/vuu-data-types";
+import { EditSessionMode, EditSessionModeAlias, InlineEditSessionMode, StandaloneEditSessionMode } from "@vuu-ui/vuu-data-types";
 import { DataRow, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
+export declare const toRpcEditSessionMode: (mode: EditSessionMode) => EditSessionModeAlias;
+export declare const fromRpcEditSessionMode: (alias: EditSessionModeAlias) => InlineEditSessionMode | StandaloneEditSessionMode;
 export declare const isInlineEditingSession: (editSessionMode: EditSessionMode) => editSessionMode is InlineEditSessionMode;
 export declare const getVuuEditMessage: (dataRow: DataRow, column: RuntimeColumnDescriptor, originalValue: string) => import("react/jsx-runtime").JSX.Element | undefined;

package/types/data-editing/useEditableTable.d.ts

@@ -1,5 +1,5 @@
-import { DataSource, EditSessionMode } from "@vuu-ui/vuu-data-types";
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
+import { DataSource, DeleteRowMode, EditSessionMode } from "@vuu-ui/vuu-data-types";
+import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
 import { EditSession } from "./EditSession";
 export type EditMode = "edit" | "view";
 export interface EditableTableHookProps {
@@ -9,6 +9,8 @@ export interface EditableTableHookProps {
      */
     columns?: string[];
     dataSource?: DataSource;
+    addRowsCount?: number;
+    deleteMode?: DeleteRowMode;
     editSessionMode?: EditSessionMode;
     isEditMode: boolean;
     onCancel: () => void;
@@ -19,10 +21,14 @@ export interface EditableTableHookProps {
      */
     table?: VuuTable;
 }
-export declare const useEditableTable: ({ columns, dataSource: dataSourceProp, editSessionMode, isEditMode, onCancel, onSave, table, }: EditableTableHookProps) => {
+export declare const useEditableTable: ({ addRowsCount, columns, dataSource: dataSourceProp, deleteMode, editSessionMode, isEditMode, onCancel, onSave, table, }: EditableTableHookProps) => {
     dataSource: DataSource;
     editSession: EditSession;
-    onCancel: () => void;
+    hasSelection: boolean;
+    onAddRows: () => void;
+    onCancel: () => Promise<void>;
+    onDelete: () => Promise<void>;
     onSave: (force?: boolean) => Promise<void>;
+    onUndoRowChange: (key: string) => undefined;
     sessionDataSource: DataSource | undefined;
 };

package/types/data-utils.d.ts

@@ -5,9 +5,10 @@ export declare const UP2 = "up2";
 export declare const DOWN1 = "down1";
 export declare const DOWN2 = "down2";
 export declare const stringIsValidInt: (val: string) => boolean;
+export declare const stringIsValidLong: (val: string) => boolean;
 export declare const stringIsValidDecimal: (val: string) => boolean;
 export declare const stringIsValidNumber: (val: string) => boolean;
-export declare const numericTypeOfStringValue: (val: string) => "NaN" | "double" | "int";
+export declare const numericTypeOfStringValue: (val: string) => "int" | "double" | "NaN";
 export declare const isValidNumber: (n: unknown) => n is number;
 export declare const shallowEquals: (o1?: {
     [key: string]: unknown;

package/types/date/date-utils.d.ts

@@ -17,8 +17,8 @@ type DD = `${0}${oneToNine}` | `${1 | 2}${zeroToNine}` | `3${0 | 1}`;
 export type DateStringISO = `${YYYY}-${MM}-${DD}`;
 export declare const zeroTime: TimeString;
 export declare const zeroTimeUnit: TimeUnitValue<TimeUnit>;
-export declare function incrementTimeUnitValue<T extends TimeUnit>(unit: T, value: TimeUnitValue<T>): TimeUnitValue<T> | Hours;
-export declare function decrementTimeUnitValue<T extends TimeUnit>(unit: T, value: TimeUnitValue<T>): TimeUnitValue<T> | Hours;
+export declare function incrementTimeUnitValue<T extends TimeUnit>(unit: T, value: TimeUnitValue<T>): Hours | TimeUnitValue<T>;
+export declare function decrementTimeUnitValue<T extends TimeUnit>(unit: T, value: TimeUnitValue<T>): Hours | TimeUnitValue<T>;
 export declare function updateTimeString<T extends TimeUnit>(timeString: TimeString, unit: T, value: TimeUnitValue<T>): TimeString;
 export declare const isValidTimeString: (value: unknown) => value is TimeString;
 export declare function asTimeString(value: unknown, allowUndefined: false): TimeString;
@@ -29,10 +29,10 @@ export interface Time {
     seconds: number;
     asDate: (date?: Date | DateStringISO) => Date;
 }
-export declare function Time(timeString: TimeString): Time;
-export declare namespace Time {
-    var millisToTimeString: (timestamp: number) => TimeString;
-    var toString: (hours: number, minutes: number, seconds: number) => TimeString;
-    var isDateInMillis: (dtInMillis: string | number) => boolean;
-}
+export declare const Time: {
+    (timeString: TimeString): Time;
+    millisToTimeString(timestamp: number): TimeString;
+    toString(hours: number, minutes: number, seconds: number): TimeString;
+    isDateInMillis(dtInMillis: string | number): boolean;
+};
 export {};

package/types/feature-utils.d.ts

@@ -83,7 +83,7 @@ export interface FeaturePropsWithFilterTableFeature extends Omit<DynamicFeatureP
 }
 export declare const hasFilterTableFeatureProps: (props: DynamicFeatureProps) => props is FeaturePropsWithFilterTableFeature;
 export declare const isSameTable: (t1: VuuTable, t2: VuuTable) => void;
-export declare const byModule: (schema1: TableSchema, schema2: TableSchema) => -1 | 0 | 1;
+export declare const byModule: (schema1: TableSchema, schema2: TableSchema) => 0 | 1 | -1;
 export type GetFeaturePaths = (params: {
     env: Environment;
     fileName: string;

package/types/filters/filter-utils.d.ts

@@ -22,21 +22,6 @@ export declare const isExtendedFilter: (f: Filter) => f is ExtendedFilter;
 export declare const applyFilterToColumns: (columns: RuntimeColumnDescriptor[], { filterStruct }: DataSourceFilter) => RuntimeColumnDescriptor[];
 export declare const isFilteredColumn: (column: RuntimeColumnDescriptor) => boolean;
 export declare const stripFilterFromColumns: (columns: RuntimeColumnDescriptor[]) => {
-    aggregate?: import("@vuu-ui/vuu-protocol-types").VuuAggType;
-    allowColumnHeaderMenu?: false;
-    colHeaderContentRenderer?: string;
-    colHeaderLabelRenderer?: string;
-    getIcon?: (row: import("@vuu-ui/vuu-table-types").DataRow) => string | undefined;
-    groupable?: boolean;
-    hidden?: boolean;
-    locked?: Exclude<import("@vuu-ui/vuu-table-types").PinLocation, "left"> | false;
-    maxWidth?: number;
-    minWidth?: number;
-    pin?: import("@vuu-ui/vuu-table-types").PinLocation | false;
-    removeable?: boolean;
-    selected?: boolean;
-    source?: "client" | "server";
-    status?: import("@salt-ds/core").ValidationStatus;
     align?: "left" | "right";
     ariaColIndex: number;
     CellRenderer?: import("react").FunctionComponent<import("@vuu-ui/vuu-table-types").TableCellRendererProps>;
@@ -62,6 +47,21 @@ export declare const stripFilterFromColumns: (columns: RuntimeColumnDescriptor[]
     sorted?: import("@vuu-ui/vuu-table-types").ColumnSort;
     valueFormatter: import("@vuu-ui/vuu-table-types").ValueFormatter;
     width: number;
+    aggregate?: import("@vuu-ui/vuu-protocol-types").VuuAggType;
+    allowColumnHeaderMenu?: false;
+    colHeaderContentRenderer?: string;
+    colHeaderLabelRenderer?: string;
+    getIcon?: (row: import("@vuu-ui/vuu-table-types").DataRow) => string | undefined;
+    groupable?: boolean;
+    hidden?: boolean;
+    locked?: Exclude<import("@vuu-ui/vuu-table-types").PinLocation, "left"> | false;
+    maxWidth?: number;
+    minWidth?: number;
+    pin?: import("@vuu-ui/vuu-table-types").PinLocation | false;
+    removeable?: boolean;
+    selected?: boolean;
+    source?: "client" | "server";
+    status?: import("@salt-ds/core").ValidationStatus;
     editable?: boolean;
     editableBulk?: import("@vuu-ui/vuu-data-types").BulkEdit;
     name: string;

package/types/formatting-utils.d.ts

@@ -4,7 +4,7 @@ export type ValueFormatters = {
 };
 export declare const defaultValueFormatter: (value: unknown) => string;
 export declare const numericFormatter: ({ align, serverDataType, type, }: Partial<ColumnDescriptor>) => (value: unknown) => string;
-export declare const getValueFormatter: (column: ColumnDescriptor, serverDataType?: import("@vuu-ui/vuu-protocol-types").VuuColumnDataType | undefined) => ValueFormatter;
+export declare const getValueFormatter: (column: ColumnDescriptor) => ValueFormatter;
 /**
  * Lowercases a string and returns as Lowercase typescript type
  *

package/types/index.d.ts

@@ -74,7 +74,7 @@ export { DataContext } from "./context-definitions/DataContext";
 export * from "./context-definitions/DataProvider";
 export { DataSourceProvider, useDataSource, } from "./context-definitions/DataSourceProvider";
 export * from "./context-definitions/WorkspaceContext";
-export { isInlineEditingSession } from "./data-editing/edit-utils";
+export { fromRpcEditSessionMode, isInlineEditingSession, toRpcEditSessionMode } from "./data-editing/edit-utils";
 export { PageVisibilityObserver } from "./PageVisibilityObserver";
 export * from "./ShellContext";
 export { ThemeLoadChecker } from "./theme-utils";

package/types/protocol-message-utils.d.ts

@@ -1,5 +1,5 @@
 import type { MenuRpcAction, MenuRpcResponse, OpenDialogActionWithSchema, RpcResponse, TableSchema, VuuUiMessageInRequestResponse } from "@vuu-ui/vuu-data-types";
-import { VuuRpcMenuRequest, OpenDialogAction, VuuRpcRequest, VuuRpcResponse, VuuRpcMenuSuccess, VuuViewportRpcTypeaheadRequest, VuuRpcServiceRequest, ViewportRpcContext, OpenComponentInDialogAction, VuuLoginSuccessResponse, SelectRequest, SelectResponse, SelectSuccessWithRowCount, VuuViewportCreateSuccessResponse, VuuViewportCreateResponse, InvalidTokenReason, InvalidSessionReason, LoginErrorMessage, RpcResult, RpcResultSuccess, RpcResultError, VuuColumnDataType, VuuNumericType, AddRowRpcServiceRequest, EndEditSessionRpcServiceRequest, EditCellRpcServiceRequest, BeginEditSessionRpcServiceRequest, ServerToClientError } from "@vuu-ui/vuu-protocol-types";
+import { VuuRpcMenuRequest, OpenDialogAction, VuuRpcRequest, VuuRpcResponse, VuuRpcMenuSuccess, VuuViewportRpcTypeaheadRequest, VuuRpcServiceRequest, ViewportRpcContext, OpenComponentInDialogAction, VuuLoginSuccessResponse, SelectRequest, SelectResponse, SelectSuccessWithRowCount, VuuViewportCreateSuccessResponse, VuuViewportCreateResponse, InvalidTokenReason, InvalidSessionReason, LoginErrorMessage, RpcResult, RpcResultSuccess, RpcResultError, VuuColumnDataType, VuuNumericType, AddRowRpcServiceRequest, EndEditSessionRpcServiceRequest, EditCellRpcServiceRequest, BeginEditSessionRpcServiceRequest, UndoRowChangeRpcServiceRequest, DeleteSelectedRowsRpcServiceRequest, ServerToClientError } from "@vuu-ui/vuu-protocol-types";
 export declare const INVALID_SESSION: InvalidSessionReason;
 export declare const SESSION_LIMIT_EXCEEDED: InvalidSessionReason;
 export declare const INVALID_TOKEN: InvalidTokenReason;
@@ -38,3 +38,5 @@ export declare const isAddRowRpcRequest: (rpcRequest: VuuRpcServiceRequest) => r
 export declare const isEditCellRpcRequest: (rpcRequest: VuuRpcServiceRequest) => rpcRequest is EditCellRpcServiceRequest;
 export declare const isBeginEditSessionRpcRequest: (rpcRequest: VuuRpcServiceRequest) => rpcRequest is BeginEditSessionRpcServiceRequest;
 export declare const isEndEditSessionRpcRequest: (rpcRequest: VuuRpcServiceRequest) => rpcRequest is EndEditSessionRpcServiceRequest;
+export declare const isUndoRowChangeRpcRequest: (rpcRequest: VuuRpcServiceRequest) => rpcRequest is UndoRowChangeRpcServiceRequest;
+export declare const isDeleteSelectedRowsRpcRequest: (rpcRequest: VuuRpcServiceRequest) => rpcRequest is DeleteSelectedRowsRpcServiceRequest;

package/src/Clock.js

@@ -1,43 +0,0 @@
-class Clock {
-    #millisSinceEpoch = 0;
-    #showCurrentTime = false;
-    constructor(props){
-        const today = new Date();
-        const offset = today.getTimezoneOffset();
-        if (props) {
-            const dateProvided = "number" == typeof props.year && "number" == typeof props.month && "number" == typeof props.day;
-            const year = props.year ?? today.getFullYear();
-            const month = void 0 !== props.month ? props.month - 1 : today.getMonth();
-            const day = props.day ?? today.getDay();
-            const hours = void 0 !== props.hours ? 0 === offset ? props.hours : props.hours + 1 : dateProvided ? offset ? 1 : 0 : today.getUTCHours();
-            const minutes = props.minutes ?? (dateProvided ? 0 : today.getMinutes());
-            const seconds = props.seconds ?? (dateProvided ? 0 : today.getSeconds());
-            const ms = props.milliseconds ?? (dateProvided ? 0 : today.getMilliseconds());
-            const date = new Date(year, month, day, hours, minutes, seconds, ms);
-            this.#millisSinceEpoch = date.getTime();
-        } else this.#millisSinceEpoch = today.getTime();
-    }
-    goBack(value, units = "ms") {
-        const multiplier = "ms" === units ? 1 : "seconds" === units ? 1000 : 60000;
-        this.#millisSinceEpoch -= value * multiplier;
-        return this;
-    }
-    advance(value, units = "ms") {
-        const multiplier = "ms" === units ? 1 : "seconds" === units ? 1000 : 60000;
-        this.#millisSinceEpoch += value * multiplier;
-        return this;
-    }
-    set showCurrentTime(value) {
-        this.#showCurrentTime = value;
-    }
-    toString() {
-        return new Date(this.now).toISOString();
-    }
-    get now() {
-        return this.#showCurrentTime ? new Date().getTime() : this.#millisSinceEpoch;
-    }
-    get date() {
-        return this.#showCurrentTime ? new Date() : new Date(this.#millisSinceEpoch);
-    }
-}
-export { Clock };

package/src/PageVisibilityObserver.js

@@ -1,42 +0,0 @@
-import { EventEmitter } from "./event-emitter.js";
-const defaultProps = {};
-class PageVisibilityObserver extends EventEmitter {
-    #inactiveTimeoutMs;
-    #inactivityTimer;
-    #hidden;
-    visibilityChangeHandler = ()=>{
-        this.hidden = document.hidden;
-    };
-    constructor({ inactiveTimeout = 0, onHidden, onInactiveTimeout, onVisibilityChange, onVisible } = defaultProps){
-        super();
-        this.#hidden = document.hidden;
-        this.#inactiveTimeoutMs = 1000 * inactiveTimeout;
-        if (onInactiveTimeout) this.on("inactive-timeout", onInactiveTimeout);
-        if (onHidden) this.on("hidden", onHidden);
-        if (onVisible) this.on("visible", onVisible);
-        if (onVisibilityChange) this.on("visibilityChange", onVisibilityChange);
-        document.addEventListener("visibilitychange", this.visibilityChangeHandler);
-    }
-    clear() {
-        document.removeEventListener("visibilitychange", this.visibilityChangeHandler);
-    }
-    set hidden(hidden) {
-        if (hidden !== this.#hidden) {
-            this.#hidden = hidden;
-            if (document.hidden) {
-                this.emit("hidden");
-                if (this.#inactiveTimeoutMs) this.#inactivityTimer = setTimeout(()=>{
-                    this.emit("inactive-timeout");
-                }, this.#inactiveTimeoutMs);
-            } else {
-                this.emit("visible");
-                if (this.#inactivityTimer) {
-                    clearTimeout(this.#inactivityTimer);
-                    this.#inactivityTimer = void 0;
-                }
-            }
-            this.emit("visibilityChange", hidden);
-        }
-    }
-}
-export { PageVisibilityObserver };

package/src/ScaledDecimal.js

@@ -1,32 +0,0 @@
-const scaledDecimals = (fraction, decimals)=>{
-    if (fraction.length > decimals) return fraction.slice(0, decimals);
-    if (fraction.length === decimals) return fraction;
-    return fraction.padEnd(decimals, "0");
-};
-class ScaledDecimal {
-    value;
-    decimals;
-    constructor(value, decimals = 6){
-        this.value = value;
-        this.decimals = decimals;
-        console.log(`create a scaled decimal ${value} (${decimals} decimals)`);
-    }
-    get asLong() {
-        if ("" === this.value) return "";
-        {
-            const [integral, fraction = "0"] = this.value.split(".");
-            return `${integral}${scaledDecimals(fraction, this.decimals)}`;
-        }
-    }
-    toJSON() {
-        return this.value;
-    }
-    toString() {
-        return this.value;
-    }
-}
-const ScaledDecimal2 = (value)=>new ScaledDecimal(value, 2);
-const ScaledDecimal4 = (value)=>new ScaledDecimal(value, 4);
-const ScaledDecimal6 = (value)=>new ScaledDecimal(value, 6);
-const ScaledDecimal8 = (value)=>new ScaledDecimal(value, 8);
-export { ScaledDecimal, ScaledDecimal2, ScaledDecimal4, ScaledDecimal6, ScaledDecimal8 };

package/src/ShellContext.js

@@ -1,5 +0,0 @@
-import { createContext, useContext } from "react";
-const defaultConfig = {};
-const ShellContext = createContext(defaultConfig);
-const useShellContext = ()=>useContext(ShellContext);
-export { ShellContext, useShellContext };