@opencxh/ui-kit 3.132.0 → 3.136.0

package/dist/src/content/Table.d.ts

@@ -56,6 +56,18 @@ export interface TableFilter {
     /** Whether filter is multi-select */
     multiSelect?: boolean;
 }
+/**
+ * `TableFilter.onChange` covers every filter `type` in one signature, so a
+ * handler written for the type it is actually attached to does not fit it
+ * (parameters are contravariant). These adapters bridge that without pushing a
+ * cast into every call site.
+ *
+ * The fallbacks are unreachable in practice — a `type: "date"` filter only ever
+ * emits `Date | null`, a single `type: "select"` only ever a string — but they
+ * keep the coercion explicit instead of asserting it away.
+ */
+export declare const dateFilterHandler: (fn: (value: Date | null) => void) => TableFilter["onChange"];
+export declare const selectFilterHandler: (fn: (value: string) => void) => TableFilter["onChange"];
 export interface TableProps<T = any> {
     /** Table data */
     data: T[];

package/dist/src/federated-resource/index.d.ts

@@ -3,9 +3,18 @@ interface FederatedResourceProps {
     identifier: string;
     resourceLoader: () => Promise<any>;
     framework?: 'react' | 'svelte' | 'vanilla';
+    /** Getoond zolang de remote laadt. */
     fallback?: React.ReactNode;
+    /**
+     * Getoond wanneer de remote niet te laden is — app uitgezet, bundel stuk, sleutel fout.
+     *
+     * Zonder dit rendert dit component bij een fout niets, en dan verdwijnt de plek waar
+     * iets had moeten staan zonder spoor in de UI. Dat is precies het verschil tussen "de
+     * app is er niet" en "er is niks aan de hand".
+     */
+    errorFallback?: React.ReactNode;
     componentProps?: Record<string, any>;
     className?: string;
 }
-export declare function FederatedResource({ identifier, resourceLoader, framework, fallback, componentProps, className, }: FederatedResourceProps): React.JSX.Element;
+export declare function FederatedResource({ identifier, resourceLoader, framework, fallback, errorFallback, componentProps, className, }: FederatedResourceProps): React.JSX.Element;
 export {};

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

@@ -1,9 +1,24 @@
 import { InternalSDK } from '@opencxh/domain';
 import { default as React } from 'react';
 export type FormFieldType = "text" | "email" | "password" | "number" | "tel" | "url" | "textarea" | "select" | "checkbox" | "radio" | "date" | "file" | "folder" | "custom" | "array";
-type NestedKeys<T> = {
-    [K in keyof T]: T[K] extends object ? `${K & string}.${NestedKeys<T[K]>}` : K & string;
-}[keyof T];
+/**
+ * `NonNullable` before the `object` test is load-bearing: form data is routinely
+ * a `Partial<T>`, which makes every property `X | undefined`, and
+ * `Address | undefined extends object` is false -- so without it every nested
+ * path silently disappears and only top-level keys survive.
+ *
+ * Arrays, Dates and functions are treated as leaves. Recursing into them would
+ * spell out every index and prototype method, and the resulting union is exactly
+ * the kind of size at which TypeScript gives up (see {@link FieldPath}).
+ *
+ * `T extends unknown ?` makes this distribute over unions. Without it a
+ * discriminated union like `OwnerScope` only contributes the keys its members
+ * share (`keyof (A | B)` is an intersection), so `ownerScope.teamId` is
+ * unspellable even though a `kind: "team"` conditional field needs exactly that.
+ */
+type NestedKeys<T> = T extends unknown ? {
+    [K in keyof T]-?: NonNullable<T[K]> extends readonly unknown[] | Date | ((...args: never[]) => unknown) ? K & string : NonNullable<T[K]> extends object ? `${K & string}.${NestedKeys<NonNullable<T[K]>>}` : K & string;
+}[keyof T] : never;
 /**
  * What a field may be named: any leaf path, plus any top-level key.
  *
@@ -136,8 +151,12 @@ export interface FormProps<T = Record<string, any>> {
     loading?: boolean;
     /** Additional CSS classes */
     className?: string;
-    /** Form ref */
-    ref?: React.RefObject<HTMLFormElement>;
+    /**
+     * Form ref. Includes `| null` because that is what React 19's
+     * `useRef<HTMLFormElement>(null)` produces; without it every caller has to
+     * cast at the call site.
+     */
+    ref?: React.RefObject<HTMLFormElement | null>;
     /** SDK instance */
     sdk?: InternalSDK<any>;
 }

package/dist/src/index.d.ts

@@ -45,7 +45,7 @@ export { RichText, type RichTextProps } from './content/RichText';
 export { SectionDivider, type SectionDividerProps } from './content/SectionDivider';
 export { SettingsRow, SettingsSection, type SettingsRowProps, type SettingsSectionProps } from './content/SettingsRow';
 export { SourceChip, type SourceChipProps } from './content/SourceChip';
-export { Table, type TableAction, type TableColumn, type TableFilter, type TableProps } from './content/Table';
+export { Table, dateFilterHandler, selectFilterHandler, type TableAction, type TableColumn, type TableFilter, type TableProps } from './content/Table';
 export { View, type ViewGroup, type ViewProps } from './content/View';
 export { SidebarMenu, type MenuItem, type MenuItemAction } from './navigation/Sidebar';
 export { TabBar, Tabs, type TabItem, type TabsProps } from './navigation/Tabs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencxh/ui-kit",
-  "version": "3.132.0",
+  "version": "3.136.0",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {
@@ -44,9 +44,9 @@
     "eslint": "^9.15.0",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "typescript": "^5.6.3",
+    "typescript": "6.0.3",
     "vite": "7.1.7",
-    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-dts": "^5.0.3",
     "vitest": "^2.1.8"
   },
   "peerDependencies": {