@opencxh/ui-kit 3.128.0 → 3.134.0

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

@@ -0,0 +1,14 @@
+export interface RichTextProps {
+    /** Markdown of HTML; welke van de twee wordt gedetecteerd. */
+    text: string | null | undefined;
+    /** Extra classes op de wrapper (bv. `text-sm` of een line-clamp). */
+    className?: string;
+    /**
+     * Forceer een tak in plaats van te detecteren. Alleen nodig als je zeker
+     * weet wat je hebt en de heuristiek in de weg zit (bv. platte tekst die
+     * toevallig op een tag lijkt).
+     */
+    as?: "markdown" | "html";
+}
+/** Veilig gerenderde markdown-of-HTML tekst. */
+export declare function RichText({ text, className, as }: RichTextProps): import("react").JSX.Element;

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/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

@@ -41,10 +41,11 @@ export { MessageBubble, type MessageBubbleProps } from './content/MessageBubble'
 export { KpiCard, type KpiCardProps } from './content/KpiCard';
 export { PageHeader, type PageHeaderAction, type PageHeaderProps } from './content/PageHeader';
 export { PageToolbar, type PageToolbarProps } from './content/PageToolbar';
+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.128.0",
+  "version": "3.134.0",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {
@@ -30,7 +30,10 @@
     "lucide-react": "^0.460.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "@opencxh/domain": "workspace:*"
+    "@opencxh/domain": "workspace:*",
+    "dompurify": "^3.2.6",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",
@@ -41,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": {