@contractspec/lib.contracts-runtime-client-react 3.8.5 → 3.9.0

package/dist/feature-render.js

@@ -1,103 +1,2 @@
 // @bun
-var __require = import.meta.require;
-
-// src/transform-engine.ts
-import {
-  createDefaultTransformEngine,
-  htmlToMarkdown,
-  registerBasicValidation
-} from "@contractspec/lib.presentation-runtime-core/transform-engine";
-import React from "react";
-
-export * from "@contractspec/lib.presentation-runtime-core/transform-engine";
-function registerDefaultReactRenderer(engine) {
-  engine.register({
-    target: "react",
-    async render(desc) {
-      if (desc.source.type === "component") {
-        const props = desc.source.props ? desc.source.props.getZod().safeParse({}).success ? {} : undefined : undefined;
-        return {
-          kind: "react_component",
-          componentKey: desc.source.componentKey,
-          props
-        };
-      }
-      return {
-        kind: "blocknotejs",
-        docJson: desc.source.docJson,
-        blockConfig: desc.source.blockConfig
-      };
-    }
-  });
-  return engine;
-}
-function registerReactToMarkdownRenderer(engine, componentMap) {
-  engine.prependRegister({
-    target: "markdown",
-    async render(desc) {
-      if (desc.source.type !== "component") {
-        throw new Error("React-to-markdown renderer only handles component presentations");
-      }
-      const Component = componentMap[desc.source.componentKey];
-      if (!Component) {
-        throw new Error(`Component ${desc.source.componentKey} not found in componentMap`);
-      }
-      const { renderToStaticMarkup } = await import("react-dom/server");
-      const element = React.createElement(Component, desc.source.props ? {} : undefined);
-      const markdown = htmlToMarkdown(renderToStaticMarkup(element));
-      return {
-        mimeType: "text/markdown",
-        body: desc.policy?.pii?.length ? markdown.replace(/\[REDACTED\]/g, "[REDACTED]") : markdown
-      };
-    }
-  });
-  return engine;
-}
-
-// src/feature-render.ts
-import React2 from "react";
-function createEngineWithDefaults() {
-  return registerBasicValidation(registerDefaultReactRenderer(createDefaultTransformEngine()));
-}
-async function renderFeaturePresentation(engine, target, desc, options) {
-  if (target === "react") {
-    const rd = await engine.render("react", desc);
-    if (rd.kind === "react_component") {
-      const map = options?.componentMap ?? {};
-      const C = map[rd.componentKey];
-      if (!C)
-        return null;
-      const merged = {
-        ...rd.props ?? {},
-        ...options?.reactProps ?? {}
-      };
-      return React2.createElement(C, merged);
-    }
-    if (rd.kind === "blocknotejs") {
-      if (options?.renderBlockNote)
-        return options.renderBlockNote(rd.docJson, rd.blockConfig);
-      return React2.createElement("div", {}, "[BlockNote renderer not configured]");
-    }
-    return null;
-  }
-  if (target === "markdown")
-    return engine.render(target, desc);
-  if (target === "application/json")
-    return engine.render(target, desc);
-  if (target === "application/xml")
-    return engine.render(target, desc);
-  return null;
-}
-function createFeatureModule(meta, refs) {
-  return { meta, ...refs };
-}
-function registerFeature(registry, feature) {
-  registry.register(feature);
-  return registry;
-}
-export {
-  renderFeaturePresentation,
-  registerFeature,
-  createFeatureModule,
-  createEngineWithDefaults
-};
+var N=import.meta.require;import{createDefaultTransformEngine as H,htmlToMarkdown as O,registerBasicValidation as I}from"@contractspec/lib.presentation-runtime-core/transform-engine";import P from"react";export*from"@contractspec/lib.presentation-runtime-core/transform-engine";function J(q){return q.register({target:"react",async render(j){if(j.source.type==="component"){let x=j.source.props?j.source.props.getZod().safeParse({}).success?{}:void 0:void 0;return{kind:"react_component",componentKey:j.source.componentKey,props:x}}return{kind:"blocknotejs",docJson:j.source.docJson,blockConfig:j.source.blockConfig}}}),q}function X(q,j){return q.prependRegister({target:"markdown",async render(x){if(x.source.type!=="component")throw Error("React-to-markdown renderer only handles component presentations");let A=j[x.source.componentKey];if(!A)throw Error(`Component ${x.source.componentKey} not found in componentMap`);let{renderToStaticMarkup:z}=await import("react-dom/server"),G=P.createElement(A,x.source.props?{}:void 0),F=O(z(G));return{mimeType:"text/markdown",body:x.policy?.pii?.length?F.replace(/\[REDACTED\]/g,"[REDACTED]"):F}}}),q}import K from"react";function v(){return I(J(H()))}async function S(q,j,x,A){if(j==="react"){let z=await q.render("react",x);if(z.kind==="react_component"){let F=(A?.componentMap??{})[z.componentKey];if(!F)return null;let L={...z.props??{},...A?.reactProps??{}};return K.createElement(F,L)}if(z.kind==="blocknotejs"){if(A?.renderBlockNote)return A.renderBlockNote(z.docJson,z.blockConfig);return K.createElement("div",{},"[BlockNote renderer not configured]")}return null}if(j==="markdown")return q.render(j,x);if(j==="application/json")return q.render(j,x);if(j==="application/xml")return q.render(j,x);return null}function b(q,j){return{meta:q,...j}}function B(q,j){return q.register(j),q}export{S as renderFeaturePresentation,B as registerFeature,b as createFeatureModule,v as createEngineWithDefaults};

