@vuu-ui/vuu-data-react 0.8.75 → 0.8.77

package/cjs/hooks/useLookupValues.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
-var vuuShell = require('@vuu-ui/vuu-shell');
 var vuuUtils = require('@vuu-ui/vuu-utils');
 var react = require('react');
 
@@ -62,7 +61,7 @@ const getLookupDetails = ({ name, type }) => {
 };
 const useLookupValues = (column, initialValueProp) => {
   const { type: columnType } = column;
-  const { getLookupValues } = vuuShell.useShellContext();
+  const { getLookupValues } = vuuUtils.useShellContext();
   const initialState = react.useMemo(() => {
     if (vuuUtils.isTypeDescriptor(columnType) && vuuUtils.isValueListRenderer(columnType?.renderer)) {
       const values2 = columnType.renderer.values.map(toListOption);

package/cjs/hooks/useLookupValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLookupValues.js","sources":["../../src/hooks/useLookupValues.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { useShellContext } from \"@vuu-ui/vuu-shell\";\nimport {\n  buildColumnMap,\n  getSelectedOption,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp) ?? null,\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["buildColumnMap","VuuDataSource","isTypeDescriptor","isLookupRenderer","useShellContext","useMemo","isValueListRenderer","values","getSelectedOption","useState"],"mappings":"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"}
+{"version":3,"file":"useLookupValues.js","sources":["../../src/hooks/useLookupValues.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport {\n  buildColumnMap,\n  getSelectedOption,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n  useShellContext,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp) ?? null,\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["buildColumnMap","VuuDataSource","isTypeDescriptor","isLookupRenderer","useShellContext","useMemo","isValueListRenderer","values","getSelectedOption","useState"],"mappings":"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"}

package/cjs/hooks/useVuuMenuActions.js

@@ -3,11 +3,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
 var vuuPopups = require('@vuu-ui/vuu-popups');
-var vuuShell = require('@vuu-ui/vuu-shell');
 var vuuTable = require('@vuu-ui/vuu-table');
 var vuuUtils = require('@vuu-ui/vuu-utils');
 var core = require('@salt-ds/core');
 var react = require('react');
+var SessionEditingForm = require('../session-editing-form/SessionEditingForm.js');
 
 const NO_CONFIG = {};
 const keyFirst = (c1, c2) => c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;
@@ -112,7 +112,7 @@ const useVuuMenuActions = ({
       if (tableSchema) {
         const formConfig = getFormConfig(action);
         showDialog(
-          /* @__PURE__ */ jsxRuntime.jsx(vuuShell.SessionEditingForm, { ...formConfig, onClose: closeDialog }),
+          /* @__PURE__ */ jsxRuntime.jsx(SessionEditingForm.SessionEditingForm, { ...formConfig, onClose: closeDialog }),
           "Set Parameters"
         );
       }

package/cjs/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { isSessionTableActionMessage } from \"@vuu-ui/vuu-data-remote\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  useNotifications,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuMenu,\n  VuuMenuItem,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"@vuu-ui/vuu-shell\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  hasAction,\n  hasShowNotificationAction,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isTableLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { useCallback } from \"react\";\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nconst keyFirst = (c1: FormFieldDescriptor, c2: FormFieldDescriptor) =>\n  c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;\n\nconst defaultFormConfig = {\n  fields: [],\n  key: \"\",\n  title: \"\",\n};\n\nconst configFromSchema = (schema?: TableSchema): FormConfig | undefined => {\n  if (schema) {\n    const { columns, key } = schema;\n    return {\n      key,\n      title: `Parameters for command`,\n      fields: columns\n        .map((col) => ({\n          description: col.name,\n          label: col.name,\n          name: col.name,\n          type: col.serverDataType,\n          isKeyField: col.name === key,\n        }))\n        .sort(keyFirst),\n    };\n  }\n};\n\nconst getFormConfig = (\n  action: OpenDialogAction & { tableSchema: TableSchema }\n) => {\n  const { tableSchema: schema } = action;\n  const config = configFromSchema(schema) ?? defaultFormConfig;\n\n  // if (rpcName !== undefined && rpcName in static_config) {\n  //   return {\n  //     config: getStaticConfig(rpcName, config),\n  //     schema,\n  //   };\n  // }\n\n  return {\n    config,\n    schema,\n  };\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n          menu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig]\n  );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (table: VuuTable) => {\n      const sessionDs = dataSource.createSessionDataSource?.(table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const showSessionEditingForm = useCallback(\n    (action: OpenDialogAction & { tableSchema: TableSchema }) => {\n      const { tableSchema } = action;\n      if (tableSchema) {\n        const formConfig = getFormConfig(action);\n        showDialog(\n          <SessionEditingForm {...formConfig} onClose={closeDialog} />,\n          \"Set Parameters\"\n        );\n      }\n\n      const sessionDs = dataSource.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (rpcResponse) {\n            if (onRpcResponse?.(rpcResponse) === true) {\n              return true;\n            }\n            if (hasAction(rpcResponse)) {\n              if (hasShowNotificationAction(rpcResponse)) {\n                const {\n                  action: { message, title = \"Success\" },\n                } = rpcResponse;\n                showNotification({\n                  type: \"success\",\n                  body: message,\n                  header: title,\n                });\n              } else if (isOpenBulkEditResponse(rpcResponse)) {\n                showBulkEditDialog(rpcResponse.action.table);\n              } else if (isSessionTableActionMessage(rpcResponse)) {\n                showSessionEditingForm(rpcResponse.action);\n              }\n            }\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        return (\n          (dataSource.visualLink = options as LinkDescriptorWithLabel), true\n        );\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`\n        );\n      }\n\n      return false;\n    },\n    [\n      clientSideMenuActionHandler,\n      dataSource,\n      onRpcResponse,\n      showBulkEditDialog,\n      showNotification,\n      showSessionEditingForm,\n    ]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":["useCallback","isTableLocation","buildMenuDescriptorFromVuuMenu","isRoot","isGroupMenuItemDescriptor","useDialogContext","useNotifications","jsx","BulkEditPanel","Button","SessionEditingForm","getMenuRpcRequest","hasAction","hasShowNotificationAction","isOpenBulkEditResponse","isSessionTableActionMessage"],"mappings":";;;;;;;;;;;AA0CA,MAAM,YAA8B,EAAC,CAAA;AA+BrC,MAAM,QAAA,GAAW,CAAC,EAAyB,EAAA,EAAA,KACzC,GAAG,UAAa,GAAA,CAAA,CAAA,GAAK,EAAG,CAAA,UAAA,GAAa,CAAI,GAAA,CAAA,CAAA;AAE3C,MAAM,iBAAoB,GAAA;AAAA,EACxB,QAAQ,EAAC;AAAA,EACT,GAAK,EAAA,EAAA;AAAA,EACL,KAAO,EAAA,EAAA;AACT,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,MAAiD,KAAA;AACzE,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,EAAE,OAAS,EAAA,GAAA,EAAQ,GAAA,MAAA,CAAA;AACzB,IAAO,OAAA;AAAA,MACL,GAAA;AAAA,MACA,KAAO,EAAA,CAAA,sBAAA,CAAA;AAAA,MACP,MAAQ,EAAA,OAAA,CACL,GAAI,CAAA,CAAC,GAAS,MAAA;AAAA,QACb,aAAa,GAAI,CAAA,IAAA;AAAA,QACjB,OAAO,GAAI,CAAA,IAAA;AAAA,QACX,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,MAAM,GAAI,CAAA,cAAA;AAAA,QACV,UAAA,EAAY,IAAI,IAAS,KAAA,GAAA;AAAA,OAC3B,CAAE,CACD,CAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,KAClB,CAAA;AAAA,GACF;AACF,CAAA,CAAA;AAEA,MAAM,aAAA,GAAgB,CACpB,MACG,KAAA;AACH,EAAM,MAAA,EAAE,WAAa,EAAA,MAAA,EAAW,GAAA,MAAA,CAAA;AAChC,EAAM,MAAA,MAAA,GAAS,gBAAiB,CAAA,MAAM,CAAK,IAAA,iBAAA,CAAA;AAS3C,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,2BAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAmB,GAAA,SAAA;AAAA,EACnB,aAAA;AACF,CAAoD,KAAA;AAClD,EAAA,MAAM,0BAA0C,GAAAA,iBAAA;AAAA,IAC9C,CAAC,UAAU,OAAY,KAAA;AACrB,MAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,UAAA,CAAA;AACxB,MAAM,MAAA,EAAE,YAAe,GAAA,gBAAA,CAAA;AACvB,MAAA,MAAM,cAA2C,EAAC,CAAA;AAElD,MAAA,IAAI,QAAa,KAAA,MAAA,IAAU,KAAS,IAAA,CAAC,UAAY,EAAA;AAC/C,QAAM,KAAA,CAAA,OAAA,CAAQ,CAAC,cAA4C,KAAA;AACzD,UAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,SAAA,EAAc,GAAA,cAAA,CAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,SAAY,GAAA,SAAA,GAAY,IAAK,CAAA,OAAA,CAAA;AAC3C,UAAA,WAAA,CAAY,IAAK,CAAA;AAAA,YACf,KAAA,EAAO,WAAW,KAAK,CAAA,CAAA;AAAA,YACvB,MAAQ,EAAA,YAAA;AAAA,YACR,OAAS,EAAA,cAAA;AAAA,WACV,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AAAA,OACH;AAEA,MAAI,IAAA,IAAA,IAAQC,wBAAgB,CAAA,QAAQ,CAAG,EAAA;AACrC,QAAA,MAAM,cAAiB,GAAAC,uCAAA;AAAA,UACrB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAIC,eAAO,CAAA,IAAI,CAAK,IAAAC,kCAAA,CAA0B,cAAc,CAAG,EAAA;AAC7D,UAAY,WAAA,CAAA,IAAA,CAAK,GAAG,cAAA,CAAe,QAAQ,CAAA,CAAA;AAAA,mBAClC,cAAgB,EAAA;AACzB,UAAA,WAAA,CAAY,KAAK,cAAc,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAEA,MAAO,OAAA,WAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,YAAY,gBAAgB,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,WAAY,EAAA,GAAIC,0BAAiB,EAAA,CAAA;AACrD,EAAA,MAAM,mBAAmBC,0BAAiB,EAAA,CAAA;AAE1C,EAAA,MAAM,kBAAqB,GAAAN,iBAAA;AAAA,IACzB,CAAC,KAAoB,KAAA;AACnB,MAAM,MAAA,SAAA,GAAY,UAAW,CAAA,uBAAA,GAA0B,KAAK,CAAA,CAAA;AAC5D,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,SAAA,EAAW,OAAU,GAAA;AAAA,UACnB,aAAa,EAAC;AAAA,UACd,QAAQ,EAAC;AAAA,UACT,OAAS,EAAA,yBAAA;AAAA,UACT,IAAM,EAAA,oBAAA;AAAA,SACP,CAAA,CAAA;AACD,QAAY,WAAA,EAAA,CAAA;AAAA,OACd,CAAA;AAEA,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,UAAA;AAAA,0BACGO,cAAA,CAAAC,sBAAA,EAAA,EAAc,UAAY,EAAA,SAAA,EAAW,UAAU,YAAc,EAAA,CAAA;AAAA,UAC9D,gBAAA;AAAA,UACA;AAAA,4BACGD,cAAA,CAAAE,WAAA,EAAA,EAAoB,OAAS,EAAA,WAAA,EAAa,sBAA/B,QAEZ,CAAA;AAAA,4BACCF,cAAA,CAAAE,WAAA,EAAA,EAAoB,OAAS,EAAA,YAAA,EAAc,oBAAhC,QAEZ,CAAA;AAAA,WACF;AAAA,SACF,CAAA;AAEA,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,CAAC,WAAa,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAAT,iBAAA;AAAA,IAC7B,CAAC,MAA4D,KAAA;AAC3D,MAAM,MAAA,EAAE,aAAgB,GAAA,MAAA,CAAA;AACxB,MAAA,IAAI,WAAa,EAAA;AACf,QAAM,MAAA,UAAA,GAAa,cAAc,MAAM,CAAA,CAAA;AACvC,QAAA,UAAA;AAAA,0BACGO,cAAA,CAAAG,2BAAA,EAAA,EAAoB,GAAG,UAAA,EAAY,SAAS,WAAa,EAAA,CAAA;AAAA,UAC1D,gBAAA;AAAA,SACF,CAAA;AAAA,OACF;AAEA,MAAA,MAAM,SAAY,GAAA,UAAA,CAAW,uBAA0B,GAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACnE,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,SAAA,EAAW,OAAU,GAAA;AAAA,UACnB,aAAa,EAAC;AAAA,UACd,QAAQ,EAAC;AAAA,UACT,OAAS,EAAA,yBAAA;AAAA,UACT,IAAM,EAAA,oBAAA;AAAA,SACP,CAAA,CAAA;AACD,QAAY,WAAA,EAAA,CAAA;AAAA,OACd,CAAA;AAEA,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,UAAA;AAAA,0BACGH,cAAA,CAAAC,sBAAA,EAAA,EAAc,UAAY,EAAA,SAAA,EAAW,UAAU,YAAc,EAAA,CAAA;AAAA,UAC9D,gBAAA;AAAA,UACA;AAAA,4BACGD,cAAA,CAAAE,WAAA,EAAA,EAAoB,OAAS,EAAA,WAAA,EAAa,sBAA/B,QAEZ,CAAA;AAAA,4BACCF,cAAA,CAAAE,WAAA,EAAA,EAAoB,OAAS,EAAA,YAAA,EAAc,oBAAhC,QAEZ,CAAA;AAAA,WACF;AAAA,SACF,CAAA;AAEA,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,CAAC,WAAa,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,MAAM,gBAAmB,GAAAT,iBAAA;AAAA,IACvB,CAAC,EAAE,MAAQ,EAAA,OAAA,EAAoC,KAAA;AAC7C,MAAI,IAAA,2BAAA,GAA8B,MAAQ,EAAA,OAAO,CAAG,EAAA;AAClD,QAAO,OAAA,IAAA,CAAA;AAAA,OACT,MAAA,IAAW,WAAW,eAAiB,EAAA;AACrC,QAAM,MAAA,UAAA,GAAaW,2BAAkB,OAAiC,CAAA,CAAA;AAEtE,QAAA,UAAA,CAAW,WAAY,CAAA,UAAU,CAAE,CAAA,IAAA,CAAK,CAAC,WAAgB,KAAA;AACvD,UAAA,IAAI,WAAa,EAAA;AACf,YAAI,IAAA,aAAA,GAAgB,WAAW,CAAA,KAAM,IAAM,EAAA;AACzC,cAAO,OAAA,IAAA,CAAA;AAAA,aACT;AACA,YAAI,IAAAC,kBAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,cAAI,IAAAC,kCAAA,CAA0B,WAAW,CAAG,EAAA;AAC1C,gBAAM,MAAA;AAAA,kBACJ,MAAQ,EAAA,EAAE,OAAS,EAAA,KAAA,GAAQ,SAAU,EAAA;AAAA,iBACnC,GAAA,WAAA,CAAA;AACJ,gBAAiB,gBAAA,CAAA;AAAA,kBACf,IAAM,EAAA,SAAA;AAAA,kBACN,IAAM,EAAA,OAAA;AAAA,kBACN,MAAQ,EAAA,KAAA;AAAA,iBACT,CAAA,CAAA;AAAA,eACH,MAAA,IAAWC,+BAAuB,CAAA,WAAW,CAAG,EAAA;AAC9C,gBAAmB,kBAAA,CAAA,WAAA,CAAY,OAAO,KAAK,CAAA,CAAA;AAAA,eAC7C,MAAA,IAAWC,yCAA4B,CAAA,WAAW,CAAG,EAAA;AACnD,gBAAA,sBAAA,CAAuB,YAAY,MAAM,CAAA,CAAA;AAAA,eAC3C;AAAA,aACF;AAAA,WACF;AAAA,SACD,CAAA,CAAA;AACD,QAAO,OAAA,IAAA,CAAA;AAAA,OACT,MAAA,IAAW,WAAW,YAAc,EAAA;AAClC,QACG,OAAA,UAAA,CAAW,aAAa,OAAqC,EAAA,IAAA,CAAA;AAAA,OAE3D,MAAA;AACL,QAAQ,OAAA,CAAA,GAAA;AAAA,UACN,6DAA6D,MAAM,CAAA,CAAA;AAAA,SACrE,CAAA;AAAA,OACF;AAEA,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,2BAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,gBAAA;AAAA,MACA,sBAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,0BAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { isSessionTableActionMessage } from \"@vuu-ui/vuu-data-remote\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  useNotifications,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuMenu,\n  VuuMenuItem,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  hasAction,\n  hasShowNotificationAction,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isTableLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nconst keyFirst = (c1: FormFieldDescriptor, c2: FormFieldDescriptor) =>\n  c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;\n\nconst defaultFormConfig = {\n  fields: [],\n  key: \"\",\n  title: \"\",\n};\n\nconst configFromSchema = (schema?: TableSchema): FormConfig | undefined => {\n  if (schema) {\n    const { columns, key } = schema;\n    return {\n      key,\n      title: `Parameters for command`,\n      fields: columns\n        .map((col) => ({\n          description: col.name,\n          label: col.name,\n          name: col.name,\n          type: col.serverDataType,\n          isKeyField: col.name === key,\n        }))\n        .sort(keyFirst),\n    };\n  }\n};\n\nconst getFormConfig = (\n  action: OpenDialogAction & { tableSchema: TableSchema }\n) => {\n  const { tableSchema: schema } = action;\n  const config = configFromSchema(schema) ?? defaultFormConfig;\n\n  // if (rpcName !== undefined && rpcName in static_config) {\n  //   return {\n  //     config: getStaticConfig(rpcName, config),\n  //     schema,\n  //   };\n  // }\n\n  return {\n    config,\n    schema,\n  };\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n          menu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig]\n  );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (table: VuuTable) => {\n      const sessionDs = dataSource.createSessionDataSource?.(table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const showSessionEditingForm = useCallback(\n    (action: OpenDialogAction & { tableSchema: TableSchema }) => {\n      const { tableSchema } = action;\n      if (tableSchema) {\n        const formConfig = getFormConfig(action);\n        showDialog(\n          <SessionEditingForm {...formConfig} onClose={closeDialog} />,\n          \"Set Parameters\"\n        );\n      }\n\n      const sessionDs = dataSource.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (rpcResponse) {\n            if (onRpcResponse?.(rpcResponse) === true) {\n              return true;\n            }\n            if (hasAction(rpcResponse)) {\n              if (hasShowNotificationAction(rpcResponse)) {\n                const {\n                  action: { message, title = \"Success\" },\n                } = rpcResponse;\n                showNotification({\n                  type: \"success\",\n                  body: message,\n                  header: title,\n                });\n              } else if (isOpenBulkEditResponse(rpcResponse)) {\n                showBulkEditDialog(rpcResponse.action.table);\n              } else if (isSessionTableActionMessage(rpcResponse)) {\n                showSessionEditingForm(rpcResponse.action);\n              }\n            }\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        return (\n          (dataSource.visualLink = options as LinkDescriptorWithLabel), true\n        );\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`\n        );\n      }\n\n      return false;\n    },\n    [\n      clientSideMenuActionHandler,\n      dataSource,\n      onRpcResponse,\n      showBulkEditDialog,\n      showNotification,\n      showSessionEditingForm,\n    ]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":["useCallback","isTableLocation","buildMenuDescriptorFromVuuMenu","isRoot","isGroupMenuItemDescriptor","useDialogContext","useNotifications","jsx","BulkEditPanel","Button","SessionEditingForm","getMenuRpcRequest","hasAction","hasShowNotificationAction","isOpenBulkEditResponse","isSessionTableActionMessage"],"mappings":"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"}

package/cjs/hooks/useVuuTables.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import { getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable))\n          )\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: unable to connect to Vuu server ${String(err)}`\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n\nexport const getVuuTableSchema = (table: VuuTable) =>\n  getServerAPI().then((server) => server.getTableSchema(table));\n"],"names":["useState","useCallback","useEffect","getServerAPI","tables"],"mappings":";;;;;AAKO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,WAAA,GAAcC,iBAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAMC,0BAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAC,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,8CAAA,EAAiD,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GACrB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,KAChCD,0BAAa,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC;;;;;"}
+{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import { getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable))\n          )\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: unable to connect to Vuu server ${String(err)}`\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n\nexport const getVuuTableSchema = (table: VuuTable) =>\n  getServerAPI().then((server) => server.getTableSchema(table));\n"],"names":["useState","useCallback","useEffect","getServerAPI","tables"],"mappings":";;;;;AAKO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,WAAA,GAAcC,iBAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAMC,0BAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAC,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,8CAAA,EAAiD,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GACrB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,KAChCD,0BAAa,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC;;;;;"}

package/cjs/index.js

@@ -2,21 +2,23 @@
 
 var dateEditingUtils = require('./data-editing/date-editing-utils.js');
 var useLookupValues = require('./hooks/useLookupValues.js');
+var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
+var useVuuTables = require('./hooks/useVuuTables.js');
 var useServerConnectionStatus = require('./hooks/useServerConnectionStatus.js');
 var useServerConnectionQuality = require('./hooks/useServerConnectionQuality.js');
 var useTypeaheadSuggestions = require('./hooks/useTypeaheadSuggestions.js');
-var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
-var useVuuTables = require('./hooks/useVuuTables.js');
+var SessionEditingForm = require('./session-editing-form/SessionEditingForm.js');
 
 
 
 exports.getDataItemEditControl = dateEditingUtils.getDataItemEditControl;
 exports.useLookupValues = useLookupValues.useLookupValues;
+exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
+exports.getVuuTableSchema = useVuuTables.getVuuTableSchema;
+exports.useVuuTables = useVuuTables.useVuuTables;
 exports.useServerConnectionStatus = useServerConnectionStatus.useServerConnectionStatus;
 exports.useServerConnectionQuality = useServerConnectionQuality.useServerConnectionQuality;
 exports.getTypeaheadParams = useTypeaheadSuggestions.getTypeaheadParams;
 exports.useTypeaheadSuggestions = useTypeaheadSuggestions.useTypeaheadSuggestions;
-exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
-exports.getVuuTableSchema = useVuuTables.getVuuTableSchema;
-exports.useVuuTables = useVuuTables.useVuuTables;
+exports.SessionEditingForm = SessionEditingForm.SessionEditingForm;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var sessionEditingFormCss = ".vuuSessionEditingForm {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    min-width: 400px;\n}\n\n.vuuSessionEditingForm-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    gap: 3px;\n    overflow: auto;\n    padding: var(--salt-spacing-200);\n}\n\n\n.vuuSessionEditingForm-fieldValue.vuuReadOnly {\n    font-weight: var(--salt-text-label-fontWeight-strong);\n}\n\n.vuuSessionEditingForm-buttonbar {\n    align-items: center;\n    border-top: solid 1px var(--salt-container-primary-borderColor);\n    box-sizing: content-box;\n    display: flex;\n    justify-content: flex-end;\n    flex: 0 0 autox;\n    gap: 6px;\n    height: var(--salt-size-base);\n    margin: var(--salt-spacing-200);\n    padding-top: var(--salt-spacing-200);\n\n}\n\n.vuuSessionEditingForm-errorBanner {\n    --vuu-icon-left: 3px;\n    --vuu-icon-size: 18px;\n    --vuu-icon-top: 3px;\n    border: solid 1px var(--salt-status-error-borderColor);\n    line-height: 24px;\n    padding: 0 6px 0 26px;\n    position: relative;\n}";
+
+module.exports = sessionEditingFormCss;
+//# sourceMappingURL=SessionEditingForm.css.js.map

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

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

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

@@ -0,0 +1,302 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var cx = require('clsx');
+var react = require('react');
+var SessionEditingForm$1 = require('./SessionEditingForm.css.js');
+
+const classBase = "vuuSessionEditingForm";
+const getField = (fields, name) => {
+  const field = fields.find((f) => f.name === name);
+  if (field) {
+    return field;
+  } else {
+    throw Error(`SessionEditingForm, no field '${name}' found`);
+  }
+};
+const getFieldNameAndValue = ({
+  target
+}) => {
+  const formField = vuuUtils.queryClosest(target, ".saltFormField");
+  if (formField) {
+    const {
+      dataset: { field }
+    } = formField;
+    if (field === void 0) {
+      throw Error("SessionEditingForm, form field has no field data attribute");
+    }
+    return [field, target.value];
+  } else {
+    throw Error("Form control is not enclosed in FormField");
+  }
+};
+const Status = {
+  uninitialised: 0,
+  unchanged: 1,
+  changed: 2,
+  invalid: 3
+};
+function getTypedValue(value, type, throwIfUndefined = false) {
+  switch (type) {
+    case "int":
+    case "long": {
+      const typedValue = parseInt(value, 10);
+      if (vuuUtils.isValidNumber(typedValue)) {
+        return typedValue;
+      } else if (throwIfUndefined) {
+        throw Error("SessionEditingForm getTypedValue");
+      } else {
+        return void 0;
+      }
+    }
+    case "double": {
+      const typedValue = parseFloat(value);
+      if (vuuUtils.isValidNumber(typedValue)) {
+        return typedValue;
+      }
+      return void 0;
+    }
+    case "boolean":
+      return value === "true" ? true : false;
+    default:
+      return value;
+  }
+}
+const getDataSource = (dataSource, schema) => {
+  if (dataSource) {
+    return dataSource;
+  } else if (schema) {
+    return new vuuDataRemote.VuuDataSource({
+      bufferSize: 0,
+      table: schema.table,
+      columns: schema.columns.map((col) => col.name)
+    });
+  } else {
+    throw Error(
+      "SessionEditingForm: either a DataSource or a TableSchema must be provided"
+    );
+  }
+};
+const SessionEditingForm = ({
+  className,
+  config: { fields, key: keyField },
+  dataSource: dataSourceProp,
+  id: idProp,
+  onClose,
+  schema,
+  ...htmlAttributes
+}) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-session-editing-form",
+    css: SessionEditingForm$1,
+    window: targetWindow
+  });
+  const [fieldStatusValues, setFieldStatusValues] = react.useState({});
+  const [values, setValues] = react.useState();
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const formContentRef = react.useRef(null);
+  const initialDataRef = react.useRef();
+  const dataStatusRef = react.useRef(Status.uninitialised);
+  const dataSource = react.useMemo(() => {
+    const ds = getDataSource(dataSourceProp, schema);
+    const { columns } = ds;
+    const columnMap = vuuUtils.buildColumnMap(ds.columns);
+    const applyServerData = (data) => {
+      if (columnMap) {
+        const values2 = {};
+        for (const column of columns) {
+          values2[column] = data[columnMap[column]];
+        }
+        if (dataStatusRef.current === Status.uninitialised) {
+          dataStatusRef.current = Status.unchanged;
+          initialDataRef.current = values2;
+        }
+        setValues(values2);
+      }
+    };
+    ds.subscribe({ range: { from: 0, to: 5 } }, (message) => {
+      if (message.type === "viewport-update" && message.rows) {
+        if (dataStatusRef.current === Status.uninitialised) {
+          applyServerData(message.rows[0]);
+        } else {
+          console.log("what do we do with server updates");
+        }
+      }
+    });
+    return ds;
+  }, [dataSourceProp, schema]);
+  const id = core.useIdMemo(idProp);
+  const handleChange = react.useCallback(
+    (evt) => {
+      const [field, value] = getFieldNameAndValue(evt);
+      const { type } = getField(fields, field);
+      const typedValue = getTypedValue(value, type);
+      setValues((values2 = {}) => {
+        const newValues = {
+          ...values2,
+          [field]: typedValue
+        };
+        const notUpdated = vuuUtils.shallowEquals(newValues, initialDataRef.current);
+        dataStatusRef.current = notUpdated ? Status.unchanged : typedValue !== void 0 ? Status.changed : Status.invalid;
+        return newValues;
+      });
+    },
+    [fields]
+  );
+  const handleBlur = react.useCallback(
+    (evt) => {
+      const [field, value] = getFieldNameAndValue(evt);
+      const rowKey = values?.[keyField];
+      const { type } = getField(fields, field);
+      const typedValue = getTypedValue(value, type, true);
+      if (typeof rowKey === "string") {
+        dataSource.menuRpcCall({
+          rowKey,
+          field,
+          value: typedValue,
+          type: "VP_EDIT_CELL_RPC"
+        }).then((response) => {
+          if (vuuUtils.isErrorResponse(response)) {
+            console.log(`edit rejected ${response.error}`);
+            setFieldStatusValues((map) => ({
+              ...map,
+              [field]: response.error
+            }));
+          } else {
+            setFieldStatusValues((map) => ({
+              ...map,
+              [field]: void 0
+            }));
+          }
+        });
+      }
+    },
+    [dataSource, fields, keyField, values]
+  );
+  const applyAction = react.useCallback(
+    (action) => {
+      if (typeof action === "object" && action !== null) {
+        if ("type" in action && action.type === "CLOSE_DIALOG_ACTION") {
+          onClose?.();
+        }
+      }
+    },
+    [onClose]
+  );
+  const handleSubmit = react.useCallback(async () => {
+    const response = await dataSource.menuRpcCall({
+      type: "VP_EDIT_SUBMIT_FORM_RPC"
+    });
+    if (vuuUtils.isErrorResponse(response)) {
+      setErrorMessage(response.error);
+    } else if (vuuUtils.hasAction(response)) {
+      applyAction(response.action);
+    }
+  }, [applyAction, dataSource]);
+  const handleKeyDown = react.useCallback(
+    (evt) => {
+      if (evt.key === "Enter" && dataStatusRef.current === Status.changed) {
+        handleSubmit();
+      }
+    },
+    [handleSubmit]
+  );
+  const handleCancel = react.useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  const getFormControl = (field) => {
+    const value = String(values?.[field.name] ?? "");
+    if (field.readonly || field.name === keyField) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-fieldValue vuuReadOnly`, children: value });
+    } else {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        core.Input,
+        {
+          className: `${classBase}-fieldValue`,
+          onBlur: handleBlur,
+          onChange: handleChange,
+          value,
+          id: `${id}-input-${field.name}`
+        }
+      );
+    }
+  };
+  react.useEffect(() => {
+    if (formContentRef.current) {
+      const firstInput = formContentRef.current.querySelector(
+        "input"
+      );
+      if (firstInput) {
+        setTimeout(() => {
+          firstInput.focus();
+          firstInput.select();
+        }, 100);
+      }
+    }
+  }, []);
+  react.useEffect(() => {
+    return () => {
+      if (dataSource) {
+        dataSource.unsubscribe();
+      }
+    };
+  }, [dataSource]);
+  const isDirty = dataStatusRef.current === Status.changed;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
+    errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `${classBase}-errorBanner`,
+        "data-icon": "error",
+        title: errorMessage,
+        children: "Error, edit(s) not saved"
+      }
+    ) : void 0,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `${classBase}-content`,
+        ref: formContentRef,
+        onKeyDown: handleKeyDown,
+        children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
+          core.FormField,
+          {
+            className: `${classBase}-field`,
+            "data-field": field.name,
+            necessity: field.required ? "required" : "optional",
+            readOnly: field.readonly,
+            validationStatus: fieldStatusValues[field.name] ? "error" : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: field?.label ?? field.description }),
+              getFormControl(field),
+              /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldHelperText, { children: fieldStatusValues[field.name] ?? "" })
+            ]
+          },
+          field.name
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-buttonbar salt-theme salt-density-high`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.Button,
+        {
+          type: "submit",
+          variant: "cta",
+          disabled: !isDirty,
+          onClick: handleSubmit,
+          children: "Submit"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Button, { variant: "secondary", onClick: handleCancel, children: "Cancel" })
+    ] })
+  ] });
+};
+
+exports.SessionEditingForm = SessionEditingForm;
+//# sourceMappingURL=SessionEditingForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionEditingForm.js","sources":["../../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} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  buildColumnMap,\n  hasAction,\n  isErrorResponse,\n  isValidNumber,\n  queryClosest,\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  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\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined?: false\n): VuuRowDataItemType | undefined;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined: true\n): VuuRowDataItemType;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined = false\n): VuuRowDataItemType | undefined {\n  switch (type) {\n    case \"int\":\n    case \"long\": {\n      const typedValue = parseInt(value, 10);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      } else if (throwIfUndefined) {\n        throw Error(\"SessionEditingForm getTypedValue\");\n      } else {\n        return undefined;\n      }\n    }\n\n    case \"double\": {\n      const typedValue = parseFloat(value);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      }\n      return undefined;\n    }\n\n    case \"boolean\":\n      return value === \"true\" ? true : false;\n    default:\n      return value;\n  }\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>();\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: { from: 0, to: 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({\n            rowKey,\n            field: field,\n            value: typedValue,\n            type: \"VP_EDIT_CELL_RPC\",\n          })\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: unknown) => {\n      if (typeof action === \"object\" && action !== null) {\n        if (\"type\" in action && action.type === \"CLOSE_DIALOG_ACTION\") {\n          onClose?.();\n        }\n      }\n    },\n    [onClose]\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const response = await dataSource.menuRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(response)) {\n      setErrorMessage(response.error);\n    } else if (hasAction(response)) {\n      applyAction(response.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback(\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","isValidNumber","VuuDataSource","useWindow","useComponentCssInjection","sessionEditingFormCss","useState","useRef","useMemo","buildColumnMap","values","useIdMemo","useCallback","shallowEquals","isErrorResponse","hasAction","jsx","Input","useEffect","jsxs","FormField","FormFieldLabel","FormFieldHelperText","Button"],"mappings":"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"}

