@vuu-ui/vuu-data-react 0.8.91 → 0.8.92

package/esm/data-editing/useEditForm.js

@@ -0,0 +1,242 @@
+import { jsx } from 'react/jsx-runtime';
+import { useDialogContext } from '@vuu-ui/vuu-popups';
+import { viewportRpcRequest, buildColumnMap, messageHasDataRows, dataSourceRowToEntity, queryClosest } from '@vuu-ui/vuu-utils';
+import { Button } from '@salt-ds/core';
+import { useRef, useState, useCallback, useMemo } from 'react';
+import { UnsavedChangesReport } from './UnsavedChangesReport.js';
+import { getEditValidationRules, buildValidationChecker } from './edit-rule-validation-checker.js';
+import { CLEAN_FORM, buildFormEditState } from './form-edit-state.js';
+
+const getValidationChecker = (descriptor, apply) => {
+  const rules = getEditValidationRules(descriptor, apply);
+  return buildValidationChecker(rules);
+};
+const nextValidationState = (state, dataDescriptor, value) => {
+  const check = getValidationChecker(dataDescriptor, "change");
+  const result = check(value);
+  const { name } = dataDescriptor;
+  const { ok: wasOk, messages: existingMessages } = state;
+  if (result.ok) {
+    if (!wasOk) {
+      const fieldsInError = Object.keys(existingMessages);
+      if (fieldsInError.includes(name)) {
+        if (fieldsInError.length === 1) {
+          return { ok: true, messages: {} };
+        } else {
+          const messages = { ...existingMessages };
+          delete messages[name];
+          return { ok: false, messages };
+        }
+      }
+    }
+  } else {
+    return {
+      ok: false,
+      messages: {
+        ...existingMessages,
+        [name]: result.messages.join("\n")
+      }
+    };
+  }
+  return state;
+};
+function find(descriptors, fieldname) {
+  const d = descriptors.find(({ name }) => name === fieldname);
+  if (d) {
+    return d;
+  }
+  throw Error(`DataValueDescriptor not found for field ${fieldname}`);
+}
+const getField = (target) => {
+  const fieldElement = queryClosest(target, "[data-field]");
+  if (fieldElement) {
+    return fieldElement.dataset.field;
+  } else {
+    throw Error("no field ");
+  }
+};
+const useEditForm = ({
+  dataSource,
+  formFieldDescriptors,
+  onSubmit
+}) => {
+  const { showDialog, closeDialog } = useDialogContext();
+  const currentDataSource = useRef();
+  const formFieldsContainerRef = useRef(null);
+  const entityRef = useRef();
+  const focusedFieldRef = useRef("");
+  const originalEntityRef = useRef();
+  const formEditStateRef = useRef(CLEAN_FORM);
+  const validationStateRef = useRef({
+    ok: true,
+    messages: {}
+  });
+  const [entity, _setEntity] = useState();
+  const [, forceUpdate] = useState({});
+  const setFormEditState = useCallback((newState) => {
+    formEditStateRef.current = newState;
+  }, []);
+  const setEntity = useCallback(
+    (newEntity) => {
+      setFormEditState(
+        buildFormEditState(originalEntityRef.current, newEntity)
+      );
+      entityRef.current = newEntity;
+      _setEntity(newEntity);
+    },
+    [setFormEditState]
+  );
+  const submitChanges = useCallback(async () => {
+    const rpcResponse = await currentDataSource.current?.rpcCall?.(
+      viewportRpcRequest("VP_BULK_EDIT_SUBMIT_RPC")
+    );
+    console.log({ rpcResponse });
+  }, []);
+  const showSaveOrDiscardPrompt = useCallback(async () => {
+    const { current: currentEntity } = entityRef;
+    const { current: originalEntity } = originalEntityRef;
+    let resolver = void 0;
+    const save = async () => {
+      await submitChanges();
+      closeDialog();
+      resolver?.("saved");
+    };
+    const discard = () => {
+      closeDialog();
+      resolver?.("discarded");
+    };
+    requestAnimationFrame(() => {
+      showDialog(
+        /* @__PURE__ */ jsx(
+          UnsavedChangesReport,
+          {
+            entity: originalEntity,
+            editedEntity: currentEntity
+          }
+        ),
+        "Unsaved Changes",
+        [
+          /* @__PURE__ */ jsx(Button, { onClick: discard, children: "Discard Changes" }, "cancel"),
+          /* @__PURE__ */ jsx(Button, { onClick: save, children: "Save Changes" }, "submit")
+        ],
+        true
+        // hideCloseButton
+      );
+    });
+    return new Promise((resolve) => {
+      resolver = resolve;
+    });
+  }, [closeDialog, showDialog, submitChanges]);
+  useMemo(async () => {
+    if (dataSource) {
+      if (formEditStateRef.current.isClean === false) {
+        await showSaveOrDiscardPrompt();
+      }
+      currentDataSource.current = dataSource;
+      originalEntityRef.current = void 0;
+      const columnMap = buildColumnMap(dataSource.columns);
+      dataSource?.subscribe({ range: { from: 0, to: 1 } }, (message) => {
+        if (messageHasDataRows(message)) {
+          const [row] = message.rows;
+          if (row) {
+            const entity2 = dataSourceRowToEntity(row, columnMap);
+            if (originalEntityRef.current === void 0) {
+              originalEntityRef.current = entity2;
+              setEntity(entity2);
+            }
+            const { editedFields: editedFields2 } = buildFormEditState(
+              entityRef.current,
+              entity2
+            );
+            if (editedFields2.length === 1) {
+              setEntity(entity2);
+            }
+          }
+        }
+      });
+    }
+  }, [dataSource, setEntity, showSaveOrDiscardPrompt]);
+  const setValidationState = useCallback((state) => {
+    validationStateRef.current = state;
+    forceUpdate({});
+  }, []);
+  const handleFieldCommit = useCallback(
+    (evt, value) => {
+      const { current: fieldName } = focusedFieldRef;
+      const dataDescriptor = find(formFieldDescriptors, fieldName);
+      const { current: state } = validationStateRef;
+      const newState = nextValidationState(state, dataDescriptor, value);
+      if (newState !== state) {
+        setValidationState(newState);
+      }
+      if (newState.ok && dataSource?.tableSchema) {
+        const { key } = dataSource.tableSchema;
+        const keyValue = entity?.[key];
+        dataSource?.applyEdit(keyValue, fieldName, value).then((rpcResponse) => {
+          console.log({ rpcResponse });
+        });
+      }
+    },
+    [dataSource, entity, formFieldDescriptors, setValidationState]
+  );
+  const handleFieldChange = useCallback(
+    (evt) => {
+      const { current: fieldName } = focusedFieldRef;
+      if (fieldName) {
+        const input = queryClosest(evt.target, "input", true);
+        const dataDescriptor = find(formFieldDescriptors, fieldName);
+        const value = input.value;
+        const { current: state } = validationStateRef;
+        const newState = nextValidationState(state, dataDescriptor, value);
+        if (newState !== state) {
+          setValidationState(newState);
+        }
+        setEntity({ ...entity, [fieldName]: value });
+      }
+    },
+    [entity, formFieldDescriptors, setEntity, setValidationState]
+  );
+  const handleFormSubmit = useCallback(async () => {
+    submitChanges();
+    setFormEditState(CLEAN_FORM);
+    originalEntityRef.current = entity;
+    onSubmit?.();
+    forceUpdate({});
+  }, [entity, onSubmit, setFormEditState, submitChanges]);
+  const handleFormCancel = useCallback(async () => {
+    setFormEditState(CLEAN_FORM);
+    setEntity(originalEntityRef.current);
+  }, [setEntity, setFormEditState]);
+  const handleFocus = useCallback((evt) => {
+    if (formFieldsContainerRef.current?.contains(evt.target)) {
+      const fieldName = getField(evt.target);
+      if (fieldName) {
+        if (fieldName) {
+          focusedFieldRef.current = fieldName;
+        }
+      }
+    }
+  }, []);
+  const {
+    current: { ok, messages: errorMessages }
+  } = validationStateRef;
+  const {
+    current: { isClean, editedFields }
+  } = formEditStateRef;
+  return {
+    editedFields,
+    editEntity: entity,
+    errorMessages,
+    formFieldsContainerRef,
+    isClean,
+    ok,
+    onCancel: handleFormCancel,
+    onChange: handleFieldChange,
+    onCommit: handleFieldCommit,
+    onFocus: handleFocus,
+    onSubmit: handleFormSubmit
+  };
+};
+
+export { useEditForm };
+//# sourceMappingURL=useEditForm.js.map

