@contractspec/lib.contracts 1.61.0 → 1.63.0

package/dist/node/client/react/form-render.js

@@ -1,681 +0,0 @@
-import { createRequire } from "node:module";
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/registry-utils.ts
-var exports_registry_utils = {};
-__export(exports_registry_utils, {
-  groupByToArray: () => groupByToArray,
-  groupByMultiple: () => groupByMultiple,
-  groupBy: () => groupBy,
-  getUniqueTags: () => getUniqueTags,
-  getUniqueOwners: () => getUniqueOwners,
-  getUniqueDomains: () => getUniqueDomains,
-  filterBy: () => filterBy,
-  GroupingStrategies: () => GroupingStrategies
-});
-function filterBy(items, filter) {
-  return items.filter((item) => {
-    if (filter.tags?.length) {
-      const hasMatchingTag = filter.tags.some((tag) => item.meta.tags?.includes(tag));
-      if (!hasMatchingTag)
-        return false;
-    }
-    if (filter.owners?.length) {
-      const hasMatchingOwner = filter.owners.some((owner) => item.meta.owners?.includes(owner));
-      if (!hasMatchingOwner)
-        return false;
-    }
-    if (filter.stability?.length) {
-      if (!filter.stability.includes(item.meta.stability ?? "stable")) {
-        return false;
-      }
-    }
-    if (filter.domain) {
-      const itemDomain = GroupingStrategies.byDomain(item);
-      if (itemDomain !== filter.domain)
-        return false;
-    }
-    if (filter.keyPattern) {
-      const name = item.meta.key ?? item.meta.key ?? "";
-      const pattern = filter.keyPattern.replace(/\*/g, ".*").replace(/\?/g, ".");
-      const regex = new RegExp(`^${pattern}$`, "i");
-      if (!regex.test(name))
-        return false;
-    }
-    return true;
-  });
-}
-function groupBy(items, keyFn) {
-  const groups = new Map;
-  for (const item of items) {
-    const key = keyFn(item);
-    const existing = groups.get(key);
-    if (existing) {
-      existing.push(item);
-    } else {
-      groups.set(key, [item]);
-    }
-  }
-  return groups;
-}
-function groupByToArray(items, keyFn) {
-  const map = groupBy(items, keyFn);
-  return Array.from(map.entries()).map(([key, items2]) => ({ key, items: items2 }));
-}
-function groupByMultiple(items, keysFn) {
-  const groups = new Map;
-  for (const item of items) {
-    const keys = keysFn(item);
-    for (const key of keys) {
-      const existing = groups.get(key);
-      if (existing) {
-        existing.push(item);
-      } else {
-        groups.set(key, [item]);
-      }
-    }
-  }
-  return groups;
-}
-function getUniqueTags(items) {
-  const tags = new Set;
-  for (const item of items) {
-    for (const tag of item.meta.tags ?? []) {
-      tags.add(tag);
-    }
-  }
-  return Array.from(tags).sort();
-}
-function getUniqueOwners(items) {
-  const owners = new Set;
-  for (const item of items) {
-    for (const owner of item.meta.owners ?? []) {
-      owners.add(owner);
-    }
-  }
-  return Array.from(owners).sort();
-}
-function getUniqueDomains(items) {
-  const domains = new Set;
-  for (const item of items) {
-    domains.add(GroupingStrategies.byDomain(item));
-  }
-  return Array.from(domains).sort();
-}
-var GroupingStrategies;
-var init_registry_utils = __esm(() => {
-  GroupingStrategies = {
-    byTag: (item) => item.meta.tags?.[0] ?? "untagged",
-    byAllTags: (item) => item.meta.tags?.length ? item.meta.tags : ["untagged"],
-    byOwner: (item) => item.meta.owners?.[0] ?? "unowned",
-    byDomain: (item) => {
-      const name = item.meta.key ?? item.meta.key ?? "";
-      return name.split(".")[0] ?? "default";
-    },
-    byStability: (item) => item.meta.stability ?? "stable",
-    byUrlPath: (level) => (item) => {
-      if (!item.path)
-        return "root";
-      const segments = item.path.split("/").filter(Boolean);
-      return segments.slice(0, level).join("/") || "root";
-    }
-  };
-});
-
-// src/forms/forms.ts
-import { compareVersions } from "compare-versions";
-function formKey(meta) {
-  return `${meta.key}.v${meta.version}`;
-}
-
-class FormRegistry {
-  items = new Map;
-  register(spec) {
-    const key = formKey(spec.meta);
-    if (this.items.has(key))
-      throw new Error(`Duplicate form ${key}`);
-    this.items.set(key, spec);
-    return this;
-  }
-  list() {
-    return [...this.items.values()];
-  }
-  get(key, version) {
-    if (version != null)
-      return this.items.get(`${key}.v${version}`);
-    let candidate;
-    for (const [k, v] of this.items.entries()) {
-      if (v.meta.key !== key)
-        continue;
-      if (!candidate || compareVersions(v.meta.version, candidate.meta.version) > 0) {
-        candidate = v;
-      }
-    }
-    return candidate;
-  }
-  filter(criteria) {
-    const { filterBy: filterBy2 } = (init_registry_utils(), __toCommonJS(exports_registry_utils));
-    return filterBy2(this.list(), criteria);
-  }
-  listByTag(tag) {
-    return this.list().filter((f) => f.meta.tags?.includes(tag));
-  }
-  listByOwner(owner) {
-    return this.list().filter((f) => f.meta.owners?.includes(owner));
-  }
-  groupBy(keyFn) {
-    const { groupBy: groupBy2 } = (init_registry_utils(), __toCommonJS(exports_registry_utils));
-    return groupBy2(this.list(), keyFn);
-  }
-  getUniqueTags() {
-    const { getUniqueTags: getUniqueTags2 } = (init_registry_utils(), __toCommonJS(exports_registry_utils));
-    return getUniqueTags2(this.list());
-  }
-}
-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;
-    if (cur && typeof cur === "object" && s in cur) {
-      cur = cur[s];
-    } else {
-      return;
-    }
-  }
-  return cur;
-}
-function evalPredicate(values, pred) {
-  if (!pred)
-    return true;
-  if (pred.not)
-    return !evalPredicate(values, pred.not);
-  if (pred.all && pred.all.length)
-    return pred.all.every((p) => evalPredicate(values, p));
-  if (pred.anyOf && pred.anyOf.length)
-    return pred.anyOf.some((p) => evalPredicate(values, p));
-  if (pred.when) {
-    const { path, op = "truthy", value } = pred.when;
-    const v = getAtPath(values, path);
-    switch (op) {
-      case "equals":
-        return v === value;
-      case "notEquals":
-        return v !== value;
-      case "in":
-        return Array.isArray(value) && value.includes(v);
-      case "notIn":
-        return Array.isArray(value) && !value.includes(v);
-      case "gt":
-        return Number(v) > Number(value);
-      case "gte":
-        return Number(v) >= Number(value);
-      case "lt":
-        return Number(v) < Number(value);
-      case "lte":
-        return Number(v) <= Number(value);
-      case "empty":
-        return v == null || (Array.isArray(v) ? v.length === 0 : String(v).length === 0);
-      case "lengthGt":
-        return (Array.isArray(v) || typeof v === "string") && v.length > Number(value ?? 0);
-      case "lengthGte":
-        return (Array.isArray(v) || typeof v === "string") && v.length >= Number(value ?? 0);
-      case "lengthLt":
-        return (Array.isArray(v) || typeof v === "string") && v.length < Number(value ?? 0);
-      case "lengthLte":
-        return (Array.isArray(v) || typeof v === "string") && v.length <= Number(value ?? 0);
-      case "truthy":
-      default:
-        return Boolean(v);
-    }
-  }
-  return true;
-}
-function buildZodWithRelations(spec, handlers) {
-  const base = spec.model.getZod();
-  return base.superRefine((values, ctx) => {
-    const visit = (field, parentPath) => {
-      const path = field.name ? parentPath ? `${parentPath}.${field.name}` : field.name : parentPath ?? "";
-      if (field.requiredWhen) {
-        const should = evalPredicate(values, field.requiredWhen);
-        if (should) {
-          const v = getAtPath(values, path);
-          const empty = v == null || typeof v === "string" && v.trim().length === 0 || Array.isArray(v) && v.length === 0;
-          if (empty)
-            ctx.addIssue({
-              code: "custom",
-              path: path.split("."),
-              message: "required"
-            });
-        }
-      }
-      if (field.kind === "array") {
-        const arr = getAtPath(values, path);
-        if (field.min != null && Array.isArray(arr) && arr.length < field.min) {
-          ctx.addIssue({
-            code: "custom",
-            path: path.split("."),
-            message: `min:${field.min}`
-          });
-        }
-        if (field.max != null && Array.isArray(arr) && arr.length > field.max) {
-          ctx.addIssue({
-            code: "custom",
-            path: path.split("."),
-            message: `max:${field.max}`
-          });
-        }
-        visit(field.of, path);
-      } else if (field.kind === "group") {
-        for (const child of field.fields)
-          visit(child, path);
-      }
-    };
-    for (const f of spec.fields)
-      visit(f);
-    if (spec.constraints && handlers) {
-      for (const c of spec.constraints) {
-        const fn = handlers[c.key];
-        if (!fn)
-          continue;
-        const res = fn(values, c.paths, c.args);
-        if (!res.ok) {
-          ctx.addIssue({
-            code: "custom",
-            path: (res.path ?? c.paths[0] ?? "").split(".").filter(Boolean),
-            message: res.message ?? c.messageI18n
-          });
-        }
-      }
-    }
-  });
-}
-function defineFormSpec(spec) {
-  return spec;
-}
-// src/client/react/form-render.tsx
-import React, { useEffect, useMemo, useState } from "react";
-import {
-  Controller,
-  useFieldArray,
-  useForm
-} from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-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 getAtPath2(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) => getAtPath2(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
-};