@vuu-ui/vuu-data-react 4.0.0-alpha.20 → 4.0.0-alpha.22

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-alpha.20",
+  "version": "4.0.0-alpha.22",
   "main": "./src/index.js",
   "author": "heswell",
   "type": "module",
@@ -11,25 +11,25 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.20"
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-table-types": "4.0.0-alpha.22"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-data-remote": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-filter-parser": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-filters": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-layout": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-notifications": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.20",
-    "@salt-ds/core": "1.67.0",
-    "@salt-ds/styles": "0.2.1",
-    "@salt-ds/window": "0.1.1",
-    "@vuu-ui/core": "4.0.0-alpha.20"
+    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-data-remote": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-filter-parser": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-filters": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-layout": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-notifications": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-table": "4.0.0-alpha.22",
+    "@salt-ds/core": "1.72.0",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2",
+    "@vuu-ui/core": "4.0.0-alpha.22"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

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

@@ -21,6 +21,10 @@ function toTimeString(value, timestamp, { timeZone }, milliseconds = false) {
         if (isValidTimeString(timeString)) return timeString;
     }
 }
+const BOOLEAN_TOGGLE_VALUES = [
+    true,
+    false
+];
 const getDataItemEditControl = ({ InputProps, TypeaheadProps, className, commitOnBlur, commitWhenCleared, dataDescriptor, editOperation = "update", errorMessage, labels, onCommit, table, values, variant })=>{
     const dataVariant = variant && "toggle" !== variant ? variant : void 0;
     const temporalInfo = getTemporalInfo(dataDescriptor);
@@ -82,6 +86,17 @@ const getDataItemEditControl = ({ InputProps, TypeaheadProps, className, commitO
             "data-edit-control": true
         });
     }
