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

package/cjs/hooks/useTypeaheadSuggestions.js

@@ -3,10 +3,6 @@
 var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
 var react = require('react');
 
-const TYPEAHEAD_MESSAGE_CONSTANTS = {
-  type: "RPC_CALL",
-  service: "TypeAheadRpcHandler"
-};
 const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
   if (text !== "" && !selectedValues.includes(text.toLowerCase())) {
     return [table, column, text];
@@ -15,13 +11,15 @@ const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
 };
 const useTypeaheadSuggestions = () => react.useCallback(async (params) => {
   const rpcMessage = params.length === 2 ? {
+    type: "RPC_CALL",
+    service: "TypeAheadRpcHandler",
     method: "getUniqueFieldValues",
-    params,
-    ...TYPEAHEAD_MESSAGE_CONSTANTS
+    params
   } : {
+    type: "RPC_CALL",
+    service: "TypeAheadRpcHandler",
     method: "getUniqueFieldValuesStartingWith",
-    params,
-    ...TYPEAHEAD_MESSAGE_CONSTANTS
+    params
   };
   return vuuDataRemote.makeRpcCall(rpcMessage);
 }, []);

package/cjs/hooks/useTypeaheadSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = []\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage =\n      params.length === 2\n        ? ({\n            method: \"getUniqueFieldValues\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValues)\n        : ({\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValuesStartingWith);\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":["useCallback","makeRpcCall"],"mappings":";;;;;AAUA,MAAM,2BAA8B,GAAA;AAAA,EAClC,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,qBAAA;AACX,CAAA,CAAA;AAEa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrCA,iBAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACb,GAAA;AAAA,IACC,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GAEJ,GAAA;AAAA,IACC,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GACL,CAAA;AACN,EAAA,OAAOC,0BAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;;"}
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ClientToServerRpcRequest,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = []\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage: ClientToServerRpcRequest =\n      params.length === 2\n        ? {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValues\",\n            params,\n          }\n        : {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n          };\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":["useCallback","makeRpcCall"],"mappings":";;;;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrCA,iBAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACd,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,GAEF,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,GACF,CAAA;AACN,EAAA,OAAOC,0BAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;;"}

package/cjs/hooks/useVuuMenuActions.js

@@ -1,13 +1,45 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
 var vuuPopups = require('@vuu-ui/vuu-popups');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
+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');
 
 const NO_CONFIG = {};
+const keyFirst = (c1, c2) => c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;
+const defaultFormConfig = {
+  fields: [],
+  key: "",
+  title: ""
+};
+const configFromSchema = (schema) => {
+  if (schema) {
+    const { columns, key } = schema;
+    return {
+      key,
+      title: `Parameters for command`,
+      fields: columns.map((col) => ({
+        description: col.name,
+        label: col.name,
+        name: col.name,
+        type: col.serverDataType,
+        isKeyField: col.name === key
+      })).sort(keyFirst)
+    };
+  }
+};
+const getFormConfig = (action) => {
+  const { tableSchema: schema } = action;
+  const config = configFromSchema(schema) ?? defaultFormConfig;
+  return {
+    config,
+    schema
+  };
+};
 const useVuuMenuActions = ({
   clientSideMenuActionHandler,
   dataSource,
@@ -47,6 +79,7 @@ const useVuuMenuActions = ({
     [dataSource, menuActionConfig]
   );
   const { showDialog, closeDialog } = vuuPopups.useDialogContext();
+  const showNotification = vuuPopups.useNotifications();
   const showBulkEditDialog = react.useCallback(
     (table) => {
       const sessionDs = dataSource.createSessionDataSource?.(table);
@@ -73,6 +106,40 @@ const useVuuMenuActions = ({
     },
     [closeDialog, dataSource, showDialog]
   );
+  const showSessionEditingForm = react.useCallback(
+    (action) => {
+      const { tableSchema } = action;
+      if (tableSchema) {
+        const formConfig = getFormConfig(action);
+        showDialog(
+          /* @__PURE__ */ jsxRuntime.jsx(vuuShell.SessionEditingForm, { ...formConfig, onClose: closeDialog }),
+          "Set Parameters"
+        );
+      }
+      const sessionDs = dataSource.createSessionDataSource?.(action.table);
+      const handleSubmit = () => {
+        sessionDs?.rpcCall?.({
+          namedParams: {},
+          params: [],
+          rpcName: "VP_BULK_EDIT_SUBMIT_RPC",
+          type: "VIEW_PORT_RPC_CALL"
+        });
+        closeDialog();
+      };
+      if (sessionDs) {
+        showDialog(
+          /* @__PURE__ */ jsxRuntime.jsx(vuuTable.BulkEditPanel, { dataSource: sessionDs, onSubmit: handleSubmit }),
+          "Multi Row Edit",
+          [
+            /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: closeDialog, children: "Cancel" }, "cancel"),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: handleSubmit, children: "Save" }, "submit")
+          ]
+        );
+        return true;
+      }
+    },
+    [closeDialog, dataSource, showDialog]
+  );
   const handleMenuAction = react.useCallback(
     ({ menuId, options }) => {
       if (clientSideMenuActionHandler?.(menuId, options)) {
@@ -84,8 +151,21 @@ const useVuuMenuActions = ({
             if (onRpcResponse?.(rpcResponse) === true) {
               return true;
             }
-            if (vuuUtils.isOpenBulkEditResponse(rpcResponse) && rpcResponse.action.table) {
-              showBulkEditDialog(rpcResponse.action.table);
+            if (vuuUtils.hasAction(rpcResponse)) {
+              if (vuuUtils.hasShowNotificationAction(rpcResponse)) {
+                const {
+                  action: { message, title = "Success" }
+                } = rpcResponse;
+                showNotification({
+                  type: "success",
+                  body: message,
+                  header: title
+                });
+              } else if (vuuUtils.isOpenBulkEditResponse(rpcResponse)) {
+                showBulkEditDialog(rpcResponse.action.table);
+              } else if (vuuDataRemote.isSessionTableActionMessage(rpcResponse)) {
+                showSessionEditingForm(rpcResponse.action);
+              }
             }
           }
         });
@@ -99,7 +179,14 @@ const useVuuMenuActions = ({
       }
       return false;
     },
-    [clientSideMenuActionHandler, dataSource, onRpcResponse, showBulkEditDialog]
+    [
+      clientSideMenuActionHandler,
+      dataSource,
+      onRpcResponse,
+      showBulkEditDialog,
+      showNotification,
+      showSessionEditingForm
+    ]
   );
   return {
     buildViewserverMenuOptions,

package/cjs/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  VuuMenu,\n  VuuMenuItem,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isTableLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport { Button } from \"@salt-ds/core\";\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\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\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 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\n            if (\n              isOpenBulkEditResponse(rpcResponse) &&\n              rpcResponse.action.table\n            ) {\n              showBulkEditDialog(rpcResponse.action.table);\n            }\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        // return dataSource.createLink(options as LinkDescriptorWithLabel), true;\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    [clientSideMenuActionHandler, dataSource, onRpcResponse, showBulkEditDialog]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":["useCallback","isTableLocation","buildMenuDescriptorFromVuuMenu","isRoot","isGroupMenuItemDescriptor","useDialogContext","jsx","BulkEditPanel","Button","getMenuRpcRequest","isOpenBulkEditResponse"],"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 {\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":"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"}

package/cjs/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var dateEditingUtils = require('./data-editing/date-editing-utils.js');
-var useDataSource = require('./hooks/useDataSource.js');
 var useLookupValues = require('./hooks/useLookupValues.js');
 var useServerConnectionStatus = require('./hooks/useServerConnectionStatus.js');
 var useServerConnectionQuality = require('./hooks/useServerConnectionQuality.js');
@@ -12,8 +11,6 @@ var useVuuTables = require('./hooks/useVuuTables.js');
 
 
 exports.getDataItemEditControl = dateEditingUtils.getDataItemEditControl;
-exports.MovingWindow = useDataSource.MovingWindow;
-exports.useDataSource = useDataSource.useDataSource;
 exports.useLookupValues = useLookupValues.useLookupValues;
 exports.useServerConnectionStatus = useServerConnectionStatus.useServerConnectionStatus;
 exports.useServerConnectionQuality = useServerConnectionQuality.useServerConnectionQuality;

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/esm/hooks/useTypeaheadSuggestions.js

@@ -1,10 +1,6 @@
 import { makeRpcCall } from '@vuu-ui/vuu-data-remote';
 import { useCallback } from 'react';
 
-const TYPEAHEAD_MESSAGE_CONSTANTS = {
-  type: "RPC_CALL",
-  service: "TypeAheadRpcHandler"
-};
 const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
   if (text !== "" && !selectedValues.includes(text.toLowerCase())) {
     return [table, column, text];
@@ -13,13 +9,15 @@ const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
 };
 const useTypeaheadSuggestions = () => useCallback(async (params) => {
   const rpcMessage = params.length === 2 ? {
+    type: "RPC_CALL",
+    service: "TypeAheadRpcHandler",
     method: "getUniqueFieldValues",
-    params,
-    ...TYPEAHEAD_MESSAGE_CONSTANTS
+    params
   } : {
+    type: "RPC_CALL",
+    service: "TypeAheadRpcHandler",
     method: "getUniqueFieldValuesStartingWith",
-    params,
-    ...TYPEAHEAD_MESSAGE_CONSTANTS
+    params
   };
   return makeRpcCall(rpcMessage);
 }, []);

package/esm/hooks/useTypeaheadSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = []\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage =\n      params.length === 2\n        ? ({\n            method: \"getUniqueFieldValues\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValues)\n        : ({\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValuesStartingWith);\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":[],"mappings":";;;AAUA,MAAM,2BAA8B,GAAA;AAAA,EAClC,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,qBAAA;AACX,CAAA,CAAA;AAEa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrC,WAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACb,GAAA;AAAA,IACC,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GAEJ,GAAA;AAAA,IACC,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GACL,CAAA;AACN,EAAA,OAAO,YAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;"}
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ClientToServerRpcRequest,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = []\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage: ClientToServerRpcRequest =\n      params.length === 2\n        ? {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValues\",\n            params,\n          }\n        : {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n          };\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":[],"mappings":";;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrC,WAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACd,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,GAEF,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,GACF,CAAA;AACN,EAAA,OAAO,YAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;"}

package/esm/hooks/useVuuMenuActions.js

@@ -1,11 +1,43 @@
 import { jsx } from 'react/jsx-runtime';
-import { useDialogContext } from '@vuu-ui/vuu-popups';
-import { isTableLocation, buildMenuDescriptorFromVuuMenu, isRoot, isGroupMenuItemDescriptor, getMenuRpcRequest, isOpenBulkEditResponse } from '@vuu-ui/vuu-utils';
-import { useCallback } from 'react';
+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';
 
 const NO_CONFIG = {};
+const keyFirst = (c1, c2) => c1.isKeyField ? -1 : c2.isKeyField ? 1 : 0;
+const defaultFormConfig = {
+  fields: [],
+  key: "",
+  title: ""
+};
+const configFromSchema = (schema) => {
+  if (schema) {
+    const { columns, key } = schema;
+    return {
+      key,
+      title: `Parameters for command`,
+      fields: columns.map((col) => ({
+        description: col.name,
+        label: col.name,
+        name: col.name,
+        type: col.serverDataType,
+        isKeyField: col.name === key
+      })).sort(keyFirst)
+    };
+  }
+};
+const getFormConfig = (action) => {
+  const { tableSchema: schema } = action;
+  const config = configFromSchema(schema) ?? defaultFormConfig;
+  return {
+    config,
+    schema
+  };
+};
 const useVuuMenuActions = ({
   clientSideMenuActionHandler,
   dataSource,
@@ -45,6 +77,7 @@ const useVuuMenuActions = ({
     [dataSource, menuActionConfig]
   );
   const { showDialog, closeDialog } = useDialogContext();
+  const showNotification = useNotifications();
   const showBulkEditDialog = useCallback(
     (table) => {
       const sessionDs = dataSource.createSessionDataSource?.(table);
@@ -71,6 +104,40 @@ const useVuuMenuActions = ({
     },
     [closeDialog, dataSource, showDialog]
   );
+  const showSessionEditingForm = useCallback(
+    (action) => {
+      const { tableSchema } = action;
+      if (tableSchema) {
+        const formConfig = getFormConfig(action);
+        showDialog(
+          /* @__PURE__ */ jsx(SessionEditingForm, { ...formConfig, onClose: closeDialog }),
+          "Set Parameters"
+        );
+      }
+      const sessionDs = dataSource.createSessionDataSource?.(action.table);
+      const handleSubmit = () => {
+        sessionDs?.rpcCall?.({
+          namedParams: {},
+          params: [],
+          rpcName: "VP_BULK_EDIT_SUBMIT_RPC",
+          type: "VIEW_PORT_RPC_CALL"
+        });
+        closeDialog();
+      };
+      if (sessionDs) {
+        showDialog(
+          /* @__PURE__ */ jsx(BulkEditPanel, { dataSource: sessionDs, onSubmit: handleSubmit }),
+          "Multi Row Edit",
+          [
+            /* @__PURE__ */ jsx(Button, { onClick: closeDialog, children: "Cancel" }, "cancel"),
+            /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, children: "Save" }, "submit")
+          ]
+        );
+        return true;
+      }
+    },
+    [closeDialog, dataSource, showDialog]
+  );
   const handleMenuAction = useCallback(
     ({ menuId, options }) => {
       if (clientSideMenuActionHandler?.(menuId, options)) {
@@ -82,8 +149,21 @@ const useVuuMenuActions = ({
             if (onRpcResponse?.(rpcResponse) === true) {
               return true;
             }
-            if (isOpenBulkEditResponse(rpcResponse) && rpcResponse.action.table) {
-              showBulkEditDialog(rpcResponse.action.table);
+            if (hasAction(rpcResponse)) {
+              if (hasShowNotificationAction(rpcResponse)) {
+                const {
+                  action: { message, title = "Success" }
+                } = rpcResponse;
+                showNotification({
+                  type: "success",
+                  body: message,
+                  header: title
+                });
+              } else if (isOpenBulkEditResponse(rpcResponse)) {
+                showBulkEditDialog(rpcResponse.action.table);
+              } else if (isSessionTableActionMessage(rpcResponse)) {
+                showSessionEditingForm(rpcResponse.action);
+              }
             }
           }
         });
@@ -97,7 +177,14 @@ const useVuuMenuActions = ({
       }
       return false;
     },
-    [clientSideMenuActionHandler, dataSource, onRpcResponse, showBulkEditDialog]
+    [
+      clientSideMenuActionHandler,
+      dataSource,
+      onRpcResponse,
+      showBulkEditDialog,
+      showNotification,
+      showSessionEditingForm
+    ]
   );
   return {
     buildViewserverMenuOptions,

package/esm/hooks/useVuuMenuActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuMenuActions.js","sources":["../../src/hooks/useVuuMenuActions.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  RpcResponseHandler,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  useDialogContext,\n  type MenuActionClosePopup,\n} from \"@vuu-ui/vuu-popups\";\nimport type {\n  LinkDescriptorWithLabel,\n  VuuMenu,\n  VuuMenuItem,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  VuuServerMenuOptions,\n  buildMenuDescriptorFromVuuMenu,\n  getMenuRpcRequest,\n  isGroupMenuItemDescriptor,\n  isOpenBulkEditResponse,\n  isRoot,\n  isTableLocation,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\nimport { BulkEditPanel } from \"@vuu-ui/vuu-table\";\nimport { Button } from \"@salt-ds/core\";\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\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\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 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\n            if (\n              isOpenBulkEditResponse(rpcResponse) &&\n              rpcResponse.action.table\n            ) {\n              showBulkEditDialog(rpcResponse.action.table);\n            }\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        // return dataSource.createLink(options as LinkDescriptorWithLabel), true;\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    [clientSideMenuActionHandler, dataSource, onRpcResponse, showBulkEditDialog]\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 {\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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"}

package/esm/index.js

@@ -1,5 +1,4 @@
 export { getDataItemEditControl } from './data-editing/date-editing-utils.js';
-export { MovingWindow, useDataSource } from './hooks/useDataSource.js';
 export { useLookupValues } from './hooks/useLookupValues.js';
 export { useServerConnectionStatus } from './hooks/useServerConnectionStatus.js';
 export { useServerConnectionQuality } from './hooks/useServerConnectionQuality.js';

package/esm/index.js.map

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

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.8.73",
+  "version": "0.8.75",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.73",
-    "@vuu-ui/vuu-filter-types": "0.8.73",
-    "@vuu-ui/vuu-popups": "0.8.73",
-    "@vuu-ui/vuu-protocol-types": "0.8.73",
-    "@vuu-ui/vuu-table-types": "0.8.73"
+    "@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"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-remote": "0.8.73",
-    "@vuu-ui/vuu-filter-parser": "0.8.73",
-    "@vuu-ui/vuu-popups": "0.8.73",
-    "@vuu-ui/vuu-shell": "0.8.73",
-    "@vuu-ui/vuu-ui-controls": "0.8.73",
-    "@vuu-ui/vuu-utils": "0.8.73",
-    "@vuu-ui/vuu-table": "0.8.73",
+    "@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"
   },
   "peerDependencies": {

package/types/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./useDataSource";
 export * from "./useLookupValues";
 export * from "./useServerConnectionStatus";
 export * from "./useServerConnectionQuality";

package/cjs/hooks/useDataSource.js

@@ -1,148 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const { SELECTED } = vuuUtils.metadataKeys;
-function useDataSource({
-  dataSource,
-  renderBufferSize = 10
-}) {
-  const [, forceUpdate] = react.useState(null);
-  const isMounted = react.useRef(true);
-  const hasUpdated = react.useRef(false);
-  const rafHandle = react.useRef(null);
-  const data = react.useRef([]);
-  const rangeRef = react.useRef({ from: 0, to: 10 });
-  const dataWindow = react.useMemo(
-    () => new MovingWindow(vuuUtils.getFullRange(rangeRef.current, renderBufferSize)),
-    [renderBufferSize]
-  );
-  const setData = react.useCallback(
-    (updates) => {
-      for (const row of updates) {
-        dataWindow.add(row);
-      }
-      data.current = dataWindow.data.slice();
-      hasUpdated.current = true;
-    },
-    [dataWindow]
-  );
-  const datasourceMessageHandler = react.useCallback(
-    (message) => {
-      if (message.type === "viewport-update") {
-        if (message.size !== void 0) {
-          dataWindow.setRowCount(message.size);
-        }
-        if (message.rows) {
-          setData(message.rows);
-          forceUpdate({});
-        } else if (message.size !== void 0) {
-          data.current = dataWindow.data.slice();
-          hasUpdated.current = true;
-        }
-      }
-    },
-    [dataWindow, setData]
-  );
-  react.useEffect(
-    () => () => {
-      if (rafHandle.current) {
-        cancelAnimationFrame(rafHandle.current);
-        rafHandle.current = null;
-      }
-      isMounted.current = false;
-    },
-    []
-  );
-  const setRange = react.useCallback(
-    (range) => {
-      rangeRef.current = range;
-      const fullRange = vuuUtils.getFullRange(rangeRef.current, renderBufferSize);
-      dataSource.range = fullRange;
-      dataWindow.setRange(fullRange.from, fullRange.to);
-    },
-    [dataSource, dataWindow, renderBufferSize]
-  );
-  react.useMemo(() => {
-    const { from, to } = rangeRef.current;
-    const fullRange = vuuUtils.getFullRange({ from, to }, renderBufferSize);
-    dataSource.range = fullRange;
-    dataWindow.setRange(fullRange.from, fullRange.to);
-  }, [dataSource, dataWindow, renderBufferSize]);
-  react.useEffect(() => {
-    const { from, to } = vuuUtils.getFullRange(rangeRef.current, renderBufferSize);
-    dataSource.subscribe(
-      {
-        range: { from, to }
-      },
-      datasourceMessageHandler
-    );
-  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
-  react.useEffect(
-    () => () => {
-      dataSource.unsubscribe();
-    },
-    [dataSource]
-  );
-  return [
-    data.current,
-    dataWindow.rowCount,
-    vuuUtils.getFullRange(rangeRef.current, renderBufferSize),
-    setRange
-  ];
-}
-class MovingWindow {
-  constructor({ from, to }) {
-    this.rowCount = 0;
-    this.setRowCount = (rowCount) => {
-      if (rowCount < this.data.length) {
-        this.data.length = rowCount;
-      }
-      this.rowCount = rowCount;
-    };
-    this.range = new vuuUtils.WindowRange(from, to);
-    this.data = new Array(to - from);
-  }
-  add(data) {
-    const [index] = data;
-    if (this.isWithinRange(index)) {
-      const internalIndex = index - this.range.from;
-      this.data[internalIndex] = data;
-      if (this.data[internalIndex - 1]) {
-        if (this.data[internalIndex - 1][SELECTED] === 1 && data[SELECTED] === 0) {
-          data[SELECTED] = 2;
-        }
-      }
-      if (index === this.rowCount - 1) {
-        this.data.length = internalIndex + 1;
-      }
-    }
-  }
-  getAtIndex(index) {
-    return this.range.isWithin(index) && this.data[index - this.range.from] != null ? this.data[index - this.range.from] : void 0;
-  }
-  isWithinRange(index) {
-    return this.range.isWithin(index);
-  }
-  setRange(from, to) {
-    if (from !== this.range.from || to !== this.range.to) {
-      const [overlapFrom, overlapTo] = this.range.overlap(from, to);
-      const newData = new Array(to - from);
-      for (let i = overlapFrom; i < overlapTo; i++) {
-        const data = this.getAtIndex(i);
-        if (data) {
-          const index = i - from;
-          newData[index] = data;
-        }
-      }
-      this.data = newData;
-      this.range.from = from;
-      this.range.to = to;
-    }
-  }
-}
-
-exports.MovingWindow = MovingWindow;
-exports.useDataSource = useDataSource;
-//# sourceMappingURL=useDataSource.js.map

package/cjs/hooks/useDataSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDataSource.js","sources":["../../src/hooks/useDataSource.ts"],"sourcesContent":["// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport type {\n  DataSource,\n  DataSourceRow,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst { SELECTED } = metadataKeys;\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  renderBufferSize?: number;\n}\n\nexport function useDataSource({\n  dataSource,\n  renderBufferSize = 10,\n}: DataSourceHookProps): [\n  DataSourceRow[],\n  number,\n  VuuRange,\n  (range: VuuRange) => void\n] {\n  const [, forceUpdate] = useState<object | null>(null);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rafHandle = useRef(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const rangeRef = useRef({ from: 0, to: 10 });\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),\n    [renderBufferSize]\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      // Why bother with the slice ?\n      data.current = dataWindow.data.slice();\n\n      hasUpdated.current = true;\n    },\n    [dataWindow]\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"viewport-update\") {\n        if (message.size !== undefined) {\n          dataWindow.setRowCount(message.size);\n        }\n        if (message.rows) {\n          setData(message.rows);\n          forceUpdate({});\n        } else if (message.size !== undefined) {\n          // TODO is this right ?\n          data.current = dataWindow.data.slice();\n          hasUpdated.current = true;\n        }\n      }\n    },\n    [dataWindow, setData]\n  );\n\n  useEffect(\n    () => () => {\n      if (rafHandle.current) {\n        cancelAnimationFrame(rafHandle.current);\n        rafHandle.current = null;\n      }\n      isMounted.current = false;\n    },\n    []\n  );\n\n  const setRange = useCallback(\n    (range) => {\n      rangeRef.current = range;\n      const fullRange = getFullRange(rangeRef.current, renderBufferSize);\n      dataSource.range = fullRange;\n      dataWindow.setRange(fullRange.from, fullRange.to);\n    },\n    [dataSource, dataWindow, renderBufferSize]\n  );\n\n  useMemo(() => {\n    const { from, to } = rangeRef.current;\n    const fullRange = getFullRange({ from, to }, renderBufferSize);\n    dataSource.range = fullRange;\n    dataWindow.setRange(fullRange.from, fullRange.to);\n  }, [dataSource, dataWindow, renderBufferSize]);\n\n  useEffect(() => {\n    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);\n    dataSource.subscribe(\n      {\n        range: { from, to },\n      },\n      datasourceMessageHandler\n    );\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  useEffect(\n    () => () => {\n      dataSource.unsubscribe();\n    },\n    [dataSource]\n  );\n\n  return [\n    data.current,\n    dataWindow.rowCount,\n    getFullRange(rangeRef.current, renderBufferSize),\n    setRange,\n  ];\n}\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    this.data = new Array(to - from);\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n      if (this.data[internalIndex - 1]) {\n        // assign 'post-selected' selection state\n        if (\n          this.data[internalIndex - 1][SELECTED] === 1 &&\n          data[SELECTED] === 0\n        ) {\n          data[SELECTED] = 2;\n        }\n      }\n      if (index === this.rowCount - 1) {\n        this.data.length = internalIndex + 1;\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange(from: number, to: number) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(to - from);\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n}\n"],"names":["metadataKeys","useState","useRef","useMemo","getFullRange","useCallback","useEffect","WindowRange"],"mappings":"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"}

package/esm/hooks/useDataSource.js

@@ -1,145 +0,0 @@
-import { getFullRange, WindowRange, metadataKeys } from '@vuu-ui/vuu-utils';
-import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
-
-const { SELECTED } = metadataKeys;
-function useDataSource({
-  dataSource,
-  renderBufferSize = 10
-}) {
-  const [, forceUpdate] = useState(null);
-  const isMounted = useRef(true);
-  const hasUpdated = useRef(false);
-  const rafHandle = useRef(null);
-  const data = useRef([]);
-  const rangeRef = useRef({ from: 0, to: 10 });
-  const dataWindow = useMemo(
-    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),
-    [renderBufferSize]
-  );
-  const setData = useCallback(
-    (updates) => {
-      for (const row of updates) {
-        dataWindow.add(row);
-      }
-      data.current = dataWindow.data.slice();
-      hasUpdated.current = true;
-    },
-    [dataWindow]
-  );
-  const datasourceMessageHandler = useCallback(
-    (message) => {
-      if (message.type === "viewport-update") {
-        if (message.size !== void 0) {
-          dataWindow.setRowCount(message.size);
-        }
-        if (message.rows) {
-          setData(message.rows);
-          forceUpdate({});
-        } else if (message.size !== void 0) {
-          data.current = dataWindow.data.slice();
-          hasUpdated.current = true;
-        }
-      }
-    },
-    [dataWindow, setData]
-  );
-  useEffect(
-    () => () => {
-      if (rafHandle.current) {
-        cancelAnimationFrame(rafHandle.current);
-        rafHandle.current = null;
-      }
-      isMounted.current = false;
-    },
-    []
-  );
-  const setRange = useCallback(
-    (range) => {
-      rangeRef.current = range;
-      const fullRange = getFullRange(rangeRef.current, renderBufferSize);
-      dataSource.range = fullRange;
-      dataWindow.setRange(fullRange.from, fullRange.to);
-    },
-    [dataSource, dataWindow, renderBufferSize]
-  );
-  useMemo(() => {
-    const { from, to } = rangeRef.current;
-    const fullRange = getFullRange({ from, to }, renderBufferSize);
-    dataSource.range = fullRange;
-    dataWindow.setRange(fullRange.from, fullRange.to);
-  }, [dataSource, dataWindow, renderBufferSize]);
-  useEffect(() => {
-    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);
-    dataSource.subscribe(
-      {
-        range: { from, to }
-      },
-      datasourceMessageHandler
-    );
-  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
-  useEffect(
-    () => () => {
-      dataSource.unsubscribe();
-    },
-    [dataSource]
-  );
-  return [
-    data.current,
-    dataWindow.rowCount,
-    getFullRange(rangeRef.current, renderBufferSize),
-    setRange
-  ];
-}
-class MovingWindow {
-  constructor({ from, to }) {
-    this.rowCount = 0;
-    this.setRowCount = (rowCount) => {
-      if (rowCount < this.data.length) {
-        this.data.length = rowCount;
-      }
-      this.rowCount = rowCount;
-    };
-    this.range = new WindowRange(from, to);
-    this.data = new Array(to - from);
-  }
-  add(data) {
-    const [index] = data;
-    if (this.isWithinRange(index)) {
-      const internalIndex = index - this.range.from;
-      this.data[internalIndex] = data;
-      if (this.data[internalIndex - 1]) {
-        if (this.data[internalIndex - 1][SELECTED] === 1 && data[SELECTED] === 0) {
-          data[SELECTED] = 2;
-        }
-      }
-      if (index === this.rowCount - 1) {
-        this.data.length = internalIndex + 1;
-      }
-    }
-  }
-  getAtIndex(index) {
-    return this.range.isWithin(index) && this.data[index - this.range.from] != null ? this.data[index - this.range.from] : void 0;
-  }
-  isWithinRange(index) {
-    return this.range.isWithin(index);
-  }
-  setRange(from, to) {
-    if (from !== this.range.from || to !== this.range.to) {
-      const [overlapFrom, overlapTo] = this.range.overlap(from, to);
-      const newData = new Array(to - from);
-      for (let i = overlapFrom; i < overlapTo; i++) {
-        const data = this.getAtIndex(i);
-        if (data) {
-          const index = i - from;
-          newData[index] = data;
-        }
-      }
-      this.data = newData;
-      this.range.from = from;
-      this.range.to = to;
-    }
-  }
-}
-
-export { MovingWindow, useDataSource };
-//# sourceMappingURL=useDataSource.js.map

package/esm/hooks/useDataSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDataSource.js","sources":["../../src/hooks/useDataSource.ts"],"sourcesContent":["// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport type {\n  DataSource,\n  DataSourceRow,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst { SELECTED } = metadataKeys;\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  renderBufferSize?: number;\n}\n\nexport function useDataSource({\n  dataSource,\n  renderBufferSize = 10,\n}: DataSourceHookProps): [\n  DataSourceRow[],\n  number,\n  VuuRange,\n  (range: VuuRange) => void\n] {\n  const [, forceUpdate] = useState<object | null>(null);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rafHandle = useRef(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const rangeRef = useRef({ from: 0, to: 10 });\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),\n    [renderBufferSize]\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      // Why bother with the slice ?\n      data.current = dataWindow.data.slice();\n\n      hasUpdated.current = true;\n    },\n    [dataWindow]\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"viewport-update\") {\n        if (message.size !== undefined) {\n          dataWindow.setRowCount(message.size);\n        }\n        if (message.rows) {\n          setData(message.rows);\n          forceUpdate({});\n        } else if (message.size !== undefined) {\n          // TODO is this right ?\n          data.current = dataWindow.data.slice();\n          hasUpdated.current = true;\n        }\n      }\n    },\n    [dataWindow, setData]\n  );\n\n  useEffect(\n    () => () => {\n      if (rafHandle.current) {\n        cancelAnimationFrame(rafHandle.current);\n        rafHandle.current = null;\n      }\n      isMounted.current = false;\n    },\n    []\n  );\n\n  const setRange = useCallback(\n    (range) => {\n      rangeRef.current = range;\n      const fullRange = getFullRange(rangeRef.current, renderBufferSize);\n      dataSource.range = fullRange;\n      dataWindow.setRange(fullRange.from, fullRange.to);\n    },\n    [dataSource, dataWindow, renderBufferSize]\n  );\n\n  useMemo(() => {\n    const { from, to } = rangeRef.current;\n    const fullRange = getFullRange({ from, to }, renderBufferSize);\n    dataSource.range = fullRange;\n    dataWindow.setRange(fullRange.from, fullRange.to);\n  }, [dataSource, dataWindow, renderBufferSize]);\n\n  useEffect(() => {\n    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);\n    dataSource.subscribe(\n      {\n        range: { from, to },\n      },\n      datasourceMessageHandler\n    );\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  useEffect(\n    () => () => {\n      dataSource.unsubscribe();\n    },\n    [dataSource]\n  );\n\n  return [\n    data.current,\n    dataWindow.rowCount,\n    getFullRange(rangeRef.current, renderBufferSize),\n    setRange,\n  ];\n}\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    this.data = new Array(to - from);\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n      if (this.data[internalIndex - 1]) {\n        // assign 'post-selected' selection state\n        if (\n          this.data[internalIndex - 1][SELECTED] === 1 &&\n          data[SELECTED] === 0\n        ) {\n          data[SELECTED] = 2;\n        }\n      }\n      if (index === this.rowCount - 1) {\n        this.data.length = internalIndex + 1;\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange(from: number, to: number) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(to - from);\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/types/hooks/useDataSource.d.ts

@@ -1,23 +0,0 @@
-import type { DataSource, DataSourceRow } from "@vuu-ui/vuu-data-types";
-import type { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export interface DataSourceHookProps {
-    dataSource: DataSource;
-    renderBufferSize?: number;
-}
-export declare function useDataSource({ dataSource, renderBufferSize, }: DataSourceHookProps): [
-    DataSourceRow[],
-    number,
-    VuuRange,
-    (range: VuuRange) => void
-];
-export declare class MovingWindow {
-    data: DataSourceRow[];
-    rowCount: number;
-    private range;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange(from: number, to: number): void;
-}