@vuu-ui/vuu-data-react 0.13.28 → 0.13.30

package/cjs/data-editing/get-data-item-edit-control.js

@@ -10,6 +10,7 @@ const getDataItemEditControl = ({
   className,
   commitWhenCleared,
   dataDescriptor,
+  defaultValue,
   errorMessage,
   onCommit,
   table
@@ -28,7 +29,14 @@ const getDataItemEditControl = ({
       }
     );
   } else if (vuuUtils.isTimeDataValue(dataDescriptor)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuTimePicker, { className, onCommit: handleCommitNumber });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      vuuUiControls.VuuTimePicker,
+      {
+        className,
+        defaultValue: vuuUtils.asTimeString(defaultValue, true),
+        onCommit: handleCommitNumber
+      }
+    );
   } else if (vuuUtils.isDateTimeDataValue(dataDescriptor)) {
     return /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.VuuDatePicker, { className, onCommit: handleCommitNumber });
   } else if (dataDescriptor.serverDataType === "string" && table) {

package/cjs/data-editing/get-data-item-edit-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\n\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<VuuTypeaheadInputProps, \"highlightFirstSuggestion\">;\n  className?: string;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuTimePicker className={className} onCommit={handleCommitNumber} />\n    );\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker className={className} onCommit={handleCommitNumber} />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    return (\n      <VuuTypeaheadInput\n        {...InputProps}\n        {...TypeaheadProps}\n        className={className}\n        column={dataDescriptor.name}\n        onCommit={onCommit}\n        table={table}\n      />\n    );\n  }\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n    />\n  );\n};\n"],"names":["InputProps","jsx","VuuInput","isTimeDataValue","VuuTimePicker","isDateTimeDataValue","VuuDatePicker","VuuTypeaheadInput"],"mappings":";;;;;;AAkCO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGF,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA;AAAA;AAAA,KACV;AAAA,GAEJ,MAAA,IAAWG,wBAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,uBACGF,cAAA,CAAAG,2BAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAEvE,MAAA,IAAWC,4BAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAA,uBACGJ,cAAA,CAAAK,2BAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAE5D,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAAL,cAAA;AAAA,MAACM,+BAAA;AAAA,MAAA;AAAA,QACE,GAAGP,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,SAAA;AAAA,QACA,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAGJ,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGF,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\n\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<VuuTypeaheadInputProps, \"highlightFirstSuggestion\">;\n  className?: string;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  defaultValue?: string | number | readonly string[];\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitWhenCleared,\n  dataDescriptor,\n  defaultValue,\n  errorMessage,\n  onCommit,\n  table,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuTimePicker\n        className={className}\n        defaultValue={asTimeString(defaultValue, true)}\n        onCommit={handleCommitNumber}\n      />\n    );\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker className={className} onCommit={handleCommitNumber} />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    return (\n      <VuuTypeaheadInput\n        {...InputProps}\n        {...TypeaheadProps}\n        className={className}\n        column={dataDescriptor.name}\n        onCommit={onCommit}\n        table={table}\n      />\n    );\n  }\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n    />\n  );\n};\n"],"names":["InputProps","jsx","VuuInput","isTimeDataValue","VuuTimePicker","asTimeString","isDateTimeDataValue","VuuDatePicker","VuuTypeaheadInput"],"mappings":";;;;;;AAoCO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGF,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA;AAAA;AAAA,KACV;AAAA,GAEJ,MAAA,IAAWG,wBAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IACE,uBAAAF,cAAA;AAAA,MAACG,2BAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,YAAA,EAAcC,qBAAa,CAAA,YAAA,EAAc,IAAI,CAAA;AAAA,QAC7C,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA,GAEJ,MAAA,IAAWC,4BAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAA,uBACGL,cAAA,CAAAM,2BAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAE5D,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAAN,cAAA;AAAA,MAACO,+BAAA;AAAA,MAAA;AAAA,QACE,GAAGR,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,SAAA;AAAA,QACA,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAGJ,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGF,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/cjs/data-editing/useEditForm.js

