@opencxh/ui-kit 3.172.0 → 3.175.1

package/dist/src/forms/Form.d.ts

@@ -1,4 +1,4 @@
-import { InternalSDK } from '@opencxh/domain';
+import { InvokeOptions } from '@opencxh/domain';
 import { default as React } from 'react';
 export type FormFieldType = "text" | "email" | "password" | "number" | "tel" | "url" | "color" | "textarea" | "select" | "segmented" | "checkbox" | "radio" | "date" | "file" | "folder" | "custom" | "array";
 /**
@@ -148,6 +148,15 @@ export interface FormButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
+/**
+ * The sliver of an app SDK that `Form` needs: one call to the server. Nothing here knows
+ * about the rest of the SDK, which is the point.
+ */
+export interface FormInvoker {
+    http: {
+        invoke<T = any>(options: InvokeOptions): Promise<T>;
+    };
+}
 export interface FormProps<T = Record<string, any>> {
     /** Form groups */
     groups: FormGroup<T>[];
@@ -184,7 +193,16 @@ export interface FormProps<T = Record<string, any>> {
      */
     ref?: React.RefObject<HTMLFormElement | null>;
     /** SDK instance */
-    sdk?: InternalSDK<any>;
+    /**
+     * A handle that can call the server, for the storage fields (`storage`, `folder`).
+     *
+     * Typed as the one method used rather than as the whole `InternalSDK`. That type moved
+     * to `@opencxh/app-sdk` — it is that package's promise, not part of the vocabulary —
+     * and ui-kit has no dependency on it, nor should it need one to render a form. Asking
+     * for what it uses also keeps the storage fields' eventual move out of here (they are
+     * slated to become a federated resource) from being blocked by a type import.
+     */
+    sdk?: FormInvoker;
 }
 /**
  * Generic Form component with groups, validation, and conditional rendering

package/dist/src/index.d.ts

@@ -23,7 +23,7 @@ export { Switch, type SwitchProps } from './input/Switch';
 export { StorageInput, type StorageInputProps } from './input/StorageInput';
 export { TextArea, type TextAreaProps } from './input/TextArea';
 export { TextField, type TextFieldProps } from './input/TextField';
-export { Form, FormSection, type FormButtonProps, type FormFieldType, type FormGroup, type FormGroupItem, type FormProps } from './forms/Form';
+export { Form, FormSection, type FormButtonProps, type FormFieldType, type FormGroup, type FormGroupItem, type FormInvoker, type FormProps } from './forms/Form';
 export { autofillProps, type AutofillProps } from './forms/autofill';
 export { Dropdown, type DropdownOption, type DropdownProps } from './overlays/Dropdown';
 export { ConfirmDialog, type ConfirmDialogProps } from './overlays/ConfirmDialog';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencxh/ui-kit",
-  "version": "3.172.0",
+  "version": "3.175.1",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {
@@ -37,6 +37,9 @@
     "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.15.0",
@@ -45,10 +48,11 @@
     "eslint": "^9.15.0",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
+    "jsdom": "^26.1.0",
     "typescript": "6.0.3",
     "vite": "7.1.7",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^2.1.8"
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "react": ">=19.2.4",