package/dist/form-render.impl.d.ts

@@ -1,4 +1,4 @@
-import type { FormOption, FormSpec, FormValuesFor } from '@contractspec/lib.contracts-spec/forms';
+import type { AddressFieldSpec, AddressFormValue, AutocompleteFieldSpec, AutocompleteOption, FormOption, FormSpec, FormValuesFor, PhoneFieldSpec, PhoneFormValue } from '@contractspec/lib.contracts-spec/forms';
 import type { AnySchemaModel } from '@contractspec/lib.schema';
 import React from 'react';
 export interface DriverSlots {
@@ -10,7 +10,7 @@ export interface DriverSlots {
     FieldLabel: React.ComponentType<React.PropsWithChildren<{
         htmlFor?: string;
     }>>;
-    FieldDescription: React.ComponentType<React.PropsWithChildren<{}>>;
+    FieldDescription: React.ComponentType<React.PropsWithChildren<object>>;
     FieldError: React.ComponentType<{
         errors: {
             message?: string;
@@ -31,7 +31,7 @@ export interface DriverSlots {
         id?: string;
         name?: string;
         value?: unknown;
-        onChange?: (v: unknown) => void;
+        onChange?: (value: unknown) => void;
         disabled?: boolean;
         'aria-invalid'?: boolean;
         options: FormOption[];
@@ -40,14 +40,14 @@ export interface DriverSlots {
         id?: string;
         name?: string;
         checked?: boolean;
-        onCheckedChange?: (v: boolean) => void;
+        onCheckedChange?: (value: boolean) => void;
         disabled?: boolean;
     } & Record<string, unknown>>;
     RadioGroup: React.ComponentType<{
         id?: string;
         name?: string;
         value?: unknown;
-        onValueChange?: (v: unknown) => void;
+        onValueChange?: (value: unknown) => void;
         disabled?: boolean;
         options: FormOption[];
     } & Record<string, unknown>>;
@@ -55,9 +55,80 @@ export interface DriverSlots {
         id?: string;
         name?: string;
         checked?: boolean;
-        onCheckedChange?: (v: boolean) => void;
+        onCheckedChange?: (value: boolean) => void;
         disabled?: boolean;
     } & Record<string, unknown>>;
+    Autocomplete: React.ComponentType<{
+        id?: string;
+        name?: string;
+        disabled?: boolean;
+        readOnly?: boolean;
+        'aria-invalid'?: boolean;
+        placeholder?: string;
+        multiple?: boolean;
+        query: string;
+        options: AutocompleteOption[];
+        selectedOptions: AutocompleteOption[];
+        onQueryChange?: (query: string) => void;
+        onSelectOption?: (option: AutocompleteOption) => void;
+        onRemoveOption?: (option: AutocompleteOption) => void;
+    }>;
+    AddressField: React.ComponentType<{
+        id?: string;
+        name?: string;
+        value?: AddressFormValue | null;
+        onChange?: (value: AddressFormValue) => void;
+        disabled?: boolean;
+        readOnly?: boolean;
+        'aria-invalid'?: boolean;
+        parts?: AddressFieldSpec['parts'];
+        countryOptions?: FormOption[];
+    }>;
+    PhoneField: React.ComponentType<{
+        id?: string;
+        name?: string;
+        value?: PhoneFormValue | null;
+        onChange?: (value: PhoneFormValue) => void;
+        disabled?: boolean;
+        readOnly?: boolean;
+        'aria-invalid'?: boolean;
+        parts?: PhoneFieldSpec['parts'];
+        countryOptions?: FormOption[];
+    }>;
+    DateField: React.ComponentType<{
+        id?: string;
+        name?: string;
+        value?: Date | null;
+        onChange?: (value: Date | null) => void;
+        disabled?: boolean;
+        readOnly?: boolean;
+        placeholder?: string;
+        minDate?: Date;
+        maxDate?: Date;
+    }>;
+    TimeField: React.ComponentType<{
+        id?: string;
+        name?: string;
+        value?: Date | null;
+        onChange?: (value: Date | null) => void;
+        disabled?: boolean;
+        readOnly?: boolean;
+        placeholder?: string;
+        is24Hour?: boolean;
+    }>;
+    DateTimeField: React.ComponentType<{
+        id?: string;
+        name?: string;
+        value?: Date | null;
+        onChange?: (value: Date | null) => void;
+        disabled?: boolean;
+        readOnly?: boolean;
+        datePlaceholder?: string;
+        timePlaceholder?: string;
+        minDate?: Date;
+        maxDate?: Date;
+        is24Hour?: boolean;
+    }>;
     Button: React.ComponentType<React.PropsWithChildren<{
         type?: 'button' | 'submit' | 'reset';
         variant?: string;
@@ -66,7 +137,7 @@ export interface DriverSlots {
         disabled?: boolean;
     }>>;
 }
-export type ResolverMap<TValues> = Record<string, (values: TValues, args?: unknown) => Promise<FormOption[]> | FormOption[]>;
+export type ResolverMap<TValues> = Record<string, (values: TValues, args?: Record<string, unknown>) => Promise<readonly unknown[]> | readonly unknown[]>;
 export type ComputationMap<TValues> = Record<string, (values: TValues) => unknown>;
 export interface CreateRendererOptions<TValues = Record<string, unknown>> {
     driver: DriverSlots;
@@ -81,6 +152,8 @@ export interface RenderOptions<TValues = Record<string, unknown>> {
     defaultValues?: Partial<TValues>;
     overrides?: Partial<CreateRendererOptions<TValues>>;
 }
+export declare function filterAutocompleteOptions(options: readonly AutocompleteOption[], query: string, searchKeys: string[]): AutocompleteOption[];
+export declare function mapAutocompleteValue(option: AutocompleteOption, mapping: AutocompleteFieldSpec['valueMapping']): {};
 export declare function createFormRenderer<M extends AnySchemaModel = AnySchemaModel>(base: CreateRendererOptions<FormValuesFor<M>>): {
     render: (spec: FormSpec<M>, options?: RenderOptions<FormValuesFor<M>>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/form-render.impl.js

@@ -1,362 +1,2 @@
 // @bun
-var __require = import.meta.require;
-
-// src/form-render.impl.tsx
-import {
-  buildZodWithRelations,
-  evalPredicate
-} from "@contractspec/lib.contracts-spec/forms";
-import { zodResolver } from "@hookform/resolvers/zod";
-import React, { useEffect, useMemo, useState } from "react";
-import {
-  Controller,
-  useFieldArray,
-  useForm
-} from "react-hook-form";
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
-"use client";
-function toOptionsArray(src) {
-  if (!src)
-    return;
-  if (Array.isArray(src))
-    return { kind: "static", options: src };
-  return src;
-}
-function getAtPath(values, path) {
-  if (!path)
-    return;
-  const segs = path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
-  let cur = values;
-  for (const s of segs) {
-    if (cur == null)
-      return;
-    cur = cur[s];
-  }
-  return cur;
-}
-function makeDepsKey(values, deps) {
-  if (!deps || deps.length === 0)
-    return "[]";
-  try {
-    return JSON.stringify(deps.map((d) => getAtPath(values, d)));
-  } catch {
-    return "[]";
-  }
-}
-function useResolvedOptions(values, source, resolvers) {
-  const [opts, setOpts] = useState([]);
-  const depKey = useMemo(() => {
-    if (!source)
-      return "nil";
-    if (source.kind === "static")
-      return JSON.stringify(source.options ?? []);
-    return makeDepsKey(values, source.deps);
-  }, [source, values]);
-  useEffect(() => {
-    let mounted = true;
-    const run = async () => {
-      if (!source)
-        return setOpts([]);
-      if (source.kind === "static")
-        return setOpts([...source.options ?? []]);
-      const fn = resolvers?.[source.resolverKey];
-      if (!fn)
-        return setOpts([]);
-      const res = await fn(values, source.args);
-      if (mounted)
-        setOpts([...res ?? []]);
-    };
-    run();
-    return () => {
-      mounted = false;
-    };
-  }, [
-    depKey,
-    source && source.kind === "resolver" ? source.resolverKey : undefined
-  ]);
-  return opts;
-}
-function fieldPath(parent, name, arrayIndex) {
-  if (!name)
-    return parent ?? "";
-  const child = typeof arrayIndex === "number" ? `${name.replace(/^\$index$/, String(arrayIndex))}` : name;
-  return parent ? `${parent}${typeof arrayIndex === "number" ? `.${arrayIndex}` : ""}.${child}`.replace(/\.+/g, ".") : child;
-}
-function createFormRenderer(base) {
-  const conf = base;
-  const { driver } = conf;
-  function InternalForm(props) {
-    const { spec, options, merged } = props;
-    const baseZod = useMemo(() => buildZodWithRelations(spec), [spec]);
-    const form = useForm({
-      ...merged.formOptions,
-      resolver: zodResolver(baseZod),
-      defaultValues: options?.defaultValues
-    });
-    const values = form.watch();
-    const renderOne = (f, parent, arrayIndex) => {
-      const DriverField = driver.Field;
-      const DriverLabel = driver.FieldLabel;
-      const DriverDesc = driver.FieldDescription;
-      const DriverError = driver.FieldError;
-      const name = fieldPath(parent, f.name, arrayIndex);
-      const visible = evalPredicate(values, f.visibleWhen);
-      const enabled = evalPredicate(values, f.enabledWhen);
-      const invalid = Boolean(form.getFieldState(name)?.invalid);
-      if (!visible)
-        return null;
-      const id = name?.replace(/\./g, "-");
-      const commonWrapProps = {
-        "data-invalid": invalid,
-        hidden: !visible,
-        disabled: !enabled
-      };
-      const labelNode = f.labelI18n ? /* @__PURE__ */ jsxDEV(DriverLabel, {
-        htmlFor: id,
-        children: f.labelI18n
-      }, undefined, false, undefined, this) : null;
-      const descNode = f.descriptionI18n ? /* @__PURE__ */ jsxDEV(DriverDesc, {
-        children: f.descriptionI18n
-      }, undefined, false, undefined, this) : null;
-      if (f.kind === "group") {
-        const children = f.fields.map((c, i) => /* @__PURE__ */ jsxDEV(React.Fragment, {
-          children: renderOne(c, name, arrayIndex)
-        }, `${name}-${i}`, false, undefined, this));
-        return /* @__PURE__ */ jsxDEV(DriverField, {
-          ...commonWrapProps,
-          children: [
-            labelNode,
-            children,
-            descNode
-          ]
-        }, undefined, true, undefined, this);
-      }
-      if (f.kind === "array") {
-        return renderArray(f, parent);
-      }
-      return /* @__PURE__ */ jsxDEV(Controller, {
-        name,
-        control: form.control,
-        render: ({ field, fieldState }) => {
-          const err = fieldState.error ? [fieldState.error] : [];
-          const ariaInvalid = fieldState.invalid || undefined;
-          if (f.kind === "text") {
-            const textField = f;
-            const Input = driver.Input;
-            return /* @__PURE__ */ jsxDEV(DriverField, {
-              ...commonWrapProps,
-              children: [
-                labelNode,
-                /* @__PURE__ */ jsxDEV(Input, {
-                  id,
-                  "aria-invalid": ariaInvalid,
-                  placeholder: f.placeholderI18n,
-                  autoComplete: textField.autoComplete,
-                  inputMode: textField.inputMode,
-                  maxLength: textField.maxLength,
-                  minLength: textField.minLength,
-                  disabled: !enabled,
-                  ...field,
-                  ...f.uiProps
-                }, undefined, false, undefined, this),
-                descNode,
-                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
-                  errors: err
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this);
-          }
-          if (f.kind === "textarea") {
-            const textareaField = f;
-            const Textarea = driver.Textarea;
-            return /* @__PURE__ */ jsxDEV(DriverField, {
-              ...commonWrapProps,
-              children: [
-                labelNode,
-                /* @__PURE__ */ jsxDEV(Textarea, {
-                  id,
-                  "aria-invalid": ariaInvalid,
-                  placeholder: f.placeholderI18n,
-                  rows: textareaField.rows,
-                  maxLength: textareaField.maxLength,
-                  disabled: !enabled,
-                  ...field,
-                  ...f.uiProps
-                }, undefined, false, undefined, this),
-                descNode,
-                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
-                  errors: err
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this);
-          }
-          if (f.kind === "select") {
-            const selectField = f;
-            const Select = driver.Select;
-            const src = toOptionsArray(selectField.options);
-            const opts = useResolvedOptions(values, src, merged.resolvers);
-            return /* @__PURE__ */ jsxDEV(DriverField, {
-              ...commonWrapProps,
-              children: [
-                labelNode,
-                /* @__PURE__ */ jsxDEV(Select, {
-                  id,
-                  name,
-                  "aria-invalid": ariaInvalid,
-                  disabled: !enabled,
-                  value: field.value,
-                  onChange: (v) => field.onChange(v),
-                  options: opts,
-                  ...f.uiProps
-                }, undefined, false, undefined, this),
-                descNode,
-                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
-                  errors: err
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this);
-          }
-          if (f.kind === "checkbox") {
-            const Checkbox = driver.Checkbox;
-            return /* @__PURE__ */ jsxDEV(DriverField, {
-              ...commonWrapProps,
-              children: [
-                labelNode,
-                /* @__PURE__ */ jsxDEV(Checkbox, {
-                  id,
-                  name,
-                  disabled: !enabled,
-                  checked: !!field.value,
-                  onCheckedChange: (v) => field.onChange(v),
-                  ...f.uiProps
-                }, undefined, false, undefined, this),
-                descNode,
-                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
-                  errors: err
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this);
-          }
-          if (f.kind === "radio") {
-            const radioField = f;
-            const RadioGroup = driver.RadioGroup;
-            const src = toOptionsArray(radioField.options);
-            const opts = useResolvedOptions(values, src, merged.resolvers);
-            return /* @__PURE__ */ jsxDEV(DriverField, {
-              ...commonWrapProps,
-              children: [
-                labelNode,
-                /* @__PURE__ */ jsxDEV(RadioGroup, {
-                  id,
-                  name,
-                  disabled: !enabled,
-                  value: field.value,
-                  onValueChange: (v) => field.onChange(v),
-                  options: opts,
-                  ...f.uiProps
-                }, undefined, false, undefined, this),
-                descNode,
-                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
-                  errors: err
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this);
-          }
-          if (f.kind === "switch") {
-            const Switch = driver.Switch;
-            return /* @__PURE__ */ jsxDEV(DriverField, {
-              ...commonWrapProps,
-              children: [
-                labelNode,
-                /* @__PURE__ */ jsxDEV(Switch, {
-                  id,
-                  name,
-                  disabled: !enabled,
-                  checked: !!field.value,
-                  onCheckedChange: (v) => field.onChange(v),
-                  ...f.uiProps
-                }, undefined, false, undefined, this),
-                descNode,
-                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
-                  errors: err
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this);
-          }
-          return /* @__PURE__ */ jsxDEV(Fragment, {}, undefined, false, undefined, this);
-        }
-      }, name, false, undefined, this);
-    };
-    const renderArray = (f, parent) => {
-      const name = fieldPath(parent, f.name);
-      const { fields, append, remove } = useFieldArray({
-        control: form.control,
-        name
-      });
-      const canAdd = f.max == null || fields.length < f.max;
-      const canRemove = (idx) => (f.min == null ? fields.length > 0 : fields.length > f.min) && idx >= 0;
-      const Button2 = driver.Button;
-      const Label = driver.FieldLabel;
-      return /* @__PURE__ */ jsxDEV("div", {
-        children: [
-          f.labelI18n ? /* @__PURE__ */ jsxDEV(Label, {
-            children: f.labelI18n
-          }, undefined, false, undefined, this) : null,
-          fields.map((row, idx) => /* @__PURE__ */ jsxDEV("div", {
-            children: [
-              renderOne(f.of, name, idx),
-              canRemove(idx) ? /* @__PURE__ */ jsxDEV(Button2, {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                onClick: () => remove(idx),
-                children: "Remove"
-              }, undefined, false, undefined, this) : null
-            ]
-          }, row.id ?? idx, true, undefined, this)),
-          canAdd ? /* @__PURE__ */ jsxDEV(Button2, {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            onClick: () => append({}),
-            children: "Add"
-          }, undefined, false, undefined, this) : null
-        ]
-      }, name, true, undefined, this);
-    };
-    const onSubmit = async (data) => {
-      const actionKey = spec.actions?.[0]?.key ?? "submit";
-      if (merged.onSubmitOverride) {
-        return merged.onSubmitOverride(data, actionKey);
-      }
-    };
-    const Button = driver.Button;
-    return /* @__PURE__ */ jsxDEV("form", {
-      onSubmit: form.handleSubmit(onSubmit),
-      children: [
-        (spec.fields || []).map((f, i) => /* @__PURE__ */ jsxDEV(React.Fragment, {
-          children: renderOne(f)
-        }, i, false, undefined, this)),
-        spec.actions && spec.actions.length ? /* @__PURE__ */ jsxDEV("div", {
-          children: spec.actions.map((a) => /* @__PURE__ */ jsxDEV(Button, {
-            type: "submit",
-            children: a.labelI18n
-          }, a.key, false, undefined, this))
-        }, undefined, false, undefined, this) : null
-      ]
-    }, undefined, true, undefined, this);
-  }
-  return {
-    render: (spec, options) => /* @__PURE__ */ jsxDEV(InternalForm, {
-      spec,
-      options,
-      merged: {
-        ...conf,
-        ...options?.overrides ?? {}
-      }
-    }, undefined, false, undefined, this)
-  };
-}
-export {
-  createFormRenderer
-};
+var TB=import.meta.require;import{buildZodWithRelations as d,evalPredicate as m,isFieldReadOnly as t,normalizeFormSpec as i}from"@contractspec/lib.contracts-spec/forms";import{zodResolver as l}from"@hookform/resolvers/zod";import V from"react";import{Controller as A,useFieldArray as s,useForm as o}from"react-hook-form";import{jsx as U,jsxs as q,Fragment as wB}from"react/jsx-runtime";function F(B){if(!B)return;if(Array.isArray(B))return{kind:"static",options:[...B]};return B}function y(B,G){if(!G)return;let Y=G.replace(/\[(\d+)\]/g,".$1").split(".").filter(Boolean),H=B;for(let J of Y){if(H==null)return;H=H[J]}return H}function r(B){if(!B)return[];return B.split(".").filter((G)=>/^\d+$/.test(G)).map((G)=>Number(G))}function u(B,G){if(!G)return B??"";return B?`${B}.${G}`:G}function f(B,G){if(!G||G.length===0)return"[]";try{return JSON.stringify(G.map((Y)=>y(B,Y)))}catch{return"[]"}}function e(B,G){let[Y,H]=V.useState(B);return V.useEffect(()=>{let J=globalThis.setTimeout(()=>H(B),G);return()=>globalThis.clearTimeout(J)},[G,B]),Y}function j(B,G,Y){let[H,J]=V.useState([]),_=V.useMemo(()=>{if(!G)return"nil";if(G.kind==="static")return JSON.stringify(G.options??[]);return`${G.resolverKey}:${f(B,G.deps)}`},[G,B]);return V.useEffect(()=>{let $=!0;return(async()=>{if(!G){J([]);return}if(G.kind==="static"){J([...G.options??[]]);return}let w=Y?.[G.resolverKey];if(!w){J([]);return}let b=await w(B,G.args);if($)J([...b??[]])})(),()=>{$=!1}},[_,Y,G,B]),H}function n(B){if(B instanceof Date&&!Number.isNaN(B.getTime()))return B;if(typeof B==="string"||typeof B==="number"){let G=new Date(B);if(!Number.isNaN(G.getTime()))return G}return null}function p(B){if(B instanceof Date&&!Number.isNaN(B.getTime()))return B;if(typeof B!=="string"||B.trim().length===0)return null;let[G,Y]=B.split(":").map(($)=>Number($)),H=G??Number.NaN,J=Y??Number.NaN;if(Number.isNaN(H)||Number.isNaN(J))return null;let _=new Date;return _.setHours(H,J,0,0),_}function BB(B){if(!B)return"";return`${String(B.getHours()).padStart(2,"0")}:${String(B.getMinutes()).padStart(2,"0")}`}function a(B){return{value:B.value,labelI18n:B.labelI18n,descriptionI18n:B.descriptionI18n,...B.data??{}}}function GB(B,G,Y){let H=G.trim().toLowerCase();if(!H)return[...B];let J=H.split(/\s+/).filter(Boolean);return B.filter((_)=>{let $=a(_),L=[_.labelI18n,_.descriptionI18n,String(_.value),...Y.map((w)=>String(y($,w)??""))].join(" ").toLowerCase();return J.every((w)=>L.includes(w))})}function x(B,G){let Y=a(B);switch(G.mode){case"scalar":return G.valueKey?y(Y,G.valueKey)??B.value:B.value;case"pick":return Object.fromEntries(G.pickKeys.map((H)=>[H,y(Y,H)]));case"object":default:return B.data??Y}}function v(B,G){try{return JSON.stringify(B)===JSON.stringify(G)}catch{return B===G}}function HB(B,G,Y,H){let J=H&&Array.isArray(G)?G:[G];return B.filter((_)=>J.some(($)=>v(x(_,Y),$)))}function c(B){if(!B)return{countryCode:"",nationalNumber:""};let G=B.countryCode.trim(),Y=B.nationalNumber.replace(/\s+/g,""),H=G.replace(/^\+?/,"+"),J={...B,countryCode:G,nationalNumber:B.nationalNumber};if(B.e164!=null||G||Y)J.e164=`${H}${Y}`.trim();return J}function JB(B){let G=j(B.values,F(B.spec.options),B.resolvers),Y=B.driver.Field,H=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:J,fieldState:_})=>{let $=_.error?[_.error]:[];return q(Y,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.Select,{id:B.ctx.id,name:B.ctx.name,"aria-invalid":_.invalid||void 0,disabled:!B.ctx.enabled||B.ctx.readOnly,value:J.value,onChange:(L)=>{if(B.ctx.readOnly)return;J.onChange(L)},options:G,...B.spec.uiProps}),B.descNode,_.invalid?U(H,{errors:$}):null]})}})}function UB(B){let G=j(B.values,F(B.spec.options),B.resolvers),Y=B.driver.Field,H=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:J,fieldState:_})=>{let $=_.error?[_.error]:[];return q(Y,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.RadioGroup,{id:B.ctx.id,name:B.ctx.name,disabled:!B.ctx.enabled||B.ctx.readOnly,value:J.value,onValueChange:(L)=>{if(B.ctx.readOnly)return;J.onChange(L)},options:G,...B.spec.uiProps}),B.descNode,_.invalid?U(H,{errors:$}):null]})}})}function XB(B){let[G,Y]=V.useState(""),H=B.spec.source.kind==="resolver"?B.spec.source.debounceMs??200:0,J=e(G,H),[_,$]=V.useState([]),L=V.useMemo(()=>{return B.spec.source.kind==="resolver"?`${B.spec.source.resolverKey}:${f(B.values,B.spec.source.deps)}:${J}`:"local"},[J,B.spec.source,B.values]);V.useEffect(()=>{if(B.spec.source.kind!=="resolver")return;let Z=B.resolvers?.[B.spec.source.resolverKey],k=B.spec.source.minQueryLength??0;if(!Z||J.trim().length<k){$([]);return}let g=!0,D={...B.spec.source.args??{},query:J};return Promise.resolve(Z(B.values,D)).then((C)=>{if(g)$([...C??[]])}),()=>{g=!1}},[L,B.resolvers,B.spec.source,B.values,J]);let w=B.spec.source.kind==="local"?GB(B.spec.source.options,G,B.spec.source.searchKeys):_,b=B.driver.Field,X=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:Z,fieldState:k})=>{let g=k.error?[k.error]:[],D=HB(w,Z.value,B.spec.valueMapping,B.spec.multiple),C=(O)=>{if(B.ctx.readOnly)return;let W=x(O,B.spec.valueMapping);if(B.spec.multiple){let P=Array.isArray(Z.value)?Z.value:[],R=P.some((S)=>v(S,W));Z.onChange(R?P:[...P,W]);return}Z.onChange(W),Y(O.labelI18n)},T=(O)=>{if(B.ctx.readOnly||!B.spec.multiple)return;let W=x(O,B.spec.valueMapping),P=Array.isArray(Z.value)?Z.value:[];Z.onChange(P.filter((R)=>!v(R,W)))};return q(b,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.Autocomplete,{id:B.ctx.id,name:B.ctx.name,disabled:!B.ctx.enabled,readOnly:B.ctx.readOnly,"aria-invalid":k.invalid||void 0,placeholder:B.spec.placeholderI18n,multiple:B.spec.multiple,query:G,options:w,selectedOptions:D,onQueryChange:Y,onSelectOption:C,onRemoveOption:T}),B.descNode,k.invalid?U(X,{errors:g}):null]})}})}function YB(B){let G=j(B.values,F(B.spec.countryOptions),B.resolvers),Y=B.driver.Field,H=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:J,fieldState:_})=>{let $=_.error?[_.error]:[];return q(Y,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.AddressField,{id:B.ctx.id,name:B.ctx.name,value:J.value??null,onChange:(L)=>{if(B.ctx.readOnly)return;J.onChange(L)},disabled:!B.ctx.enabled,readOnly:B.ctx.readOnly,"aria-invalid":_.invalid||void 0,parts:B.spec.parts,countryOptions:G}),B.descNode,_.invalid?U(H,{errors:$}):null]})}})}function _B(B){let G=j(B.values,F(B.spec.countryOptions),B.resolvers),Y=B.driver.Field,H=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:J,fieldState:_})=>{let $=_.error?[_.error]:[];return q(Y,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.PhoneField,{id:B.ctx.id,name:B.ctx.name,value:c(J.value??null),onChange:(L)=>{if(B.ctx.readOnly)return;J.onChange(c(L))},disabled:!B.ctx.enabled,readOnly:B.ctx.readOnly,"aria-invalid":_.invalid||void 0,parts:B.spec.parts,countryOptions:G}),B.descNode,_.invalid?U(H,{errors:$}):null]})}})}function $B(B){let G=B.driver.Field,Y=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:H,fieldState:J})=>{let _=J.error?[J.error]:[];return q(G,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.DateField,{id:B.ctx.id,name:B.ctx.name,value:n(H.value),onChange:($)=>{if(B.ctx.readOnly)return;H.onChange($)},disabled:!B.ctx.enabled,readOnly:B.ctx.readOnly,placeholder:B.spec.placeholderI18n,minDate:B.spec.minDate,maxDate:B.spec.maxDate}),B.descNode,J.invalid?U(Y,{errors:_}):null]})}})}function IB(B){let G=B.driver.Field,Y=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:H,fieldState:J})=>{let _=J.error?[J.error]:[];return q(G,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.TimeField,{id:B.ctx.id,name:B.ctx.name,value:p(H.value),onChange:($)=>{if(B.ctx.readOnly)return;H.onChange(BB($))},disabled:!B.ctx.enabled,readOnly:B.ctx.readOnly,placeholder:B.spec.placeholderI18n,is24Hour:B.spec.is24Hour}),B.descNode,J.invalid?U(Y,{errors:_}):null]})}})}function LB(B){let G=B.driver.Field,Y=B.driver.FieldError;return U(A,{name:B.ctx.name,control:B.form.control,render:({field:H,fieldState:J})=>{let _=J.error?[J.error]:[];return q(G,{...B.commonWrapProps,children:[B.labelNode,U(B.driver.DateTimeField,{id:B.ctx.id,name:B.ctx.name,value:n(H.value),onChange:($)=>{if(B.ctx.readOnly)return;H.onChange($)},disabled:!B.ctx.enabled,readOnly:B.ctx.readOnly,datePlaceholder:B.spec.placeholderI18n,timePlaceholder:B.spec.placeholderI18n,minDate:B.spec.minDate,maxDate:B.spec.maxDate,is24Hour:B.spec.is24Hour}),B.descNode,J.invalid?U(Y,{errors:_}):null]})}})}function ZB(B){let G=u(B.parent,B.spec.name),{fields:Y,append:H,remove:J}=s({control:B.form.control,name:G}),_=B.spec.max==null||Y.length<B.spec.max,$=(L)=>(B.spec.min==null?Y.length>0:Y.length>B.spec.min)&&L>=0;return q("div",{children:[B.spec.labelI18n?U(B.driver.FieldLabel,{children:B.spec.labelI18n}):null,Y.map((L,w)=>q("div",{children:[B.renderField(B.spec.of,`${G}.${w}`),$(w)?U(B.driver.Button,{type:"button",variant:"ghost",size:"sm",onClick:()=>J(w),children:"Remove"}):null]},L.id??w)),_?U(B.driver.Button,{type:"button",variant:"outline",size:"sm",onClick:()=>H({}),children:"Add"}):null]},G)}function kB(B){let G=B;function Y(H){let J=V.useMemo(()=>i(H.spec),[H.spec]),_=V.useMemo(()=>d(J),[J]),$=o({...H.merged.formOptions,resolver:l(_),defaultValues:H.options?.defaultValues}),L=$.watch(),w=(X,Z)=>{let k=H.merged.driver.Field,g=H.merged.driver.FieldLabel,D=H.merged.driver.FieldDescription,C=H.merged.driver.FieldError,T=u(Z,X.name),O=r(Z),W=m(L,X.visibleWhen,O),P=m(L,X.enabledWhen,O),R=t(X),S=Boolean($.getFieldState(T)?.invalid);if(!W)return null;let I={name:T,id:T.replace(/\./g,"-"),enabled:P,readOnly:R,visible:W},M={"data-invalid":S,hidden:!W,disabled:!P||R},K=X.labelI18n?U(g,{htmlFor:I.id,children:X.labelI18n}):null,Q=X.descriptionI18n?U(D,{children:X.descriptionI18n}):null;if(X.kind==="group")return q(k,{...M,children:[K,X.fields.map((N,z)=>U(V.Fragment,{children:w(N,T)},`${T}-${z}`)),Q]});if(X.kind==="array")return U(ZB,{driver:H.merged.driver,form:$,spec:X,parent:Z,renderField:w},T);if(X.kind==="select")return U(JB,{driver:H.merged.driver,form:$,values:L,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M,resolvers:H.merged.resolvers},T);if(X.kind==="radio")return U(UB,{driver:H.merged.driver,form:$,values:L,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M,resolvers:H.merged.resolvers},T);if(X.kind==="autocomplete")return U(XB,{driver:H.merged.driver,form:$,values:L,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M,resolvers:H.merged.resolvers},T);if(X.kind==="address")return U(YB,{driver:H.merged.driver,form:$,values:L,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M,resolvers:H.merged.resolvers},T);if(X.kind==="phone")return U(_B,{driver:H.merged.driver,form:$,values:L,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M,resolvers:H.merged.resolvers},T);if(X.kind==="date")return U($B,{driver:H.merged.driver,form:$,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M},T);if(X.kind==="time")return U(IB,{driver:H.merged.driver,form:$,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M},T);if(X.kind==="datetime")return U(LB,{driver:H.merged.driver,form:$,spec:X,ctx:I,labelNode:K,descNode:Q,commonWrapProps:M},T);return U(A,{name:T,control:$.control,render:({field:N,fieldState:z})=>{let h=z.error?[z.error]:[];if(X.kind==="text"){let E=X;return q(k,{...M,children:[K,U(H.merged.driver.Input,{id:I.id,"aria-invalid":z.invalid||void 0,placeholder:X.placeholderI18n,autoComplete:E.autoComplete,inputMode:E.inputMode,maxLength:E.maxLength,minLength:E.minLength,disabled:!I.enabled,readOnly:I.readOnly,...N,...X.uiProps}),Q,z.invalid?U(C,{errors:h}):null]})}if(X.kind==="textarea"){let E=X;return q(k,{...M,children:[K,U(H.merged.driver.Textarea,{id:I.id,"aria-invalid":z.invalid||void 0,placeholder:X.placeholderI18n,rows:E.rows,maxLength:E.maxLength,disabled:!I.enabled,readOnly:I.readOnly,...N,...X.uiProps}),Q,z.invalid?U(C,{errors:h}):null]})}if(X.kind==="checkbox")return q(k,{...M,children:[K,U(H.merged.driver.Checkbox,{id:I.id,name:I.name,disabled:!I.enabled||I.readOnly,checked:Boolean(N.value),onCheckedChange:(E)=>{if(I.readOnly)return;N.onChange(E)},...X.uiProps}),Q,z.invalid?U(C,{errors:h}):null]});if(X.kind==="switch")return q(k,{...M,children:[K,U(H.merged.driver.Switch,{id:I.id,name:I.name,disabled:!I.enabled||I.readOnly,checked:Boolean(N.value),onCheckedChange:(E)=>{if(I.readOnly)return;N.onChange(E)},...X.uiProps}),Q,z.invalid?U(C,{errors:h}):null]});return U(wB,{})}},T)},b=async(X)=>{let Z=J.actions?.[0]?.key??"submit";if(H.merged.onSubmitOverride)return H.merged.onSubmitOverride(X,Z)};return q("form",{onSubmit:$.handleSubmit(b),children:[J.fields.map((X,Z)=>U(V.Fragment,{children:w(X)},Z)),J.actions?.length?U("div",{children:J.actions.map((X)=>U(H.merged.driver.Button,{type:"submit",children:X.labelI18n},X.key))}):null]})}return{render:(H,J)=>U(Y,{spec:H,options:J,merged:{...G,...J?.overrides??{}}})}}export{x as mapAutocompleteValue,GB as filterAutocompleteOptions,kB as createFormRenderer};

package/dist/form-render.impl.test.d.ts

@@ -0,0 +1 @@
+export {};