@@ -93,9 +93,11 @@ const useEditForm = ({
     [setFormEditState]
   );
   const submitChanges = react.useCallback(async () => {
-    const rpcResponse = await currentDataSource.current?.rpcCall?.(
-      vuuUtils.viewportRpcRequest("VP_BULK_EDIT_SUBMIT_RPC")
-    );
+    const rpcResponse = await currentDataSource.current?.rpcRequest?.({
+      params: {},
+      rpcName: "VP_BULK_EDIT_SUBMIT_RPC",
+      type: "RPC_REQUEST"
+    });
     console.log({ rpcResponse });
   }, []);
   const showSaveOrDiscardPrompt = react.useCallback(async () => {

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

@@ -1 +1 @@
-{"version":3,"file":"useEditForm.js","sources":["../../../../packages/vuu-data-react/src/data-editing/useEditForm.tsx"],"sourcesContent":["import type { DataSource, DataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport { useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  CommitHandler,\n  Entity,\n  Range,\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 { 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 interface EditFormHookProps {\n  dataSource?: DataSource;\n  formFieldDescriptors: DataValueDescriptor[];\n  onSubmit?: () => void;\n}\n\ntype ValidationState = {\n  ok: boolean;\n  messages: Record<string, string>;\n};\n\nconst CLEAN_VALIDATION: ValidationState = {\n  ok: true,\n  messages: {},\n};\n\nconst getValidationChecker = (\n  descriptor: DataValueDescriptor,\n  editPhase: \"change\" | \"commit\",\n) => {\n  const rules = getEditValidationRules(descriptor, editPhase) ?? [];\n  return buildValidationChecker(rules);\n};\n\nconst nextValidationState = (\n  state: ValidationState,\n  dataDescriptor: DataValueDescriptor,\n  value: VuuRowDataItemType,\n): ValidationState => {\n  const check = getValidationChecker(dataDescriptor, \"change\");\n  const result = check(value, \"change\");\n  const { name } = dataDescriptor;\n\n  const { ok: wasOk, messages: existingMessages } = state;\n\n  if (result.ok) {\n    if (!wasOk) {\n      // if this field was the only one in error, the overall state\n      // will now be ok, but not if there is still one or more other\n      // field still in error.\n      const fieldsInError = Object.keys(existingMessages);\n      if (fieldsInError.includes(name)) {\n        if (fieldsInError.length === 1) {\n          return { ok: true, messages: {} };\n        } else {\n          const messages = { ...existingMessages };\n          delete messages[name];\n          return { ok: false, messages };\n        }\n      }\n    }\n  } else {\n    return {\n      ok: false,\n      messages: {\n        ...existingMessages,\n        [name]: result.messages.join(\"\\n\"),\n      },\n    };\n  }\n\n  return state;\n};\n\nfunction find(descriptors: DataValueDescriptor[], fieldname: string) {\n  const d = descriptors.find(({ name }) => name === fieldname);\n  if (d) {\n    return d;\n  }\n  throw Error(`DataValueDescriptor not found for field ${fieldname}`);\n}\n\nconst getField = (target: EventTarget | HTMLElement) => {\n  const fieldElement = queryClosest(target, \"[data-field]\");\n  if (fieldElement) {\n    return fieldElement.dataset.field as string;\n  } else {\n    throw Error(\"no field \");\n  }\n};\n\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>(undefined);\n  const formFieldsContainerRef = useRef<HTMLDivElement>(null);\n  const entityRef = useRef<Entity>(undefined);\n  const focusedFieldRef = useRef(\"\");\n  const originalEntityRef = useRef<Entity>(undefined);\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: Range(0, 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<CommitHandler<HTMLElement>>(\n    (_, 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    setValidationState(CLEAN_VALIDATION);\n    // console.log({ rpcResponse });\n    setEntity(originalEntityRef.current as Entity);\n  }, [setEntity, setFormEditState, setValidationState]);\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":["getEditValidationRules","buildValidationChecker","queryClosest","useDialogContext","useRef","CLEAN_FORM","useState","useCallback","buildFormEditState","viewportRpcRequest","jsx","UnsavedChangesReport","Button","useMemo","buildColumnMap","Range","messageHasDataRows","entity","dataSourceRowToEntity","editedFields"],"mappings":"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"}
+{"version":3,"file":"useEditForm.js","sources":["../../../../packages/vuu-data-react/src/data-editing/useEditForm.tsx"],"sourcesContent":["import type { DataSource, DataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport { useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  CommitHandler,\n  Entity,\n  Range,\n  buildColumnMap,\n  dataSourceRowToEntity,\n  messageHasDataRows,\n  queryClosest,\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 { 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 interface EditFormHookProps {\n  dataSource?: DataSource;\n  formFieldDescriptors: DataValueDescriptor[];\n  onSubmit?: () => void;\n}\n\ntype ValidationState = {\n  ok: boolean;\n  messages: Record<string, string>;\n};\n\nconst CLEAN_VALIDATION: ValidationState = {\n  ok: true,\n  messages: {},\n};\n\nconst getValidationChecker = (\n  descriptor: DataValueDescriptor,\n  editPhase: \"change\" | \"commit\",\n) => {\n  const rules = getEditValidationRules(descriptor, editPhase) ?? [];\n  return buildValidationChecker(rules);\n};\n\nconst nextValidationState = (\n  state: ValidationState,\n  dataDescriptor: DataValueDescriptor,\n  value: VuuRowDataItemType,\n): ValidationState => {\n  const check = getValidationChecker(dataDescriptor, \"change\");\n  const result = check(value, \"change\");\n  const { name } = dataDescriptor;\n\n  const { ok: wasOk, messages: existingMessages } = state;\n\n  if (result.ok) {\n    if (!wasOk) {\n      // if this field was the only one in error, the overall state\n      // will now be ok, but not if there is still one or more other\n      // field still in error.\n      const fieldsInError = Object.keys(existingMessages);\n      if (fieldsInError.includes(name)) {\n        if (fieldsInError.length === 1) {\n          return { ok: true, messages: {} };\n        } else {\n          const messages = { ...existingMessages };\n          delete messages[name];\n          return { ok: false, messages };\n        }\n      }\n    }\n  } else {\n    return {\n      ok: false,\n      messages: {\n        ...existingMessages,\n        [name]: result.messages.join(\"\\n\"),\n      },\n    };\n  }\n\n  return state;\n};\n\nfunction find(descriptors: DataValueDescriptor[], fieldname: string) {\n  const d = descriptors.find(({ name }) => name === fieldname);\n  if (d) {\n    return d;\n  }\n  throw Error(`DataValueDescriptor not found for field ${fieldname}`);\n}\n\nconst getField = (target: EventTarget | HTMLElement) => {\n  const fieldElement = queryClosest(target, \"[data-field]\");\n  if (fieldElement) {\n    return fieldElement.dataset.field as string;\n  } else {\n    throw Error(\"no field \");\n  }\n};\n\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>(undefined);\n  const formFieldsContainerRef = useRef<HTMLDivElement>(null);\n  const entityRef = useRef<Entity>(undefined);\n  const focusedFieldRef = useRef(\"\");\n  const originalEntityRef = useRef<Entity>(undefined);\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?.rpcRequest?.({\n      params: {},\n      rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n      type: \"RPC_REQUEST\",\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: Range(0, 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<CommitHandler<HTMLElement>>(\n    (_, 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    setValidationState(CLEAN_VALIDATION);\n    // console.log({ rpcResponse });\n    setEntity(originalEntityRef.current as Entity);\n  }, [setEntity, setFormEditState, setValidationState]);\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":["getEditValidationRules","buildValidationChecker","queryClosest","useDialogContext","useRef","CLEAN_FORM","useState","useCallback","buildFormEditState","jsx","UnsavedChangesReport","Button","useMemo","buildColumnMap","Range","messageHasDataRows","entity","dataSourceRowToEntity","editedFields"],"mappings":"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"}

package/cjs/hooks/useTypeaheadSuggestions.js

@@ -38,7 +38,7 @@ const useTypeaheadSuggestions = () => {
         type: "RPC_REQUEST"
       };
       try {
-        const response = await dataSource.rpcCall?.(rpcMessage);
+        const response = await dataSource.rpcRequest?.(rpcMessage);
         if (response?.type === "SUCCESS_RESULT") {
           return response.data;
         } else {

package/cjs/hooks/useTypeaheadSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  RpcResultError,\n  RpcResultSuccess,\n  TypeaheadParams,\n  VuuRpcServiceRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () => {\n  const dataSource = useDataSource(false);\n  return useCallback<SuggestionFetcher>(\n    async ([{ module, table }, column, starts]: TypeaheadParams) => {\n      if (dataSource === undefined) {\n        console.warn(\n          `[useTypeaheadSuggestions] no dataSource provided (use DataSourceProvider)`,\n        );\n        return false;\n      }\n      const rpcMessage: Omit<VuuRpcServiceRequest, \"context\"> =\n        starts === undefined\n          ? {\n              params: {\n                column,\n                module,\n                table,\n              },\n              rpcName: \"getUniqueFieldValues\",\n              type: \"RPC_REQUEST\",\n            }\n          : {\n              params: {\n                column,\n                module,\n                starts,\n                table,\n              },\n              rpcName: \"getUniqueFieldValuesStartingWith\",\n              type: \"RPC_REQUEST\",\n            };\n\n      try {\n        // We don't just return rpcCall . In the case of an\n        // error we will be returning the rejected promise, bypassing\n        // the catch block below.\n        const response = await dataSource.rpcCall?.<\n          RpcResultSuccess | RpcResultError\n        >(rpcMessage);\n        if (response?.type === \"SUCCESS_RESULT\") {\n          return response.data as string[];\n        } else {\n          return false;\n        }\n      } catch (err) {\n        return false;\n      }\n    },\n    [dataSource],\n  );\n};\n"],"names":["useDataSource","useCallback"],"mappings":";;;;;AAUa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA;AAAA;AAE7B,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA;AACvB;AAEO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,UAAA,GAAaA,uBAAc,KAAK,CAAA;AACtC,EAAO,OAAAC,iBAAA;AAAA,IACL,OAAO,CAAC,EAAE,MAAA,EAAQ,OAAS,EAAA,MAAA,EAAQ,MAAM,CAAuB,KAAA;AAC9D,MAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,yEAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA;AAAA;AAET,MAAM,MAAA,UAAA,GACJ,WAAW,KACP,CAAA,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,sBAAA;AAAA,QACT,IAAM,EAAA;AAAA,OAER,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,kCAAA;AAAA,QACT,IAAM,EAAA;AAAA,OACR;AAEN,MAAI,IAAA;AAIF,QAAA,MAAM,QAAW,GAAA,MAAM,UAAW,CAAA,OAAA,GAEhC,UAAU,CAAA;AACZ,QAAI,IAAA,QAAA,EAAU,SAAS,gBAAkB,EAAA;AACvC,UAAA,OAAO,QAAS,CAAA,IAAA;AAAA,SACX,MAAA;AACL,UAAO,OAAA,KAAA;AAAA;AACT,eACO,GAAK,EAAA;AACZ,QAAO,OAAA,KAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACF;;;;;"}
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  TypeaheadParams,\n  VuuRpcServiceRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () => {\n  const dataSource = useDataSource(false);\n  return useCallback<SuggestionFetcher>(\n    async ([{ module, table }, column, starts]: TypeaheadParams) => {\n      if (dataSource === undefined) {\n        console.warn(\n          `[useTypeaheadSuggestions] no dataSource provided (use DataSourceProvider)`,\n        );\n        return false;\n      }\n      const rpcMessage: Omit<VuuRpcServiceRequest, \"context\"> =\n        starts === undefined\n          ? {\n              params: {\n                column,\n                module,\n                table,\n              },\n              rpcName: \"getUniqueFieldValues\",\n              type: \"RPC_REQUEST\",\n            }\n          : {\n              params: {\n                column,\n                module,\n                starts,\n                table,\n              },\n              rpcName: \"getUniqueFieldValuesStartingWith\",\n              type: \"RPC_REQUEST\",\n            };\n\n      try {\n        // We don't just return rpcCall . In the case of an\n        // error we will be returning the rejected promise, bypassing\n        // the catch block below.\n        const response = await dataSource.rpcRequest?.(rpcMessage);\n        if (response?.type === \"SUCCESS_RESULT\") {\n          return response.data as string[];\n        } else {\n          return false;\n        }\n      } catch (err) {\n        return false;\n      }\n    },\n    [dataSource],\n  );\n};\n"],"names":["useDataSource","useCallback"],"mappings":";;;;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA;AAAA;AAE7B,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA;AACvB;AAEO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,UAAA,GAAaA,uBAAc,KAAK,CAAA;AACtC,EAAO,OAAAC,iBAAA;AAAA,IACL,OAAO,CAAC,EAAE,MAAA,EAAQ,OAAS,EAAA,MAAA,EAAQ,MAAM,CAAuB,KAAA;AAC9D,MAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,yEAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA;AAAA;AAET,MAAM,MAAA,UAAA,GACJ,WAAW,KACP,CAAA,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,sBAAA;AAAA,QACT,IAAM,EAAA;AAAA,OAER,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,kCAAA;AAAA,QACT,IAAM,EAAA;AAAA,OACR;AAEN,MAAI,IAAA;AAIF,QAAA,MAAM,QAAW,GAAA,MAAM,UAAW,CAAA,UAAA,GAAa,UAAU,CAAA;AACzD,QAAI,IAAA,QAAA,EAAU,SAAS,gBAAkB,EAAA;AACvC,UAAA,OAAO,QAAS,CAAA,IAAA;AAAA,SACX,MAAA;AACL,UAAO,OAAA,KAAA;AAAA;AACT,eACO,GAAK,EAAA;AACZ,QAAO,OAAA,KAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACF;;;;;"}

package/cjs/hooks/useVuuMenuActions.js

@@ -239,7 +239,11 @@ const useVuuMenuActions = ({
       }
       const sessionDs = ds.createSessionDataSource?.(action.table);
       const handleSubmit = () => {
-        sessionDs?.rpcCall?.(vuuUtils.viewportRpcRequest("VP_BULK_EDIT_SUBMIT_RPC"));
+        sessionDs?.rpcRequest?.({
+          params: {},
+          rpcName: "VP_BULK_EDIT_SUBMIT_RPC",
+          type: "RPC_REQUEST"
+        });
         closeDialog();
       };
       const handleChange = (isValid) => {
@@ -250,7 +254,7 @@ const useVuuMenuActions = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             vuuTable.BulkEditPanel,
             {
-              dataSource: sessionDs,
+              sessionDs,
               onSubmit: handleSubmit,
               parentDs: ds,
               onValidationStatusChange: handleChange

package/cjs/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport {\n  type ContextMenuItemDescriptor,\n  isGroupMenuItemDescriptor,\n  type MenuActionHandler,\n  type MenuBuilder,\n} from \"@vuu-ui/vuu-context-menu\";\nimport {\n  DataSource,\n  DataSourceRow,\n  DataSourceVisualLinkCreatedMessage,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\nimport { useDialogContext, useNotifications } from \"@vuu-ui/vuu-popups\";\nimport type {\n  ClientToServerMenuCellRPC,\n  ClientToServerMenuRowRPC,\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuDataRowDto,\n  VuuMenu,\n  VuuMenuContext,\n  VuuMenuItem,\n  VuuRowDataItemType,\n  VuuRpcMenuRequest,\n  VuuRpcResponse,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  BulkEditDialog,\n  BulkEditPanel,\n  isTableLocation,\n  TableContextMenuOptions,\n  TableMenuLocation,\n} from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  ColumnMap,\n  dataSourceRowToDataRowDto,\n  hasShowNotificationAction,\n  isActionMessage,\n  isOpenBulkEditResponse,\n  isSessionTableActionMessage,\n  metadataKeys,\n  toColumnName,\n  useData,\n  viewportRpcRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nexport interface VuuMenuActionHookResult {\n  menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions>;\n  menuActionHandler: 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?: MenuActionHandler;\n  dataSource?: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nexport interface VuuCellContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  field: string;\n  value: VuuRowDataItemType;\n}\nexport interface VuuRowContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  row: VuuDataRowDto;\n}\nexport interface VuuSelectedRowsContextMenuItemOptions extends VuuMenuItem {\n  columns: ColumnDescriptor[];\n}\n\nconst isRoot = (menu: VuuMenu) => menu.name === \"ROOT\";\n\nconst isCellMenu = (\n  options: VuuMenuItem,\n): options is VuuCellContextMenuItemOptions => options.context === \"cell\";\n\nexport const isRowMenu = (\n  options: VuuMenuItem,\n): options is VuuRowContextMenuItemOptions => options.context === \"row\";\n\nexport const isSelectionMenu = (\n  options: VuuMenuItem,\n): options is VuuSelectedRowsContextMenuItemOptions =>\n  options.context === \"selected-rows\";\n\nconst getColumnsFromOptions = (options: unknown) => {\n  if (options && typeof options === \"object\" && \"columns\" in options) {\n    return options.columns as VuuSelectedRowsContextMenuItemOptions[\"columns\"];\n  }\n};\n\nconst isVuuMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenuItem =>\n  \"rpcName\" in menu;\n\nconst isGroupMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenu =>\n  \"menus\" in menu;\n\nconst hasFilter = ({ filter }: VuuMenuItem) =>\n  typeof filter === \"string\" && filter.length > 0;\n\nconst { KEY } = metadataKeys;\n\nconst getMenuItemOptions = (\n  menu: VuuMenuItem,\n  options: TableContextMenuOptions,\n) => {\n  switch (menu.context) {\n    case \"cell\":\n      return {\n        ...menu,\n        field: options.column.name,\n        rowKey: options.row[KEY],\n        value: options.row[options.columnMap[options.column.name]],\n      };\n    case \"row\":\n      return {\n        ...menu,\n        columns: options.columns,\n        row: dataSourceRowToDataRowDto(options.row, options.columnMap),\n        rowKey: options.row[KEY],\n      };\n    case \"selected-rows\":\n      return {\n        ...menu,\n        columns: options.columns,\n      };\n    default:\n      return menu;\n  }\n};\n\nconst vuuContextCompatibleWithTableLocation = (\n  uiLocation: TableMenuLocation,\n  vuuContext: VuuMenuContext,\n  selectedRowCount = 0,\n) => {\n  switch (uiLocation) {\n    case \"grid\":\n      if (vuuContext === \"selected-rows\") {\n        return selectedRowCount > 0;\n      } else {\n        return true;\n      }\n    case \"header\":\n      return vuuContext === \"grid\";\n    default:\n      return false;\n  }\n};\n\nconst gridRowMeetsFilterCriteria = (\n  context: VuuMenuContext,\n  row: DataSourceRow,\n  selectedRows: DataSourceRow[],\n  filter: string,\n  columnMap: ColumnMap,\n): boolean => {\n  if (context === \"cell\" || context === \"row\") {\n    const filterPredicate = getFilterPredicate(columnMap, filter);\n    return filterPredicate(row);\n  } else if (context === \"selected-rows\") {\n    if (selectedRows.length === 0) {\n      return false;\n    } else {\n      const filterPredicate = getFilterPredicate(columnMap, filter);\n      return selectedRows.every(filterPredicate);\n    }\n  }\n  return true;\n};\n\nconst menuShouldBeRenderedInThisContext = (\n  menuItem: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): boolean => {\n  if (isGroupMenuItem(menuItem)) {\n    return menuItem.menus.some((childMenu) =>\n      menuShouldBeRenderedInThisContext(childMenu, tableLocation, options),\n    );\n  }\n  if (\n    !vuuContextCompatibleWithTableLocation(\n      tableLocation,\n      menuItem.context,\n      options.selectedRows?.length,\n    )\n  ) {\n    return false;\n  }\n\n  if (tableLocation === \"grid\" && hasFilter(menuItem)) {\n    return gridRowMeetsFilterCriteria(\n      menuItem.context,\n      options.row,\n      options.selectedRows,\n      menuItem.filter,\n      options.columnMap,\n    );\n  }\n\n  if (isCellMenu(menuItem) && menuItem.field !== \"*\") {\n    return menuItem.field === options.column.name;\n  }\n\n  return true;\n};\n\nconst buildMenuDescriptorFromVuuMenu = (\n  menu: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): ContextMenuItemDescriptor | undefined => {\n  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {\n    if (isVuuMenuItem(menu)) {\n      return {\n        label: menu.name,\n        id: \"MENU_RPC_CALL\",\n        options: getMenuItemOptions(menu, options),\n      };\n    } else {\n      const children = menu.menus\n        .map((childMenu) =>\n          buildMenuDescriptorFromVuuMenu(childMenu, tableLocation, options),\n        )\n        .filter(\n          (childMenu) => childMenu !== undefined,\n        ) as ContextMenuItemDescriptor[];\n      if (children.length > 0) {\n        return {\n          label: menu.name,\n          children,\n        };\n      }\n    }\n  }\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  onRpcResponse,\n}: VuuMenuActionHookProps): VuuMenuActionHookResult => {\n  const { VuuDataSource } = useData();\n  const menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions> =\n    useCallback(\n      (location, options) => {\n        const descriptors: ContextMenuItemDescriptor[] = [];\n        if (dataSource) {\n          const { links, menu } = dataSource;\n          const { visualLink } = dataSource;\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                id: \"link-table\",\n                options: linkDescriptor,\n              });\n            });\n          }\n\n          if (menu && isTableLocation(location)) {\n            const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n              menu,\n              location,\n              options,\n            );\n            if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n              descriptors.push(...menuDescriptor.children);\n            } else if (menuDescriptor) {\n              descriptors.push(menuDescriptor);\n            }\n          }\n        } else {\n          throw Error(\"useVuuMenuActions no dataSource provided\");\n        }\n\n        return descriptors;\n      },\n      [dataSource],\n    );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (ds: DataSource, table: VuuTable, columns?: ColumnDescriptor[]) => {\n      const sessionDs = new VuuDataSource({\n        columns: columns?.map(toColumnName),\n        table,\n        viewport: table.table,\n      });\n\n      const handleClose = () => {\n        sessionDs.unsubscribe();\n        closeDialog();\n      };\n\n      showDialog(\n        <BulkEditDialog\n          columns={columns}\n          sessionDs={sessionDs}\n          parentDs={ds}\n          closeDialog={handleClose}\n        />,\n        \"Bulk Amend\",\n      );\n\n      return true;\n    },\n    [VuuDataSource, closeDialog, showDialog],\n  );\n\n  const showSessionEditingForm = useCallback(\n    (\n      ds: DataSource,\n      action: OpenDialogAction & { tableSchema: TableSchema },\n    ) => {\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 = ds.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n        closeDialog();\n      };\n\n      const handleChange = (isValid: boolean) => {\n        console.log(\"placeholder: \", isValid);\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            dataSource={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={ds}\n            onValidationStatusChange={handleChange}\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    },\n    [closeDialog, showDialog],\n  );\n\n  const getMenuRpcRequest = (\n    options: VuuMenuItem,\n  ): Omit<VuuRpcMenuRequest, \"vpId\"> => {\n    const { rpcName } = options;\n    if (isCellMenu(options)) {\n      return {\n        field: options.field,\n        rowKey: options.rowKey,\n        rpcName,\n        value: options.value,\n        type: \"VIEW_PORT_MENU_CELL_RPC\",\n      } as Omit<ClientToServerMenuCellRPC, \"vpId\">;\n    } else if (isRowMenu(options)) {\n      return {\n        rowKey: options.rowKey,\n        row: options.row,\n        rpcName,\n        type: \"VIEW_PORT_MENU_ROW_RPC\",\n      } as Omit<ClientToServerMenuRowRPC, \"vpId\">;\n    } else if (isSelectionMenu(options)) {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENUS_SELECT_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    } else {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENU_TABLE_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    }\n  };\n\n  const menuActionHandler = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (clientSideMenuActionHandler?.(menuItemId, options)) {\n        return true;\n      } else if (menuItemId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options 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(\n                    dataSource,\n                    rpcResponse.action.table,\n                    getColumnsFromOptions(options),\n                  );\n                } else if (isSessionTableActionMessage(rpcResponse)) {\n                  showSessionEditingForm(dataSource, rpcResponse.action);\n                }\n              }\n            }\n          });\n        return true;\n      } else if (menuItemId === \"link-table\") {\n        if (dataSource) {\n          dataSource.visualLink = options as LinkDescriptorWithLabel;\n        }\n        return true;\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuItemId}`,\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    menuBuilder,\n    menuActionHandler,\n  };\n};\n"],"names":["metadataKeys","dataSourceRowToDataRowDto","getFilterPredicate","useData","useCallback","isTableLocation","isGroupMenuItemDescriptor","useDialogContext","useNotifications","toColumnName","jsx","BulkEditDialog","SessionEditingForm","viewportRpcRequest","BulkEditPanel","Button","isActionMessage","hasShowNotificationAction","isOpenBulkEditResponse","isSessionTableActionMessage"],"mappings":"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"}
+{"version":3,"file":"useVuuMenuActions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport {\n  type ContextMenuItemDescriptor,\n  isGroupMenuItemDescriptor,\n  type MenuActionHandler,\n  type MenuBuilder,\n} from \"@vuu-ui/vuu-context-menu\";\nimport {\n  DataSource,\n  DataSourceRow,\n  DataSourceVisualLinkCreatedMessage,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\nimport { useDialogContext, useNotifications } from \"@vuu-ui/vuu-popups\";\nimport type {\n  ClientToServerMenuCellRPC,\n  ClientToServerMenuRowRPC,\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuDataRowDto,\n  VuuMenu,\n  VuuMenuContext,\n  VuuMenuItem,\n  VuuRowDataItemType,\n  VuuRpcMenuRequest,\n  VuuRpcResponse,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  BulkEditDialog,\n  BulkEditPanel,\n  isTableLocation,\n  TableContextMenuOptions,\n  TableMenuLocation,\n} from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  ColumnMap,\n  dataSourceRowToDataRowDto,\n  hasShowNotificationAction,\n  isActionMessage,\n  isOpenBulkEditResponse,\n  isSessionTableActionMessage,\n  metadataKeys,\n  toColumnName,\n  useData,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nexport interface VuuMenuActionHookResult {\n  menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions>;\n  menuActionHandler: 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?: MenuActionHandler;\n  dataSource?: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nexport interface VuuCellContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  field: string;\n  value: VuuRowDataItemType;\n}\nexport interface VuuRowContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  row: VuuDataRowDto;\n}\nexport interface VuuSelectedRowsContextMenuItemOptions extends VuuMenuItem {\n  columns: ColumnDescriptor[];\n}\n\nconst isRoot = (menu: VuuMenu) => menu.name === \"ROOT\";\n\nconst isCellMenu = (\n  options: VuuMenuItem,\n): options is VuuCellContextMenuItemOptions => options.context === \"cell\";\n\nexport const isRowMenu = (\n  options: VuuMenuItem,\n): options is VuuRowContextMenuItemOptions => options.context === \"row\";\n\nexport const isSelectionMenu = (\n  options: VuuMenuItem,\n): options is VuuSelectedRowsContextMenuItemOptions =>\n  options.context === \"selected-rows\";\n\nconst getColumnsFromOptions = (options: unknown) => {\n  if (options && typeof options === \"object\" && \"columns\" in options) {\n    return options.columns as VuuSelectedRowsContextMenuItemOptions[\"columns\"];\n  }\n};\n\nconst isVuuMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenuItem =>\n  \"rpcName\" in menu;\n\nconst isGroupMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenu =>\n  \"menus\" in menu;\n\nconst hasFilter = ({ filter }: VuuMenuItem) =>\n  typeof filter === \"string\" && filter.length > 0;\n\nconst { KEY } = metadataKeys;\n\nconst getMenuItemOptions = (\n  menu: VuuMenuItem,\n  options: TableContextMenuOptions,\n) => {\n  switch (menu.context) {\n    case \"cell\":\n      return {\n        ...menu,\n        field: options.column.name,\n        rowKey: options.row[KEY],\n        value: options.row[options.columnMap[options.column.name]],\n      };\n    case \"row\":\n      return {\n        ...menu,\n        columns: options.columns,\n        row: dataSourceRowToDataRowDto(options.row, options.columnMap),\n        rowKey: options.row[KEY],\n      };\n    case \"selected-rows\":\n      return {\n        ...menu,\n        columns: options.columns,\n      };\n    default:\n      return menu;\n  }\n};\n\nconst vuuContextCompatibleWithTableLocation = (\n  uiLocation: TableMenuLocation,\n  vuuContext: VuuMenuContext,\n  selectedRowCount = 0,\n) => {\n  switch (uiLocation) {\n    case \"grid\":\n      if (vuuContext === \"selected-rows\") {\n        return selectedRowCount > 0;\n      } else {\n        return true;\n      }\n    case \"header\":\n      return vuuContext === \"grid\";\n    default:\n      return false;\n  }\n};\n\nconst gridRowMeetsFilterCriteria = (\n  context: VuuMenuContext,\n  row: DataSourceRow,\n  selectedRows: DataSourceRow[],\n  filter: string,\n  columnMap: ColumnMap,\n): boolean => {\n  if (context === \"cell\" || context === \"row\") {\n    const filterPredicate = getFilterPredicate(columnMap, filter);\n    return filterPredicate(row);\n  } else if (context === \"selected-rows\") {\n    if (selectedRows.length === 0) {\n      return false;\n    } else {\n      const filterPredicate = getFilterPredicate(columnMap, filter);\n      return selectedRows.every(filterPredicate);\n    }\n  }\n  return true;\n};\n\nconst menuShouldBeRenderedInThisContext = (\n  menuItem: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): boolean => {\n  if (isGroupMenuItem(menuItem)) {\n    return menuItem.menus.some((childMenu) =>\n      menuShouldBeRenderedInThisContext(childMenu, tableLocation, options),\n    );\n  }\n  if (\n    !vuuContextCompatibleWithTableLocation(\n      tableLocation,\n      menuItem.context,\n      options.selectedRows?.length,\n    )\n  ) {\n    return false;\n  }\n\n  if (tableLocation === \"grid\" && hasFilter(menuItem)) {\n    return gridRowMeetsFilterCriteria(\n      menuItem.context,\n      options.row,\n      options.selectedRows,\n      menuItem.filter,\n      options.columnMap,\n    );\n  }\n\n  if (isCellMenu(menuItem) && menuItem.field !== \"*\") {\n    return menuItem.field === options.column.name;\n  }\n\n  return true;\n};\n\nconst buildMenuDescriptorFromVuuMenu = (\n  menu: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): ContextMenuItemDescriptor | undefined => {\n  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {\n    if (isVuuMenuItem(menu)) {\n      return {\n        label: menu.name,\n        id: \"MENU_RPC_CALL\",\n        options: getMenuItemOptions(menu, options),\n      };\n    } else {\n      const children = menu.menus\n        .map((childMenu) =>\n          buildMenuDescriptorFromVuuMenu(childMenu, tableLocation, options),\n        )\n        .filter(\n          (childMenu) => childMenu !== undefined,\n        ) as ContextMenuItemDescriptor[];\n      if (children.length > 0) {\n        return {\n          label: menu.name,\n          children,\n        };\n      }\n    }\n  }\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  onRpcResponse,\n}: VuuMenuActionHookProps): VuuMenuActionHookResult => {\n  const { VuuDataSource } = useData();\n  const menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions> =\n    useCallback(\n      (location, options) => {\n        const descriptors: ContextMenuItemDescriptor[] = [];\n        if (dataSource) {\n          const { links, menu } = dataSource;\n          const { visualLink } = dataSource;\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                id: \"link-table\",\n                options: linkDescriptor,\n              });\n            });\n          }\n\n          if (menu && isTableLocation(location)) {\n            const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n              menu,\n              location,\n              options,\n            );\n            if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n              descriptors.push(...menuDescriptor.children);\n            } else if (menuDescriptor) {\n              descriptors.push(menuDescriptor);\n            }\n          }\n        } else {\n          throw Error(\"useVuuMenuActions no dataSource provided\");\n        }\n\n        return descriptors;\n      },\n      [dataSource],\n    );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (ds: DataSource, table: VuuTable, columns?: ColumnDescriptor[]) => {\n      const sessionDs = new VuuDataSource({\n        columns: columns?.map(toColumnName),\n        table,\n        viewport: table.table,\n      });\n\n      const handleClose = () => {\n        sessionDs.unsubscribe();\n        closeDialog();\n      };\n\n      showDialog(\n        <BulkEditDialog\n          columns={columns}\n          sessionDs={sessionDs}\n          parentDs={ds}\n          closeDialog={handleClose}\n        />,\n        \"Bulk Amend\",\n      );\n\n      return true;\n    },\n    [VuuDataSource, closeDialog, showDialog],\n  );\n\n  const showSessionEditingForm = useCallback(\n    (\n      ds: DataSource,\n      action: OpenDialogAction & { tableSchema: TableSchema },\n    ) => {\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 = ds.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcRequest?.({\n          params: {},\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"RPC_REQUEST\",\n        });\n        closeDialog();\n      };\n\n      const handleChange = (isValid: boolean) => {\n        console.log(\"placeholder: \", isValid);\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            sessionDs={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={ds}\n            onValidationStatusChange={handleChange}\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    },\n    [closeDialog, showDialog],\n  );\n\n  const getMenuRpcRequest = (\n    options: VuuMenuItem,\n  ): Omit<VuuRpcMenuRequest, \"vpId\"> => {\n    const { rpcName } = options;\n    if (isCellMenu(options)) {\n      return {\n        field: options.field,\n        rowKey: options.rowKey,\n        rpcName,\n        value: options.value,\n        type: \"VIEW_PORT_MENU_CELL_RPC\",\n      } as Omit<ClientToServerMenuCellRPC, \"vpId\">;\n    } else if (isRowMenu(options)) {\n      return {\n        rowKey: options.rowKey,\n        row: options.row,\n        rpcName,\n        type: \"VIEW_PORT_MENU_ROW_RPC\",\n      } as Omit<ClientToServerMenuRowRPC, \"vpId\">;\n    } else if (isSelectionMenu(options)) {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENUS_SELECT_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    } else {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENU_TABLE_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    }\n  };\n\n  const menuActionHandler = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (clientSideMenuActionHandler?.(menuItemId, options)) {\n        return true;\n      } else if (menuItemId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options 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(\n                    dataSource,\n                    rpcResponse.action.table,\n                    getColumnsFromOptions(options),\n                  );\n                } else if (isSessionTableActionMessage(rpcResponse)) {\n                  showSessionEditingForm(dataSource, rpcResponse.action);\n                }\n              }\n            }\n          });\n        return true;\n      } else if (menuItemId === \"link-table\") {\n        if (dataSource) {\n          dataSource.visualLink = options as LinkDescriptorWithLabel;\n        }\n        return true;\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuItemId}`,\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    menuBuilder,\n    menuActionHandler,\n  };\n};\n"],"names":["metadataKeys","dataSourceRowToDataRowDto","getFilterPredicate","useData","useCallback","isTableLocation","isGroupMenuItemDescriptor","useDialogContext","useNotifications","toColumnName","jsx","BulkEditDialog","SessionEditingForm","BulkEditPanel","Button","isActionMessage","hasShowNotificationAction","isOpenBulkEditResponse","isSessionTableActionMessage"],"mappings":"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"}

package/cjs/session-editing-form/SessionEditingForm.js

@@ -130,7 +130,12 @@ const SessionEditingForm = ({
       const { type } = getField(fields, field);
       const typedValue = vuuUtils.getTypedValue(value, type, true);
       if (typeof rowKey === "string") {
-        dataSource.menuRpcCall(vuuUtils.vuuEditCellRequest(rowKey, field, typedValue)).then((response) => {
+        dataSource.editRpcCall({
+          type: "VP_EDIT_CELL_RPC",
+          rowKey,
+          field,
+          value: typedValue
+        }).then((response) => {
           if (vuuUtils.isErrorResponse(response)) {
             console.log(`edit rejected ${response.error}`);
             setFieldStatusValues((map) => ({
@@ -149,20 +154,21 @@ const SessionEditingForm = ({
     [dataSource, fields, keyField, values]
   );
   const applyAction = react.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (action) => {
-      if (action.type === "CLOSE_DIALOG_ACTION") {
+      if (action?.type === "CLOSE_DIALOG_ACTION") {
         onClose?.();
       }
     },
     [onClose]
   );
   const handleSubmit = react.useCallback(async () => {
-    const rpcResponse = await dataSource.menuRpcCall({
+    const rpcResponse = await dataSource.editRpcCall({
       type: "VP_EDIT_SUBMIT_FORM_RPC"
     });
     if (vuuUtils.isErrorResponse(rpcResponse)) {
       setErrorMessage(rpcResponse.error);
-    } else if (vuuUtils.isActionMessage(rpcResponse)) {
+    } else {
       applyAction(rpcResponse.action);
     }
   }, [applyAction, dataSource]);

package/cjs/session-editing-form/SessionEditingForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionEditingForm.js","sources":["../../../../packages/vuu-data-react/src/session-editing-form/SessionEditingForm.tsx"],"sourcesContent":["import { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSource, TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n  VuuRpcAction,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  buildColumnMap,\n  getTypedValue,\n  isActionMessage,\n  isErrorResponse,\n  queryClosest,\n  Range,\n  shallowEquals,\n  vuuEditCellRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  FormField,\n  FormFieldHelperText,\n  FormFieldLabel,\n  Input,\n  useIdMemo,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport sessionEditingFormCss from \"./SessionEditingForm.css\";\n\nexport type FormFieldDescriptor = {\n  isKeyField?: boolean;\n  label?: string;\n  name: string;\n  type: VuuColumnDataType;\n  description: string;\n  readonly?: boolean;\n  required?: boolean;\n};\n\nexport type FormConfig = {\n  title: string;\n  key: string;\n  fields: FormFieldDescriptor[];\n};\n\nexport interface SessionEditingFormProps\n  extends HTMLAttributes<HTMLDivElement> {\n  config: FormConfig;\n  onClose?: () => void;\n  dataSource?: DataSource;\n  schema?: TableSchema;\n}\n\nconst classBase = \"vuuSessionEditingForm\";\n\nconst getField = (\n  fields: FormFieldDescriptor[],\n  name: string,\n): FormFieldDescriptor => {\n  const field = fields.find((f) => f.name === name);\n  if (field) {\n    return field;\n  } else {\n    throw Error(`SessionEditingForm, no field '${name}' found`);\n  }\n};\n\nconst getFieldNameAndValue = ({\n  target,\n}: ChangeEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>): [\n  string,\n  string,\n] => {\n  const formField = queryClosest(target, \".saltFormField\");\n  if (formField) {\n    const {\n      dataset: { field },\n    } = formField;\n    if (field === undefined) {\n      throw Error(\"SessionEditingForm, form field has no field data attribute\");\n    }\n    return [field, target.value];\n  } else {\n    throw Error(\"Form control is not enclosed in FormField\");\n  }\n};\n\nconst Status = {\n  uninitialised: 0,\n  unchanged: 1,\n  changed: 2,\n  invalid: 3,\n};\n\nconst getDataSource = (\n  dataSource?: DataSource,\n  schema?: TableSchema,\n): DataSource => {\n  if (dataSource) {\n    return dataSource;\n  } else if (schema) {\n    return new VuuDataSource({\n      bufferSize: 0,\n      table: schema.table,\n      columns: schema.columns.map((col) => col.name),\n    }) as DataSource;\n  } else {\n    throw Error(\n      \"SessionEditingForm: either a DataSource or a TableSchema must be provided\",\n    );\n  }\n};\n\ntype FormValues = { [key: string]: VuuRowDataItemType | undefined };\n\nexport const SessionEditingForm = ({\n  className,\n  config: { fields, key: keyField },\n  dataSource: dataSourceProp,\n  id: idProp,\n  onClose,\n  schema,\n  ...htmlAttributes\n}: SessionEditingFormProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-session-editing-form\",\n    css: sessionEditingFormCss,\n    window: targetWindow,\n  });\n\n  const [fieldStatusValues, setFieldStatusValues] = useState<\n    Record<string, string | undefined>\n  >({});\n  const [values, setValues] = useState<FormValues>();\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const formContentRef = useRef<HTMLDivElement>(null);\n  const initialDataRef = useRef<FormValues>(undefined);\n  const dataStatusRef = useRef(Status.uninitialised);\n\n  const dataSource = useMemo(() => {\n    const ds = getDataSource(dataSourceProp, schema);\n    const { columns } = ds;\n    const columnMap = buildColumnMap(ds.columns);\n\n    const applyServerData = (data: VuuDataRow) => {\n      if (columnMap) {\n        const values: { [key: string]: VuuRowDataItemType } = {};\n        for (const column of columns) {\n          values[column] = data[columnMap[column]];\n        }\n        if (dataStatusRef.current === Status.uninitialised) {\n          dataStatusRef.current = Status.unchanged;\n          initialDataRef.current = values;\n        }\n        setValues(values);\n      }\n    };\n\n    ds.subscribe({ range: Range(0, 5) }, (message) => {\n      if (message.type === \"viewport-update\" && message.rows) {\n        if (dataStatusRef.current === Status.uninitialised) {\n          applyServerData(message.rows[0]);\n        } else {\n          console.log(\"what do we do with server updates\");\n        }\n      }\n    });\n    return ds;\n  }, [dataSourceProp, schema]);\n\n  const id = useIdMemo(idProp);\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type);\n      setValues((values = {}) => {\n        const newValues = {\n          ...values,\n          [field]: typedValue,\n        };\n        const notUpdated = shallowEquals(newValues, initialDataRef.current);\n        dataStatusRef.current = notUpdated\n          ? Status.unchanged\n          : typedValue !== undefined\n            ? Status.changed\n            : Status.invalid;\n        return newValues;\n      });\n    },\n    [fields],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const rowKey = values?.[keyField];\n      // TODO link this with client side validation if we're going to use it\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type, true);\n      if (typeof rowKey === \"string\") {\n        dataSource\n          .menuRpcCall(vuuEditCellRequest(rowKey, field, typedValue))\n          .then((response) => {\n            if (isErrorResponse(response)) {\n              console.log(`edit rejected ${response.error}`);\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: response.error,\n              }));\n            } else {\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: undefined,\n              }));\n            }\n          });\n      }\n    },\n    [dataSource, fields, keyField, values],\n  );\n\n  const applyAction = useCallback(\n    (action: VuuRpcAction) => {\n      if (action.type === \"CLOSE_DIALOG_ACTION\") {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const rpcResponse = await dataSource.menuRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(rpcResponse)) {\n      setErrorMessage(rpcResponse.error);\n    } else if (isActionMessage(rpcResponse)) {\n      applyAction(rpcResponse.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      if (evt.key === \"Enter\" && dataStatusRef.current === Status.changed) {\n        handleSubmit();\n      }\n    },\n    [handleSubmit],\n  );\n\n  const handleCancel = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const getFormControl = (field: FormFieldDescriptor) => {\n    const value = String(values?.[field.name] ?? \"\");\n    if (field.readonly || field.name === keyField) {\n      return (\n        <div className={`${classBase}-fieldValue vuuReadOnly`}>{value}</div>\n      );\n    } else {\n      return (\n        <Input\n          className={`${classBase}-fieldValue`}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          value={value}\n          id={`${id}-input-${field.name}`}\n        />\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (formContentRef.current) {\n      const firstInput = formContentRef.current.querySelector(\n        \"input\",\n      ) as HTMLInputElement;\n      if (firstInput) {\n        setTimeout(() => {\n          firstInput.focus();\n          firstInput.select();\n        }, 100);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (dataSource) {\n        dataSource.unsubscribe();\n      }\n    };\n  }, [dataSource]);\n\n  const isDirty = dataStatusRef.current === Status.changed;\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {errorMessage ? (\n        <div\n          className={`${classBase}-errorBanner`}\n          data-icon=\"error\"\n          title={errorMessage}\n        >\n          Error, edit(s) not saved\n        </div>\n      ) : undefined}\n      <div\n        className={`${classBase}-content`}\n        ref={formContentRef}\n        onKeyDown={handleKeyDown}\n      >\n        {fields.map((field) => (\n          <FormField\n            className={`${classBase}-field`}\n            data-field={field.name}\n            key={field.name}\n            necessity={field.required ? \"required\" : \"optional\"}\n            readOnly={field.readonly}\n            validationStatus={\n              fieldStatusValues[field.name] ? \"error\" : undefined\n            }\n          >\n            <FormFieldLabel>{field?.label ?? field.description}</FormFieldLabel>\n            {getFormControl(field)}\n            <FormFieldHelperText>\n              {fieldStatusValues[field.name] ?? \"\"}\n            </FormFieldHelperText>\n          </FormField>\n        ))}\n      </div>\n      <div className={`${classBase}-buttonbar salt-theme salt-density-high`}>\n        <Button\n          type=\"submit\"\n          variant=\"cta\"\n          disabled={!isDirty}\n          onClick={handleSubmit}\n        >\n          Submit\n        </Button>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["queryClosest","VuuDataSource","useWindow","useComponentCssInjection","sessionEditingFormCss","useState","useRef","useMemo","buildColumnMap","values","Range","useIdMemo","useCallback","getTypedValue","shallowEquals","vuuEditCellRequest","isErrorResponse","isActionMessage","jsx","Input","useEffect","jsxs","FormField","FormFieldLabel","FormFieldHelperText","Button"],"mappings":"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"}
+{"version":3,"file":"SessionEditingForm.js","sources":["../../../../packages/vuu-data-react/src/session-editing-form/SessionEditingForm.tsx"],"sourcesContent":["import { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSource, TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n  VuuRpcEditCellRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  buildColumnMap,\n  getTypedValue,\n  isErrorResponse,\n  queryClosest,\n  Range,\n  shallowEquals,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  FormField,\n  FormFieldHelperText,\n  FormFieldLabel,\n  Input,\n  useIdMemo,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport sessionEditingFormCss from \"./SessionEditingForm.css\";\n\nexport type FormFieldDescriptor = {\n  isKeyField?: boolean;\n  label?: string;\n  name: string;\n  type: VuuColumnDataType;\n  description: string;\n  readonly?: boolean;\n  required?: boolean;\n};\n\nexport type FormConfig = {\n  title: string;\n  key: string;\n  fields: FormFieldDescriptor[];\n};\n\nexport interface SessionEditingFormProps\n  extends HTMLAttributes<HTMLDivElement> {\n  config: FormConfig;\n  onClose?: () => void;\n  dataSource?: DataSource;\n  schema?: TableSchema;\n}\n\nconst classBase = \"vuuSessionEditingForm\";\n\nconst getField = (\n  fields: FormFieldDescriptor[],\n  name: string,\n): FormFieldDescriptor => {\n  const field = fields.find((f) => f.name === name);\n  if (field) {\n    return field;\n  } else {\n    throw Error(`SessionEditingForm, no field '${name}' found`);\n  }\n};\n\nconst getFieldNameAndValue = ({\n  target,\n}: ChangeEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>): [\n  string,\n  string,\n] => {\n  const formField = queryClosest(target, \".saltFormField\");\n  if (formField) {\n    const {\n      dataset: { field },\n    } = formField;\n    if (field === undefined) {\n      throw Error(\"SessionEditingForm, form field has no field data attribute\");\n    }\n    return [field, target.value];\n  } else {\n    throw Error(\"Form control is not enclosed in FormField\");\n  }\n};\n\nconst Status = {\n  uninitialised: 0,\n  unchanged: 1,\n  changed: 2,\n  invalid: 3,\n};\n\nconst getDataSource = (\n  dataSource?: DataSource,\n  schema?: TableSchema,\n): DataSource => {\n  if (dataSource) {\n    return dataSource;\n  } else if (schema) {\n    return new VuuDataSource({\n      bufferSize: 0,\n      table: schema.table,\n      columns: schema.columns.map((col) => col.name),\n    }) as DataSource;\n  } else {\n    throw Error(\n      \"SessionEditingForm: either a DataSource or a TableSchema must be provided\",\n    );\n  }\n};\n\ntype FormValues = { [key: string]: VuuRowDataItemType | undefined };\n\nexport const SessionEditingForm = ({\n  className,\n  config: { fields, key: keyField },\n  dataSource: dataSourceProp,\n  id: idProp,\n  onClose,\n  schema,\n  ...htmlAttributes\n}: SessionEditingFormProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-session-editing-form\",\n    css: sessionEditingFormCss,\n    window: targetWindow,\n  });\n\n  const [fieldStatusValues, setFieldStatusValues] = useState<\n    Record<string, string | undefined>\n  >({});\n  const [values, setValues] = useState<FormValues>();\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const formContentRef = useRef<HTMLDivElement>(null);\n  const initialDataRef = useRef<FormValues>(undefined);\n  const dataStatusRef = useRef(Status.uninitialised);\n\n  const dataSource = useMemo(() => {\n    const ds = getDataSource(dataSourceProp, schema);\n    const { columns } = ds;\n    const columnMap = buildColumnMap(ds.columns);\n\n    const applyServerData = (data: VuuDataRow) => {\n      if (columnMap) {\n        const values: { [key: string]: VuuRowDataItemType } = {};\n        for (const column of columns) {\n          values[column] = data[columnMap[column]];\n        }\n        if (dataStatusRef.current === Status.uninitialised) {\n          dataStatusRef.current = Status.unchanged;\n          initialDataRef.current = values;\n        }\n        setValues(values);\n      }\n    };\n\n    ds.subscribe({ range: Range(0, 5) }, (message) => {\n      if (message.type === \"viewport-update\" && message.rows) {\n        if (dataStatusRef.current === Status.uninitialised) {\n          applyServerData(message.rows[0]);\n        } else {\n          console.log(\"what do we do with server updates\");\n        }\n      }\n    });\n    return ds;\n  }, [dataSourceProp, schema]);\n\n  const id = useIdMemo(idProp);\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type);\n      setValues((values = {}) => {\n        const newValues = {\n          ...values,\n          [field]: typedValue,\n        };\n        const notUpdated = shallowEquals(newValues, initialDataRef.current);\n        dataStatusRef.current = notUpdated\n          ? Status.unchanged\n          : typedValue !== undefined\n            ? Status.changed\n            : Status.invalid;\n        return newValues;\n      });\n    },\n    [fields],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const rowKey = values?.[keyField];\n      // TODO link this with client side validation if we're going to use it\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type, true);\n      if (typeof rowKey === \"string\") {\n        dataSource\n          .editRpcCall({\n            type: \"VP_EDIT_CELL_RPC\",\n            rowKey,\n            field,\n            value: typedValue,\n          } as VuuRpcEditCellRequest)\n          .then((response) => {\n            if (isErrorResponse(response)) {\n              console.log(`edit rejected ${response.error}`);\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: response.error,\n              }));\n            } else {\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: undefined,\n              }));\n            }\n          });\n      }\n    },\n    [dataSource, fields, keyField, values],\n  );\n\n  const applyAction = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (action: any) => {\n      if (action?.type === \"CLOSE_DIALOG_ACTION\") {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const rpcResponse = await dataSource.editRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(rpcResponse)) {\n      setErrorMessage(rpcResponse.error);\n    } else {\n      applyAction(rpcResponse.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      if (evt.key === \"Enter\" && dataStatusRef.current === Status.changed) {\n        handleSubmit();\n      }\n    },\n    [handleSubmit],\n  );\n\n  const handleCancel = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const getFormControl = (field: FormFieldDescriptor) => {\n    const value = String(values?.[field.name] ?? \"\");\n    if (field.readonly || field.name === keyField) {\n      return (\n        <div className={`${classBase}-fieldValue vuuReadOnly`}>{value}</div>\n      );\n    } else {\n      return (\n        <Input\n          className={`${classBase}-fieldValue`}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          value={value}\n          id={`${id}-input-${field.name}`}\n        />\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (formContentRef.current) {\n      const firstInput = formContentRef.current.querySelector(\n        \"input\",\n      ) as HTMLInputElement;\n      if (firstInput) {\n        setTimeout(() => {\n          firstInput.focus();\n          firstInput.select();\n        }, 100);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (dataSource) {\n        dataSource.unsubscribe();\n      }\n    };\n  }, [dataSource]);\n\n  const isDirty = dataStatusRef.current === Status.changed;\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {errorMessage ? (\n        <div\n          className={`${classBase}-errorBanner`}\n          data-icon=\"error\"\n          title={errorMessage}\n        >\n          Error, edit(s) not saved\n        </div>\n      ) : undefined}\n      <div\n        className={`${classBase}-content`}\n        ref={formContentRef}\n        onKeyDown={handleKeyDown}\n      >\n        {fields.map((field) => (\n          <FormField\n            className={`${classBase}-field`}\n            data-field={field.name}\n            key={field.name}\n            necessity={field.required ? \"required\" : \"optional\"}\n            readOnly={field.readonly}\n            validationStatus={\n              fieldStatusValues[field.name] ? \"error\" : undefined\n            }\n          >\n            <FormFieldLabel>{field?.label ?? field.description}</FormFieldLabel>\n            {getFormControl(field)}\n            <FormFieldHelperText>\n              {fieldStatusValues[field.name] ?? \"\"}\n            </FormFieldHelperText>\n          </FormField>\n        ))}\n      </div>\n      <div className={`${classBase}-buttonbar salt-theme salt-density-high`}>\n        <Button\n          type=\"submit\"\n          variant=\"cta\"\n          disabled={!isDirty}\n          onClick={handleSubmit}\n        >\n          Submit\n        </Button>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["queryClosest","VuuDataSource","useWindow","useComponentCssInjection","sessionEditingFormCss","useState","useRef","useMemo","buildColumnMap","values","Range","useIdMemo","useCallback","getTypedValue","shallowEquals","isErrorResponse","jsx","Input","useEffect","jsxs","FormField","FormFieldLabel","FormFieldHelperText","Button"],"mappings":"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"}

package/esm/data-editing/get-data-item-edit-control.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { VuuInput, VuuTimePicker, VuuDatePicker, VuuTypeaheadInput } from '@vuu-ui/vuu-ui-controls';
-import { isTimeDataValue, isDateTimeDataValue } from '@vuu-ui/vuu-utils';
+import { isTimeDataValue, asTimeString, isDateTimeDataValue } from '@vuu-ui/vuu-utils';
 
 const getDataItemEditControl = ({
   InputProps: InputProps2,
@@ -8,6 +8,7 @@ const getDataItemEditControl = ({
   className,
   commitWhenCleared,
   dataDescriptor,
+  defaultValue,
   errorMessage,
   onCommit,
   table
@@ -26,7 +27,14 @@ const getDataItemEditControl = ({
       }
     );
   } else if (isTimeDataValue(dataDescriptor)) {
-    return /* @__PURE__ */ jsx(VuuTimePicker, { className, onCommit: handleCommitNumber });
+    return /* @__PURE__ */ jsx(
+      VuuTimePicker,
+      {
+        className,
+        defaultValue: asTimeString(defaultValue, true),
+        onCommit: handleCommitNumber
+      }
+    );
   } else if (isDateTimeDataValue(dataDescriptor)) {
     return /* @__PURE__ */ jsx(VuuDatePicker, { className, onCommit: handleCommitNumber });
   } else if (dataDescriptor.serverDataType === "string" && table) {

package/esm/data-editing/get-data-item-edit-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\n\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<VuuTypeaheadInputProps, \"highlightFirstSuggestion\">;\n  className?: string;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuTimePicker className={className} onCommit={handleCommitNumber} />\n    );\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker className={className} onCommit={handleCommitNumber} />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    return (\n      <VuuTypeaheadInput\n        {...InputProps}\n        {...TypeaheadProps}\n        className={className}\n        column={dataDescriptor.name}\n        onCommit={onCommit}\n        table={table}\n      />\n    );\n  }\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n    />\n  );\n};\n"],"names":["InputProps"],"mappings":";;;;AAkCO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGA,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA;AAAA;AAAA,KACV;AAAA,GAEJ,MAAA,IAAW,eAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAEvE,MAAA,IAAW,mBAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAE5D,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAGA,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,SAAA;AAAA,QACA,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAGJ,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGA,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\n\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<VuuTypeaheadInputProps, \"highlightFirstSuggestion\">;\n  className?: string;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  defaultValue?: string | number | readonly string[];\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitWhenCleared,\n  dataDescriptor,\n  defaultValue,\n  errorMessage,\n  onCommit,\n  table,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuTimePicker\n        className={className}\n        defaultValue={asTimeString(defaultValue, true)}\n        onCommit={handleCommitNumber}\n      />\n    );\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker className={className} onCommit={handleCommitNumber} />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    return (\n      <VuuTypeaheadInput\n        {...InputProps}\n        {...TypeaheadProps}\n        className={className}\n        column={dataDescriptor.name}\n        onCommit={onCommit}\n        table={table}\n      />\n    );\n  }\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n    />\n  );\n};\n"],"names":["InputProps"],"mappings":";;;;AAoCO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGA,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA;AAAA;AAAA,KACV;AAAA,GAEJ,MAAA,IAAW,eAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IACE,uBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,YAAA,EAAc,YAAa,CAAA,YAAA,EAAc,IAAI,CAAA;AAAA,QAC7C,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA,GAEJ,MAAA,IAAW,mBAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA,QAAA,EAAU,kBAAoB,EAAA,CAAA;AAAA,GAE5D,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IACE,uBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAGA,WAAAA;AAAA,QACH,GAAG,cAAA;AAAA,QACJ,SAAA;AAAA,QACA,QAAQ,cAAe,CAAA,IAAA;AAAA,QACvB,QAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAGJ,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGA,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/esm/data-editing/useEditForm.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useDialogContext } from '@vuu-ui/vuu-popups';
-import { viewportRpcRequest, buildColumnMap, Range, messageHasDataRows, dataSourceRowToEntity, queryClosest } from '@vuu-ui/vuu-utils';
+import { buildColumnMap, Range, 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';
@@ -91,9 +91,11 @@ const useEditForm = ({
     [setFormEditState]
   );
   const submitChanges = useCallback(async () => {
-    const rpcResponse = await currentDataSource.current?.rpcCall?.(
-      viewportRpcRequest("VP_BULK_EDIT_SUBMIT_RPC")
-    );
+    const rpcResponse = await currentDataSource.current?.rpcRequest?.({
+      params: {},
+      rpcName: "VP_BULK_EDIT_SUBMIT_RPC",
+      type: "RPC_REQUEST"
+    });
     console.log({ rpcResponse });
   }, []);
   const showSaveOrDiscardPrompt = useCallback(async () => {

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

@@ -1 +1 @@
-{"version":3,"file":"useEditForm.js","sources":["../../../../packages/vuu-data-react/src/data-editing/useEditForm.tsx"],"sourcesContent":["import type { DataSource, DataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport { useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  CommitHandler,\n  Entity,\n  Range,\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 { 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 interface EditFormHookProps {\n  dataSource?: DataSource;\n  formFieldDescriptors: DataValueDescriptor[];\n  onSubmit?: () => void;\n}\n\ntype ValidationState = {\n  ok: boolean;\n  messages: Record<string, string>;\n};\n\nconst CLEAN_VALIDATION: ValidationState = {\n  ok: true,\n  messages: {},\n};\n\nconst getValidationChecker = (\n  descriptor: DataValueDescriptor,\n  editPhase: \"change\" | \"commit\",\n) => {\n  const rules = getEditValidationRules(descriptor, editPhase) ?? [];\n  return buildValidationChecker(rules);\n};\n\nconst nextValidationState = (\n  state: ValidationState,\n  dataDescriptor: DataValueDescriptor,\n  value: VuuRowDataItemType,\n): ValidationState => {\n  const check = getValidationChecker(dataDescriptor, \"change\");\n  const result = check(value, \"change\");\n  const { name } = dataDescriptor;\n\n  const { ok: wasOk, messages: existingMessages } = state;\n\n  if (result.ok) {\n    if (!wasOk) {\n      // if this field was the only one in error, the overall state\n      // will now be ok, but not if there is still one or more other\n      // field still in error.\n      const fieldsInError = Object.keys(existingMessages);\n      if (fieldsInError.includes(name)) {\n        if (fieldsInError.length === 1) {\n          return { ok: true, messages: {} };\n        } else {\n          const messages = { ...existingMessages };\n          delete messages[name];\n          return { ok: false, messages };\n        }\n      }\n    }\n  } else {\n    return {\n      ok: false,\n      messages: {\n        ...existingMessages,\n        [name]: result.messages.join(\"\\n\"),\n      },\n    };\n  }\n\n  return state;\n};\n\nfunction find(descriptors: DataValueDescriptor[], fieldname: string) {\n  const d = descriptors.find(({ name }) => name === fieldname);\n  if (d) {\n    return d;\n  }\n  throw Error(`DataValueDescriptor not found for field ${fieldname}`);\n}\n\nconst getField = (target: EventTarget | HTMLElement) => {\n  const fieldElement = queryClosest(target, \"[data-field]\");\n  if (fieldElement) {\n    return fieldElement.dataset.field as string;\n  } else {\n    throw Error(\"no field \");\n  }\n};\n\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>(undefined);\n  const formFieldsContainerRef = useRef<HTMLDivElement>(null);\n  const entityRef = useRef<Entity>(undefined);\n  const focusedFieldRef = useRef(\"\");\n  const originalEntityRef = useRef<Entity>(undefined);\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: Range(0, 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<CommitHandler<HTMLElement>>(\n    (_, 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    setValidationState(CLEAN_VALIDATION);\n    // console.log({ rpcResponse });\n    setEntity(originalEntityRef.current as Entity);\n  }, [setEntity, setFormEditState, setValidationState]);\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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"}
+{"version":3,"file":"useEditForm.js","sources":["../../../../packages/vuu-data-react/src/data-editing/useEditForm.tsx"],"sourcesContent":["import type { DataSource, DataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport { useDialogContext } from \"@vuu-ui/vuu-popups\";\nimport type { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  CommitHandler,\n  Entity,\n  Range,\n  buildColumnMap,\n  dataSourceRowToEntity,\n  messageHasDataRows,\n  queryClosest,\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 { 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 interface EditFormHookProps {\n  dataSource?: DataSource;\n  formFieldDescriptors: DataValueDescriptor[];\n  onSubmit?: () => void;\n}\n\ntype ValidationState = {\n  ok: boolean;\n  messages: Record<string, string>;\n};\n\nconst CLEAN_VALIDATION: ValidationState = {\n  ok: true,\n  messages: {},\n};\n\nconst getValidationChecker = (\n  descriptor: DataValueDescriptor,\n  editPhase: \"change\" | \"commit\",\n) => {\n  const rules = getEditValidationRules(descriptor, editPhase) ?? [];\n  return buildValidationChecker(rules);\n};\n\nconst nextValidationState = (\n  state: ValidationState,\n  dataDescriptor: DataValueDescriptor,\n  value: VuuRowDataItemType,\n): ValidationState => {\n  const check = getValidationChecker(dataDescriptor, \"change\");\n  const result = check(value, \"change\");\n  const { name } = dataDescriptor;\n\n  const { ok: wasOk, messages: existingMessages } = state;\n\n  if (result.ok) {\n    if (!wasOk) {\n      // if this field was the only one in error, the overall state\n      // will now be ok, but not if there is still one or more other\n      // field still in error.\n      const fieldsInError = Object.keys(existingMessages);\n      if (fieldsInError.includes(name)) {\n        if (fieldsInError.length === 1) {\n          return { ok: true, messages: {} };\n        } else {\n          const messages = { ...existingMessages };\n          delete messages[name];\n          return { ok: false, messages };\n        }\n      }\n    }\n  } else {\n    return {\n      ok: false,\n      messages: {\n        ...existingMessages,\n        [name]: result.messages.join(\"\\n\"),\n      },\n    };\n  }\n\n  return state;\n};\n\nfunction find(descriptors: DataValueDescriptor[], fieldname: string) {\n  const d = descriptors.find(({ name }) => name === fieldname);\n  if (d) {\n    return d;\n  }\n  throw Error(`DataValueDescriptor not found for field ${fieldname}`);\n}\n\nconst getField = (target: EventTarget | HTMLElement) => {\n  const fieldElement = queryClosest(target, \"[data-field]\");\n  if (fieldElement) {\n    return fieldElement.dataset.field as string;\n  } else {\n    throw Error(\"no field \");\n  }\n};\n\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>(undefined);\n  const formFieldsContainerRef = useRef<HTMLDivElement>(null);\n  const entityRef = useRef<Entity>(undefined);\n  const focusedFieldRef = useRef(\"\");\n  const originalEntityRef = useRef<Entity>(undefined);\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?.rpcRequest?.({\n      params: {},\n      rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n      type: \"RPC_REQUEST\",\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: Range(0, 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<CommitHandler<HTMLElement>>(\n    (_, 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    setValidationState(CLEAN_VALIDATION);\n    // console.log({ rpcResponse });\n    setEntity(originalEntityRef.current as Entity);\n  }, [setEntity, setFormEditState, setValidationState]);\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/useTypeaheadSuggestions.js

@@ -36,7 +36,7 @@ const useTypeaheadSuggestions = () => {
         type: "RPC_REQUEST"
       };
       try {
-        const response = await dataSource.rpcCall?.(rpcMessage);
+        const response = await dataSource.rpcRequest?.(rpcMessage);
         if (response?.type === "SUCCESS_RESULT") {
           return response.data;
         } else {

package/esm/hooks/useTypeaheadSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  RpcResultError,\n  RpcResultSuccess,\n  TypeaheadParams,\n  VuuRpcServiceRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () => {\n  const dataSource = useDataSource(false);\n  return useCallback<SuggestionFetcher>(\n    async ([{ module, table }, column, starts]: TypeaheadParams) => {\n      if (dataSource === undefined) {\n        console.warn(\n          `[useTypeaheadSuggestions] no dataSource provided (use DataSourceProvider)`,\n        );\n        return false;\n      }\n      const rpcMessage: Omit<VuuRpcServiceRequest, \"context\"> =\n        starts === undefined\n          ? {\n              params: {\n                column,\n                module,\n                table,\n              },\n              rpcName: \"getUniqueFieldValues\",\n              type: \"RPC_REQUEST\",\n            }\n          : {\n              params: {\n                column,\n                module,\n                starts,\n                table,\n              },\n              rpcName: \"getUniqueFieldValuesStartingWith\",\n              type: \"RPC_REQUEST\",\n            };\n\n      try {\n        // We don't just return rpcCall . In the case of an\n        // error we will be returning the rejected promise, bypassing\n        // the catch block below.\n        const response = await dataSource.rpcCall?.<\n          RpcResultSuccess | RpcResultError\n        >(rpcMessage);\n        if (response?.type === \"SUCCESS_RESULT\") {\n          return response.data as string[];\n        } else {\n          return false;\n        }\n      } catch (err) {\n        return false;\n      }\n    },\n    [dataSource],\n  );\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA;AAAA;AAE7B,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA;AACvB;AAEO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAO,OAAA,WAAA;AAAA,IACL,OAAO,CAAC,EAAE,MAAA,EAAQ,OAAS,EAAA,MAAA,EAAQ,MAAM,CAAuB,KAAA;AAC9D,MAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,yEAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA;AAAA;AAET,MAAM,MAAA,UAAA,GACJ,WAAW,KACP,CAAA,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,sBAAA;AAAA,QACT,IAAM,EAAA;AAAA,OAER,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,kCAAA;AAAA,QACT,IAAM,EAAA;AAAA,OACR;AAEN,MAAI,IAAA;AAIF,QAAA,MAAM,QAAW,GAAA,MAAM,UAAW,CAAA,OAAA,GAEhC,UAAU,CAAA;AACZ,QAAI,IAAA,QAAA,EAAU,SAAS,gBAAkB,EAAA;AACvC,UAAA,OAAO,QAAS,CAAA,IAAA;AAAA,SACX,MAAA;AACL,UAAO,OAAA,KAAA;AAAA;AACT,eACO,GAAK,EAAA;AACZ,QAAO,OAAA,KAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACF;;;;"}
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  TypeaheadParams,\n  VuuRpcServiceRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () => {\n  const dataSource = useDataSource(false);\n  return useCallback<SuggestionFetcher>(\n    async ([{ module, table }, column, starts]: TypeaheadParams) => {\n      if (dataSource === undefined) {\n        console.warn(\n          `[useTypeaheadSuggestions] no dataSource provided (use DataSourceProvider)`,\n        );\n        return false;\n      }\n      const rpcMessage: Omit<VuuRpcServiceRequest, \"context\"> =\n        starts === undefined\n          ? {\n              params: {\n                column,\n                module,\n                table,\n              },\n              rpcName: \"getUniqueFieldValues\",\n              type: \"RPC_REQUEST\",\n            }\n          : {\n              params: {\n                column,\n                module,\n                starts,\n                table,\n              },\n              rpcName: \"getUniqueFieldValuesStartingWith\",\n              type: \"RPC_REQUEST\",\n            };\n\n      try {\n        // We don't just return rpcCall . In the case of an\n        // error we will be returning the rejected promise, bypassing\n        // the catch block below.\n        const response = await dataSource.rpcRequest?.(rpcMessage);\n        if (response?.type === \"SUCCESS_RESULT\") {\n          return response.data as string[];\n        } else {\n          return false;\n        }\n      } catch (err) {\n        return false;\n      }\n    },\n    [dataSource],\n  );\n};\n"],"names":[],"mappings":";;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA;AAAA;AAE7B,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA;AACvB;AAEO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAO,OAAA,WAAA;AAAA,IACL,OAAO,CAAC,EAAE,MAAA,EAAQ,OAAS,EAAA,MAAA,EAAQ,MAAM,CAAuB,KAAA;AAC9D,MAAA,IAAI,eAAe,KAAW,CAAA,EAAA;AAC5B,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,yEAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA;AAAA;AAET,MAAM,MAAA,UAAA,GACJ,WAAW,KACP,CAAA,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,sBAAA;AAAA,QACT,IAAM,EAAA;AAAA,OAER,GAAA;AAAA,QACE,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,MAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAS,EAAA,kCAAA;AAAA,QACT,IAAM,EAAA;AAAA,OACR;AAEN,MAAI,IAAA;AAIF,QAAA,MAAM,QAAW,GAAA,MAAM,UAAW,CAAA,UAAA,GAAa,UAAU,CAAA;AACzD,QAAI,IAAA,QAAA,EAAU,SAAS,gBAAkB,EAAA;AACvC,UAAA,OAAO,QAAS,CAAA,IAAA;AAAA,SACX,MAAA;AACL,UAAO,OAAA,KAAA;AAAA;AACT,eACO,GAAK,EAAA;AACZ,QAAO,OAAA,KAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AACF;;;;"}

package/esm/hooks/useVuuMenuActions.js

@@ -4,7 +4,7 @@ import { isGroupMenuItemDescriptor } from '@vuu-ui/vuu-context-menu';
 import { getFilterPredicate } from '@vuu-ui/vuu-filter-parser';
 import { useDialogContext, useNotifications } from '@vuu-ui/vuu-popups';
 import { isTableLocation, BulkEditDialog, BulkEditPanel } from '@vuu-ui/vuu-table';
-import { useData, toColumnName, isActionMessage, hasShowNotificationAction, isOpenBulkEditResponse, isSessionTableActionMessage, viewportRpcRequest, dataSourceRowToDataRowDto, metadataKeys } from '@vuu-ui/vuu-utils';
+import { useData, toColumnName, isActionMessage, hasShowNotificationAction, isOpenBulkEditResponse, isSessionTableActionMessage, dataSourceRowToDataRowDto, metadataKeys } from '@vuu-ui/vuu-utils';
 import { useCallback } from 'react';
 import { SessionEditingForm } from '../session-editing-form/SessionEditingForm.js';
 
@@ -237,7 +237,11 @@ const useVuuMenuActions = ({
       }
       const sessionDs = ds.createSessionDataSource?.(action.table);
       const handleSubmit = () => {
-        sessionDs?.rpcCall?.(viewportRpcRequest("VP_BULK_EDIT_SUBMIT_RPC"));
+        sessionDs?.rpcRequest?.({
+          params: {},
+          rpcName: "VP_BULK_EDIT_SUBMIT_RPC",
+          type: "RPC_REQUEST"
+        });
         closeDialog();
       };
       const handleChange = (isValid) => {
@@ -248,7 +252,7 @@ const useVuuMenuActions = ({
           /* @__PURE__ */ jsx(
             BulkEditPanel,
             {
-              dataSource: sessionDs,
+              sessionDs,
               onSubmit: handleSubmit,
               parentDs: ds,
               onValidationStatusChange: handleChange

package/esm/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport {\n  type ContextMenuItemDescriptor,\n  isGroupMenuItemDescriptor,\n  type MenuActionHandler,\n  type MenuBuilder,\n} from \"@vuu-ui/vuu-context-menu\";\nimport {\n  DataSource,\n  DataSourceRow,\n  DataSourceVisualLinkCreatedMessage,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\nimport { useDialogContext, useNotifications } from \"@vuu-ui/vuu-popups\";\nimport type {\n  ClientToServerMenuCellRPC,\n  ClientToServerMenuRowRPC,\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuDataRowDto,\n  VuuMenu,\n  VuuMenuContext,\n  VuuMenuItem,\n  VuuRowDataItemType,\n  VuuRpcMenuRequest,\n  VuuRpcResponse,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  BulkEditDialog,\n  BulkEditPanel,\n  isTableLocation,\n  TableContextMenuOptions,\n  TableMenuLocation,\n} from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  ColumnMap,\n  dataSourceRowToDataRowDto,\n  hasShowNotificationAction,\n  isActionMessage,\n  isOpenBulkEditResponse,\n  isSessionTableActionMessage,\n  metadataKeys,\n  toColumnName,\n  useData,\n  viewportRpcRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nexport interface VuuMenuActionHookResult {\n  menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions>;\n  menuActionHandler: 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?: MenuActionHandler;\n  dataSource?: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nexport interface VuuCellContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  field: string;\n  value: VuuRowDataItemType;\n}\nexport interface VuuRowContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  row: VuuDataRowDto;\n}\nexport interface VuuSelectedRowsContextMenuItemOptions extends VuuMenuItem {\n  columns: ColumnDescriptor[];\n}\n\nconst isRoot = (menu: VuuMenu) => menu.name === \"ROOT\";\n\nconst isCellMenu = (\n  options: VuuMenuItem,\n): options is VuuCellContextMenuItemOptions => options.context === \"cell\";\n\nexport const isRowMenu = (\n  options: VuuMenuItem,\n): options is VuuRowContextMenuItemOptions => options.context === \"row\";\n\nexport const isSelectionMenu = (\n  options: VuuMenuItem,\n): options is VuuSelectedRowsContextMenuItemOptions =>\n  options.context === \"selected-rows\";\n\nconst getColumnsFromOptions = (options: unknown) => {\n  if (options && typeof options === \"object\" && \"columns\" in options) {\n    return options.columns as VuuSelectedRowsContextMenuItemOptions[\"columns\"];\n  }\n};\n\nconst isVuuMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenuItem =>\n  \"rpcName\" in menu;\n\nconst isGroupMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenu =>\n  \"menus\" in menu;\n\nconst hasFilter = ({ filter }: VuuMenuItem) =>\n  typeof filter === \"string\" && filter.length > 0;\n\nconst { KEY } = metadataKeys;\n\nconst getMenuItemOptions = (\n  menu: VuuMenuItem,\n  options: TableContextMenuOptions,\n) => {\n  switch (menu.context) {\n    case \"cell\":\n      return {\n        ...menu,\n        field: options.column.name,\n        rowKey: options.row[KEY],\n        value: options.row[options.columnMap[options.column.name]],\n      };\n    case \"row\":\n      return {\n        ...menu,\n        columns: options.columns,\n        row: dataSourceRowToDataRowDto(options.row, options.columnMap),\n        rowKey: options.row[KEY],\n      };\n    case \"selected-rows\":\n      return {\n        ...menu,\n        columns: options.columns,\n      };\n    default:\n      return menu;\n  }\n};\n\nconst vuuContextCompatibleWithTableLocation = (\n  uiLocation: TableMenuLocation,\n  vuuContext: VuuMenuContext,\n  selectedRowCount = 0,\n) => {\n  switch (uiLocation) {\n    case \"grid\":\n      if (vuuContext === \"selected-rows\") {\n        return selectedRowCount > 0;\n      } else {\n        return true;\n      }\n    case \"header\":\n      return vuuContext === \"grid\";\n    default:\n      return false;\n  }\n};\n\nconst gridRowMeetsFilterCriteria = (\n  context: VuuMenuContext,\n  row: DataSourceRow,\n  selectedRows: DataSourceRow[],\n  filter: string,\n  columnMap: ColumnMap,\n): boolean => {\n  if (context === \"cell\" || context === \"row\") {\n    const filterPredicate = getFilterPredicate(columnMap, filter);\n    return filterPredicate(row);\n  } else if (context === \"selected-rows\") {\n    if (selectedRows.length === 0) {\n      return false;\n    } else {\n      const filterPredicate = getFilterPredicate(columnMap, filter);\n      return selectedRows.every(filterPredicate);\n    }\n  }\n  return true;\n};\n\nconst menuShouldBeRenderedInThisContext = (\n  menuItem: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): boolean => {\n  if (isGroupMenuItem(menuItem)) {\n    return menuItem.menus.some((childMenu) =>\n      menuShouldBeRenderedInThisContext(childMenu, tableLocation, options),\n    );\n  }\n  if (\n    !vuuContextCompatibleWithTableLocation(\n      tableLocation,\n      menuItem.context,\n      options.selectedRows?.length,\n    )\n  ) {\n    return false;\n  }\n\n  if (tableLocation === \"grid\" && hasFilter(menuItem)) {\n    return gridRowMeetsFilterCriteria(\n      menuItem.context,\n      options.row,\n      options.selectedRows,\n      menuItem.filter,\n      options.columnMap,\n    );\n  }\n\n  if (isCellMenu(menuItem) && menuItem.field !== \"*\") {\n    return menuItem.field === options.column.name;\n  }\n\n  return true;\n};\n\nconst buildMenuDescriptorFromVuuMenu = (\n  menu: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): ContextMenuItemDescriptor | undefined => {\n  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {\n    if (isVuuMenuItem(menu)) {\n      return {\n        label: menu.name,\n        id: \"MENU_RPC_CALL\",\n        options: getMenuItemOptions(menu, options),\n      };\n    } else {\n      const children = menu.menus\n        .map((childMenu) =>\n          buildMenuDescriptorFromVuuMenu(childMenu, tableLocation, options),\n        )\n        .filter(\n          (childMenu) => childMenu !== undefined,\n        ) as ContextMenuItemDescriptor[];\n      if (children.length > 0) {\n        return {\n          label: menu.name,\n          children,\n        };\n      }\n    }\n  }\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  onRpcResponse,\n}: VuuMenuActionHookProps): VuuMenuActionHookResult => {\n  const { VuuDataSource } = useData();\n  const menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions> =\n    useCallback(\n      (location, options) => {\n        const descriptors: ContextMenuItemDescriptor[] = [];\n        if (dataSource) {\n          const { links, menu } = dataSource;\n          const { visualLink } = dataSource;\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                id: \"link-table\",\n                options: linkDescriptor,\n              });\n            });\n          }\n\n          if (menu && isTableLocation(location)) {\n            const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n              menu,\n              location,\n              options,\n            );\n            if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n              descriptors.push(...menuDescriptor.children);\n            } else if (menuDescriptor) {\n              descriptors.push(menuDescriptor);\n            }\n          }\n        } else {\n          throw Error(\"useVuuMenuActions no dataSource provided\");\n        }\n\n        return descriptors;\n      },\n      [dataSource],\n    );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (ds: DataSource, table: VuuTable, columns?: ColumnDescriptor[]) => {\n      const sessionDs = new VuuDataSource({\n        columns: columns?.map(toColumnName),\n        table,\n        viewport: table.table,\n      });\n\n      const handleClose = () => {\n        sessionDs.unsubscribe();\n        closeDialog();\n      };\n\n      showDialog(\n        <BulkEditDialog\n          columns={columns}\n          sessionDs={sessionDs}\n          parentDs={ds}\n          closeDialog={handleClose}\n        />,\n        \"Bulk Amend\",\n      );\n\n      return true;\n    },\n    [VuuDataSource, closeDialog, showDialog],\n  );\n\n  const showSessionEditingForm = useCallback(\n    (\n      ds: DataSource,\n      action: OpenDialogAction & { tableSchema: TableSchema },\n    ) => {\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 = ds.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n        closeDialog();\n      };\n\n      const handleChange = (isValid: boolean) => {\n        console.log(\"placeholder: \", isValid);\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            dataSource={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={ds}\n            onValidationStatusChange={handleChange}\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    },\n    [closeDialog, showDialog],\n  );\n\n  const getMenuRpcRequest = (\n    options: VuuMenuItem,\n  ): Omit<VuuRpcMenuRequest, \"vpId\"> => {\n    const { rpcName } = options;\n    if (isCellMenu(options)) {\n      return {\n        field: options.field,\n        rowKey: options.rowKey,\n        rpcName,\n        value: options.value,\n        type: \"VIEW_PORT_MENU_CELL_RPC\",\n      } as Omit<ClientToServerMenuCellRPC, \"vpId\">;\n    } else if (isRowMenu(options)) {\n      return {\n        rowKey: options.rowKey,\n        row: options.row,\n        rpcName,\n        type: \"VIEW_PORT_MENU_ROW_RPC\",\n      } as Omit<ClientToServerMenuRowRPC, \"vpId\">;\n    } else if (isSelectionMenu(options)) {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENUS_SELECT_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    } else {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENU_TABLE_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    }\n  };\n\n  const menuActionHandler = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (clientSideMenuActionHandler?.(menuItemId, options)) {\n        return true;\n      } else if (menuItemId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options 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(\n                    dataSource,\n                    rpcResponse.action.table,\n                    getColumnsFromOptions(options),\n                  );\n                } else if (isSessionTableActionMessage(rpcResponse)) {\n                  showSessionEditingForm(dataSource, rpcResponse.action);\n                }\n              }\n            }\n          });\n        return true;\n      } else if (menuItemId === \"link-table\") {\n        if (dataSource) {\n          dataSource.visualLink = options as LinkDescriptorWithLabel;\n        }\n        return true;\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuItemId}`,\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    menuBuilder,\n    menuActionHandler,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVuuMenuActions.js","sources":["../../../../packages/vuu-data-react/src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport {\n  type ContextMenuItemDescriptor,\n  isGroupMenuItemDescriptor,\n  type MenuActionHandler,\n  type MenuBuilder,\n} from \"@vuu-ui/vuu-context-menu\";\nimport {\n  DataSource,\n  DataSourceRow,\n  DataSourceVisualLinkCreatedMessage,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\nimport { useDialogContext, useNotifications } from \"@vuu-ui/vuu-popups\";\nimport type {\n  ClientToServerMenuCellRPC,\n  ClientToServerMenuRowRPC,\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuDataRowDto,\n  VuuMenu,\n  VuuMenuContext,\n  VuuMenuItem,\n  VuuRowDataItemType,\n  VuuRpcMenuRequest,\n  VuuRpcResponse,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  BulkEditDialog,\n  BulkEditPanel,\n  isTableLocation,\n  TableContextMenuOptions,\n  TableMenuLocation,\n} from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  ColumnMap,\n  dataSourceRowToDataRowDto,\n  hasShowNotificationAction,\n  isActionMessage,\n  isOpenBulkEditResponse,\n  isSessionTableActionMessage,\n  metadataKeys,\n  toColumnName,\n  useData,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nexport interface VuuMenuActionHookResult {\n  menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions>;\n  menuActionHandler: 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?: MenuActionHandler;\n  dataSource?: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nexport interface VuuCellContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  field: string;\n  value: VuuRowDataItemType;\n}\nexport interface VuuRowContextMenuItemOptions extends VuuMenuItem {\n  rowKey: string;\n  row: VuuDataRowDto;\n}\nexport interface VuuSelectedRowsContextMenuItemOptions extends VuuMenuItem {\n  columns: ColumnDescriptor[];\n}\n\nconst isRoot = (menu: VuuMenu) => menu.name === \"ROOT\";\n\nconst isCellMenu = (\n  options: VuuMenuItem,\n): options is VuuCellContextMenuItemOptions => options.context === \"cell\";\n\nexport const isRowMenu = (\n  options: VuuMenuItem,\n): options is VuuRowContextMenuItemOptions => options.context === \"row\";\n\nexport const isSelectionMenu = (\n  options: VuuMenuItem,\n): options is VuuSelectedRowsContextMenuItemOptions =>\n  options.context === \"selected-rows\";\n\nconst getColumnsFromOptions = (options: unknown) => {\n  if (options && typeof options === \"object\" && \"columns\" in options) {\n    return options.columns as VuuSelectedRowsContextMenuItemOptions[\"columns\"];\n  }\n};\n\nconst isVuuMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenuItem =>\n  \"rpcName\" in menu;\n\nconst isGroupMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenu =>\n  \"menus\" in menu;\n\nconst hasFilter = ({ filter }: VuuMenuItem) =>\n  typeof filter === \"string\" && filter.length > 0;\n\nconst { KEY } = metadataKeys;\n\nconst getMenuItemOptions = (\n  menu: VuuMenuItem,\n  options: TableContextMenuOptions,\n) => {\n  switch (menu.context) {\n    case \"cell\":\n      return {\n        ...menu,\n        field: options.column.name,\n        rowKey: options.row[KEY],\n        value: options.row[options.columnMap[options.column.name]],\n      };\n    case \"row\":\n      return {\n        ...menu,\n        columns: options.columns,\n        row: dataSourceRowToDataRowDto(options.row, options.columnMap),\n        rowKey: options.row[KEY],\n      };\n    case \"selected-rows\":\n      return {\n        ...menu,\n        columns: options.columns,\n      };\n    default:\n      return menu;\n  }\n};\n\nconst vuuContextCompatibleWithTableLocation = (\n  uiLocation: TableMenuLocation,\n  vuuContext: VuuMenuContext,\n  selectedRowCount = 0,\n) => {\n  switch (uiLocation) {\n    case \"grid\":\n      if (vuuContext === \"selected-rows\") {\n        return selectedRowCount > 0;\n      } else {\n        return true;\n      }\n    case \"header\":\n      return vuuContext === \"grid\";\n    default:\n      return false;\n  }\n};\n\nconst gridRowMeetsFilterCriteria = (\n  context: VuuMenuContext,\n  row: DataSourceRow,\n  selectedRows: DataSourceRow[],\n  filter: string,\n  columnMap: ColumnMap,\n): boolean => {\n  if (context === \"cell\" || context === \"row\") {\n    const filterPredicate = getFilterPredicate(columnMap, filter);\n    return filterPredicate(row);\n  } else if (context === \"selected-rows\") {\n    if (selectedRows.length === 0) {\n      return false;\n    } else {\n      const filterPredicate = getFilterPredicate(columnMap, filter);\n      return selectedRows.every(filterPredicate);\n    }\n  }\n  return true;\n};\n\nconst menuShouldBeRenderedInThisContext = (\n  menuItem: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): boolean => {\n  if (isGroupMenuItem(menuItem)) {\n    return menuItem.menus.some((childMenu) =>\n      menuShouldBeRenderedInThisContext(childMenu, tableLocation, options),\n    );\n  }\n  if (\n    !vuuContextCompatibleWithTableLocation(\n      tableLocation,\n      menuItem.context,\n      options.selectedRows?.length,\n    )\n  ) {\n    return false;\n  }\n\n  if (tableLocation === \"grid\" && hasFilter(menuItem)) {\n    return gridRowMeetsFilterCriteria(\n      menuItem.context,\n      options.row,\n      options.selectedRows,\n      menuItem.filter,\n      options.columnMap,\n    );\n  }\n\n  if (isCellMenu(menuItem) && menuItem.field !== \"*\") {\n    return menuItem.field === options.column.name;\n  }\n\n  return true;\n};\n\nconst buildMenuDescriptorFromVuuMenu = (\n  menu: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: TableContextMenuOptions,\n): ContextMenuItemDescriptor | undefined => {\n  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {\n    if (isVuuMenuItem(menu)) {\n      return {\n        label: menu.name,\n        id: \"MENU_RPC_CALL\",\n        options: getMenuItemOptions(menu, options),\n      };\n    } else {\n      const children = menu.menus\n        .map((childMenu) =>\n          buildMenuDescriptorFromVuuMenu(childMenu, tableLocation, options),\n        )\n        .filter(\n          (childMenu) => childMenu !== undefined,\n        ) as ContextMenuItemDescriptor[];\n      if (children.length > 0) {\n        return {\n          label: menu.name,\n          children,\n        };\n      }\n    }\n  }\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  onRpcResponse,\n}: VuuMenuActionHookProps): VuuMenuActionHookResult => {\n  const { VuuDataSource } = useData();\n  const menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions> =\n    useCallback(\n      (location, options) => {\n        const descriptors: ContextMenuItemDescriptor[] = [];\n        if (dataSource) {\n          const { links, menu } = dataSource;\n          const { visualLink } = dataSource;\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                id: \"link-table\",\n                options: linkDescriptor,\n              });\n            });\n          }\n\n          if (menu && isTableLocation(location)) {\n            const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n              menu,\n              location,\n              options,\n            );\n            if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n              descriptors.push(...menuDescriptor.children);\n            } else if (menuDescriptor) {\n              descriptors.push(menuDescriptor);\n            }\n          }\n        } else {\n          throw Error(\"useVuuMenuActions no dataSource provided\");\n        }\n\n        return descriptors;\n      },\n      [dataSource],\n    );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (ds: DataSource, table: VuuTable, columns?: ColumnDescriptor[]) => {\n      const sessionDs = new VuuDataSource({\n        columns: columns?.map(toColumnName),\n        table,\n        viewport: table.table,\n      });\n\n      const handleClose = () => {\n        sessionDs.unsubscribe();\n        closeDialog();\n      };\n\n      showDialog(\n        <BulkEditDialog\n          columns={columns}\n          sessionDs={sessionDs}\n          parentDs={ds}\n          closeDialog={handleClose}\n        />,\n        \"Bulk Amend\",\n      );\n\n      return true;\n    },\n    [VuuDataSource, closeDialog, showDialog],\n  );\n\n  const showSessionEditingForm = useCallback(\n    (\n      ds: DataSource,\n      action: OpenDialogAction & { tableSchema: TableSchema },\n    ) => {\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 = ds.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcRequest?.({\n          params: {},\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"RPC_REQUEST\",\n        });\n        closeDialog();\n      };\n\n      const handleChange = (isValid: boolean) => {\n        console.log(\"placeholder: \", isValid);\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel\n            sessionDs={sessionDs}\n            onSubmit={handleSubmit}\n            parentDs={ds}\n            onValidationStatusChange={handleChange}\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    },\n    [closeDialog, showDialog],\n  );\n\n  const getMenuRpcRequest = (\n    options: VuuMenuItem,\n  ): Omit<VuuRpcMenuRequest, \"vpId\"> => {\n    const { rpcName } = options;\n    if (isCellMenu(options)) {\n      return {\n        field: options.field,\n        rowKey: options.rowKey,\n        rpcName,\n        value: options.value,\n        type: \"VIEW_PORT_MENU_CELL_RPC\",\n      } as Omit<ClientToServerMenuCellRPC, \"vpId\">;\n    } else if (isRowMenu(options)) {\n      return {\n        rowKey: options.rowKey,\n        row: options.row,\n        rpcName,\n        type: \"VIEW_PORT_MENU_ROW_RPC\",\n      } as Omit<ClientToServerMenuRowRPC, \"vpId\">;\n    } else if (isSelectionMenu(options)) {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENUS_SELECT_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    } else {\n      return {\n        rpcName,\n        type: \"VIEW_PORT_MENU_TABLE_RPC\",\n      } as Omit<VuuRpcMenuRequest, \"vpId\">;\n    }\n  };\n\n  const menuActionHandler = useCallback<MenuActionHandler>(\n    (menuItemId, options) => {\n      if (clientSideMenuActionHandler?.(menuItemId, options)) {\n        return true;\n      } else if (menuItemId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options 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(\n                    dataSource,\n                    rpcResponse.action.table,\n                    getColumnsFromOptions(options),\n                  );\n                } else if (isSessionTableActionMessage(rpcResponse)) {\n                  showSessionEditingForm(dataSource, rpcResponse.action);\n                }\n              }\n            }\n          });\n        return true;\n      } else if (menuItemId === \"link-table\") {\n        if (dataSource) {\n          dataSource.visualLink = options as LinkDescriptorWithLabel;\n        }\n        return true;\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuItemId}`,\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    menuBuilder,\n    menuActionHandler,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/session-editing-form/SessionEditingForm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { VuuDataSource } from '@vuu-ui/vuu-data-remote';
-import { buildColumnMap, Range, getTypedValue, shallowEquals, vuuEditCellRequest, isErrorResponse, isActionMessage, queryClosest } from '@vuu-ui/vuu-utils';
+import { buildColumnMap, Range, getTypedValue, shallowEquals, isErrorResponse, queryClosest } from '@vuu-ui/vuu-utils';
 import { useIdMemo, FormField, FormFieldLabel, FormFieldHelperText, Button, Input } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
@@ -128,7 +128,12 @@ const SessionEditingForm = ({
       const { type } = getField(fields, field);
       const typedValue = getTypedValue(value, type, true);
       if (typeof rowKey === "string") {
-        dataSource.menuRpcCall(vuuEditCellRequest(rowKey, field, typedValue)).then((response) => {
+        dataSource.editRpcCall({
+          type: "VP_EDIT_CELL_RPC",
+          rowKey,
+          field,
+          value: typedValue
+        }).then((response) => {
           if (isErrorResponse(response)) {
             console.log(`edit rejected ${response.error}`);
             setFieldStatusValues((map) => ({
@@ -147,20 +152,21 @@ const SessionEditingForm = ({
     [dataSource, fields, keyField, values]
   );
   const applyAction = useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (action) => {
-      if (action.type === "CLOSE_DIALOG_ACTION") {
+      if (action?.type === "CLOSE_DIALOG_ACTION") {
         onClose?.();
       }
     },
     [onClose]
   );
   const handleSubmit = useCallback(async () => {
-    const rpcResponse = await dataSource.menuRpcCall({
+    const rpcResponse = await dataSource.editRpcCall({
       type: "VP_EDIT_SUBMIT_FORM_RPC"
     });
     if (isErrorResponse(rpcResponse)) {
       setErrorMessage(rpcResponse.error);
-    } else if (isActionMessage(rpcResponse)) {
+    } else {
       applyAction(rpcResponse.action);
     }
   }, [applyAction, dataSource]);

package/esm/session-editing-form/SessionEditingForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionEditingForm.js","sources":["../../../../packages/vuu-data-react/src/session-editing-form/SessionEditingForm.tsx"],"sourcesContent":["import { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSource, TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n  VuuRpcAction,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  buildColumnMap,\n  getTypedValue,\n  isActionMessage,\n  isErrorResponse,\n  queryClosest,\n  Range,\n  shallowEquals,\n  vuuEditCellRequest,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  FormField,\n  FormFieldHelperText,\n  FormFieldLabel,\n  Input,\n  useIdMemo,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport sessionEditingFormCss from \"./SessionEditingForm.css\";\n\nexport type FormFieldDescriptor = {\n  isKeyField?: boolean;\n  label?: string;\n  name: string;\n  type: VuuColumnDataType;\n  description: string;\n  readonly?: boolean;\n  required?: boolean;\n};\n\nexport type FormConfig = {\n  title: string;\n  key: string;\n  fields: FormFieldDescriptor[];\n};\n\nexport interface SessionEditingFormProps\n  extends HTMLAttributes<HTMLDivElement> {\n  config: FormConfig;\n  onClose?: () => void;\n  dataSource?: DataSource;\n  schema?: TableSchema;\n}\n\nconst classBase = \"vuuSessionEditingForm\";\n\nconst getField = (\n  fields: FormFieldDescriptor[],\n  name: string,\n): FormFieldDescriptor => {\n  const field = fields.find((f) => f.name === name);\n  if (field) {\n    return field;\n  } else {\n    throw Error(`SessionEditingForm, no field '${name}' found`);\n  }\n};\n\nconst getFieldNameAndValue = ({\n  target,\n}: ChangeEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>): [\n  string,\n  string,\n] => {\n  const formField = queryClosest(target, \".saltFormField\");\n  if (formField) {\n    const {\n      dataset: { field },\n    } = formField;\n    if (field === undefined) {\n      throw Error(\"SessionEditingForm, form field has no field data attribute\");\n    }\n    return [field, target.value];\n  } else {\n    throw Error(\"Form control is not enclosed in FormField\");\n  }\n};\n\nconst Status = {\n  uninitialised: 0,\n  unchanged: 1,\n  changed: 2,\n  invalid: 3,\n};\n\nconst getDataSource = (\n  dataSource?: DataSource,\n  schema?: TableSchema,\n): DataSource => {\n  if (dataSource) {\n    return dataSource;\n  } else if (schema) {\n    return new VuuDataSource({\n      bufferSize: 0,\n      table: schema.table,\n      columns: schema.columns.map((col) => col.name),\n    }) as DataSource;\n  } else {\n    throw Error(\n      \"SessionEditingForm: either a DataSource or a TableSchema must be provided\",\n    );\n  }\n};\n\ntype FormValues = { [key: string]: VuuRowDataItemType | undefined };\n\nexport const SessionEditingForm = ({\n  className,\n  config: { fields, key: keyField },\n  dataSource: dataSourceProp,\n  id: idProp,\n  onClose,\n  schema,\n  ...htmlAttributes\n}: SessionEditingFormProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-session-editing-form\",\n    css: sessionEditingFormCss,\n    window: targetWindow,\n  });\n\n  const [fieldStatusValues, setFieldStatusValues] = useState<\n    Record<string, string | undefined>\n  >({});\n  const [values, setValues] = useState<FormValues>();\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const formContentRef = useRef<HTMLDivElement>(null);\n  const initialDataRef = useRef<FormValues>(undefined);\n  const dataStatusRef = useRef(Status.uninitialised);\n\n  const dataSource = useMemo(() => {\n    const ds = getDataSource(dataSourceProp, schema);\n    const { columns } = ds;\n    const columnMap = buildColumnMap(ds.columns);\n\n    const applyServerData = (data: VuuDataRow) => {\n      if (columnMap) {\n        const values: { [key: string]: VuuRowDataItemType } = {};\n        for (const column of columns) {\n          values[column] = data[columnMap[column]];\n        }\n        if (dataStatusRef.current === Status.uninitialised) {\n          dataStatusRef.current = Status.unchanged;\n          initialDataRef.current = values;\n        }\n        setValues(values);\n      }\n    };\n\n    ds.subscribe({ range: Range(0, 5) }, (message) => {\n      if (message.type === \"viewport-update\" && message.rows) {\n        if (dataStatusRef.current === Status.uninitialised) {\n          applyServerData(message.rows[0]);\n        } else {\n          console.log(\"what do we do with server updates\");\n        }\n      }\n    });\n    return ds;\n  }, [dataSourceProp, schema]);\n\n  const id = useIdMemo(idProp);\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type);\n      setValues((values = {}) => {\n        const newValues = {\n          ...values,\n          [field]: typedValue,\n        };\n        const notUpdated = shallowEquals(newValues, initialDataRef.current);\n        dataStatusRef.current = notUpdated\n          ? Status.unchanged\n          : typedValue !== undefined\n            ? Status.changed\n            : Status.invalid;\n        return newValues;\n      });\n    },\n    [fields],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const rowKey = values?.[keyField];\n      // TODO link this with client side validation if we're going to use it\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type, true);\n      if (typeof rowKey === \"string\") {\n        dataSource\n          .menuRpcCall(vuuEditCellRequest(rowKey, field, typedValue))\n          .then((response) => {\n            if (isErrorResponse(response)) {\n              console.log(`edit rejected ${response.error}`);\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: response.error,\n              }));\n            } else {\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: undefined,\n              }));\n            }\n          });\n      }\n    },\n    [dataSource, fields, keyField, values],\n  );\n\n  const applyAction = useCallback(\n    (action: VuuRpcAction) => {\n      if (action.type === \"CLOSE_DIALOG_ACTION\") {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const rpcResponse = await dataSource.menuRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(rpcResponse)) {\n      setErrorMessage(rpcResponse.error);\n    } else if (isActionMessage(rpcResponse)) {\n      applyAction(rpcResponse.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      if (evt.key === \"Enter\" && dataStatusRef.current === Status.changed) {\n        handleSubmit();\n      }\n    },\n    [handleSubmit],\n  );\n\n  const handleCancel = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const getFormControl = (field: FormFieldDescriptor) => {\n    const value = String(values?.[field.name] ?? \"\");\n    if (field.readonly || field.name === keyField) {\n      return (\n        <div className={`${classBase}-fieldValue vuuReadOnly`}>{value}</div>\n      );\n    } else {\n      return (\n        <Input\n          className={`${classBase}-fieldValue`}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          value={value}\n          id={`${id}-input-${field.name}`}\n        />\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (formContentRef.current) {\n      const firstInput = formContentRef.current.querySelector(\n        \"input\",\n      ) as HTMLInputElement;\n      if (firstInput) {\n        setTimeout(() => {\n          firstInput.focus();\n          firstInput.select();\n        }, 100);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (dataSource) {\n        dataSource.unsubscribe();\n      }\n    };\n  }, [dataSource]);\n\n  const isDirty = dataStatusRef.current === Status.changed;\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {errorMessage ? (\n        <div\n          className={`${classBase}-errorBanner`}\n          data-icon=\"error\"\n          title={errorMessage}\n        >\n          Error, edit(s) not saved\n        </div>\n      ) : undefined}\n      <div\n        className={`${classBase}-content`}\n        ref={formContentRef}\n        onKeyDown={handleKeyDown}\n      >\n        {fields.map((field) => (\n          <FormField\n            className={`${classBase}-field`}\n            data-field={field.name}\n            key={field.name}\n            necessity={field.required ? \"required\" : \"optional\"}\n            readOnly={field.readonly}\n            validationStatus={\n              fieldStatusValues[field.name] ? \"error\" : undefined\n            }\n          >\n            <FormFieldLabel>{field?.label ?? field.description}</FormFieldLabel>\n            {getFormControl(field)}\n            <FormFieldHelperText>\n              {fieldStatusValues[field.name] ?? \"\"}\n            </FormFieldHelperText>\n          </FormField>\n        ))}\n      </div>\n      <div className={`${classBase}-buttonbar salt-theme salt-density-high`}>\n        <Button\n          type=\"submit\"\n          variant=\"cta\"\n          disabled={!isDirty}\n          onClick={handleSubmit}\n        >\n          Submit\n        </Button>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["values"],"mappings":"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"}
+{"version":3,"file":"SessionEditingForm.js","sources":["../../../../packages/vuu-data-react/src/session-editing-form/SessionEditingForm.tsx"],"sourcesContent":["import { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSource, TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n  VuuRpcEditCellRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  buildColumnMap,\n  getTypedValue,\n  isErrorResponse,\n  queryClosest,\n  Range,\n  shallowEquals,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  Button,\n  FormField,\n  FormFieldHelperText,\n  FormFieldLabel,\n  Input,\n  useIdMemo,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport sessionEditingFormCss from \"./SessionEditingForm.css\";\n\nexport type FormFieldDescriptor = {\n  isKeyField?: boolean;\n  label?: string;\n  name: string;\n  type: VuuColumnDataType;\n  description: string;\n  readonly?: boolean;\n  required?: boolean;\n};\n\nexport type FormConfig = {\n  title: string;\n  key: string;\n  fields: FormFieldDescriptor[];\n};\n\nexport interface SessionEditingFormProps\n  extends HTMLAttributes<HTMLDivElement> {\n  config: FormConfig;\n  onClose?: () => void;\n  dataSource?: DataSource;\n  schema?: TableSchema;\n}\n\nconst classBase = \"vuuSessionEditingForm\";\n\nconst getField = (\n  fields: FormFieldDescriptor[],\n  name: string,\n): FormFieldDescriptor => {\n  const field = fields.find((f) => f.name === name);\n  if (field) {\n    return field;\n  } else {\n    throw Error(`SessionEditingForm, no field '${name}' found`);\n  }\n};\n\nconst getFieldNameAndValue = ({\n  target,\n}: ChangeEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>): [\n  string,\n  string,\n] => {\n  const formField = queryClosest(target, \".saltFormField\");\n  if (formField) {\n    const {\n      dataset: { field },\n    } = formField;\n    if (field === undefined) {\n      throw Error(\"SessionEditingForm, form field has no field data attribute\");\n    }\n    return [field, target.value];\n  } else {\n    throw Error(\"Form control is not enclosed in FormField\");\n  }\n};\n\nconst Status = {\n  uninitialised: 0,\n  unchanged: 1,\n  changed: 2,\n  invalid: 3,\n};\n\nconst getDataSource = (\n  dataSource?: DataSource,\n  schema?: TableSchema,\n): DataSource => {\n  if (dataSource) {\n    return dataSource;\n  } else if (schema) {\n    return new VuuDataSource({\n      bufferSize: 0,\n      table: schema.table,\n      columns: schema.columns.map((col) => col.name),\n    }) as DataSource;\n  } else {\n    throw Error(\n      \"SessionEditingForm: either a DataSource or a TableSchema must be provided\",\n    );\n  }\n};\n\ntype FormValues = { [key: string]: VuuRowDataItemType | undefined };\n\nexport const SessionEditingForm = ({\n  className,\n  config: { fields, key: keyField },\n  dataSource: dataSourceProp,\n  id: idProp,\n  onClose,\n  schema,\n  ...htmlAttributes\n}: SessionEditingFormProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-session-editing-form\",\n    css: sessionEditingFormCss,\n    window: targetWindow,\n  });\n\n  const [fieldStatusValues, setFieldStatusValues] = useState<\n    Record<string, string | undefined>\n  >({});\n  const [values, setValues] = useState<FormValues>();\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const formContentRef = useRef<HTMLDivElement>(null);\n  const initialDataRef = useRef<FormValues>(undefined);\n  const dataStatusRef = useRef(Status.uninitialised);\n\n  const dataSource = useMemo(() => {\n    const ds = getDataSource(dataSourceProp, schema);\n    const { columns } = ds;\n    const columnMap = buildColumnMap(ds.columns);\n\n    const applyServerData = (data: VuuDataRow) => {\n      if (columnMap) {\n        const values: { [key: string]: VuuRowDataItemType } = {};\n        for (const column of columns) {\n          values[column] = data[columnMap[column]];\n        }\n        if (dataStatusRef.current === Status.uninitialised) {\n          dataStatusRef.current = Status.unchanged;\n          initialDataRef.current = values;\n        }\n        setValues(values);\n      }\n    };\n\n    ds.subscribe({ range: Range(0, 5) }, (message) => {\n      if (message.type === \"viewport-update\" && message.rows) {\n        if (dataStatusRef.current === Status.uninitialised) {\n          applyServerData(message.rows[0]);\n        } else {\n          console.log(\"what do we do with server updates\");\n        }\n      }\n    });\n    return ds;\n  }, [dataSourceProp, schema]);\n\n  const id = useIdMemo(idProp);\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type);\n      setValues((values = {}) => {\n        const newValues = {\n          ...values,\n          [field]: typedValue,\n        };\n        const notUpdated = shallowEquals(newValues, initialDataRef.current);\n        dataStatusRef.current = notUpdated\n          ? Status.unchanged\n          : typedValue !== undefined\n            ? Status.changed\n            : Status.invalid;\n        return newValues;\n      });\n    },\n    [fields],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const rowKey = values?.[keyField];\n      // TODO link this with client side validation if we're going to use it\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type, true);\n      if (typeof rowKey === \"string\") {\n        dataSource\n          .editRpcCall({\n            type: \"VP_EDIT_CELL_RPC\",\n            rowKey,\n            field,\n            value: typedValue,\n          } as VuuRpcEditCellRequest)\n          .then((response) => {\n            if (isErrorResponse(response)) {\n              console.log(`edit rejected ${response.error}`);\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: response.error,\n              }));\n            } else {\n              setFieldStatusValues((map) => ({\n                ...map,\n                [field]: undefined,\n              }));\n            }\n          });\n      }\n    },\n    [dataSource, fields, keyField, values],\n  );\n\n  const applyAction = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (action: any) => {\n      if (action?.type === \"CLOSE_DIALOG_ACTION\") {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const rpcResponse = await dataSource.editRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(rpcResponse)) {\n      setErrorMessage(rpcResponse.error);\n    } else {\n      applyAction(rpcResponse.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      if (evt.key === \"Enter\" && dataStatusRef.current === Status.changed) {\n        handleSubmit();\n      }\n    },\n    [handleSubmit],\n  );\n\n  const handleCancel = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const getFormControl = (field: FormFieldDescriptor) => {\n    const value = String(values?.[field.name] ?? \"\");\n    if (field.readonly || field.name === keyField) {\n      return (\n        <div className={`${classBase}-fieldValue vuuReadOnly`}>{value}</div>\n      );\n    } else {\n      return (\n        <Input\n          className={`${classBase}-fieldValue`}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          value={value}\n          id={`${id}-input-${field.name}`}\n        />\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (formContentRef.current) {\n      const firstInput = formContentRef.current.querySelector(\n        \"input\",\n      ) as HTMLInputElement;\n      if (firstInput) {\n        setTimeout(() => {\n          firstInput.focus();\n          firstInput.select();\n        }, 100);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (dataSource) {\n        dataSource.unsubscribe();\n      }\n    };\n  }, [dataSource]);\n\n  const isDirty = dataStatusRef.current === Status.changed;\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {errorMessage ? (\n        <div\n          className={`${classBase}-errorBanner`}\n          data-icon=\"error\"\n          title={errorMessage}\n        >\n          Error, edit(s) not saved\n        </div>\n      ) : undefined}\n      <div\n        className={`${classBase}-content`}\n        ref={formContentRef}\n        onKeyDown={handleKeyDown}\n      >\n        {fields.map((field) => (\n          <FormField\n            className={`${classBase}-field`}\n            data-field={field.name}\n            key={field.name}\n            necessity={field.required ? \"required\" : \"optional\"}\n            readOnly={field.readonly}\n            validationStatus={\n              fieldStatusValues[field.name] ? \"error\" : undefined\n            }\n          >\n            <FormFieldLabel>{field?.label ?? field.description}</FormFieldLabel>\n            {getFormControl(field)}\n            <FormFieldHelperText>\n              {fieldStatusValues[field.name] ?? \"\"}\n            </FormFieldHelperText>\n          </FormField>\n        ))}\n      </div>\n      <div className={`${classBase}-buttonbar salt-theme salt-density-high`}>\n        <Button\n          type=\"submit\"\n          variant=\"cta\"\n          disabled={!isDirty}\n          onClick={handleSubmit}\n        >\n          Submit\n        </Button>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["values"],"mappings":"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"}

package/package.json

@@ -1,23 +1,23 @@
 {
-  "version": "0.13.28",
+  "version": "0.13.30",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.28",
-    "@vuu-ui/vuu-filter-types": "0.13.28",
-    "@vuu-ui/vuu-popups": "0.13.28",
-    "@vuu-ui/vuu-protocol-types": "0.13.28",
-    "@vuu-ui/vuu-table-types": "0.13.28"
+    "@vuu-ui/vuu-data-types": "0.13.30",
+    "@vuu-ui/vuu-filter-types": "0.13.30",
+    "@vuu-ui/vuu-popups": "0.13.30",
+    "@vuu-ui/vuu-protocol-types": "0.13.30",
+    "@vuu-ui/vuu-table-types": "0.13.30"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "0.13.28",
-    "@vuu-ui/vuu-data-remote": "0.13.28",
-    "@vuu-ui/vuu-filter-parser": "0.13.28",
-    "@vuu-ui/vuu-layout": "0.13.28",
-    "@vuu-ui/vuu-popups": "0.13.28",
-    "@vuu-ui/vuu-ui-controls": "0.13.28",
-    "@vuu-ui/vuu-utils": "0.13.28",
-    "@vuu-ui/vuu-table": "0.13.28",
+    "@vuu-ui/vuu-context-menu": "0.13.30",
+    "@vuu-ui/vuu-data-remote": "0.13.30",
+    "@vuu-ui/vuu-filter-parser": "0.13.30",
+    "@vuu-ui/vuu-layout": "0.13.30",
+    "@vuu-ui/vuu-popups": "0.13.30",
+    "@vuu-ui/vuu-ui-controls": "0.13.30",
+    "@vuu-ui/vuu-utils": "0.13.30",
+    "@vuu-ui/vuu-table": "0.13.30",
     "@salt-ds/core": "1.43.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

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

@@ -11,9 +11,10 @@ export interface DataItemEditControlProps {
      * A table column or form field Descriptor.
      */
     dataDescriptor: DataValueDescriptor;
+    defaultValue?: string | number | readonly string[];
     errorMessage?: string;
     onCommit: CommitHandler<HTMLElement>;
     table?: TableSchemaTable;
 }
 export type ValidationStatus = "initial" | true | string;
-export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, className, commitWhenCleared, dataDescriptor, errorMessage, onCommit, table, }: DataItemEditControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, className, commitWhenCleared, dataDescriptor, defaultValue, errorMessage, onCommit, table, }: DataItemEditControlProps) => import("react/jsx-runtime").JSX.Element;