@vuu-ui/vuu-data-react 4.0.0-alpha.9 → 4.0.0-beta.1

package/package.json

@@ -1,8 +1,7 @@
 {
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.1",
   "main": "./src/index.js",
   "author": "heswell",
-  "type": "module",
   "license": "Apache-2.0",
   "scripts": {
     "build:dev": "node ../../scripts/run-build.mjs",
@@ -11,25 +10,24 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.9"
+    "@vuu-ui/vuu-data-types": "4.0.0-beta.1",
+    "@vuu-ui/vuu-filter-types": "4.0.0-beta.1",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-beta.1",
+    "@vuu-ui/vuu-table-types": "4.0.0-beta.1"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-data-remote": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-filter-parser": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-filters": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-layout": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-notifications": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.9",
-    "@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.9"
+    "@vuu-ui/vuu-context-menu": "4.0.0-beta.1",
+    "@vuu-ui/vuu-data-remote": "4.0.0-beta.1",
+    "@vuu-ui/vuu-filter-parser": "4.0.0-beta.1",
+    "@vuu-ui/vuu-filters": "4.0.0-beta.1",
+    "@vuu-ui/vuu-layout": "4.0.0-beta.1",
+    "@vuu-ui/vuu-notifications": "4.0.0-beta.1",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-beta.1",
+    "@vuu-ui/vuu-utils": "4.0.0-beta.1",
+    "@vuu-ui/vuu-table": "4.0.0-beta.1",
+    "@salt-ds/core": "1.72.0",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -44,10 +42,12 @@
   "exports": {
     ".": {
       "import": "./src/index.js",
+      "default": "./src/index.js",
       "types": "./types/index.d.ts"
     }
   },
   "module": "./src/index.js",
   "name": "@vuu-ui/vuu-data-react",
+  "type": "module",
   "types": "types/index.d.ts"
 }

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

@@ -1,12 +1,33 @@
 import { jsx } from "react/jsx-runtime";
 import { VuuDatePicker, VuuInput, VuuTimePicker, VuuTypeaheadInput } from "@vuu-ui/vuu-ui-controls";
-import { asTimeString, isDataValueEditable, isDateTimeDataValue, isTimeDataValue } from "@vuu-ui/vuu-utils";
+import { EpochTimestamp, getTemporalInfo, isDataValueEditable, isTimeDataValueWithMilliseconds, isValidTimeString, isValidTimeStringMillis, parseTemporalInput } from "@vuu-ui/vuu-utils";
 import { ToggleFilter } from "@vuu-ui/vuu-filters";
-const getDataItemEditControl = ({ InputProps, TypeaheadProps, className, commitOnBlur, commitWhenCleared, dataDescriptor, editOperation = "update", errorMessage, onCommit, table, values, variant })=>{
-    const handleCommitNumber = (evt, value)=>{
-        onCommit(evt, value.toString());
-    };
+const timeOfDayPattern = /^\d{2}:\d{2}(:\d{2}(\.\d{1,9})?)?$/;
+const toEpochTimestamp = (value, { encoding })=>{
+    if (("string" == typeof value || "number" == typeof value) && !timeOfDayPattern.test(`${value}`)) return EpochTimestamp.fromWire(value, encoding);
+};
+const pad = (n)=>`${n}`.padStart(2, "0");
+function toTimeString(value, timestamp, { timeZone }, milliseconds = false) {
+    if (timestamp) {
+        const { hour, minute, second, millisecond } = timestamp.getFields(timeZone);
+        const timeString = `${pad(hour)}:${pad(minute)}:${pad(second)}`;
+        return milliseconds ? `${timeString}.${`${millisecond}`.padStart(3, "0")}` : timeString;
+    }
+    if ("string" == typeof value) if (milliseconds) {
+        const timeString = 8 === value.length ? `${value}.000` : value.slice(0, 12);
+        if (isValidTimeStringMillis(timeString)) return timeString;
+    } else {
+        const timeString = value.slice(0, 8);
+        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);
     if (!isDataValueEditable(dataDescriptor, editOperation, true)) return /*#__PURE__*/ jsx(VuuInput, {
         variant: "secondary",
         ...InputProps,
@@ -14,26 +35,72 @@ const getDataItemEditControl = ({ InputProps, TypeaheadProps, className, commitO
         readOnly: true,
         "data-edit-control": true
     });
-    if (isTimeDataValue(dataDescriptor)) {
-        if (InputProps?.inputProps) {
-            const { value, onChange } = InputProps.inputProps;
-            return /*#__PURE__*/ jsx(VuuTimePicker, {
-                className: className,
-                value: asTimeString(value, true),
-                onChange: onChange,
-                onCommit: onCommit,
-                "data-edit-control": true
-            });
-        }
-    } else if (isDateTimeDataValue(dataDescriptor)) return /*#__PURE__*/ jsx(VuuDatePicker, {
+    if (temporalInfo?.kind === "time") {
+        const { value, onChange } = InputProps?.inputProps ?? {};
+        const baseValue = toEpochTimestamp(value, temporalInfo);
+        const handleCommitTime = (evt, timeString)=>{
+            if (baseValue) {
+                const timestamp = parseTemporalInput(timeString, temporalInfo, baseValue);
+                onCommit(evt, timestamp ? `${timestamp.toWire(temporalInfo.encoding)}` : "");
+            } else onCommit(evt, timeString);
+        };
+        return isTimeDataValueWithMilliseconds(dataDescriptor) ? /*#__PURE__*/ jsx(VuuTimePicker, {
+            className: className,
+            milliseconds: true,
+            value: "" === value ? "" : toTimeString(value, baseValue, temporalInfo, true),
+            onChange: onChange,
+            onCommit: handleCommitTime,
+            "data-edit-control": true
+        }) : /*#__PURE__*/ jsx(VuuTimePicker, {
+            className: className,
+            value: "" === value ? "" : toTimeString(value, baseValue, temporalInfo),
+            onChange: onChange,
+            onCommit: handleCommitTime,
+            "data-edit-control": true
+        });
+    }
+    if (temporalInfo) {
+        const baseValue = toEpochTimestamp(InputProps?.inputProps?.value, temporalInfo);
+        const handleCommitDate = (evt, startOfDayMillis)=>{
+            let timestamp = EpochTimestamp.fromMillis(startOfDayMillis);
+            if (baseValue && "datetime" === temporalInfo.kind) {
+                const { year, month, day } = timestamp.getFields(temporalInfo.timeZone);
+                const { hour, minute, second, millisecond } = baseValue.getFields(temporalInfo.timeZone);
+                timestamp = EpochTimestamp.fromFields({
+                    year,
+                    month,
+                    day,
+                    hour,
+                    minute,
+                    second,
+                    millisecond
+                }, temporalInfo.timeZone, baseValue.subMilliNanos);
+            }
+            onCommit(evt, `${timestamp.toWire(temporalInfo.encoding)}`);
+        };
+        return /*#__PURE__*/ jsx(VuuDatePicker, {
+            className: className,
+            onCommit: handleCommitDate,
+            timeZone: temporalInfo.timeZone,
+            value: baseValue,
+            "data-edit-control": true
+        });
+    }
+    if ("toggle" === variant && "boolean" === dataDescriptor.serverDataType) return /*#__PURE__*/ jsx(ToggleFilter, {
         className: className,
-        onCommit: handleCommitNumber,
-        "data-edit-control": true
+        column: dataDescriptor.name,
+        "data-edit-control": true,
+        labels: labels,
+        onCommit: onCommit,
+        table: table,
+        values: values?.length ? values : BOOLEAN_TOGGLE_VALUES,
+        value: InputProps?.inputProps?.value ?? "all"
     });
-    else if ("string" === dataDescriptor.serverDataType && table) if ("toggle" === variant && values?.length) return /*#__PURE__*/ jsx(ToggleFilter, {
+    if ("string" === dataDescriptor.serverDataType && table) if ("toggle" === variant && values?.length) return /*#__PURE__*/ jsx(ToggleFilter, {
         className: className,
         column: dataDescriptor.name,
         "data-edit-control": true,
+        labels: labels,
         onCommit: onCommit,
         table: table,
         values: values,

package/src/datasource-provider/VuuDataSourceProvider.js

@@ -1,24 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import { DataProvider, useOptionalVuuConnectionId } from "@vuu-ui/core";
 import { ConnectionManager, VuuDataSource } from "@vuu-ui/vuu-data-remote";
-import { useMemo } from "react";
-const VuuDataSourceProvider = ({ children })=>{
-    const connectionId = useOptionalVuuConnectionId() ?? "portal";
-    const BoundVuuDataSource = useMemo(()=>class extends VuuDataSource {
-            constructor(props){
-                super({
-                    ...props,
-                    connectionId
-                });
-            }
-        }, [
-        connectionId
-    ]);
-    const getServerAPI = useMemo(()=>()=>ConnectionManager.serverAPIFor(connectionId), [
-        connectionId
-    ]);
+import { DataProvider } from "@vuu-ui/vuu-utils";
+import { useAutoLoginToVuuServer } from "./useAutoLoginToVuuServer.js";
+const getServerAPI = ()=>ConnectionManager.serverAPI;
+const VuuDataSourceProvider = ({ authenticate, autoConnect = false, autoLogin = false, children, websocketUrl })=>{
+    useAutoLoginToVuuServer({
+        authenticate,
+        autoConnect,
+        autoLogin,
+        websocketUrl
+    });
     return /*#__PURE__*/ jsx(DataProvider, {
-        VuuDataSource: BoundVuuDataSource,
+        VuuDataSource: VuuDataSource,
         getServerAPI: getServerAPI,
         isLocalData: false,
         children: children

package/src/datasource-provider/useAutoLoginToVuuServer.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { ConnectionManager, authenticate as vuu_data_remote_authenticate } from "@vuu-ui/vuu-data-remote";
+import { useEffect, useState } from "react";
+const useAutoLoginToVuuServer = ({ authenticate = true, autoConnect = true, secure = true, token: tokenProp = "no-token", user = "steve", websocketUrl } = {})=>{
+    const [errorMessage, setErrorMessage] = useState("");
+    useEffect(()=>{
+        const connect = async ()=>{
+            try {
+                let token = tokenProp;
+                if (authenticate) {
+                    const response = await vuu_data_remote_authenticate(user, "xyz", "/api/authn");
+                    token = response.token;
+                }
+                const url = websocketUrl ?? `${secure ? "wss" : "ws"}://localhost/8090/websocket`;
+                ConnectionManager.connect({
+                    url,
+                    token
+                });
+            } catch (e) {
+                if (e instanceof Error) {
+                    console.error(e.message);
+                    setErrorMessage(e.message);
+                }
+            }
+        };
+        if (autoConnect) connect();
+        return ()=>{
+            if (autoConnect) ConnectionManager.disconnect();
+        };
+    }, [
+        authenticate,
+        autoConnect,
+        secure,
+        tokenProp,
+        user,
+        websocketUrl
+    ]);
+    if (errorMessage) return /*#__PURE__*/ jsx("p", {
+        children: "Unable to authenticate against Vuu Server A Vuu Server instance must be running to show this example."
+    });
+};
+export { useAutoLoginToVuuServer };

package/src/hooks/useSessionDataSource.js

@@ -1,4 +1,4 @@
-import { useData } from "@vuu-ui/core";
+import { useData } from "@vuu-ui/vuu-utils";
 import { useCallback, useRef } from "react";
 const sessionState = new Map();
 const useSessionDataSource = (props)=>{

package/src/hooks/useVuuTables.js

@@ -1,8 +1,16 @@
-import { useData } from "@vuu-ui/core";
-import { useEffect, useState } from "react";
+import { useData } from "@vuu-ui/vuu-utils";
+import { useCallback, useEffect, useState } from "react";
 const useVuuTables = ()=>{
     const [tableSchemas, setTableSchemas] = useState();
     const { getServerAPI } = useData();
+    const buildTables = useCallback((schemas)=>{
+        const vuuTables = new Map();
+        schemas.forEach((schema)=>{
+            const { module, table } = schema.table;
+            vuuTables.set(`${module}:${table}`, schema);
+        });
+        return vuuTables;
+    }, []);
     useEffect(()=>{
         async function fetchTableMetadata() {
             try {
@@ -16,6 +24,7 @@ const useVuuTables = ()=>{
         }
         fetchTableMetadata();
     }, [
+        buildTables,
         getServerAPI
     ]);
     return tableSchemas;

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

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from "react";
-import { type EditFormHookProps } from "./useEditForm";
+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;
+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
@@ -21,6 +22,11 @@ export interface DataItemEditControlProps {
     dataDescriptor: DataValueDescriptor;
     editOperation?: "insert" | "update";
     errorMessage?: string;
+    /**
+     * Optional labels, only used with 'toggle' variant. If provided, must
+     * have same number of items as values. Defaults to values.
+     */
+    labels?: string[];
     onCommit: CommitHandler<HTMLElement>;
     table?: TableSchemaTable;
     /**
@@ -28,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, 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 { CommitHandler, Entity } from "@vuu-ui/vuu-utils";
+import { FocusEventHandler, SyntheticEvent } 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: (evt: SyntheticEvent<HTMLInputElement>) => void;
     onCommit: CommitHandler<HTMLElement>;
     onFocus: FocusEventHandler;
     onSubmit: () => Promise<void>;

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

@@ -1,8 +1,17 @@
-import { type ReactNode } from "react";
+import { ReactNode } from "react";
 /**
- * Supplies the standard VUU data-source implementation. Authentication and
- * websocket lifecycle are handled by AuthenticationProvider.
+ * 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: ({ children, }: {
+export declare const VuuDataSourceProvider: ({ authenticate, autoConnect, autoLogin, children, websocketUrl, }: {
+    authenticate?: boolean;
+    autoConnect?: boolean;
+    autoLogin?: boolean;
     children: ReactNode;
-}) => import("react").JSX.Element;
+    websocketUrl?: string;
+}) => 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/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";