@vuu-ui/vuu-data-react 0.13.103-alpha.1 → 0.13.103

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

@@ -56,6 +56,19 @@ const getDataItemEditControl = ({
         "data-edit-control": true
       }
     );
+  } else if (dataDescriptor.serverDataType === "string" && dataDescriptor.type === "decimal" && table) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      vuuUiControls.VuuInput,
+      {
+        ...InputProps2,
+        className,
+        commitOnBlur,
+        commitWhenCleared,
+        onCommit,
+        errorMessage,
+        "data-edit-control": true
+      }
+    );
   } else if (dataDescriptor.serverDataType === "string" && table) {
     if (variant === "toggle" && values?.length) {
       return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\nimport { ToggleFilter } from \"@vuu-ui/vuu-filters\";\n\n/**\n * variant can be used to provide a rendering hint to the filter control rendered.\n * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices\n * 'search' to render a search icon and require at least one character to be entered.\n * 'pick' to show a dropdown list, even before any text is entered, best for smaller lists\n */\nexport type FilterControlVariant = \"search\" | \"pick\" | \"toggle\";\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<\n    VuuTypeaheadInputProps,\n    | \"highlightFirstSuggestion\"\n    | \"minCharacterCountToTriggerSuggestions\"\n    | \"selectOnTab\"\n  >;\n  className?: string;\n  commitOnBlur?: boolean;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n  /**\n   * Where provided, only these values will be offered as suggestions.\n   * They will be validated against server with Typeahead service, so\n   * unavailable options are not offered.\n   * Recommended for toggle filters, not usually necessary for other\n   * filter variants.\n   */\n  values?: string[];\n  variant?: FilterControlVariant;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitOnBlur,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n  values,\n  variant,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  const dataVariant = variant && variant !== \"toggle\" ? variant : undefined;\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n        data-edit-control\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    if (InputProps?.inputProps) {\n      const { value, onChange } = InputProps.inputProps;\n      return (\n        <VuuTimePicker\n          className={className}\n          value={asTimeString(value, true)}\n          onChange={onChange}\n          onCommit={onCommit}\n          data-edit-control\n        />\n      );\n    }\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker\n        className={className}\n        onCommit={handleCommitNumber}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    if (variant === \"toggle\" && values?.length) {\n      return (\n        <ToggleFilter\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          onCommit={onCommit}\n          table={table}\n          values={values}\n          value={InputProps?.inputProps?.value ?? \"all\"}\n        />\n      );\n    } else {\n      return (\n        <VuuTypeaheadInput\n          {...InputProps}\n          {...TypeaheadProps}\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          data-variant={dataVariant}\n          onCommit={onCommit}\n          table={table}\n        />\n      );\n    }\n  }\n\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitOnBlur={commitOnBlur}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n      data-edit-control\n    />\n  );\n};\n"],"names":["InputProps","jsx","VuuInput","isTimeDataValue","VuuTimePicker","asTimeString","isDateTimeDataValue","VuuDatePicker","ToggleFilter","VuuTypeaheadInput"],"mappings":";;;;;;;AA0DO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAA,MAAM,WAAc,GAAA,OAAA,IAAW,OAAY,KAAA,QAAA,GAAW,OAAU,GAAA,KAAA,CAAA;AAEhE,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAAC,cAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGF,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,QACR,mBAAiB,EAAA;AAAA;AAAA,KACnB;AAAA,GAEJ,MAAA,IAAWG,wBAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,IAAIH,aAAY,UAAY,EAAA;AAC1B,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAIA,WAAW,CAAA,UAAA;AACvC,MACE,uBAAAC,cAAA;AAAA,QAACG,2BAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,KAAA,EAAOC,qBAAa,CAAA,KAAA,EAAO,IAAI,CAAA;AAAA,UAC/B,QAAA;AAAA,UACA,QAAA;AAAA,UACA,mBAAiB,EAAA;AAAA;AAAA,OACnB;AAAA;AAEJ,GACF,MAAA,IAAWC,4BAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IACE,uBAAAL,cAAA;AAAA,MAACM,2BAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,QAAU,EAAA,kBAAA;AAAA,QACV,mBAAiB,EAAA;AAAA;AAAA,KACnB;AAAA,GAEO,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IAAI,IAAA,OAAA,KAAY,QAAY,IAAA,MAAA,EAAQ,MAAQ,EAAA;AAC1C,MACE,uBAAAN,cAAA;AAAA,QAACO,uBAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,QAAQ,cAAe,CAAA,IAAA;AAAA,UACvB,mBAAiB,EAAA,IAAA;AAAA,UACjB,QAAA;AAAA,UACA,KAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA,EAAOR,WAAY,EAAA,UAAA,EAAY,KAAS,IAAA;AAAA;AAAA,OAC1C;AAAA,KAEG,MAAA;AACL,MACE,uBAAAC,cAAA;AAAA,QAACQ,+BAAA;AAAA,QAAA;AAAA,UACE,GAAGT,WAAAA;AAAA,UACH,GAAG,cAAA;AAAA,UACJ,SAAA;AAAA,UACA,QAAQ,cAAe,CAAA,IAAA;AAAA,UACvB,mBAAiB,EAAA,IAAA;AAAA,UACjB,cAAc,EAAA,WAAA;AAAA,UACd,QAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA;AAEJ;AAGF,EACE,uBAAAC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGF,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAiB,EAAA;AAAA;AAAA,GACnB;AAEJ;;;;"}
