@vuu-ui/vuu-data-editing 3.3.15 → 3.3.17

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.3.15",
+  "version": "3.3.17",
   "description": "Shared data editing APIs and React components for VUU UI",
   "main": "./src/index.js",
   "author": "heswell",
@@ -12,13 +12,13 @@
   },
   "dependencies": {
     "@salt-ds/core": "1.54.1",
-    "@vuu-ui/vuu-ui-controls": "3.3.15",
-    "@vuu-ui/vuu-utils": "3.3.15"
+    "@vuu-ui/vuu-ui-controls": "3.3.17",
+    "@vuu-ui/vuu-utils": "3.3.17"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "3.3.15",
-    "@vuu-ui/vuu-protocol-types": "3.3.15",
-    "@vuu-ui/vuu-table-types": "3.3.15"
+    "@vuu-ui/vuu-data-types": "3.3.17",
+    "@vuu-ui/vuu-protocol-types": "3.3.17",
+    "@vuu-ui/vuu-table-types": "3.3.17"
   },
   "peerDependencies": {
     "react": "^19.2.3"

package/types/edit-field/EditField.d.ts

@@ -0,0 +1,12 @@
+import type { DataRow } from "@vuu-ui/vuu-table-types";
+export type TextFieldType = "email" | "password";
+export type EditFieldType = "checkbox" | TextFieldType;
+export interface EditFieldProps {
+    dataRow: DataRow;
+    label: string;
+    name: string;
+    readOnly?: boolean;
+    required?: boolean;
+    type?: EditFieldType;
+}
+export declare const EditField: ({ dataRow, label, name, readOnly, required, type, }: EditFieldProps) => import("react").JSX.Element;

package/types/edit-field/useEditField.d.ts

@@ -0,0 +1,24 @@
+import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import type { RuntimeColumnDescriptor, TableCellEditHandler } from "@vuu-ui/vuu-table-types";
+import { type ChangeEventHandler, type FocusEventHandler, type KeyboardEvent } from "react";
+import type { TextFieldType } from "./EditField";
+export interface EditFieldHookProps<T extends VuuRowDataItemType = VuuRowDataItemType> {
+    column: Pick<RuntimeColumnDescriptor, "clientSideEditValidationCheck" | "label" | "name">;
+    value?: T;
+    onEdit?: TableCellEditHandler;
+    textType?: TextFieldType;
+    type?: "string" | "number" | "boolean";
+}
+export declare const useEditField: <T extends string | number | boolean = string>({ column, value, onEdit, textType, type, }: EditFieldHookProps<T>) => {
+    editing: boolean;
+    inputProps: {
+        onBlur: FocusEventHandler<HTMLElement>;
+        onFocus: FocusEventHandler<HTMLElement>;
+        type: TextFieldType | undefined;
+    };
+    onChange: ChangeEventHandler;
+    onKeyDown: (evt: KeyboardEvent<HTMLElement>) => Promise<void>;
+    previousValue: string | undefined;
+    value: string;
+    warningMessage: string | undefined;
+};

package/types/useEditable.d.ts

@@ -0,0 +1,13 @@
+import type { CopyOption, DataSource } from "@vuu-ui/vuu-data-types";
+import { EditSession } from ".";
+export interface EditableHookProps {
+    copyOption?: CopyOption;
+    dataSource: DataSource;
+    onCancel: () => void;
+    onSave: () => void;
+}
+export declare const useEditable: ({ copyOption, dataSource, onCancel, onSave }: EditableHookProps) => {
+    editSession: EditSession;
+    onCancel: () => Promise<void>;
+    onSave: (force?: boolean) => Promise<void>;
+};