+    if ("toggle" === variant && "boolean" === dataDescriptor.serverDataType) return /*#__PURE__*/ jsx(ToggleFilter, {
+        className: className,
+        column: dataDescriptor.name,
+        "data-edit-control": true,
+        disableTypeahead: true,
+        labels: labels,
+        onCommit: onCommit,
+        table: table,
+        values: values?.length ? values : BOOLEAN_TOGGLE_VALUES,
+        value: InputProps?.inputProps?.value ?? "all"
+    });
     if ("string" === dataDescriptor.serverDataType && table) if ("toggle" === variant && values?.length) return /*#__PURE__*/ jsx(ToggleFilter, {
         className: className,
         column: dataDescriptor.name,

package/src/hooks/useLookupValues.js

@@ -1,4 +1,5 @@
-import { VuuDataSource } from "@vuu-ui/vuu-data-remote";
+import { useData, useOptionalVuuConnectionId } from "@vuu-ui/core";
+import { DEFAULT_CONNECTION_ID } from "@vuu-ui/vuu-data-remote";
 import { Range, buildColumnMap, getSelectedOption, isLookupRenderer, isTypeDescriptor, isValueListRenderer, useShellContext } from "@vuu-ui/vuu-utils";
 import { useMemo, useState } from "react";
 const NO_VALUES = [];
@@ -7,8 +8,8 @@ const toListOption = (value)=>({
         value
     });
 const lookupValueMap = new Map();
-const loadLookupValues = ({ labelColumn, table, valueColumn })=>{
-    const tableKey = `${table.module}:${table.table}`;
+const loadLookupValues = (connectionId, VuuDataSource, { labelColumn, table, valueColumn })=>{
+    const tableKey = `${connectionId}:${table.module}:${table.table}`;
     const lookupValues = lookupValueMap.get(tableKey);
     if (lookupValues) return lookupValues;
     {
@@ -49,6 +50,8 @@ const getLookupDetails = ({ name, type })=>{
 const useLookupValues = (column, initialValueProp)=>{
     const { type: columnType } = column;
     const { getLookupValues } = useShellContext();
+    const { VuuDataSource } = useData();
+    const connectionId = useOptionalVuuConnectionId() ?? DEFAULT_CONNECTION_ID;
     const initialState = useMemo(()=>{
         if (isTypeDescriptor(columnType) && isValueListRenderer(columnType?.renderer)) {
             const values = columnType.renderer.values.map(toListOption);
@@ -75,7 +78,7 @@ const useLookupValues = (column, initialValueProp)=>{
     useMemo(()=>{
         if (values === NO_VALUES) {
             const lookupDetails = getLookupDetails(column);
-            loadLookupValues(lookupDetails).then((values)=>setLookupState({
+            loadLookupValues(connectionId, VuuDataSource, lookupDetails).then((values)=>setLookupState({
                     initialValue: getSelectedOption(values, initialValueProp) ?? null,
                     values
                 }));
@@ -83,7 +86,9 @@ const useLookupValues = (column, initialValueProp)=>{
     }, [
         values,
         column,
-        initialValueProp
+        initialValueProp,
+        connectionId,
+        VuuDataSource
     ]);
     return {
         initialValue,

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

@@ -1,11 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { ConnectionManager, isConnected } from "@vuu-ui/vuu-data-remote";
-import { useCallback, useMemo, useRef } from "react";
+import { useOptionalVuuConnectionId } from "@vuu-ui/core";
+import { ConnectionManager, DEFAULT_CONNECTION_ID, isConnected } from "@vuu-ui/vuu-data-remote";
+import { useCallback, useEffect, useRef } from "react";
 import { NotificationType, useNotifications } from "@vuu-ui/vuu-notifications";
 import { LostConnectionIndicator } from "./LostConnectionIndicator.js";
 const useLostConnection = ()=>{
     const { hideNotification, showNotification } = useNotifications();
-    const isConnectedRef = useRef(ConnectionManager.connected);
+    const connectionId = useOptionalVuuConnectionId() ?? DEFAULT_CONNECTION_ID;
+    const isConnectedRef = useRef(ConnectionManager.connectedFor(connectionId));
     const handleConnectionStatusChange = useCallback((connectionStatus)=>{
         const { current: wasConnected } = isConnectedRef;
         isConnectedRef.current = isConnected(connectionStatus);
@@ -19,9 +21,8 @@ const useLostConnection = ()=>{
         hideNotification,
         showNotification
     ]);
-    useMemo(async ()=>{
-        ConnectionManager.on("connection-status", handleConnectionStatusChange);
-    }, [
+    useEffect(()=>ConnectionManager.onConnectionStatus(connectionId, handleConnectionStatusChange), [
+        connectionId,
         handleConnectionStatusChange
     ]);
 };

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { VuuDataSource } from "@vuu-ui/vuu-data-remote";
+import { useData } from "@vuu-ui/core";
 import { Range, buildColumnMap, getTypedValue, queryClosest, shallowEquals } from "@vuu-ui/vuu-utils";
 import { Button, FormField, FormFieldHelperText, FormFieldLabel, Input, useIdMemo } from "@salt-ds/core";
 import { useComponentCssInjection } from "@salt-ds/styles";
@@ -31,7 +31,7 @@ const Status = {
     changed: 2,
     invalid: 3
 };
-const getDataSource = (dataSource, schema)=>{
+const getDataSource = (VuuDataSource, dataSource, schema)=>{
     if (dataSource) return dataSource;
     if (schema) return new VuuDataSource({
         bufferSize: 0,
@@ -53,8 +53,9 @@ const SessionEditingForm_SessionEditingForm = ({ className, config: { fields, ke
     const formContentRef = useRef(null);
     const initialDataRef = useRef(void 0);
     const dataStatusRef = useRef(Status.uninitialised);
+    const { VuuDataSource } = useData();
     const dataSource = useMemo(()=>{
-        const ds = getDataSource(dataSourceProp, schema);
+        const ds = getDataSource(VuuDataSource, dataSourceProp, schema);
         const { columns } = ds;
         const columnMap = buildColumnMap(ds.columns);
         const applyServerData = (data)=>{
@@ -76,6 +77,7 @@ const SessionEditingForm_SessionEditingForm = ({ className, config: { fields, ke
         });
         return ds;
     }, [
+        VuuDataSource,
         dataSourceProp,
         schema
     ]);

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

@@ -2,4 +2,4 @@ import type { HTMLAttributes } from "react";
 import { type EditFormHookProps } from "./useEditForm";
 export interface EditFormProps extends EditFormHookProps, Omit<HTMLAttributes<HTMLDivElement>, "onSubmit"> {
 }
-export declare const EditForm: ({ className, dataSource, formFieldDescriptors, onSubmit: onSubmitProp, ...htmlAttributes }: EditFormProps) => import("react").JSX.Element;
+export declare const EditForm: ({ className, dataSource, formFieldDescriptors, onSubmit: onSubmitProp, ...htmlAttributes }: EditFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface UnsavedChangesReportProps<T extends Entity = Entity> {
     entity: T;
     editedEntity: T;
 }
-export declare const UnsavedChangesReport: ({ entity, editedEntity, }: UnsavedChangesReportProps) => import("react").JSX.Element;
+export declare const UnsavedChangesReport: ({ entity, editedEntity, }: UnsavedChangesReportProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,7 @@ import type { DataValueDescriptor, TableSchemaTable } from "@vuu-ui/vuu-data-typ
 import { type VuuTypeaheadInputProps } from "@vuu-ui/vuu-ui-controls";
 import { type CommitHandler } from "@vuu-ui/vuu-utils";
 import type { InputProps } from "@salt-ds/core";
+import { type ToggleFilterValue } from "@vuu-ui/vuu-filters";
 /**
  * variant can be used to provide a rendering hint to the filter control rendered.
  * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices
@@ -33,10 +34,11 @@ export interface DataItemEditControlProps {
      * They will be validated against server with Typeahead service, so
      * unavailable options are not offered.
      * Recommended for toggle filters, not usually necessary for other
-     * filter variants.
+     * filter variants. Boolean values are supported for toggle filters on
+     * boolean columns, where values default to [true, false].
      */
-    values?: string[];
+    values?: ToggleFilterValue[];
     variant?: FilterControlVariant;
 }
 export type ValidationStatus = "initial" | true | string;
-export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, className, commitOnBlur, commitWhenCleared, dataDescriptor, editOperation, errorMessage, labels, onCommit, table, values, variant, }: DataItemEditControlProps) => import("react").JSX.Element;
+export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, className, commitOnBlur, commitWhenCleared, dataDescriptor, editOperation, errorMessage, labels, onCommit, table, values, variant, }: DataItemEditControlProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import type { DataSource, DataValueDescriptor } from "@vuu-ui/vuu-data-types";
 import { type CommitHandler, type Entity } from "@vuu-ui/vuu-utils";
-import { type ChangeEventHandler, type FocusEventHandler } from "react";
+import { type FormEventHandler, type FocusEventHandler } from "react";
 export interface EditFormHookProps {
     dataSource?: DataSource;
     formFieldDescriptors: DataValueDescriptor[];
@@ -14,7 +14,7 @@ export declare const useEditForm: ({ dataSource, formFieldDescriptors, onSubmit,
     isClean: boolean;
     ok: boolean;
     onCancel: () => Promise<void>;
-    onChange: ChangeEventHandler<HTMLElement>;
+    onChange: FormEventHandler<HTMLElement>;
     onCommit: CommitHandler<HTMLElement>;
     onFocus: FocusEventHandler;
     onSubmit: () => Promise<void>;

package/types/datasource-provider/VuuDataSourceProvider.d.ts

@@ -5,4 +5,4 @@ import { type ReactNode } from "react";
  */
 export declare const VuuDataSourceProvider: ({ children, }: {
     children: ReactNode;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-export declare const LostConnectionIndicator: () => import("react").JSX.Element;
+export declare const LostConnectionIndicator: () => import("react/jsx-runtime").JSX.Element;

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

@@ -21,4 +21,4 @@ export interface SessionEditingFormProps extends HTMLAttributes<HTMLDivElement>
     dataSource?: DataSource;
     schema?: TableSchema;
 }
-export declare const SessionEditingForm: ({ className, config: { fields, key: keyField }, dataSource: dataSourceProp, id: idProp, onClose, schema, ...htmlAttributes }: SessionEditingFormProps) => import("react").JSX.Element;
+export declare const SessionEditingForm: ({ className, config: { fields, key: keyField }, dataSource: dataSourceProp, id: idProp, onClose, schema, ...htmlAttributes }: SessionEditingFormProps) => import("react/jsx-runtime").JSX.Element;

package/types/datasource-provider/useAutoLoginToVuuServer.d.ts

@@ -1,20 +0,0 @@
-export declare const useAutoLoginToVuuServer: ({ authenticate, autoConnect, secure, token: tokenProp, user, websocketUrl, }?: {
-    /**
-     * if true, auth url on vuuserver will be used to get token
-     * auth url is "/api/authn"
-     */
-    authenticate?: boolean;
-    /**
-     * true by default, will go ahead and open websocket connection
-     */
-    autoConnect?: boolean;
-    autoLogin?: boolean;
-    secure?: boolean;
-    /**
-     * use with no authenticate step, to provide auth token.
-     * Used when vuu server is performing no token check
-     */
-    token?: string;
-    user?: string;
-    websocketUrl?: string;
-}) => import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -1,5 +0,0 @@
-import { HTMLAttributes } from "react";
-import { EditFormHookProps } from "./useEditForm";
-export interface EditFormProps extends EditFormHookProps, Omit<HTMLAttributes<HTMLDivElement>, "onSubmit"> {
-}
-export declare const EditForm: ({ className, dataSource, formFieldDescriptors, onSubmit: onSubmitProp, ...htmlAttributes }: EditFormProps) => import("react").JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -1,37 +0,0 @@
-import type { DataValueDescriptor, TableSchemaTable } from "@vuu-ui/vuu-data-types";
-import { type VuuTypeaheadInputProps } from "@vuu-ui/vuu-ui-controls";
-import { type CommitHandler } from "@vuu-ui/vuu-utils";
-import type { InputProps } from "@salt-ds/core";
-/**
- * variant can be used to provide a rendering hint to the filter control rendered.
- * 'toggle' for A ToggleButtonGroup, only suitable for up to 3 value choices
- * 'search' to render a search icon and require at least one character to be entered.
- * 'pick' to show a dropdown list, even before any text is entered, best for smaller lists
- */
-export type FilterControlVariant = "search" | "pick" | "toggle";
-export interface DataItemEditControlProps {
-    InputProps?: Partial<InputProps>;
-    TypeaheadProps?: Pick<VuuTypeaheadInputProps, "highlightFirstSuggestion" | "minCharacterCountToTriggerSuggestions" | "selectOnTab">;
-    className?: string;
-    commitOnBlur?: boolean;
-    commitWhenCleared?: boolean;
-    /**
-     * A table column or form field Descriptor.
-     */
-    dataDescriptor: DataValueDescriptor;
-    editOperation?: "insert" | "update";
-    errorMessage?: string;
-    onCommit: CommitHandler<HTMLElement>;
-    table?: TableSchemaTable;
-    /**
-     * Where provided, only these values will be offered as suggestions.
-     * They will be validated against server with Typeahead service, so
-     * unavailable options are not offered.
-     * Recommended for toggle filters, not usually necessary for other
-     * filter variants.
-     */
-    values?: string[];
-    variant?: FilterControlVariant;
-}
-export type ValidationStatus = "initial" | true | string;
-export declare const getDataItemEditControl: ({ InputProps, TypeaheadProps, className, commitOnBlur, commitWhenCleared, dataDescriptor, editOperation, errorMessage, onCommit, table, values, variant, }: DataItemEditControlProps) => import("react").JSX.Element;

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

@@ -1,6 +0,0 @@
-export * from "./get-data-item-edit-control";
-export * from "./EditForm";
-export * from "./edit-rule-validation-checker";
-export * from "./UnsavedChangesReport";
-export * from "./useEditForm";
-export * from "./form-edit-state";

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

@@ -1,21 +0,0 @@
-import type { DataSource, DataValueDescriptor } from "@vuu-ui/vuu-data-types";
-import { CommitHandler, Entity } from "@vuu-ui/vuu-utils";
-import { FocusEventHandler, SyntheticEvent } from "react";
-export interface EditFormHookProps {
-    dataSource?: DataSource;
-    formFieldDescriptors: DataValueDescriptor[];
-    onSubmit?: () => void;
-}
-export declare const useEditForm: ({ dataSource, formFieldDescriptors, onSubmit, }: EditFormHookProps) => {
-    editedFields: string[];
-    editEntity: Entity | undefined;
-    errorMessages: Record<string, string>;
-    formFieldsContainerRef: import("react").RefObject<HTMLDivElement | null>;
-    isClean: boolean;
-    ok: boolean;
-    onCancel: () => Promise<void>;
-    onChange: (evt: SyntheticEvent<HTMLInputElement>) => void;
-    onCommit: CommitHandler<HTMLElement>;
-    onFocus: FocusEventHandler;
-    onSubmit: () => Promise<void>;
-};

package/types/src/datasource-provider/VuuDataSourceProvider.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from "react";
-/**
- * DataSource Providers inject a DataSource constructor, made available
- * to clients via the useData hook. This provider offers the standard
- * VuuDataSource, which will source data from a remote vuu server.
- *
- * In production code, it will generally be used without props, authentication
- * and connection to vuu server will be handled elsewhere. The props are
- * useful for rendering standalone components.
- */
-export declare const VuuDataSourceProvider: ({ authenticate, autoConnect, autoLogin, children, websocketUrl, }: {
-    authenticate?: boolean;
-    autoConnect?: boolean;
-    autoLogin?: boolean;
-    children: ReactNode;
-    websocketUrl?: string;
-}) => import("react").JSX.Element;

package/types/src/datasource-provider/index.d.ts

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

package/types/src/datasource-provider/useAutoLoginToVuuServer.d.ts

@@ -1,20 +0,0 @@
-export declare const useAutoLoginToVuuServer: ({ authenticate, autoConnect, secure, token: tokenProp, user, websocketUrl, }?: {
-    /**
-     * if true, auth url on vuuserver will be used to get token
-     * auth url is "/api/authn"
-     */
-    authenticate?: boolean;
-    /**
-     * true by default, will go ahead and open websocket connection
-     */
-    autoConnect?: boolean;
-    autoLogin?: boolean;
-    secure?: boolean;
-    /**
-     * use with no authenticate step, to provide auth token.
-     * Used when vuu server is performing no token check
-     */
-    token?: string;
-    user?: string;
-    websocketUrl?: string;
-}) => import("react").JSX.Element | undefined;

package/types/src/hooks/useLookupValues.d.ts

@@ -1,5 +0,0 @@
-import { ColumnDescriptor, ListOption } from "@vuu-ui/vuu-table-types";
-export declare const useLookupValues: (column: ColumnDescriptor, initialValueProp: number | string) => {
-    initialValue: ListOption | null;
-    values: ListOption[];
-};

package/types/src/hooks/useSessionDataSource.d.ts

@@ -1,8 +0,0 @@
-import type { DataSource, DataSourceConfigChangeHandler, DataSourceConstructorProps } from "@vuu-ui/vuu-data-types";
-export interface SessionStateHookProps {
-    onConfigChange?: DataSourceConfigChangeHandler;
-}
-export declare const useSessionDataSource: (props?: SessionStateHookProps) => {
-    clearDataSource: (sessionKey: string, unsubscribe?: boolean) => void;
-    getDataSource: (sessionKey: string, dataSourceConstructorProps?: DataSourceConstructorProps) => DataSource;
-};

package/types/src/hooks/useTypeaheadSuggestions.d.ts

@@ -1,4 +0,0 @@
-import { SuggestionFetcher, TableSchemaTable } from "@vuu-ui/vuu-data-types";
-import { TypeaheadParams } from "@vuu-ui/vuu-protocol-types";
-export declare const getTypeaheadParams: (table: TableSchemaTable, column: string, text?: string, selectedValues?: string[]) => TypeaheadParams;
-export declare const useTypeaheadSuggestions: () => SuggestionFetcher;

package/types/src/hooks/useVisualLinks.d.ts

@@ -1,2 +0,0 @@
-import type { DataSource } from "@vuu-ui/vuu-data-types";
-export declare const useVisualLinks: (dataSource: DataSource) => void;

package/types/src/hooks/useVuuMenuActions.d.ts

@@ -1,39 +0,0 @@
-import { type MenuActionHandler } from "@vuu-ui/vuu-context-menu";
-import { DataSource, DataSourceVisualLinkCreatedMessage, RpcResponseHandler } from "@vuu-ui/vuu-data-types";
-import type { LinkDescriptorWithLabel, VuuDataRowDto, VuuMenu, VuuMenuItem, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import type { ColumnDescriptor, TableContextMenuDef } from "@vuu-ui/vuu-table-types";
-export interface MenuActionConfig {
-    vuuMenu?: VuuMenu;
-    visualLink?: DataSourceVisualLinkCreatedMessage;
-    visualLinks?: LinkDescriptorWithLabel[];
-}
-export interface VuuMenuActionHookProps {
-    /**
-     * By default, vuuMenuActions will be handled automatically. When activated, a
-     * message will be sent to server and response will be handled here too.
-     * This prop allows client to provide a custom handler for a menu Item. This will
-     * take priority and if handler returns true, no further processing for the menu
-     * item will be handled by Vuu. This can also be used to prevent an item from being
-     * actioned, even when no custom handling is intended. If the handler returns false,
-     * Vuu will process the menuItem.
-     */
-    clientSideMenuActionHandler?: MenuActionHandler;
-    dataSource?: DataSource;
-    menuActionConfig?: MenuActionConfig;
-    onRpcResponse?: RpcResponseHandler;
-}
-export interface VuuCellContextMenuItemOptions extends VuuMenuItem {
-    rowKey: string;
-    field: string;
-    value: VuuRowDataItemType;
-}
-export interface VuuRowContextMenuItemOptions extends VuuMenuItem {
-    rowKey: string;
-    row: VuuDataRowDto;
-}
-export interface VuuSelectedRowsContextMenuItemOptions extends VuuMenuItem {
-    columns: ColumnDescriptor[];
-}
-export declare const isRowMenu: (options: VuuMenuItem) => options is VuuRowContextMenuItemOptions;
-export declare const isSelectionMenu: (options: VuuMenuItem) => options is VuuSelectedRowsContextMenuItemOptions;
-export declare const useVuuMenuActions: ({ clientSideMenuActionHandler, dataSource, onRpcResponse, }: VuuMenuActionHookProps) => TableContextMenuDef;

package/types/src/hooks/useVuuTables.d.ts

@@ -1,2 +0,0 @@
-import type { TableSchema } from "@vuu-ui/vuu-data-types";
-export declare const useVuuTables: () => TableSchema[] | undefined;

package/types/src/index.d.ts

@@ -1,10 +0,0 @@
-export * from "./data-editing";
-export * from "./datasource-provider";
-export { useLookupValues } from "./hooks/useLookupValues";
-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 { useVuuTables } from "./hooks/useVuuTables";
-export { useLostConnection } from "./lost-connection-indicator/useLostConnection";
-export * from "./session-editing-form";

package/types/src/lost-connection-indicator/LostConnectionIndicator.d.ts

@@ -1 +0,0 @@
-export declare const LostConnectionIndicator: () => import("react").JSX.Element;

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

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

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

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

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

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