package/esm/hooks/useLookupValues.js

@@ -1,6 +1,5 @@
 import { VuuDataSource } from '@vuu-ui/vuu-data-remote';
-import { useShellContext } from '@vuu-ui/vuu-shell';
-import { isTypeDescriptor, isValueListRenderer, getSelectedOption, buildColumnMap, isLookupRenderer } from '@vuu-ui/vuu-utils';
+import { useShellContext, isTypeDescriptor, isValueListRenderer, getSelectedOption, buildColumnMap, isLookupRenderer } from '@vuu-ui/vuu-utils';
 import { useMemo, useState } from 'react';
 
 const NO_VALUES = [];

package/esm/hooks/useLookupValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLookupValues.js","sources":["../../src/hooks/useLookupValues.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { useShellContext } from \"@vuu-ui/vuu-shell\";\nimport {\n  buildColumnMap,\n  getSelectedOption,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp) ?? null,\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["values"],"mappings":"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"}
+{"version":3,"file":"useLookupValues.js","sources":["../../src/hooks/useLookupValues.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport {\n  buildColumnMap,\n  getSelectedOption,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n  useShellContext,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp) ?? null,\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp) ?? null,\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["values"],"mappings":";;;;AAgBA,MAAM,YAA0B,EAAC,CAAA;AAEjC,MAAM,YAAA,GAAe,CAAC,KAA+B,MAAA;AAAA,EACnD,KAAO,EAAA,KAAA;AAAA,EACP,KAAA;AACF,CAAA,CAAA,CAAA;AAEA,MAAM,cAAA,uBAAqB,GAAmC,EAAA,CAAA;AAE9D,MAAM,mBAAmB,CAAC;AAAA,EACxB,WAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AACF,CAAiD,KAAA;AAC/C,EAAA,MAAM,WAAW,CAAG,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA,EAAI,MAAM,KAAK,CAAA,CAAA,CAAA;AAC/C,EAAM,MAAA,YAAA,GAAe,cAAe,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AAChD,EAAA,IAAI,YAAc,EAAA;AAChB,IAAO,OAAA,YAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAA,MAAM,OAAiC,GAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;AAC9D,MAAM,MAAA,OAAA,GAAU,CAAC,WAAA,EAAa,WAAW,CAAA,CAAA;AACzC,MAAM,MAAA,SAAA,GAAY,eAAe,OAAO,CAAA,CAAA;AACxC,MAAM,MAAA,UAAA,GAAa,IAAI,aAAc,CAAA;AAAA,QACnC,UAAY,EAAA,CAAA;AAAA,QACZ,KAAA;AAAA,OACD,CAAA,CAAA;AACD,MAAW,UAAA,CAAA,SAAA;AAAA,QACT;AAAA,UACE,OAAA;AAAA,UACA,KAAO,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,IAAI,GAAI,EAAA;AAAA,SAC5B;AAAA,QACA,CAAC,OAAY,KAAA;AACX,UAAI,IAAA,OAAA,CAAQ,SAAS,iBAAmB,EAAA;AAEtC,YAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,cAAA,MAAM,WAAc,GAAA,OAAA,CAAQ,IAAK,CAAA,GAAA,CAAgB,CAAC,GAAS,MAAA;AAAA,gBACzD,KAAO,EAAA,GAAA,CAAI,SAAU,CAAA,WAAW,CAAC,CAAA;AAAA,gBACjC,KAAO,EAAA,GAAA,CAAI,SAAU,CAAA,WAAW,CAAC,CAAA;AAAA,eACjC,CAAA,CAAA,CAAA;AACF,cAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AACnB,cAAA,UAAA,CAAW,WAAY,EAAA,CAAA;AAAA,aACzB;AAAA,WACF;AAAA,SACF;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAe,cAAA,CAAA,GAAA,CAAI,UAAU,OAAO,CAAA,CAAA;AACpC,IAAO,OAAA,OAAA,CAAA;AAAA,GACT;AACF,CAAA,CAAA;AAOA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAM,MAA6B,KAAA;AAC7D,EAAA,IAAI,iBAAiB,IAAI,CAAA,IAAK,gBAAiB,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAC7D,IAAA,OAAO,KAAK,QAAS,CAAA,MAAA,CAAA;AAAA,GAChB,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,0BAA0B,IAAI,CAAA,uCAAA,CAAA;AAAA,KAChC,CAAA;AAAA,GACF;AACF,CAAA,CAAA;AAEa,MAAA,eAAA,GAAkB,CAC7B,MAAA,EACA,gBACG,KAAA;AACH,EAAM,MAAA,EAAE,IAAM,EAAA,UAAA,EAAe,GAAA,MAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,eAAgB,EAAA,GAAI,eAAgB,EAAA,CAAA;AAE5C,EAAM,MAAA,YAAA,GAAe,QAAqB,MAAM;AAC9C,IAAA,IACE,iBAAiB,UAAU,CAAA,IAC3B,mBAAoB,CAAA,UAAA,EAAY,QAAQ,CACxC,EAAA;AACA,MAAA,MAAMA,OAAS,GAAA,UAAA,CAAW,QAAS,CAAA,MAAA,CAAO,IAAI,YAAY,CAAA,CAAA;AAC1D,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,iBAAA,CAAkBA,OAAQ,EAAA,gBAAgB,CAAK,IAAA,IAAA;AAAA,QAC7D,MAAAA,EAAAA,OAAAA;AAAA,OACF,CAAA;AAAA,KACK,MAAA;AACL,MAAM,MAAA,aAAA,GAAgB,iBAAiB,MAAM,CAAA,CAAA;AAC7C,MAAA,MAAMA,OAAS,GAAA,eAAA,GAAkB,aAAc,CAAA,KAAK,CAAK,IAAA,SAAA,CAAA;AAEzD,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,iBAAA,CAAkBA,OAAQ,EAAA,gBAAgB,CAAK,IAAA,IAAA;AAAA,QAC7D,MAAAA,EAAAA,OAAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,KACC,CAAC,MAAA,EAAQ,UAAY,EAAA,eAAA,EAAiB,gBAAgB,CAAC,CAAA,CAAA;AAE1D,EAAM,MAAA,CAAC,EAAE,YAAc,EAAA,MAAA,IAAU,cAAc,CAAA,GAC7C,SAAsB,YAAY,CAAA,CAAA;AAEpC,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,WAAW,SAAW,EAAA;AACxB,MAAM,MAAA,aAAA,GAAgB,iBAAiB,MAAM,CAAA,CAAA;AAC7C,MAAA,gBAAA,CAAiB,aAAa,CAAE,CAAA,IAAA;AAAA,QAAK,CAACA,YACpC,cAAe,CAAA;AAAA,UACb,YAAc,EAAA,iBAAA,CAAkBA,OAAQ,EAAA,gBAAgB,CAAK,IAAA,IAAA;AAAA,UAC7D,MAAAA,EAAAA,OAAAA;AAAA,SACD,CAAA;AAAA,OACH,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,gBAAgB,CAAC,CAAA,CAAA;AAErC,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/esm/hooks/useVuuMenuActions.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { isSessionTableActionMessage } from '@vuu-ui/vuu-data-remote';
 import { useDialogContext, useNotifications } from '@vuu-ui/vuu-popups';
-import { SessionEditingForm } from '@vuu-ui/vuu-shell';
 import { BulkEditPanel } from '@vuu-ui/vuu-table';
 import { isTableLocation, buildMenuDescriptorFromVuuMenu, isRoot, isGroupMenuItemDescriptor, getMenuRpcRequest, hasAction, hasShowNotificationAction, isOpenBulkEditResponse } from '@vuu-ui/vuu-utils';
 import { Button } from '@salt-ds/core';
 import { useCallback } from 'react';
+import { SessionEditingForm } from '../session-editing-form/SessionEditingForm.js';
 
 const NO_CONFIG = {};
 const keyFirst = (c1, c2) => c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;

package/esm/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { isSessionTableActionMessage } from \"@vuu-ui/vuu-data-remote\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  useNotifications,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuMenu,\n  VuuMenuItem,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"@vuu-ui/vuu-shell\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  hasAction,\n  hasShowNotificationAction,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isTableLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { useCallback } from \"react\";\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nconst keyFirst = (c1: FormFieldDescriptor, c2: FormFieldDescriptor) =>\n  c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;\n\nconst defaultFormConfig = {\n  fields: [],\n  key: \"\",\n  title: \"\",\n};\n\nconst configFromSchema = (schema?: TableSchema): FormConfig | undefined => {\n  if (schema) {\n    const { columns, key } = schema;\n    return {\n      key,\n      title: `Parameters for command`,\n      fields: columns\n        .map((col) => ({\n          description: col.name,\n          label: col.name,\n          name: col.name,\n          type: col.serverDataType,\n          isKeyField: col.name === key,\n        }))\n        .sort(keyFirst),\n    };\n  }\n};\n\nconst getFormConfig = (\n  action: OpenDialogAction & { tableSchema: TableSchema }\n) => {\n  const { tableSchema: schema } = action;\n  const config = configFromSchema(schema) ?? defaultFormConfig;\n\n  // if (rpcName !== undefined && rpcName in static_config) {\n  //   return {\n  //     config: getStaticConfig(rpcName, config),\n  //     schema,\n  //   };\n  // }\n\n  return {\n    config,\n    schema,\n  };\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n          menu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig]\n  );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (table: VuuTable) => {\n      const sessionDs = dataSource.createSessionDataSource?.(table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const showSessionEditingForm = useCallback(\n    (action: OpenDialogAction & { tableSchema: TableSchema }) => {\n      const { tableSchema } = action;\n      if (tableSchema) {\n        const formConfig = getFormConfig(action);\n        showDialog(\n          <SessionEditingForm {...formConfig} onClose={closeDialog} />,\n          \"Set Parameters\"\n        );\n      }\n\n      const sessionDs = dataSource.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (rpcResponse) {\n            if (onRpcResponse?.(rpcResponse) === true) {\n              return true;\n            }\n            if (hasAction(rpcResponse)) {\n              if (hasShowNotificationAction(rpcResponse)) {\n                const {\n                  action: { message, title = \"Success\" },\n                } = rpcResponse;\n                showNotification({\n                  type: \"success\",\n                  body: message,\n                  header: title,\n                });\n              } else if (isOpenBulkEditResponse(rpcResponse)) {\n                showBulkEditDialog(rpcResponse.action.table);\n              } else if (isSessionTableActionMessage(rpcResponse)) {\n                showSessionEditingForm(rpcResponse.action);\n              }\n            }\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        return (\n          (dataSource.visualLink = options as LinkDescriptorWithLabel), true\n        );\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`\n        );\n      }\n\n      return false;\n    },\n    [\n      clientSideMenuActionHandler,\n      dataSource,\n      onRpcResponse,\n      showBulkEditDialog,\n      showNotification,\n      showSessionEditingForm,\n    ]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import { isSessionTableActionMessage } from \"@vuu-ui/vuu-data-remote\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  useNotifications,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  OpenDialogAction,\n  VuuMenu,\n  VuuMenuItem,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  hasAction,\n  hasShowNotificationAction,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isTableLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { useCallback } from \"react\";\nimport {\n  FormConfig,\n  FormFieldDescriptor,\n  SessionEditingForm,\n} from \"../session-editing-form\";\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\nconst keyFirst = (c1: FormFieldDescriptor, c2: FormFieldDescriptor) =>\n  c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;\n\nconst defaultFormConfig = {\n  fields: [],\n  key: \"\",\n  title: \"\",\n};\n\nconst configFromSchema = (schema?: TableSchema): FormConfig | undefined => {\n  if (schema) {\n    const { columns, key } = schema;\n    return {\n      key,\n      title: `Parameters for command`,\n      fields: columns\n        .map((col) => ({\n          description: col.name,\n          label: col.name,\n          name: col.name,\n          type: col.serverDataType,\n          isKeyField: col.name === key,\n        }))\n        .sort(keyFirst),\n    };\n  }\n};\n\nconst getFormConfig = (\n  action: OpenDialogAction & { tableSchema: TableSchema }\n) => {\n  const { tableSchema: schema } = action;\n  const config = configFromSchema(schema) ?? defaultFormConfig;\n\n  // if (rpcName !== undefined && rpcName in static_config) {\n  //   return {\n  //     config: getStaticConfig(rpcName, config),\n  //     schema,\n  //   };\n  // }\n\n  return {\n    config,\n    schema,\n  };\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptorFromVuuMenu(\n          menu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig]\n  );\n\n  const { showDialog, closeDialog } = useDialogContext();\n  const showNotification = useNotifications();\n\n  const showBulkEditDialog = useCallback(\n    (table: VuuTable) => {\n      const sessionDs = dataSource.createSessionDataSource?.(table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const showSessionEditingForm = useCallback(\n    (action: OpenDialogAction & { tableSchema: TableSchema }) => {\n      const { tableSchema } = action;\n      if (tableSchema) {\n        const formConfig = getFormConfig(action);\n        showDialog(\n          <SessionEditingForm {...formConfig} onClose={closeDialog} />,\n          \"Set Parameters\"\n        );\n      }\n\n      const sessionDs = dataSource.createSessionDataSource?.(action.table);\n      const handleSubmit = () => {\n        sessionDs?.rpcCall?.({\n          namedParams: {},\n          params: [],\n          rpcName: \"VP_BULK_EDIT_SUBMIT_RPC\",\n          type: \"VIEW_PORT_RPC_CALL\",\n        });\n        closeDialog();\n      };\n\n      if (sessionDs) {\n        showDialog(\n          <BulkEditPanel dataSource={sessionDs} onSubmit={handleSubmit} />,\n          \"Multi Row Edit\",\n          [\n            <Button key=\"cancel\" onClick={closeDialog}>\n              Cancel\n            </Button>,\n            <Button key=\"submit\" onClick={handleSubmit}>\n              Save\n            </Button>,\n          ]\n        );\n\n        return true;\n      }\n    },\n    [closeDialog, dataSource, showDialog]\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (rpcResponse) {\n            if (onRpcResponse?.(rpcResponse) === true) {\n              return true;\n            }\n            if (hasAction(rpcResponse)) {\n              if (hasShowNotificationAction(rpcResponse)) {\n                const {\n                  action: { message, title = \"Success\" },\n                } = rpcResponse;\n                showNotification({\n                  type: \"success\",\n                  body: message,\n                  header: title,\n                });\n              } else if (isOpenBulkEditResponse(rpcResponse)) {\n                showBulkEditDialog(rpcResponse.action.table);\n              } else if (isSessionTableActionMessage(rpcResponse)) {\n                showSessionEditingForm(rpcResponse.action);\n              }\n            }\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        return (\n          (dataSource.visualLink = options as LinkDescriptorWithLabel), true\n        );\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`\n        );\n      }\n\n      return false;\n    },\n    [\n      clientSideMenuActionHandler,\n      dataSource,\n      onRpcResponse,\n      showBulkEditDialog,\n      showNotification,\n      showSessionEditingForm,\n    ]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;AA0CA,MAAM,YAA8B,EAAC,CAAA;AA+BrC,MAAM,QAAA,GAAW,CAAC,EAAyB,EAAA,EAAA,KACzC,GAAG,UAAa,GAAA,CAAA,CAAA,GAAK,EAAG,CAAA,UAAA,GAAa,CAAI,GAAA,CAAA,CAAA;AAE3C,MAAM,iBAAoB,GAAA;AAAA,EACxB,QAAQ,EAAC;AAAA,EACT,GAAK,EAAA,EAAA;AAAA,EACL,KAAO,EAAA,EAAA;AACT,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,MAAiD,KAAA;AACzE,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,EAAE,OAAS,EAAA,GAAA,EAAQ,GAAA,MAAA,CAAA;AACzB,IAAO,OAAA;AAAA,MACL,GAAA;AAAA,MACA,KAAO,EAAA,CAAA,sBAAA,CAAA;AAAA,MACP,MAAQ,EAAA,OAAA,CACL,GAAI,CAAA,CAAC,GAAS,MAAA;AAAA,QACb,aAAa,GAAI,CAAA,IAAA;AAAA,QACjB,OAAO,GAAI,CAAA,IAAA;AAAA,QACX,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,MAAM,GAAI,CAAA,cAAA;AAAA,QACV,UAAA,EAAY,IAAI,IAAS,KAAA,GAAA;AAAA,OAC3B,CAAE,CACD,CAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,KAClB,CAAA;AAAA,GACF;AACF,CAAA,CAAA;AAEA,MAAM,aAAA,GAAgB,CACpB,MACG,KAAA;AACH,EAAM,MAAA,EAAE,WAAa,EAAA,MAAA,EAAW,GAAA,MAAA,CAAA;AAChC,EAAM,MAAA,MAAA,GAAS,gBAAiB,CAAA,MAAM,CAAK,IAAA,iBAAA,CAAA;AAS3C,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,2BAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAmB,GAAA,SAAA;AAAA,EACnB,aAAA;AACF,CAAoD,KAAA;AAClD,EAAA,MAAM,0BAA0C,GAAA,WAAA;AAAA,IAC9C,CAAC,UAAU,OAAY,KAAA;AACrB,MAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,UAAA,CAAA;AACxB,MAAM,MAAA,EAAE,YAAe,GAAA,gBAAA,CAAA;AACvB,MAAA,MAAM,cAA2C,EAAC,CAAA;AAElD,MAAA,IAAI,QAAa,KAAA,MAAA,IAAU,KAAS,IAAA,CAAC,UAAY,EAAA;AAC/C,QAAM,KAAA,CAAA,OAAA,CAAQ,CAAC,cAA4C,KAAA;AACzD,UAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,SAAA,EAAc,GAAA,cAAA,CAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,SAAY,GAAA,SAAA,GAAY,IAAK,CAAA,OAAA,CAAA;AAC3C,UAAA,WAAA,CAAY,IAAK,CAAA;AAAA,YACf,KAAA,EAAO,WAAW,KAAK,CAAA,CAAA;AAAA,YACvB,MAAQ,EAAA,YAAA;AAAA,YACR,OAAS,EAAA,cAAA;AAAA,WACV,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AAAA,OACH;AAEA,MAAI,IAAA,IAAA,IAAQ,eAAgB,CAAA,QAAQ,CAAG,EAAA;AACrC,QAAA,MAAM,cAAiB,GAAA,8BAAA;AAAA,UACrB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,MAAO,CAAA,IAAI,CAAK,IAAA,yBAAA,CAA0B,cAAc,CAAG,EAAA;AAC7D,UAAY,WAAA,CAAA,IAAA,CAAK,GAAG,cAAA,CAAe,QAAQ,CAAA,CAAA;AAAA,mBAClC,cAAgB,EAAA;AACzB,UAAA,WAAA,CAAY,KAAK,cAAc,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAEA,MAAO,OAAA,WAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,YAAY,gBAAgB,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,WAAY,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACrD,EAAA,MAAM,mBAAmB,gBAAiB,EAAA,CAAA;AAE1C,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,KAAoB,KAAA;AACnB,MAAM,MAAA,SAAA,GAAY,UAAW,CAAA,uBAAA,GAA0B,KAAK,CAAA,CAAA;AAC5D,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,SAAA,EAAW,OAAU,GAAA;AAAA,UACnB,aAAa,EAAC;AAAA,UACd,QAAQ,EAAC;AAAA,UACT,OAAS,EAAA,yBAAA;AAAA,UACT,IAAM,EAAA,oBAAA;AAAA,SACP,CAAA,CAAA;AACD,QAAY,WAAA,EAAA,CAAA;AAAA,OACd,CAAA;AAEA,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,UAAA;AAAA,0BACG,GAAA,CAAA,aAAA,EAAA,EAAc,UAAY,EAAA,SAAA,EAAW,UAAU,YAAc,EAAA,CAAA;AAAA,UAC9D,gBAAA;AAAA,UACA;AAAA,4BACG,GAAA,CAAA,MAAA,EAAA,EAAoB,OAAS,EAAA,WAAA,EAAa,sBAA/B,QAEZ,CAAA;AAAA,4BACC,GAAA,CAAA,MAAA,EAAA,EAAoB,OAAS,EAAA,YAAA,EAAc,oBAAhC,QAEZ,CAAA;AAAA,WACF;AAAA,SACF,CAAA;AAEA,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,CAAC,WAAa,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAA,WAAA;AAAA,IAC7B,CAAC,MAA4D,KAAA;AAC3D,MAAM,MAAA,EAAE,aAAgB,GAAA,MAAA,CAAA;AACxB,MAAA,IAAI,WAAa,EAAA;AACf,QAAM,MAAA,UAAA,GAAa,cAAc,MAAM,CAAA,CAAA;AACvC,QAAA,UAAA;AAAA,0BACG,GAAA,CAAA,kBAAA,EAAA,EAAoB,GAAG,UAAA,EAAY,SAAS,WAAa,EAAA,CAAA;AAAA,UAC1D,gBAAA;AAAA,SACF,CAAA;AAAA,OACF;AAEA,MAAA,MAAM,SAAY,GAAA,UAAA,CAAW,uBAA0B,GAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACnE,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,SAAA,EAAW,OAAU,GAAA;AAAA,UACnB,aAAa,EAAC;AAAA,UACd,QAAQ,EAAC;AAAA,UACT,OAAS,EAAA,yBAAA;AAAA,UACT,IAAM,EAAA,oBAAA;AAAA,SACP,CAAA,CAAA;AACD,QAAY,WAAA,EAAA,CAAA;AAAA,OACd,CAAA;AAEA,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,UAAA;AAAA,0BACG,GAAA,CAAA,aAAA,EAAA,EAAc,UAAY,EAAA,SAAA,EAAW,UAAU,YAAc,EAAA,CAAA;AAAA,UAC9D,gBAAA;AAAA,UACA;AAAA,4BACG,GAAA,CAAA,MAAA,EAAA,EAAoB,OAAS,EAAA,WAAA,EAAa,sBAA/B,QAEZ,CAAA;AAAA,4BACC,GAAA,CAAA,MAAA,EAAA,EAAoB,OAAS,EAAA,YAAA,EAAc,oBAAhC,QAEZ,CAAA;AAAA,WACF;AAAA,SACF,CAAA;AAEA,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,CAAC,WAAa,EAAA,UAAA,EAAY,UAAU,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,EAAE,MAAQ,EAAA,OAAA,EAAoC,KAAA;AAC7C,MAAI,IAAA,2BAAA,GAA8B,MAAQ,EAAA,OAAO,CAAG,EAAA;AAClD,QAAO,OAAA,IAAA,CAAA;AAAA,OACT,MAAA,IAAW,WAAW,eAAiB,EAAA;AACrC,QAAM,MAAA,UAAA,GAAa,kBAAkB,OAAiC,CAAA,CAAA;AAEtE,QAAA,UAAA,CAAW,WAAY,CAAA,UAAU,CAAE,CAAA,IAAA,CAAK,CAAC,WAAgB,KAAA;AACvD,UAAA,IAAI,WAAa,EAAA;AACf,YAAI,IAAA,aAAA,GAAgB,WAAW,CAAA,KAAM,IAAM,EAAA;AACzC,cAAO,OAAA,IAAA,CAAA;AAAA,aACT;AACA,YAAI,IAAA,SAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,cAAI,IAAA,yBAAA,CAA0B,WAAW,CAAG,EAAA;AAC1C,gBAAM,MAAA;AAAA,kBACJ,MAAQ,EAAA,EAAE,OAAS,EAAA,KAAA,GAAQ,SAAU,EAAA;AAAA,iBACnC,GAAA,WAAA,CAAA;AACJ,gBAAiB,gBAAA,CAAA;AAAA,kBACf,IAAM,EAAA,SAAA;AAAA,kBACN,IAAM,EAAA,OAAA;AAAA,kBACN,MAAQ,EAAA,KAAA;AAAA,iBACT,CAAA,CAAA;AAAA,eACH,MAAA,IAAW,sBAAuB,CAAA,WAAW,CAAG,EAAA;AAC9C,gBAAmB,kBAAA,CAAA,WAAA,CAAY,OAAO,KAAK,CAAA,CAAA;AAAA,eAC7C,MAAA,IAAW,2BAA4B,CAAA,WAAW,CAAG,EAAA;AACnD,gBAAA,sBAAA,CAAuB,YAAY,MAAM,CAAA,CAAA;AAAA,eAC3C;AAAA,aACF;AAAA,WACF;AAAA,SACD,CAAA,CAAA;AACD,QAAO,OAAA,IAAA,CAAA;AAAA,OACT,MAAA,IAAW,WAAW,YAAc,EAAA;AAClC,QACG,OAAA,UAAA,CAAW,aAAa,OAAqC,EAAA,IAAA,CAAA;AAAA,OAE3D,MAAA;AACL,QAAQ,OAAA,CAAA,GAAA;AAAA,UACN,6DAA6D,MAAM,CAAA,CAAA;AAAA,SACrE,CAAA;AAAA,OACF;AAEA,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,2BAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,gBAAA;AAAA,MACA,sBAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,0BAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/esm/hooks/useVuuTables.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import { getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable))\n          )\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: unable to connect to Vuu server ${String(err)}`\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n\nexport const getVuuTableSchema = (table: VuuTable) =>\n  getServerAPI().then((server) => server.getTableSchema(table));\n"],"names":["tables"],"mappings":";;;AAKO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,WAAA,GAAc,WAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAA,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,8CAAA,EAAiD,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GACrB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,KAChC,YAAa,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC;;;;"}
+{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import { getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable))\n          )\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: unable to connect to Vuu server ${String(err)}`\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n\nexport const getVuuTableSchema = (table: VuuTable) =>\n  getServerAPI().then((server) => server.getTableSchema(table));\n"],"names":["tables"],"mappings":";;;AAKO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,WAAA,GAAc,WAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAA,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,8CAAA,EAAiD,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GACrB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,KAChC,YAAa,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC;;;;"}

package/esm/index.js

@@ -1,8 +1,9 @@
 export { getDataItemEditControl } from './data-editing/date-editing-utils.js';
 export { useLookupValues } from './hooks/useLookupValues.js';
+export { useVuuMenuActions } from './hooks/useVuuMenuActions.js';
+export { getVuuTableSchema, useVuuTables } from './hooks/useVuuTables.js';
 export { useServerConnectionStatus } from './hooks/useServerConnectionStatus.js';
 export { useServerConnectionQuality } from './hooks/useServerConnectionQuality.js';
 export { getTypeaheadParams, useTypeaheadSuggestions } from './hooks/useTypeaheadSuggestions.js';
-export { useVuuMenuActions } from './hooks/useVuuMenuActions.js';
-export { getVuuTableSchema, useVuuTables } from './hooks/useVuuTables.js';
+export { SessionEditingForm } from './session-editing-form/SessionEditingForm.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

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

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

@@ -0,0 +1,4 @@
+var sessionEditingFormCss = ".vuuSessionEditingForm {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    min-width: 400px;\n}\n\n.vuuSessionEditingForm-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    gap: 3px;\n    overflow: auto;\n    padding: var(--salt-spacing-200);\n}\n\n\n.vuuSessionEditingForm-fieldValue.vuuReadOnly {\n    font-weight: var(--salt-text-label-fontWeight-strong);\n}\n\n.vuuSessionEditingForm-buttonbar {\n    align-items: center;\n    border-top: solid 1px var(--salt-container-primary-borderColor);\n    box-sizing: content-box;\n    display: flex;\n    justify-content: flex-end;\n    flex: 0 0 autox;\n    gap: 6px;\n    height: var(--salt-size-base);\n    margin: var(--salt-spacing-200);\n    padding-top: var(--salt-spacing-200);\n\n}\n\n.vuuSessionEditingForm-errorBanner {\n    --vuu-icon-left: 3px;\n    --vuu-icon-size: 18px;\n    --vuu-icon-top: 3px;\n    border: solid 1px var(--salt-status-error-borderColor);\n    line-height: 24px;\n    padding: 0 6px 0 26px;\n    position: relative;\n}";
+
+export { sessionEditingFormCss as default };
+//# sourceMappingURL=SessionEditingForm.css.js.map

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

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

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

@@ -0,0 +1,300 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { VuuDataSource } from '@vuu-ui/vuu-data-remote';
+import { buildColumnMap, shallowEquals, isErrorResponse, hasAction, queryClosest, isValidNumber } 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';
+import cx from 'clsx';
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import sessionEditingFormCss from './SessionEditingForm.css.js';
+
+const classBase = "vuuSessionEditingForm";
+const getField = (fields, name) => {
+  const field = fields.find((f) => f.name === name);
+  if (field) {
+    return field;
+  } else {
+    throw Error(`SessionEditingForm, no field '${name}' found`);
+  }
+};
+const getFieldNameAndValue = ({
+  target
+}) => {
+  const formField = queryClosest(target, ".saltFormField");
+  if (formField) {
+    const {
+      dataset: { field }
+    } = formField;
+    if (field === void 0) {
+      throw Error("SessionEditingForm, form field has no field data attribute");
+    }
+    return [field, target.value];
+  } else {
+    throw Error("Form control is not enclosed in FormField");
+  }
+};
+const Status = {
+  uninitialised: 0,
+  unchanged: 1,
+  changed: 2,
+  invalid: 3
+};
+function getTypedValue(value, type, throwIfUndefined = false) {
+  switch (type) {
+    case "int":
+    case "long": {
+      const typedValue = parseInt(value, 10);
+      if (isValidNumber(typedValue)) {
+        return typedValue;
+      } else if (throwIfUndefined) {
+        throw Error("SessionEditingForm getTypedValue");
+      } else {
+        return void 0;
+      }
+    }
+    case "double": {
+      const typedValue = parseFloat(value);
+      if (isValidNumber(typedValue)) {
+        return typedValue;
+      }
+      return void 0;
+    }
+    case "boolean":
+      return value === "true" ? true : false;
+    default:
+      return value;
+  }
+}
+const getDataSource = (dataSource, schema) => {
+  if (dataSource) {
+    return dataSource;
+  } else if (schema) {
+    return new VuuDataSource({
+      bufferSize: 0,
+      table: schema.table,
+      columns: schema.columns.map((col) => col.name)
+    });
+  } else {
+    throw Error(
+      "SessionEditingForm: either a DataSource or a TableSchema must be provided"
+    );
+  }
+};
+const SessionEditingForm = ({
+  className,
+  config: { fields, key: keyField },
+  dataSource: dataSourceProp,
+  id: idProp,
+  onClose,
+  schema,
+  ...htmlAttributes
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-session-editing-form",
+    css: sessionEditingFormCss,
+    window: targetWindow
+  });
+  const [fieldStatusValues, setFieldStatusValues] = useState({});
+  const [values, setValues] = useState();
+  const [errorMessage, setErrorMessage] = useState("");
+  const formContentRef = useRef(null);
+  const initialDataRef = useRef();
+  const dataStatusRef = useRef(Status.uninitialised);
+  const dataSource = useMemo(() => {
+    const ds = getDataSource(dataSourceProp, schema);
+    const { columns } = ds;
+    const columnMap = buildColumnMap(ds.columns);
+    const applyServerData = (data) => {
+      if (columnMap) {
+        const values2 = {};
+        for (const column of columns) {
+          values2[column] = data[columnMap[column]];
+        }
+        if (dataStatusRef.current === Status.uninitialised) {
+          dataStatusRef.current = Status.unchanged;
+          initialDataRef.current = values2;
+        }
+        setValues(values2);
+      }
+    };
+    ds.subscribe({ range: { from: 0, to: 5 } }, (message) => {
+      if (message.type === "viewport-update" && message.rows) {
+        if (dataStatusRef.current === Status.uninitialised) {
+          applyServerData(message.rows[0]);
+        } else {
+          console.log("what do we do with server updates");
+        }
+      }
+    });
+    return ds;
+  }, [dataSourceProp, schema]);
+  const id = useIdMemo(idProp);
+  const handleChange = useCallback(
+    (evt) => {
+      const [field, value] = getFieldNameAndValue(evt);
+      const { type } = getField(fields, field);
+      const typedValue = getTypedValue(value, type);
+      setValues((values2 = {}) => {
+        const newValues = {
+          ...values2,
+          [field]: typedValue
+        };
+        const notUpdated = shallowEquals(newValues, initialDataRef.current);
+        dataStatusRef.current = notUpdated ? Status.unchanged : typedValue !== void 0 ? Status.changed : Status.invalid;
+        return newValues;
+      });
+    },
+    [fields]
+  );
+  const handleBlur = useCallback(
+    (evt) => {
+      const [field, value] = getFieldNameAndValue(evt);
+      const rowKey = values?.[keyField];
+      const { type } = getField(fields, field);
+      const typedValue = getTypedValue(value, type, true);
+      if (typeof rowKey === "string") {
+        dataSource.menuRpcCall({
+          rowKey,
+          field,
+          value: typedValue,
+          type: "VP_EDIT_CELL_RPC"
+        }).then((response) => {
+          if (isErrorResponse(response)) {
+            console.log(`edit rejected ${response.error}`);
+            setFieldStatusValues((map) => ({
+              ...map,
+              [field]: response.error
+            }));
+          } else {
+            setFieldStatusValues((map) => ({
+              ...map,
+              [field]: void 0
+            }));
+          }
+        });
+      }
+    },
+    [dataSource, fields, keyField, values]
+  );
+  const applyAction = useCallback(
+    (action) => {
+      if (typeof action === "object" && action !== null) {
+        if ("type" in action && action.type === "CLOSE_DIALOG_ACTION") {
+          onClose?.();
+        }
+      }
+    },
+    [onClose]
+  );
+  const handleSubmit = useCallback(async () => {
+    const response = await dataSource.menuRpcCall({
+      type: "VP_EDIT_SUBMIT_FORM_RPC"
+    });
+    if (isErrorResponse(response)) {
+      setErrorMessage(response.error);
+    } else if (hasAction(response)) {
+      applyAction(response.action);
+    }
+  }, [applyAction, dataSource]);
+  const handleKeyDown = useCallback(
+    (evt) => {
+      if (evt.key === "Enter" && dataStatusRef.current === Status.changed) {
+        handleSubmit();
+      }
+    },
+    [handleSubmit]
+  );
+  const handleCancel = useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  const getFormControl = (field) => {
+    const value = String(values?.[field.name] ?? "");
+    if (field.readonly || field.name === keyField) {
+      return /* @__PURE__ */ jsx("div", { className: `${classBase}-fieldValue vuuReadOnly`, children: value });
+    } else {
+      return /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: `${classBase}-fieldValue`,
+          onBlur: handleBlur,
+          onChange: handleChange,
+          value,
+          id: `${id}-input-${field.name}`
+        }
+      );
+    }
+  };
+  useEffect(() => {
+    if (formContentRef.current) {
+      const firstInput = formContentRef.current.querySelector(
+        "input"
+      );
+      if (firstInput) {
+        setTimeout(() => {
+          firstInput.focus();
+          firstInput.select();
+        }, 100);
+      }
+    }
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (dataSource) {
+        dataSource.unsubscribe();
+      }
+    };
+  }, [dataSource]);
+  const isDirty = dataStatusRef.current === Status.changed;
+  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
+    errorMessage ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${classBase}-errorBanner`,
+        "data-icon": "error",
+        title: errorMessage,
+        children: "Error, edit(s) not saved"
+      }
+    ) : void 0,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${classBase}-content`,
+        ref: formContentRef,
+        onKeyDown: handleKeyDown,
+        children: fields.map((field) => /* @__PURE__ */ jsxs(
+          FormField,
+          {
+            className: `${classBase}-field`,
+            "data-field": field.name,
+            necessity: field.required ? "required" : "optional",
+            readOnly: field.readonly,
+            validationStatus: fieldStatusValues[field.name] ? "error" : void 0,
+            children: [
+              /* @__PURE__ */ jsx(FormFieldLabel, { children: field?.label ?? field.description }),
+              getFormControl(field),
+              /* @__PURE__ */ jsx(FormFieldHelperText, { children: fieldStatusValues[field.name] ?? "" })
+            ]
+          },
+          field.name
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: `${classBase}-buttonbar salt-theme salt-density-high`, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          variant: "cta",
+          disabled: !isDirty,
+          onClick: handleSubmit,
+          children: "Submit"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancel, children: "Cancel" })
+    ] })
+  ] });
+};
+
+export { SessionEditingForm };
+//# sourceMappingURL=SessionEditingForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionEditingForm.js","sources":["../../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} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  buildColumnMap,\n  hasAction,\n  isErrorResponse,\n  isValidNumber,\n  queryClosest,\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  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\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined?: false\n): VuuRowDataItemType | undefined;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined: true\n): VuuRowDataItemType;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined = false\n): VuuRowDataItemType | undefined {\n  switch (type) {\n    case \"int\":\n    case \"long\": {\n      const typedValue = parseInt(value, 10);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      } else if (throwIfUndefined) {\n        throw Error(\"SessionEditingForm getTypedValue\");\n      } else {\n        return undefined;\n      }\n    }\n\n    case \"double\": {\n      const typedValue = parseFloat(value);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      }\n      return undefined;\n    }\n\n    case \"boolean\":\n      return value === \"true\" ? true : false;\n    default:\n      return value;\n  }\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>();\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: { from: 0, to: 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({\n            rowKey,\n            field: field,\n            value: typedValue,\n            type: \"VP_EDIT_CELL_RPC\",\n          })\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: unknown) => {\n      if (typeof action === \"object\" && action !== null) {\n        if (\"type\" in action && action.type === \"CLOSE_DIALOG_ACTION\") {\n          onClose?.();\n        }\n      }\n    },\n    [onClose]\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const response = await dataSource.menuRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(response)) {\n      setErrorMessage(response.error);\n    } else if (hasAction(response)) {\n      applyAction(response.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback(\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,25 +1,27 @@
 {
-  "version": "0.8.75",
+  "version": "0.8.77",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.75",
-    "@vuu-ui/vuu-filter-types": "0.8.75",
-    "@vuu-ui/vuu-popups": "0.8.75",
-    "@vuu-ui/vuu-protocol-types": "0.8.75",
-    "@vuu-ui/vuu-table-types": "0.8.75"
+    "@vuu-ui/vuu-data-types": "0.8.77",
+    "@vuu-ui/vuu-filter-types": "0.8.77",
+    "@vuu-ui/vuu-popups": "0.8.77",
+    "@vuu-ui/vuu-protocol-types": "0.8.77",
+    "@vuu-ui/vuu-table-types": "0.8.77"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-remote": "0.8.75",
-    "@vuu-ui/vuu-filter-parser": "0.8.75",
-    "@vuu-ui/vuu-popups": "0.8.75",
-    "@vuu-ui/vuu-shell": "0.8.75",
-    "@vuu-ui/vuu-ui-controls": "0.8.75",
-    "@vuu-ui/vuu-utils": "0.8.75",
-    "@vuu-ui/vuu-table": "0.8.75",
-    "@salt-ds/core": "1.27.1"
+    "@vuu-ui/vuu-data-remote": "0.8.77",
+    "@vuu-ui/vuu-filter-parser": "0.8.77",
+    "@vuu-ui/vuu-popups": "0.8.77",
+    "@vuu-ui/vuu-ui-controls": "0.8.77",
+    "@vuu-ui/vuu-utils": "0.8.77",
+    "@vuu-ui/vuu-table": "0.8.77",
+    "@salt-ds/core": "1.27.1",
+    "@salt-ds/styles": "0.2.1",
+    "@salt-ds/window": "0.1.1"
   },
   "peerDependencies": {
+    "clsx": "^2.0.0",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   },

package/types/hooks/useVuuTables.d.ts

@@ -1,4 +1,4 @@
-import { TableSchema } from "@vuu-ui/vuu-data-types";
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
+import type { TableSchema } from "@vuu-ui/vuu-data-types";
+import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
 export declare const useVuuTables: () => Map<string, TableSchema> | undefined;
 export declare const getVuuTableSchema: (table: VuuTable) => Promise<TableSchema>;

package/types/index.d.ts

@@ -1,2 +1,8 @@
 export * from "./data-editing";
-export * from "./hooks";
+export * from "./hooks/useLookupValues";
+export * from "./hooks/useVuuMenuActions";
+export * from "./hooks/useVuuTables";
+export * from "./hooks/useServerConnectionStatus";
+export * from "./hooks/useServerConnectionQuality";
+export * from "./hooks/useTypeaheadSuggestions";
+export * from "./session-editing-form";

package/types/session-editing-form/SessionEditingForm.d.ts

@@ -0,0 +1,24 @@
+import { DataSource, TableSchema } from "@vuu-ui/vuu-data-types";
+import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
+import { HTMLAttributes } from "react";
+export type FormFieldDescriptor = {
+    isKeyField?: boolean;
+    label?: string;
+    name: string;
+    type: VuuColumnDataType;
+    description: string;
+    readonly?: boolean;
+    required?: boolean;
+};
+export type FormConfig = {
+    title: string;
+    key: string;
+    fields: FormFieldDescriptor[];
+};
+export interface SessionEditingFormProps extends HTMLAttributes<HTMLDivElement> {
+    config: FormConfig;
+    onClose?: () => void;
+    dataSource?: DataSource;
+    schema?: TableSchema;
+}
+export declare const SessionEditingForm: ({ className, config: { fields, key: keyField }, dataSource: dataSourceProp, id: idProp, onClose, schema, ...htmlAttributes }: SessionEditingFormProps) => JSX.Element;

package/types/session-editing-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./SessionEditingForm";

package/types/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./useLookupValues";
-export * from "./useServerConnectionStatus";
-export * from "./useServerConnectionQuality";
-export * from "./useTypeaheadSuggestions";
-export * from "./useVuuMenuActions";
-export * from "./useVuuTables";