+{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\nimport { ToggleFilter } from \"@vuu-ui/vuu-filters\";\n\n/**\n * variant can be used to provide a rendering hint to the filter control rendered.\n * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices\n * 'search' to render a search icon and require at least one character to be entered.\n * 'pick' to show a dropdown list, even before any text is entered, best for smaller lists\n */\nexport type FilterControlVariant = \"search\" | \"pick\" | \"toggle\";\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<\n    VuuTypeaheadInputProps,\n    | \"highlightFirstSuggestion\"\n    | \"minCharacterCountToTriggerSuggestions\"\n    | \"selectOnTab\"\n  >;\n  className?: string;\n  commitOnBlur?: boolean;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n  /**\n   * Where provided, only these values will be offered as suggestions.\n   * They will be validated against server with Typeahead service, so\n   * unavailable options are not offered.\n   * Recommended for toggle filters, not usually necessary for other\n   * filter variants.\n   */\n  values?: string[];\n  variant?: FilterControlVariant;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitOnBlur,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n  values,\n  variant,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  const dataVariant = variant && variant !== \"toggle\" ? variant : undefined;\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n        data-edit-control\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    if (InputProps?.inputProps) {\n      const { value, onChange } = InputProps.inputProps;\n      return (\n        <VuuTimePicker\n          className={className}\n          value={asTimeString(value, true)}\n          onChange={onChange}\n          onCommit={onCommit}\n          data-edit-control\n        />\n      );\n    }\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker\n        className={className}\n        onCommit={handleCommitNumber}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && dataDescriptor.type === \"decimal\" && table) {\n    return (\n      <VuuInput\n        {...InputProps}\n        className={className}\n        commitOnBlur={commitOnBlur}\n        commitWhenCleared={commitWhenCleared}\n        onCommit={onCommit}\n        errorMessage={errorMessage}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    if (variant === \"toggle\" && values?.length) {\n      return (\n        <ToggleFilter\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          onCommit={onCommit}\n          table={table}\n          values={values}\n          value={InputProps?.inputProps?.value ?? \"all\"}\n        />\n      );\n    } else {\n      return (\n        <VuuTypeaheadInput\n          {...InputProps}\n          {...TypeaheadProps}\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          data-variant={dataVariant}\n          onCommit={onCommit}\n          table={table}\n        />\n      );\n    }\n  }\n\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitOnBlur={commitOnBlur}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n      data-edit-control\n    />\n  );\n};\n"],"names":["InputProps","jsx","VuuInput","isTimeDataValue","VuuTimePicker","asTimeString","isDateTimeDataValue","VuuDatePicker","ToggleFilter","VuuTypeaheadInput"],"mappings":"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"}