package/esm/data-editing/useEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditForm.js","sources":["../../src/data-editing/useEditForm.tsx"],"sourcesContent":["import { DataSource, DataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport { useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  Entity,\n  buildColumnMap,\n  dataSourceRowToEntity,\n  messageHasDataRows,\n  queryClosest,\n  viewportRpcRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport {\n  FocusEventHandler,\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EditFormProps } from \"./EditForm\";\nimport { UnsavedChangesReport } from \"./UnsavedChangesReport\";\nimport {\n  buildValidationChecker,\n  getEditValidationRules,\n} from \"./edit-rule-validation-checker\";\nimport {\n  CLEAN_FORM,\n  FormEditState,\n  buildFormEditState,\n} from \"./form-edit-state\";\n\nexport type EditFormHookProps = Pick<\n  EditFormProps,\n  \"dataSource\" | \"formFieldDescriptors\" | \"onSubmit\"\n>;\n\ntype ValidationState = {\n  ok: boolean;\n  messages: Record<string, string>;\n};\n\nconst getValidationChecker = (\n  descriptor: DataValueDescriptor,\n  apply: \"change\" | \"commit\",\n) => {\n  const rules = getEditValidationRules(descriptor, apply);\n  return buildValidationChecker(rules);\n};\n\nconst nextValidationState = (\n  state: ValidationState,\n  dataDescriptor: DataValueDescriptor,\n  value: VuuRowDataItemType,\n): ValidationState => {\n  const check = getValidationChecker(dataDescriptor, \"change\");\n  const result = check(value);\n  const { name } = dataDescriptor;\n\n  const { ok: wasOk, messages: existingMessages } = state;\n\n  if (result.ok) {\n    if (!wasOk) {\n      // if this field was the only one in error, the overall state\n      // will now be ok, but not if there is still one or more other\n      // field still in error.\n      const fieldsInError = Object.keys(existingMessages);\n      if (fieldsInError.includes(name)) {\n        if (fieldsInError.length === 1) {\n          return { ok: true, messages: {} };\n        } else {\n          const messages = { ...existingMessages };\n          delete messages[name];\n          return { ok: false, messages };\n        }\n      }\n    }\n  } else {\n    return {\n      ok: false,\n      messages: {\n        ...existingMessages,\n        [name]: result.messages.join(\"\\n\"),\n      },\n    };\n  }\n\n  return state;\n};\n\nfunction find(descriptors: DataValueDescriptor[], fieldname: string) {\n  const d = descriptors.find(({ name }) => name === fieldname);\n  if (d) {\n    return d;\n  }\n  throw Error(`DataValueDescriptor not found for field ${fieldname}`);\n}\n\nconst getField = (target: EventTarget | HTMLElement) => {\n  const fieldElement = queryClosest(target, \"[data-field]\");\n  if (fieldElement) {\n    return fieldElement.dataset.field as string;\n  } else {\n    throw Error(\"no field \");\n  }\n};\n\ntype Resolver = (value: unknown) => void;\n\nexport const useEditForm = ({\n  dataSource,\n  formFieldDescriptors,\n  onSubmit,\n}: EditFormHookProps) => {\n  const { showDialog, closeDialog } = useDialogContext();\n\n  const currentDataSource = useRef<DataSource>();\n  const formFieldsContainerRef = useRef<HTMLDivElement>(null);\n  const entityRef = useRef<Entity>();\n  const focusedFieldRef = useRef(\"\");\n  const originalEntityRef = useRef<Entity>();\n  const formEditStateRef = useRef<FormEditState>(CLEAN_FORM);\n  const validationStateRef = useRef<ValidationState>({\n    ok: true,\n    messages: {},\n  });\n\n  const [entity, _setEntity] = useState<Entity>();\n  const [, forceUpdate] = useState({});\n\n  const setFormEditState = useCallback((newState: FormEditState) => {\n    formEditStateRef.current = newState;\n  }, []);\n\n  const setEntity = useCallback(\n    (newEntity: Entity) => {\n      setFormEditState(\n        buildFormEditState(originalEntityRef.current, newEntity),\n      );\n      entityRef.current = newEntity;\n      _setEntity(newEntity);\n    },\n    [setFormEditState],\n  );\n\n  const submitChanges = useCallback(async () => {\n    const rpcResponse = await currentDataSource.current?.rpcCall?.(\n      viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"),\n    );\n    console.log({ rpcResponse });\n  }, []);\n\n  const showSaveOrDiscardPrompt = useCallback(async () => {\n    const { current: currentEntity } = entityRef;\n    const { current: originalEntity } = originalEntityRef;\n    let resolver: Resolver | undefined = undefined;\n    const save = async () => {\n      await submitChanges();\n      closeDialog();\n      resolver?.(\"saved\");\n    };\n\n    const discard = () => {\n      closeDialog();\n      resolver?.(\"discarded\");\n    };\n\n    requestAnimationFrame(() => {\n      showDialog(\n        <UnsavedChangesReport\n          entity={originalEntity as Entity}\n          editedEntity={currentEntity as Entity}\n        />,\n        \"Unsaved Changes\",\n        [\n          <Button key=\"cancel\" onClick={discard}>\n            Discard Changes\n          </Button>,\n          <Button key=\"submit\" onClick={save}>\n            Save Changes\n          </Button>,\n        ],\n        true, // hideCloseButton\n      );\n    });\n\n    return new Promise((resolve) => {\n      resolver = resolve;\n    });\n  }, [closeDialog, showDialog, submitChanges]);\n\n  useMemo(async () => {\n    if (dataSource) {\n      if (formEditStateRef.current.isClean === false) {\n        await showSaveOrDiscardPrompt();\n      }\n\n      currentDataSource.current = dataSource;\n\n      originalEntityRef.current = undefined;\n\n      const columnMap = buildColumnMap(dataSource.columns);\n\n      dataSource?.subscribe({ range: { from: 0, to: 1 } }, (message) => {\n        if (messageHasDataRows(message)) {\n          const [row] = message.rows;\n          if (row) {\n            const entity = dataSourceRowToEntity(row, columnMap);\n            if (originalEntityRef.current === undefined) {\n              originalEntityRef.current = entity;\n              setEntity(entity);\n            }\n\n            const { editedFields } = buildFormEditState(\n              entityRef.current,\n              entity,\n            );\n\n            // for controls which do not yield incremental changes, e.g dropdown, calendar\n            // we apply the server update to our entity.\n            if (editedFields.length === 1) {\n              setEntity(entity);\n            }\n\n            // Do not overwrite entity here, just check that values returned by server\n            // match whats expected\n          }\n        }\n      });\n    }\n  }, [dataSource, setEntity, showSaveOrDiscardPrompt]);\n\n  const setValidationState = useCallback((state: ValidationState) => {\n    validationStateRef.current = state;\n    forceUpdate({});\n  }, []);\n\n  const handleFieldCommit = useCallback(\n    (evt, value) => {\n      const { current: fieldName } = focusedFieldRef;\n      const dataDescriptor = find(formFieldDescriptors, fieldName);\n\n      const { current: state } = validationStateRef;\n      const newState = nextValidationState(state, dataDescriptor, value);\n      if (newState !== state) {\n        setValidationState(newState);\n      }\n\n      if (newState.ok && dataSource?.tableSchema) {\n        const { key } = dataSource.tableSchema;\n        const keyValue = entity?.[key] as string;\n        dataSource\n          ?.applyEdit(keyValue, fieldName, value)\n          .then((rpcResponse) => {\n            console.log({ rpcResponse });\n          });\n      }\n    },\n    [dataSource, entity, formFieldDescriptors, setValidationState],\n  );\n\n  const handleFieldChange = useCallback(\n    (evt: SyntheticEvent<HTMLInputElement>) => {\n      const { current: fieldName } = focusedFieldRef;\n      if (fieldName) {\n        const input = queryClosest<HTMLInputElement>(evt.target, \"input\", true);\n        const dataDescriptor = find(formFieldDescriptors, fieldName);\n        const value = input.value as string;\n        const { current: state } = validationStateRef;\n        const newState = nextValidationState(state, dataDescriptor, value);\n        if (newState !== state) {\n          setValidationState(newState);\n        }\n\n        setEntity({ ...entity, [fieldName]: value });\n      }\n    },\n    [entity, formFieldDescriptors, setEntity, setValidationState],\n  );\n\n  const handleFormSubmit = useCallback(async () => {\n    submitChanges();\n    setFormEditState(CLEAN_FORM);\n    originalEntityRef.current = entity;\n    onSubmit?.();\n    forceUpdate({});\n  }, [entity, onSubmit, setFormEditState, submitChanges]);\n\n  const handleFormCancel = useCallback(async () => {\n    // const rpcResponse = await dataSource?.rpcCall?.(\n    //   viewportRpcRequest(\"VP_BULK_EDIT_CANCEL_RPC\"),\n    // );\n    setFormEditState(CLEAN_FORM);\n    // console.log({ rpcResponse });\n    setEntity(originalEntityRef.current as Entity);\n  }, [setEntity, setFormEditState]);\n\n  const handleFocus = useCallback<FocusEventHandler>((evt) => {\n    // Ignore focus on popup Calendars, Lists etc\n    if (formFieldsContainerRef.current?.contains(evt.target)) {\n      const fieldName = getField(evt.target);\n      if (fieldName) {\n        if (fieldName) {\n          focusedFieldRef.current = fieldName;\n        }\n      }\n    }\n  }, []);\n\n  const {\n    current: { ok, messages: errorMessages },\n  } = validationStateRef;\n\n  const {\n    current: { isClean, editedFields },\n  } = formEditStateRef;\n\n  return {\n    editedFields,\n    editEntity: entity,\n    errorMessages,\n    formFieldsContainerRef,\n    isClean,\n    ok,\n    onCancel: handleFormCancel,\n    onChange: handleFieldChange,\n    onCommit: handleFieldCommit,\n    onFocus: handleFocus,\n    onSubmit: handleFormSubmit,\n  };\n};\n"],"names":["entity","editedFields"],"mappings":"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"}

package/esm/hooks/useVuuMenuActions.js

@@ -108,7 +108,7 @@ const useVuuMenuActions = ({
         return true;
       }
     },
-    [VuuDataSource, closeDialog, showDialog]
+    [VuuDataSource, closeDialog, dataSource, showDialog]
   );
   const showSessionEditingForm = useCallback(
     (action) => {

package/esm/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  useNotifications,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuMenu,\n  VuuMenuItem,\n  VuuRpcResponse,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  hasShowNotificationAction,\n  isActionMessage,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isSessionTableActionMessage,\n  isTableLocation,\n  useDataSource,\n  viewportRpcRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nconst keyFirst = (c1: FormFieldDescriptor, c2: FormFieldDescriptor) =>\n  c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;\n\nconst defaultFormConfig = {\n  fields: [],\n  key: \"\",\n  title: \"\",\n};\n\nconst configFromSchema = (schema?: TableSchema): FormConfig | undefined => {\n  if (schema) {\n    const { columns, key } = schema;\n    return {\n      key,\n      title: `Parameters for command`,\n      fields: columns\n        .map((col) => ({\n          description: col.name,\n          label: col.name,\n          name: col.name,\n          type: col.serverDataType,\n          isKeyField: col.name === key,\n        }))\n        .sort(keyFirst),\n    };\n  }\n};\n\nconst getFormConfig = (\n  action: OpenDialogAction & { tableSchema: TableSchema },\n) => {\n  const { tableSchema: schema } = action;\n  const config = configFromSchema(schema) ?? defaultFormConfig;\n\n  return {\n    config,\n    schema,\n  };\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const { VuuDataSource } = useDataSource();\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n          menu,\n          location,\n          options as VuuServerMenuOptions,\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig],\n  );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (table: VuuTable, columns?: ColumnDescriptor[]) => {\n      // NO send BULK_EDIT_BEGIN\n      const sessionDs = new VuuDataSource({\n        table,\n        viewport: table.table,\n      });\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            columns={columns}\n            dataSource={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={dataSource}\n          />,\n          \"Bulk Amend\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ],\n        );\n\n        return true;\n      }\n    },\n    [VuuDataSource, closeDialog, showDialog],\n  );\n\n  const showSessionEditingForm = useCallback(\n    (action: OpenDialogAction & { tableSchema: TableSchema }) => {\n      const { tableSchema } = action;\n      if (tableSchema) {\n        const formConfig = getFormConfig(action);\n        showDialog(\n          <SessionEditingForm {...formConfig} onClose={closeDialog} />,\n          \"Set Parameters\",\n        );\n      }\n\n      const sessionDs = dataSource.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            dataSource={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={dataSource}\n          />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ],\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog],\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n\n        dataSource\n          .menuRpcCall(rpcRequest)\n          .then((rpcResponse: Omit<VuuRpcResponse, \"requestId\">) => {\n            if (rpcResponse) {\n              if (onRpcResponse?.(rpcResponse) === true) {\n                return true;\n              }\n              if (isActionMessage(rpcResponse)) {\n                if (hasShowNotificationAction(rpcResponse)) {\n                  const {\n                    action: { message, title = \"Success\" },\n                  } = rpcResponse;\n                  showNotification({\n                    type: \"success\",\n                    body: message,\n                    header: title,\n                  });\n                } else if (isOpenBulkEditResponse(rpcResponse)) {\n                  showBulkEditDialog(rpcResponse.action.table, options.columns);\n                } else if (isSessionTableActionMessage(rpcResponse)) {\n                  showSessionEditingForm(rpcResponse.action);\n                }\n              }\n            }\n          });\n        return true;\n      } else if (menuId === \"link-table\") {\n        dataSource.visualLink = options as LinkDescriptorWithLabel;\n        return true;\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`,\n        );\n      }\n\n      return false;\n    },\n    [\n      clientSideMenuActionHandler,\n      dataSource,\n      onRpcResponse,\n      showBulkEditDialog,\n      showNotification,\n      showSessionEditingForm,\n    ],\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  useNotifications,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuMenu,\n  VuuMenuItem,\n  VuuRpcResponse,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  hasShowNotificationAction,\n  isActionMessage,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isSessionTableActionMessage,\n  isTableLocation,\n  useDataSource,\n  viewportRpcRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nconst keyFirst = (c1: FormFieldDescriptor, c2: FormFieldDescriptor) =>\n  c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;\n\nconst defaultFormConfig = {\n  fields: [],\n  key: \"\",\n  title: \"\",\n};\n\nconst configFromSchema = (schema?: TableSchema): FormConfig | undefined => {\n  if (schema) {\n    const { columns, key } = schema;\n    return {\n      key,\n      title: `Parameters for command`,\n      fields: columns\n        .map((col) => ({\n          description: col.name,\n          label: col.name,\n          name: col.name,\n          type: col.serverDataType,\n          isKeyField: col.name === key,\n        }))\n        .sort(keyFirst),\n    };\n  }\n};\n\nconst getFormConfig = (\n  action: OpenDialogAction & { tableSchema: TableSchema },\n) => {\n  const { tableSchema: schema } = action;\n  const config = configFromSchema(schema) ?? defaultFormConfig;\n\n  return {\n    config,\n    schema,\n  };\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const { VuuDataSource } = useDataSource();\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n          menu,\n          location,\n          options as VuuServerMenuOptions,\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig],\n  );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (table: VuuTable, columns?: ColumnDescriptor[]) => {\n      // NO send BULK_EDIT_BEGIN\n      const sessionDs = new VuuDataSource({\n        table,\n        viewport: table.table,\n      });\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            columns={columns}\n            dataSource={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={dataSource}\n          />,\n          \"Bulk Amend\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ],\n        );\n\n        return true;\n      }\n    },\n    [VuuDataSource, closeDialog, dataSource, showDialog],\n  );\n\n  const showSessionEditingForm = useCallback(\n    (action: OpenDialogAction & { tableSchema: TableSchema }) => {\n      const { tableSchema } = action;\n      if (tableSchema) {\n        const formConfig = getFormConfig(action);\n        showDialog(\n          <SessionEditingForm {...formConfig} onClose={closeDialog} />,\n          \"Set Parameters\",\n        );\n      }\n\n      const sessionDs = dataSource.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            dataSource={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={dataSource}\n          />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ],\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog],\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n\n        dataSource\n          .menuRpcCall(rpcRequest)\n          .then((rpcResponse: Omit<VuuRpcResponse, \"requestId\">) => {\n            if (rpcResponse) {\n              if (onRpcResponse?.(rpcResponse) === true) {\n                return true;\n              }\n              if (isActionMessage(rpcResponse)) {\n                if (hasShowNotificationAction(rpcResponse)) {\n                  const {\n                    action: { message, title = \"Success\" },\n                  } = rpcResponse;\n                  showNotification({\n                    type: \"success\",\n                    body: message,\n                    header: title,\n                  });\n                } else if (isOpenBulkEditResponse(rpcResponse)) {\n                  showBulkEditDialog(rpcResponse.action.table, options.columns);\n                } else if (isSessionTableActionMessage(rpcResponse)) {\n                  showSessionEditingForm(rpcResponse.action);\n                }\n              }\n            }\n          });\n        return true;\n      } else if (menuId === \"link-table\") {\n        dataSource.visualLink = options as LinkDescriptorWithLabel;\n        return true;\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`,\n        );\n      }\n\n      return false;\n    },\n    [\n      clientSideMenuActionHandler,\n      dataSource,\n      onRpcResponse,\n      showBulkEditDialog,\n      showNotification,\n      showSessionEditingForm,\n    ],\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -1,4 +1,7 @@
-export { getDataItemEditControl } from './data-editing/date-editing-utils.js';
+export { getDataItemEditControl } from './data-editing/get-data-item-edit-control.js';
+export { EditForm } from './data-editing/EditForm.js';
+export { OK, buildValidationChecker, getEditValidationRules } from './data-editing/edit-rule-validation-checker.js';
+export { UnsavedChangesReport } from './data-editing/UnsavedChangesReport.js';
 export { VuuDataSourceProvider } from './datasource-provider/VuuDataSourceProvider.js';
 export { useLookupValues } from './hooks/useLookupValues.js';
 export { useVuuMenuActions } from './hooks/useVuuMenuActions.js';

package/esm/index.js.map

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

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.8.91",
+  "version": "0.8.92",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.91",
-    "@vuu-ui/vuu-filter-types": "0.8.91",
-    "@vuu-ui/vuu-popups": "0.8.91",
-    "@vuu-ui/vuu-protocol-types": "0.8.91",
-    "@vuu-ui/vuu-table-types": "0.8.91"
+    "@vuu-ui/vuu-data-types": "0.8.92",
+    "@vuu-ui/vuu-filter-types": "0.8.92",
+    "@vuu-ui/vuu-popups": "0.8.92",
+    "@vuu-ui/vuu-protocol-types": "0.8.92",
+    "@vuu-ui/vuu-table-types": "0.8.92"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-remote": "0.8.91",
-    "@vuu-ui/vuu-filter-parser": "0.8.91",
-    "@vuu-ui/vuu-layout": "0.8.91",
-    "@vuu-ui/vuu-popups": "0.8.91",
-    "@vuu-ui/vuu-ui-controls": "0.8.91",
-    "@vuu-ui/vuu-utils": "0.8.91",
-    "@vuu-ui/vuu-table": "0.8.91",
+    "@vuu-ui/vuu-data-remote": "0.8.92",
+    "@vuu-ui/vuu-filter-parser": "0.8.92",
+    "@vuu-ui/vuu-layout": "0.8.92",
+    "@vuu-ui/vuu-popups": "0.8.92",
+    "@vuu-ui/vuu-ui-controls": "0.8.92",
+    "@vuu-ui/vuu-utils": "0.8.92",
+    "@vuu-ui/vuu-table": "0.8.92",
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

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

@@ -0,0 +1,8 @@
+import { DataSource, DataValueDescriptor } from "@vuu-ui/vuu-data-types";
+import { HTMLAttributes } from "react";
+export interface EditFormProps extends HTMLAttributes<HTMLDivElement> {
+    dataSource?: DataSource;
+    formFieldDescriptors: DataValueDescriptor[];
+    onSubmit?: () => void;
+}
+export declare const EditForm: ({ className, dataSource, formFieldDescriptors, onSubmit: onSubmitProp, ...htmlAttributes }: EditFormProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Entity } from "@vuu-ui/vuu-utils";
+export interface UnsavedChangesReportProps<T extends Entity = Entity> {
+    entity: T;
+    editedEntity: T;
+}
+export declare const UnsavedChangesReport: ({ entity, editedEntity, }: UnsavedChangesReportProps) => JSX.Element;

package/types/data-editing/edit-rule-validation-checker.d.ts

@@ -0,0 +1,4 @@
+import type { DataValueDescriptor, DataValueValidationChecker, EditRuleValidationSuccessResult, EditValidationRule } from "@vuu-ui/vuu-data-types";
+export declare const OK: EditRuleValidationSuccessResult;
+export declare function getEditValidationRules(descriptor: DataValueDescriptor, apply: "change" | "commit"): EditValidationRule[];
+export declare const buildValidationChecker: (rules: EditValidationRule[]) => DataValueValidationChecker;

package/types/data-editing/edit-validation-rules.d.ts

@@ -0,0 +1 @@
+export declare const registerRules: () => void;

package/types/data-editing/form-edit-state.d.ts

@@ -0,0 +1,7 @@
+import { Entity } from "@vuu-ui/vuu-utils";
+export type FormEditState = {
+    isClean: boolean;
+    editedFields: string[];
+};
+export declare const CLEAN_FORM: FormEditState;
+export declare const buildFormEditState: (entity: Entity | undefined, newEntity: Entity) => FormEditState;

package/types/data-editing/get-data-item-edit-control.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { DataValueDescriptor, SuggestionProvider, TableSchemaTable } from "@vuu-ui/vuu-data-types";
+import { CommitHandler } from "@vuu-ui/vuu-utils";
+import { InputProps } from "@salt-ds/core";
+export interface DataItemEditControlProps {
+    InputProps?: Partial<InputProps>;
+    /**
+     * A table column or form field Descriptor.
+     */
+    dataDescriptor: DataValueDescriptor;
+    errorMessage?: string;
+    onCommit: CommitHandler<HTMLElement, string | undefined>;
+    suggestionProvider?: SuggestionProvider;
+    table?: TableSchemaTable;
+}
+export type ValidationStatus = "initial" | true | string;
+export declare const getDataItemEditControl: ({ InputProps, dataDescriptor, errorMessage, onCommit, suggestionProvider, table, }: DataItemEditControlProps) => JSX.Element;

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

@@ -1 +1,4 @@
-export * from "./date-editing-utils";
+export * from "./get-data-item-edit-control";
+export * from "./EditForm";
+export * from "./edit-rule-validation-checker";
+export * from "./UnsavedChangesReport";

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

@@ -0,0 +1,17 @@
+import { Entity } from "@vuu-ui/vuu-utils";
+import { FocusEventHandler, SyntheticEvent } from "react";
+import { EditFormProps } from "./EditForm";
+export type EditFormHookProps = Pick<EditFormProps, "dataSource" | "formFieldDescriptors" | "onSubmit">;
+export declare const useEditForm: ({ dataSource, formFieldDescriptors, onSubmit, }: EditFormHookProps) => {
+    editedFields: string[];
+    editEntity: Entity | undefined;
+    errorMessages: Record<string, string>;
+    formFieldsContainerRef: import("react").RefObject<HTMLDivElement>;
+    isClean: boolean;
+    ok: boolean;
+    onCancel: () => Promise<void>;
+    onChange: (evt: SyntheticEvent<HTMLInputElement>) => void;
+    onCommit: (evt: any, value: any) => void;
+    onFocus: FocusEventHandler;
+    onSubmit: () => Promise<void>;
+};

package/cjs/data-editing/date-editing-utils.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const getDataItemEditControl = ({
-  InputProps: InputProps2,
-  column,
-  onCommit,
-  suggestionProvider,
-  table
-}) => {
-  if (vuuUtils.isDateTimeColumn(column)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuDatePicker, { onCommit });
-  } else if (column.serverDataType === "string" && suggestionProvider && table) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      vuuUiControls.VuuTypeaheadInput,
-      {
-        column: column.name,
-        onCommit,
-        suggestionProvider,
-        table
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuInput, { variant: "secondary", ...InputProps2, onCommit });
-};
-
-exports.getDataItemEditControl = getDataItemEditControl;
-//# sourceMappingURL=date-editing-utils.js.map

package/cjs/data-editing/date-editing-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-editing-utils.js","sources":["../../src/data-editing/date-editing-utils.tsx"],"sourcesContent":["import { SuggestionProvider, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTypeaheadInput,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { CommitHandler, isDateTimeColumn } from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\n\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  column: ColumnDescriptor;\n  onCommit: CommitHandler<HTMLInputElement, string | undefined>;\n  suggestionProvider?: SuggestionProvider;\n  table?: TableSchemaTable;\n}\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  column,\n  onCommit,\n  suggestionProvider,\n  table,\n}: DataItemEditControlProps) => {\n  if (isDateTimeColumn(column)) {\n    return <VuuDatePicker onCommit={onCommit as any} />;\n  } else if (\n    column.serverDataType === \"string\" &&\n    suggestionProvider &&\n    table\n  ) {\n    return (\n      <VuuTypeaheadInput\n        column={column.name}\n        onCommit={onCommit}\n        suggestionProvider={suggestionProvider}\n        table={table}\n      />\n    );\n  }\n  return <VuuInput variant=\"secondary\" {...InputProps} onCommit={onCommit} />;\n};\n"],"names":["InputProps","isDateTimeColumn","jsx","VuuDatePicker","VuuTypeaheadInput","VuuInput"],"mappings":";;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,KAAA;AACF,CAAgC,KAAA;AAC9B,EAAI,IAAAC,yBAAA,CAAiB,MAAM,CAAG,EAAA;AAC5B,IAAO,uBAAAC,cAAA,CAACC,+BAAc,QAA2B,EAAA,CAAA,CAAA;AAAA,GAEjD,MAAA,IAAA,MAAA,CAAO,cAAmB,KAAA,QAAA,IAC1B,sBACA,KACA,EAAA;AACA,IACE,uBAAAD,cAAA;AAAA,MAACE,+BAAA;AAAA,MAAA;AAAA,QACC,QAAQ,MAAO,CAAA,IAAA;AAAA,QACf,QAAA;AAAA,QACA,kBAAA;AAAA,QACA,KAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACA,EAAA,sCAAQC,sBAAS,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,GAAGL,aAAY,QAAoB,EAAA,CAAA,CAAA;AAC3E;;;;"}

package/esm/data-editing/date-editing-utils.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { VuuDatePicker, VuuTypeaheadInput, VuuInput } from '@vuu-ui/vuu-ui-controls';
-import { isDateTimeColumn } from '@vuu-ui/vuu-utils';
-
-const getDataItemEditControl = ({
-  InputProps: InputProps2,
-  column,
-  onCommit,
-  suggestionProvider,
-  table
-}) => {
-  if (isDateTimeColumn(column)) {
-    return /* @__PURE__ */ jsx(VuuDatePicker, { onCommit });
-  } else if (column.serverDataType === "string" && suggestionProvider && table) {
-    return /* @__PURE__ */ jsx(
-      VuuTypeaheadInput,
-      {
-        column: column.name,
-        onCommit,
-        suggestionProvider,
-        table
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(VuuInput, { variant: "secondary", ...InputProps2, onCommit });
-};
-
-export { getDataItemEditControl };
-//# sourceMappingURL=date-editing-utils.js.map

package/esm/data-editing/date-editing-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-editing-utils.js","sources":["../../src/data-editing/date-editing-utils.tsx"],"sourcesContent":["import { SuggestionProvider, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTypeaheadInput,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { CommitHandler, isDateTimeColumn } from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\n\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  column: ColumnDescriptor;\n  onCommit: CommitHandler<HTMLInputElement, string | undefined>;\n  suggestionProvider?: SuggestionProvider;\n  table?: TableSchemaTable;\n}\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  column,\n  onCommit,\n  suggestionProvider,\n  table,\n}: DataItemEditControlProps) => {\n  if (isDateTimeColumn(column)) {\n    return <VuuDatePicker onCommit={onCommit as any} />;\n  } else if (\n    column.serverDataType === \"string\" &&\n    suggestionProvider &&\n    table\n  ) {\n    return (\n      <VuuTypeaheadInput\n        column={column.name}\n        onCommit={onCommit}\n        suggestionProvider={suggestionProvider}\n        table={table}\n      />\n    );\n  }\n  return <VuuInput variant=\"secondary\" {...InputProps} onCommit={onCommit} />;\n};\n"],"names":["InputProps"],"mappings":";;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,KAAA;AACF,CAAgC,KAAA;AAC9B,EAAI,IAAA,gBAAA,CAAiB,MAAM,CAAG,EAAA;AAC5B,IAAO,uBAAA,GAAA,CAAC,iBAAc,QAA2B,EAAA,CAAA,CAAA;AAAA,GAEjD,MAAA,IAAA,MAAA,CAAO,cAAmB,KAAA,QAAA,IAC1B,sBACA,KACA,EAAA;AACA,IACE,uBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,QAAQ,MAAO,CAAA,IAAA;AAAA,QACf,QAAA;AAAA,QACA,kBAAA;AAAA,QACA,KAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACA,EAAA,2BAAQ,QAAS,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,GAAGA,aAAY,QAAoB,EAAA,CAAA,CAAA;AAC3E;;;;"}

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { SuggestionProvider, TableSchemaTable } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { CommitHandler } from "@vuu-ui/vuu-utils";
-import { InputProps } from "@salt-ds/core";
-export interface DataItemEditControlProps {
-    InputProps?: Partial<InputProps>;
-    column: ColumnDescriptor;
-    onCommit: CommitHandler<HTMLInputElement, string | undefined>;
-    suggestionProvider?: SuggestionProvider;
-    table?: TableSchemaTable;
-}
-export declare const getDataItemEditControl: ({ InputProps, column, onCommit, suggestionProvider, table, }: DataItemEditControlProps) => JSX.Element;