package/cjs/hooks/useRemoteConnection.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var react = require('react');
+var vuuNotifications = require('@vuu-ui/vuu-notifications');
+var LostConnectionIndicator = require('../lost-connection-indicator/LostConnectionIndicator.js');
+
+const useRemoteConnection = ({
+  serverUrl,
+  user
+}) => {
+  const { hideNotification, showNotification } = vuuNotifications.useNotifications();
+  const isConnectedRef = react.useRef(false);
+  const handleConnectionStatusChange = react.useCallback(
+    (message) => {
+      const { current: wasConnected } = isConnectedRef;
+      isConnectedRef.current = vuuDataRemote.isConnected(message.connectionStatus);
+      if (wasConnected && message.connectionStatus === "disconnected") {
+        showNotification({
+          content: /* @__PURE__ */ jsxRuntime.jsx(LostConnectionIndicator.LostConnectionIndicator, {}),
+          status: "error",
+          type: vuuNotifications.NotificationType.Workspace
+        });
+      } else if (!wasConnected && isConnectedRef.current) {
+        hideNotification();
+      }
+    },
+    [hideNotification, showNotification]
+  );
+  react.useMemo(async () => {
+    if (serverUrl) {
+      vuuDataRemote.ConnectionManager.on("connection-status", handleConnectionStatusChange);
+      const connectionResult = await vuuDataRemote.ConnectionManager.connect({
+        token: user.token,
+        url: serverUrl
+      });
+      if (connectionResult === "rejected") {
+        showNotification({
+          status: "error",
+          content: "Unable to connect to VUU Server",
+          header: "Error",
+          type: vuuNotifications.NotificationType.Toast
+        });
+      }
+    }
+  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);
+};
+
+exports.useRemoteConnection = useRemoteConnection;
+//# sourceMappingURL=useRemoteConnection.js.map

package/cjs/hooks/useRemoteConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteConnection.js","sources":["../../../../packages/vuu-data-react/src/hooks/useRemoteConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  WebSocketConnectionState,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport type { VuuUser } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport interface RemoteConnectionHookProps {\n  serverUrl?: string;\n  user: VuuUser;\n}\nexport const useRemoteConnection = ({\n  serverUrl,\n  user,\n}: RemoteConnectionHookProps) => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(false);\n\n  const handleConnectionStatusChange = useCallback(\n    (message: WebSocketConnectionState) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(message.connectionStatus);\n\n      if (wasConnected && message.connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    if (serverUrl) {\n      ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n      const connectionResult = await ConnectionManager.connect({\n        token: user.token,\n        url: serverUrl,\n      });\n      if (connectionResult === \"rejected\") {\n        showNotification({\n          status: \"error\",\n          content: \"Unable to connect to VUU Server\",\n          header: \"Error\",\n          type: NotificationType.Toast,\n        });\n      }\n    }\n  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);\n};\n"],"names":["useNotifications","useRef","useCallback","isConnected","LostConnectionIndicator","NotificationType","useMemo","ConnectionManager"],"mappings":";;;;;;;;AAcO,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAIA,iCAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiBC,aAAO,KAAK,CAAA;AAEnC,EAAA,MAAM,4BAA+B,GAAAC,iBAAA;AAAA,IACnC,CAAC,OAAsC,KAAA;AACrC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAUC,yBAAY,CAAA,OAAA,CAAQ,gBAAgB,CAAA;AAE7D,MAAI,IAAA,YAAA,IAAgB,OAAQ,CAAA,gBAAA,KAAqB,cAAgB,EAAA;AAC/D,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,iCAAUC,+CAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAMC,iCAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAAC,aAAA,CAAQ,YAAY;AAClB,IAAA,IAAI,SAAW,EAAA;AACb,MAAkBC,+BAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AACtE,MAAM,MAAA,gBAAA,GAAmB,MAAMA,+BAAA,CAAkB,OAAQ,CAAA;AAAA,QACvD,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,GAAK,EAAA;AAAA,OACN,CAAA;AACD,MAAA,IAAI,qBAAqB,UAAY,EAAA;AACnC,QAAiB,gBAAA,CAAA;AAAA,UACf,MAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,iCAAA;AAAA,UACT,MAAQ,EAAA,OAAA;AAAA,UACR,MAAMF,iCAAiB,CAAA;AAAA,SACxB,CAAA;AAAA;AACH;AACF,KACC,CAAC,4BAAA,EAA8B,kBAAkB,SAAW,EAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAC5E;;;;"}

package/cjs/index.js

@@ -8,12 +8,12 @@ var useEditForm = require('./data-editing/useEditForm.js');
 var formEditState = require('./data-editing/form-edit-state.js');
 var VuuDataSourceProvider = require('./datasource-provider/VuuDataSourceProvider.js');
 var useLookupValues = require('./hooks/useLookupValues.js');
+var useRemoteConnection = require('./hooks/useRemoteConnection.js');
 var useSessionDataSource = require('./hooks/useSessionDataSource.js');
 var useTypeaheadSuggestions = require('./hooks/useTypeaheadSuggestions.js');
 var useVisualLinks = require('./hooks/useVisualLinks.js');
 var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
 var useVuuTables = require('./hooks/useVuuTables.js');
-var useLostConnection = require('./lost-connection-indicator/useLostConnection.js');
 var SessionEditingForm = require('./session-editing-form/SessionEditingForm.js');
 
 
@@ -29,6 +29,7 @@ exports.CLEAN_FORM = formEditState.CLEAN_FORM;
 exports.buildFormEditState = formEditState.buildFormEditState;
 exports.VuuDataSourceProvider = VuuDataSourceProvider.VuuDataSourceProvider;
 exports.useLookupValues = useLookupValues.useLookupValues;
+exports.useRemoteConnection = useRemoteConnection.useRemoteConnection;
 exports.useSessionDataSource = useSessionDataSource.useSessionDataSource;
 exports.getTypeaheadParams = useTypeaheadSuggestions.getTypeaheadParams;
 exports.useTypeaheadSuggestions = useTypeaheadSuggestions.useTypeaheadSuggestions;
@@ -37,6 +38,5 @@ exports.isRowMenu = useVuuMenuActions.isRowMenu;
 exports.isSelectionMenu = useVuuMenuActions.isSelectionMenu;
 exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
 exports.useVuuTables = useVuuTables.useVuuTables;
-exports.useLostConnection = useLostConnection.useLostConnection;
 exports.SessionEditingForm = SessionEditingForm.SessionEditingForm;
 //# sourceMappingURL=index.js.map

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

@@ -54,6 +54,19 @@ const getDataItemEditControl = ({
         "data-edit-control": true
       }
     );
+  } else if (dataDescriptor.serverDataType === "string" && dataDescriptor.type === "decimal" && table) {
+    return /* @__PURE__ */ jsx(
+      VuuInput,
+      {
+        ...InputProps2,
+        className,
+        commitOnBlur,
+        commitWhenCleared,
+        onCommit,
+        errorMessage,
+        "data-edit-control": true
+      }
+    );
   } else if (dataDescriptor.serverDataType === "string" && table) {
     if (variant === "toggle" && values?.length) {
       return /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\nimport { ToggleFilter } from \"@vuu-ui/vuu-filters\";\n\n/**\n * variant can be used to provide a rendering hint to the filter control rendered.\n * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices\n * 'search' to render a search icon and require at least one character to be entered.\n * 'pick' to show a dropdown list, even before any text is entered, best for smaller lists\n */\nexport type FilterControlVariant = \"search\" | \"pick\" | \"toggle\";\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<\n    VuuTypeaheadInputProps,\n    | \"highlightFirstSuggestion\"\n    | \"minCharacterCountToTriggerSuggestions\"\n    | \"selectOnTab\"\n  >;\n  className?: string;\n  commitOnBlur?: boolean;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n  /**\n   * Where provided, only these values will be offered as suggestions.\n   * They will be validated against server with Typeahead service, so\n   * unavailable options are not offered.\n   * Recommended for toggle filters, not usually necessary for other\n   * filter variants.\n   */\n  values?: string[];\n  variant?: FilterControlVariant;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitOnBlur,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n  values,\n  variant,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  const dataVariant = variant && variant !== \"toggle\" ? variant : undefined;\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n        data-edit-control\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    if (InputProps?.inputProps) {\n      const { value, onChange } = InputProps.inputProps;\n      return (\n        <VuuTimePicker\n          className={className}\n          value={asTimeString(value, true)}\n          onChange={onChange}\n          onCommit={onCommit}\n          data-edit-control\n        />\n      );\n    }\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker\n        className={className}\n        onCommit={handleCommitNumber}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    if (variant === \"toggle\" && values?.length) {\n      return (\n        <ToggleFilter\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          onCommit={onCommit}\n          table={table}\n          values={values}\n          value={InputProps?.inputProps?.value ?? \"all\"}\n        />\n      );\n    } else {\n      return (\n        <VuuTypeaheadInput\n          {...InputProps}\n          {...TypeaheadProps}\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          data-variant={dataVariant}\n          onCommit={onCommit}\n          table={table}\n        />\n      );\n    }\n  }\n\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitOnBlur={commitOnBlur}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n      data-edit-control\n    />\n  );\n};\n"],"names":["InputProps"],"mappings":";;;;;AA0DO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAAA,EAAAA,WAAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,kBAAA,GAAyD,CAC7D,GAAA,EACA,KACG,KAAA;AACH,IAAS,QAAA,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA,GAChC;AAEA,EAAA,MAAM,WAAc,GAAA,OAAA,IAAW,OAAY,KAAA,QAAA,GAAW,OAAU,GAAA,KAAA,CAAA;AAEhE,EAAI,IAAA,cAAA,CAAe,aAAa,KAAO,EAAA;AACrC,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAGA,WAAAA;AAAA,QACJ,QAAA;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,QACR,mBAAiB,EAAA;AAAA;AAAA,KACnB;AAAA,GAEJ,MAAA,IAAW,eAAgB,CAAA,cAAc,CAAG,EAAA;AAC1C,IAAA,IAAIA,aAAY,UAAY,EAAA;AAC1B,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAIA,WAAW,CAAA,UAAA;AACvC,MACE,uBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,KAAA,EAAO,YAAa,CAAA,KAAA,EAAO,IAAI,CAAA;AAAA,UAC/B,QAAA;AAAA,UACA,QAAA;AAAA,UACA,mBAAiB,EAAA;AAAA;AAAA,OACnB;AAAA;AAEJ,GACF,MAAA,IAAW,mBAAoB,CAAA,cAAc,CAAG,EAAA;AAC9C,IACE,uBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,QAAU,EAAA,kBAAA;AAAA,QACV,mBAAiB,EAAA;AAAA;AAAA,KACnB;AAAA,GAEO,MAAA,IAAA,cAAA,CAAe,cAAmB,KAAA,QAAA,IAAY,KAAO,EAAA;AAC9D,IAAI,IAAA,OAAA,KAAY,QAAY,IAAA,MAAA,EAAQ,MAAQ,EAAA;AAC1C,MACE,uBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,QAAQ,cAAe,CAAA,IAAA;AAAA,UACvB,mBAAiB,EAAA,IAAA;AAAA,UACjB,QAAA;AAAA,UACA,KAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA,EAAOA,WAAY,EAAA,UAAA,EAAY,KAAS,IAAA;AAAA;AAAA,OAC1C;AAAA,KAEG,MAAA;AACL,MACE,uBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACE,GAAGA,WAAAA;AAAA,UACH,GAAG,cAAA;AAAA,UACJ,SAAA;AAAA,UACA,QAAQ,cAAe,CAAA,IAAA;AAAA,UACvB,mBAAiB,EAAA,IAAA;AAAA,UACjB,cAAc,EAAA,WAAA;AAAA,UACd,QAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA;AAEJ;AAGF,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAGA,WAAAA;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAiB,EAAA;AAAA;AAAA,GACnB;AAEJ;;;;"}
+{"version":3,"file":"get-data-item-edit-control.js","sources":["../../../../packages/vuu-data-react/src/data-editing/get-data-item-edit-control.tsx"],"sourcesContent":["import type {\n  DataValueDescriptor,\n  TableSchemaTable,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuDatePicker,\n  VuuInput,\n  VuuTimePicker,\n  VuuTypeaheadInput,\n  VuuTypeaheadInputProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isDateTimeDataValue,\n  isTimeDataValue,\n} from \"@vuu-ui/vuu-utils\";\nimport { InputProps } from \"@salt-ds/core\";\nimport { asTimeString } from \"@vuu-ui/vuu-utils\";\nimport { ToggleFilter } from \"@vuu-ui/vuu-filters\";\n\n/**\n * variant can be used to provide a rendering hint to the filter control rendered.\n * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices\n * 'search' to render a search icon and require at least one character to be entered.\n * 'pick' to show a dropdown list, even before any text is entered, best for smaller lists\n */\nexport type FilterControlVariant = \"search\" | \"pick\" | \"toggle\";\nexport interface DataItemEditControlProps {\n  InputProps?: Partial<InputProps>;\n  TypeaheadProps?: Pick<\n    VuuTypeaheadInputProps,\n    | \"highlightFirstSuggestion\"\n    | \"minCharacterCountToTriggerSuggestions\"\n    | \"selectOnTab\"\n  >;\n  className?: string;\n  commitOnBlur?: boolean;\n  commitWhenCleared?: boolean;\n  /**\n   * A table column or form field Descriptor.\n   */\n  dataDescriptor: DataValueDescriptor;\n  errorMessage?: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table?: TableSchemaTable;\n  /**\n   * Where provided, only these values will be offered as suggestions.\n   * They will be validated against server with Typeahead service, so\n   * unavailable options are not offered.\n   * Recommended for toggle filters, not usually necessary for other\n   * filter variants.\n   */\n  values?: string[];\n  variant?: FilterControlVariant;\n}\n\nexport type ValidationStatus = \"initial\" | true | string;\n\nexport const getDataItemEditControl = ({\n  InputProps,\n  TypeaheadProps,\n  className,\n  commitOnBlur,\n  commitWhenCleared,\n  dataDescriptor,\n  errorMessage,\n  onCommit,\n  table,\n  values,\n  variant,\n}: DataItemEditControlProps) => {\n  const handleCommitNumber: CommitHandler<HTMLElement, number> = (\n    evt,\n    value,\n  ) => {\n    onCommit(evt, value.toString());\n  };\n\n  const dataVariant = variant && variant !== \"toggle\" ? variant : undefined;\n\n  if (dataDescriptor.editable === false) {\n    return (\n      <VuuInput\n        variant=\"secondary\"\n        {...InputProps}\n        onCommit={onCommit}\n        readOnly\n        data-edit-control\n      />\n    );\n  } else if (isTimeDataValue(dataDescriptor)) {\n    if (InputProps?.inputProps) {\n      const { value, onChange } = InputProps.inputProps;\n      return (\n        <VuuTimePicker\n          className={className}\n          value={asTimeString(value, true)}\n          onChange={onChange}\n          onCommit={onCommit}\n          data-edit-control\n        />\n      );\n    }\n  } else if (isDateTimeDataValue(dataDescriptor)) {\n    return (\n      <VuuDatePicker\n        className={className}\n        onCommit={handleCommitNumber}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && dataDescriptor.type === \"decimal\" && table) {\n    return (\n      <VuuInput\n        {...InputProps}\n        className={className}\n        commitOnBlur={commitOnBlur}\n        commitWhenCleared={commitWhenCleared}\n        onCommit={onCommit}\n        errorMessage={errorMessage}\n        data-edit-control\n      />\n    );\n  } else if (dataDescriptor.serverDataType === \"string\" && table) {\n    if (variant === \"toggle\" && values?.length) {\n      return (\n        <ToggleFilter\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          onCommit={onCommit}\n          table={table}\n          values={values}\n          value={InputProps?.inputProps?.value ?? \"all\"}\n        />\n      );\n    } else {\n      return (\n        <VuuTypeaheadInput\n          {...InputProps}\n          {...TypeaheadProps}\n          className={className}\n          column={dataDescriptor.name}\n          data-edit-control\n          data-variant={dataVariant}\n          onCommit={onCommit}\n          table={table}\n        />\n      );\n    }\n  }\n\n  return (\n    <VuuInput\n      variant=\"secondary\"\n      {...InputProps}\n      className={className}\n      commitOnBlur={commitOnBlur}\n      commitWhenCleared={commitWhenCleared}\n      onCommit={onCommit}\n      errorMessage={errorMessage}\n      data-edit-control\n    />\n  );\n};\n"],"names":["InputProps"],"mappings":"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"}

package/esm/hooks/useRemoteConnection.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { isConnected, ConnectionManager } from '@vuu-ui/vuu-data-remote';
+import { useRef, useCallback, useMemo } from 'react';
+import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
+import { LostConnectionIndicator } from '../lost-connection-indicator/LostConnectionIndicator.js';
+
+const useRemoteConnection = ({
+  serverUrl,
+  user
+}) => {
+  const { hideNotification, showNotification } = useNotifications();
+  const isConnectedRef = useRef(false);
+  const handleConnectionStatusChange = useCallback(
+    (message) => {
+      const { current: wasConnected } = isConnectedRef;
+      isConnectedRef.current = isConnected(message.connectionStatus);
+      if (wasConnected && message.connectionStatus === "disconnected") {
+        showNotification({
+          content: /* @__PURE__ */ jsx(LostConnectionIndicator, {}),
+          status: "error",
+          type: NotificationType.Workspace
+        });
+      } else if (!wasConnected && isConnectedRef.current) {
+        hideNotification();
+      }
+    },
+    [hideNotification, showNotification]
+  );
+  useMemo(async () => {
+    if (serverUrl) {
+      ConnectionManager.on("connection-status", handleConnectionStatusChange);
+      const connectionResult = await ConnectionManager.connect({
+        token: user.token,
+        url: serverUrl
+      });
+      if (connectionResult === "rejected") {
+        showNotification({
+          status: "error",
+          content: "Unable to connect to VUU Server",
+          header: "Error",
+          type: NotificationType.Toast
+        });
+      }
+    }
+  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);
+};
+
+export { useRemoteConnection };
+//# sourceMappingURL=useRemoteConnection.js.map

package/esm/hooks/useRemoteConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteConnection.js","sources":["../../../../packages/vuu-data-react/src/hooks/useRemoteConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  WebSocketConnectionState,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport type { VuuUser } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport interface RemoteConnectionHookProps {\n  serverUrl?: string;\n  user: VuuUser;\n}\nexport const useRemoteConnection = ({\n  serverUrl,\n  user,\n}: RemoteConnectionHookProps) => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(false);\n\n  const handleConnectionStatusChange = useCallback(\n    (message: WebSocketConnectionState) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(message.connectionStatus);\n\n      if (wasConnected && message.connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    if (serverUrl) {\n      ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n      const connectionResult = await ConnectionManager.connect({\n        token: user.token,\n        url: serverUrl,\n      });\n      if (connectionResult === \"rejected\") {\n        showNotification({\n          status: \"error\",\n          content: \"Unable to connect to VUU Server\",\n          header: \"Error\",\n          type: NotificationType.Toast,\n        });\n      }\n    }\n  }, [handleConnectionStatusChange, showNotification, serverUrl, user.token]);\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAI,gBAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA;AAEnC,EAAA,MAAM,4BAA+B,GAAA,WAAA;AAAA,IACnC,CAAC,OAAsC,KAAA;AACrC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAU,WAAY,CAAA,OAAA,CAAQ,gBAAgB,CAAA;AAE7D,MAAI,IAAA,YAAA,IAAgB,OAAQ,CAAA,gBAAA,KAAqB,cAAgB,EAAA;AAC/D,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,sBAAU,uBAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAM,gBAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAA,OAAA,CAAQ,YAAY;AAClB,IAAA,IAAI,SAAW,EAAA;AACb,MAAkB,iBAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AACtE,MAAM,MAAA,gBAAA,GAAmB,MAAM,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACvD,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,GAAK,EAAA;AAAA,OACN,CAAA;AACD,MAAA,IAAI,qBAAqB,UAAY,EAAA;AACnC,QAAiB,gBAAA,CAAA;AAAA,UACf,MAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,iCAAA;AAAA,UACT,MAAQ,EAAA,OAAA;AAAA,UACR,MAAM,gBAAiB,CAAA;AAAA,SACxB,CAAA;AAAA;AACH;AACF,KACC,CAAC,4BAAA,EAA8B,kBAAkB,SAAW,EAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAC5E;;;;"}

package/esm/index.js

@@ -6,11 +6,11 @@ export { useEditForm } from './data-editing/useEditForm.js';
 export { CLEAN_FORM, buildFormEditState } from './data-editing/form-edit-state.js';
 export { VuuDataSourceProvider } from './datasource-provider/VuuDataSourceProvider.js';
 export { useLookupValues } from './hooks/useLookupValues.js';
+export { useRemoteConnection } from './hooks/useRemoteConnection.js';
 export { useSessionDataSource } from './hooks/useSessionDataSource.js';
 export { getTypeaheadParams, useTypeaheadSuggestions } from './hooks/useTypeaheadSuggestions.js';
 export { useVisualLinks } from './hooks/useVisualLinks.js';
 export { isRowMenu, isSelectionMenu, useVuuMenuActions } from './hooks/useVuuMenuActions.js';
 export { useVuuTables } from './hooks/useVuuTables.js';
-export { useLostConnection } from './lost-connection-indicator/useLostConnection.js';
 export { SessionEditingForm } from './session-editing-form/SessionEditingForm.js';
 //# sourceMappingURL=index.js.map

package/package.json

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

package/types/hooks/useConnectionStatus.d.ts

@@ -0,0 +1,6 @@
+import { WebSocketConnectionState } from "@vuu-ui/vuu-data-remote";
+export interface ConnectionStatusHookProps {
+    connectionState?: WebSocketConnectionState;
+}
+export declare const getConnectinStateDisplayText: (connectionState: WebSocketConnectionState) => "Unable to connect to data service" | "Failed to connect" | "Failed to re-connect" | "Attempting to connect to data service" | "Attempting to reconnect to data service" | undefined;
+export declare const useConnectionStatus: ({ connectionState: connectionStateProp, }: ConnectionStatusHookProps) => WebSocketConnectionState<import("@vuu-ui/vuu-data-remote/src/WebSocketConnection").ConnectionStatus>;

package/types/hooks/useRemoteConnection.d.ts

@@ -0,0 +1,6 @@
+import type { VuuUser } from "@vuu-ui/vuu-utils";
+export interface RemoteConnectionHookProps {
+    serverUrl?: string;
+    user: VuuUser;
+}
+export declare const useRemoteConnection: ({ serverUrl, user, }: RemoteConnectionHookProps) => void;

package/types/index.d.ts

@@ -1,10 +1,10 @@
 export * from "./data-editing";
 export * from "./datasource-provider";
 export { useLookupValues } from "./hooks/useLookupValues";
+export { useRemoteConnection } from "./hooks/useRemoteConnection";
 export { useSessionDataSource } from "./hooks/useSessionDataSource";
 export { getTypeaheadParams, useTypeaheadSuggestions, } from "./hooks/useTypeaheadSuggestions";
 export { useVisualLinks } from "./hooks/useVisualLinks";
-export { isRowMenu, isSelectionMenu, useVuuMenuActions, type MenuActionConfig, } from "./hooks/useVuuMenuActions";
+export { type MenuActionConfig, isRowMenu, isSelectionMenu, useVuuMenuActions, } from "./hooks/useVuuMenuActions";
 export { useVuuTables } from "./hooks/useVuuTables";
-export { useLostConnection } from "./lost-connection-indicator/useLostConnection";
 export * from "./session-editing-form";

package/cjs/lost-connection-indicator/useLostConnection.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
-var react = require('react');
-var vuuNotifications = require('@vuu-ui/vuu-notifications');
-var LostConnectionIndicator = require('./LostConnectionIndicator.js');
-
-const useLostConnection = () => {
-  const { hideNotification, showNotification } = vuuNotifications.useNotifications();
-  const isConnectedRef = react.useRef(vuuDataRemote.ConnectionManager.connected);
-  const handleConnectionStatusChange = react.useCallback(
-    (connectionStatus) => {
-      const { current: wasConnected } = isConnectedRef;
-      isConnectedRef.current = vuuDataRemote.isConnected(connectionStatus);
-      if (wasConnected && connectionStatus === "disconnected") {
-        showNotification({
-          content: /* @__PURE__ */ jsxRuntime.jsx(LostConnectionIndicator.LostConnectionIndicator, {}),
-          status: "error",
-          type: vuuNotifications.NotificationType.Workspace
-        });
-      } else if (!wasConnected && isConnectedRef.current) {
-        hideNotification();
-      }
-    },
-    [hideNotification, showNotification]
-  );
-  react.useMemo(async () => {
-    vuuDataRemote.ConnectionManager.on("connection-status", handleConnectionStatusChange);
-  }, [handleConnectionStatusChange]);
-};
-
-exports.useLostConnection = useLostConnection;
-//# sourceMappingURL=useLostConnection.js.map

package/cjs/lost-connection-indicator/useLostConnection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLostConnection.js","sources":["../../../../packages/vuu-data-react/src/lost-connection-indicator/useLostConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  ConnectionStatus,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport const useLostConnection = () => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(ConnectionManager.connected);\n\n  const handleConnectionStatusChange = useCallback(\n    (connectionStatus: ConnectionStatus) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(connectionStatus);\n\n      if (wasConnected && connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n  }, [handleConnectionStatusChange]);\n};\n"],"names":["useNotifications","useRef","ConnectionManager","useCallback","isConnected","LostConnectionIndicator","NotificationType","useMemo"],"mappings":";;;;;;;;AASO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAIA,iCAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiBC,YAAO,CAAAC,+BAAA,CAAkB,SAAS,CAAA;AAEzD,EAAA,MAAM,4BAA+B,GAAAC,iBAAA;AAAA,IACnC,CAAC,gBAAuC,KAAA;AACtC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAUC,0BAAY,gBAAgB,CAAA;AAErD,MAAI,IAAA,YAAA,IAAgB,qBAAqB,cAAgB,EAAA;AACvD,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,iCAAUC,+CAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAMC,iCAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAAC,aAAA,CAAQ,YAAY;AAClB,IAAkBL,+BAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AAAA,GACxE,EAAG,CAAC,4BAA4B,CAAC,CAAA;AACnC;;;;"}

package/esm/lost-connection-indicator/useLostConnection.js

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { ConnectionManager, isConnected } from '@vuu-ui/vuu-data-remote';
-import { useRef, useCallback, useMemo } from 'react';
-import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
-import { LostConnectionIndicator } from './LostConnectionIndicator.js';
-
-const useLostConnection = () => {
-  const { hideNotification, showNotification } = useNotifications();
-  const isConnectedRef = useRef(ConnectionManager.connected);
-  const handleConnectionStatusChange = useCallback(
-    (connectionStatus) => {
-      const { current: wasConnected } = isConnectedRef;
-      isConnectedRef.current = isConnected(connectionStatus);
-      if (wasConnected && connectionStatus === "disconnected") {
-        showNotification({
-          content: /* @__PURE__ */ jsx(LostConnectionIndicator, {}),
-          status: "error",
-          type: NotificationType.Workspace
-        });
-      } else if (!wasConnected && isConnectedRef.current) {
-        hideNotification();
-      }
-    },
-    [hideNotification, showNotification]
-  );
-  useMemo(async () => {
-    ConnectionManager.on("connection-status", handleConnectionStatusChange);
-  }, [handleConnectionStatusChange]);
-};
-
-export { useLostConnection };
-//# sourceMappingURL=useLostConnection.js.map

package/esm/lost-connection-indicator/useLostConnection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLostConnection.js","sources":["../../../../packages/vuu-data-react/src/lost-connection-indicator/useLostConnection.tsx"],"sourcesContent":["import {\n  ConnectionManager,\n  ConnectionStatus,\n  isConnected,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { LostConnectionIndicator } from \"../lost-connection-indicator/LostConnectionIndicator\";\n\nexport const useLostConnection = () => {\n  const { hideNotification, showNotification } = useNotifications();\n\n  const isConnectedRef = useRef(ConnectionManager.connected);\n\n  const handleConnectionStatusChange = useCallback(\n    (connectionStatus: ConnectionStatus) => {\n      const { current: wasConnected } = isConnectedRef;\n      isConnectedRef.current = isConnected(connectionStatus);\n\n      if (wasConnected && connectionStatus === \"disconnected\") {\n        showNotification({\n          content: <LostConnectionIndicator />,\n          status: \"error\",\n          type: NotificationType.Workspace,\n        });\n      } else if (!wasConnected && isConnectedRef.current) {\n        hideNotification();\n      }\n    },\n    [hideNotification, showNotification],\n  );\n\n  useMemo(async () => {\n    ConnectionManager.on(\"connection-status\", handleConnectionStatusChange);\n  }, [handleConnectionStatusChange]);\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GAAI,gBAAiB,EAAA;AAEhE,EAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,iBAAA,CAAkB,SAAS,CAAA;AAEzD,EAAA,MAAM,4BAA+B,GAAA,WAAA;AAAA,IACnC,CAAC,gBAAuC,KAAA;AACtC,MAAM,MAAA,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,cAAA;AAClC,MAAe,cAAA,CAAA,OAAA,GAAU,YAAY,gBAAgB,CAAA;AAErD,MAAI,IAAA,YAAA,IAAgB,qBAAqB,cAAgB,EAAA;AACvD,QAAiB,gBAAA,CAAA;AAAA,UACf,OAAA,sBAAU,uBAAwB,EAAA,EAAA,CAAA;AAAA,UAClC,MAAQ,EAAA,OAAA;AAAA,UACR,MAAM,gBAAiB,CAAA;AAAA,SACxB,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,YAAgB,IAAA,cAAA,CAAe,OAAS,EAAA;AAClD,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,kBAAkB,gBAAgB;AAAA,GACrC;AAEA,EAAA,OAAA,CAAQ,YAAY;AAClB,IAAkB,iBAAA,CAAA,EAAA,CAAG,qBAAqB,4BAA4B,CAAA;AAAA,GACxE,EAAG,CAAC,4BAA4B,CAAC,CAAA;AACnC;;;;"}

package/types/lost-connection-indicator/useLostConnection.d.ts

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