dynamic-mui 2.0.26 → 2.2.0

package/dist/noAuth-B8ui2kBg.mjs

@@ -0,0 +1,71 @@
+import { H as g, N as y, c as b } from "./index-Cr6Wp_S-.mjs";
+import { H as z } from "./date-utils-pGzaKb0p.mjs";
+class q extends g {
+  async serializeRequest(i, r, e) {
+    const s = this.serializer, n = {}, a = {}, d = await e.endpoint(), t = y.of(i?.input), m = t.getSchema();
+    let f;
+    const o = new z({
+      protocol: "",
+      hostname: "",
+      port: void 0,
+      path: "/",
+      fragment: void 0,
+      query: n,
+      headers: a,
+      body: void 0
+    });
+    d && (this.updateServiceEndpoint(o, d), this.setHostPrefix(o, i, r));
+    const c = {
+      ...r
+    };
+    if (r) {
+      const h = t.getEventStreamMember();
+      if (h) {
+        if (c[h]) {
+          const u = {};
+          for (const [l, S] of t.structIterator())
+            l !== h && c[l] && (s.write(S, c[l]), u[l] = s.flush());
+          f = await this.serializeEventStream({
+            eventStream: c[h],
+            requestSchema: t,
+            initialRequest: u
+          });
+        }
+      } else
+        s.write(m, c), f = s.flush();
+    }
+    return o.headers = a, o.query = n, o.body = f, o.method = "POST", o;
+  }
+  async deserializeResponse(i, r, e) {
+    const s = this.deserializer, n = y.of(i.output), a = {};
+    if (e.statusCode >= 300) {
+      const t = await b(e.body, r);
+      throw t.byteLength > 0 && Object.assign(a, await s.read(15, t)), await this.handleError(i, r, e, a, this.deserializeMetadata(e)), new Error("@smithy/core/protocols - RPC Protocol error handler failed to throw.");
+    }
+    for (const t in e.headers) {
+      const m = e.headers[t];
+      delete e.headers[t], e.headers[t.toLowerCase()] = m;
+    }
+    const d = n.getEventStreamMember();
+    if (d)
+      a[d] = await this.deserializeEventStream({
+        response: e,
+        responseSchema: n,
+        initialResponseContainer: a
+      });
+    else {
+      const t = await b(e.body, r);
+      t.byteLength > 0 && Object.assign(a, await s.read(n, t));
+    }
+    return a.$metadata = this.deserializeMetadata(e), a;
+  }
+}
+class R {
+  async sign(i, r, e) {
+    return i;
+  }
+}
+export {
+  R as N,
+  q as R
+};

package/dist/noAuth-JPA2o4dt.js

@@ -0,0 +1 @@
+"use strict";const l=require("./index-DKS5Sz9e.js"),S=require("./date-utils-CFUUt6NL.js");class g extends l.HttpProtocol{async serializeRequest(r,i,e){const s=this.serializer,n={},a={},d=await e.endpoint(),t=l.NormalizedSchema.of(r?.input),u=t.getSchema();let f;const o=new S.HttpRequest({protocol:"",hostname:"",port:void 0,path:"/",fragment:void 0,query:n,headers:a,body:void 0});d&&(this.updateServiceEndpoint(o,d),this.setHostPrefix(o,r,i));const c={...i};if(i){const h=t.getEventStreamMember();if(h){if(c[h]){const y={};for(const[m,w]of t.structIterator())m!==h&&c[m]&&(s.write(w,c[m]),y[m]=s.flush());f=await this.serializeEventStream({eventStream:c[h],requestSchema:t,initialRequest:y})}}else s.write(u,c),f=s.flush()}return o.headers=a,o.query=n,o.body=f,o.method="POST",o}async deserializeResponse(r,i,e){const s=this.deserializer,n=l.NormalizedSchema.of(r.output),a={};if(e.statusCode>=300){const t=await l.collectBody(e.body,i);throw t.byteLength>0&&Object.assign(a,await s.read(15,t)),await this.handleError(r,i,e,a,this.deserializeMetadata(e)),new Error("@smithy/core/protocols - RPC Protocol error handler failed to throw.")}for(const t in e.headers){const u=e.headers[t];delete e.headers[t],e.headers[t.toLowerCase()]=u}const d=n.getEventStreamMember();if(d)a[d]=await this.deserializeEventStream({response:e,responseSchema:n,initialResponseContainer:a});else{const t=await l.collectBody(e.body,i);t.byteLength>0&&Object.assign(a,await s.read(n,t))}return a.$metadata=this.deserializeMetadata(e),a}}class z{async sign(r,i,e){return r}}exports.NoAuthSigner=z;exports.RpcProtocol=g;

package/dist/playground/AIContext.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { AIClient } from '../ai';
+interface AICtx {
+    endpoint: string;
+    apiKey: string;
+    setEndpoint: (v: string) => void;
+    setApiKey: (v: string) => void;
+    client: AIClient | null;
+    configured: boolean;
+}
+/** Holds the AI config (URL + key) once, shared by every AI feature in the builder. */
+export declare const AIProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useAI: () => AICtx;
+/** Reusable URL + key inputs bound to the shared config. */
+export declare const AIConfigFields: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/playground/AIPanel.d.ts

@@ -0,0 +1,10 @@
+import { FormField } from '../util/helper';
+interface AIPanelProps {
+    open: boolean;
+    onClose: () => void;
+    currentFields: FormField[];
+    onApply: (fields: FormField[]) => void;
+}
+/** Playground-only panel: generate / digitize / review a form with AI. */
+export declare const AIPanel: ({ open, onClose, currentFields, onApply }: AIPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/playground/DemoGallery.d.ts

@@ -0,0 +1,6 @@
+import { FormField } from '../util/helper';
+/** Full-width live gallery: patterns + every component in multiple config variants, with props, code, and add-to-builder. */
+export declare const DemoGallery: ({ onAddField, onAddFields }: {
+    onAddField: (field: FormField) => void;
+    onAddFields: (fields: FormField[]) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/playground/Sidebar.d.ts

@@ -1 +1,9 @@
-export declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;
+export declare const CATEGORIES: Record<string, string[]>;
+export declare const CATEGORY_META: Record<string, {
+    color: string;
+    icon: string;
+    grad: [string, string];
+}>;
+export declare const Sidebar: ({ onAdd }: {
+    onAdd?: (type: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/playground/demoForms.d.ts

@@ -0,0 +1,3 @@
+import { DemoRecipe } from './demoRecipes';
+/** Forms with every input normalized to a consistent "label on top" style. */
+export declare const DEMO_FORMS: DemoRecipe[];

package/dist/playground/demoRecipes.d.ts

@@ -0,0 +1,15 @@
+import { FormField } from '../util/helper';
+export interface DemoRecipe {
+    id: string;
+    title: string;
+    description: string;
+    icon: string;
+    data: FormField[];
+}
+/**
+ * Practical, multi-field examples that show the DYNAMIC engine at work —
+ * live formulas, conditional visibility, dependent selects (subforms),
+ * required-when, disabled-when, and cross-field validation. These are the
+ * real-world patterns single-component demos can't show.
+ */
+export declare const DEMO_RECIPES: DemoRecipe[];

package/dist/playground/demoVariants.d.ts

@@ -0,0 +1,11 @@
+import { FormField } from '../util/helper';
+export type DemoVariant = {
+    label: string;
+    field: FormField;
+};
+/**
+ * Curated config variants per component so the Demo gallery shows "what this
+ * component can do". Any component NOT listed here falls back to its single
+ * playground template (see DemoCard).
+ */
+export declare const DEMO_VARIANTS: Record<string, DemoVariant[]>;

package/dist/schema.d.ts

@@ -0,0 +1,404 @@
+import { FormField, RuleExpression } from './types';
+/**
+ * TYPED SCHEMA LAYER (additive, authoring-only)
+ * ---------------------------------------------
+ * A convenience, compile-time layer on top of the loose runtime `FormField`.
+ * Authors get autocomplete + type-checking for the common controls, while
+ * `defineForm` erases the extra typing and hands FormGenerator the exact
+ * `FormField[]` it already expects. Nothing here changes runtime behaviour.
+ */
+/** An option entry accepted by option-based controls. */
+export interface TypedOption {
+    value: any;
+    label: string;
+    [k: string]: any;
+}
+/** Options that may be given as bare strings or {value,label} objects. */
+export type LooseOption = string | TypedOption;
+/** Per-field grid/layout hints (subset of runtime `LayoutConfig`). */
+export interface TypedLayout {
+    row?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    [k: string]: any;
+}
+/** Typed validation rule for the `rules.validation` array. */
+export interface TypedValidationRule {
+    rule: string;
+    message?: string;
+    value?: any;
+    [k: string]: any;
+}
+export interface TypedRules {
+    validation?: TypedValidationRule[];
+    [k: string]: any;
+}
+/** MUI attribute bag — kept open so any MUI prop still type-checks. */
+export interface TypedMuiAttributes {
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    variant?: string;
+    fullWidth?: boolean;
+    [k: string]: any;
+}
+/** Fields shared by every typed variant. */
+export interface TypedFieldBase {
+    id: string;
+    layout?: TypedLayout;
+    rules?: TypedRules;
+    visible?: boolean;
+    visibleWhen?: RuleExpression | any;
+    disabledWhen?: RuleExpression | any;
+    requiredWhen?: RuleExpression | any;
+    requiredMessage?: string;
+}
+export interface TextFieldField extends TypedFieldBase {
+    type: 'textfield';
+    props: {
+        id: string;
+        value?: string;
+        multiline?: boolean;
+        rows?: number;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface NumberFieldField extends TypedFieldBase {
+    type: 'numberfield';
+    props: {
+        id: string;
+        value?: number;
+        min?: number;
+        max?: number;
+        step?: number;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface PasswordField extends TypedFieldBase {
+    type: 'password';
+    props: {
+        id: string;
+        value?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface CurrencyField extends TypedFieldBase {
+    type: 'currency';
+    props: {
+        id: string;
+        value?: number;
+        currency?: string;
+        locale?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface PhoneField extends TypedFieldBase {
+    type: 'phone';
+    props: {
+        id: string;
+        value?: string;
+        defaultCountry?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface OtpField extends TypedFieldBase {
+    type: 'otp';
+    props: {
+        id: string;
+        value?: string;
+        length?: number;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface SelectField extends TypedFieldBase {
+    type: 'select';
+    props: {
+        id: string;
+        value?: any;
+        options: TypedOption[];
+        multiple?: boolean;
+        MuiAttributes?: TypedMuiAttributes;
+        MuiBoxAttributes?: any;
+        [k: string]: any;
+    };
+}
+export interface AutoCompleteField extends TypedFieldBase {
+    type: 'autocomplete';
+    props: {
+        id: string;
+        value?: any;
+        options: LooseOption[];
+        multiple?: boolean;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface RadioField extends TypedFieldBase {
+    type: 'radio';
+    props: {
+        id: string;
+        value?: any;
+        options: LooseOption[];
+        row?: boolean;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface CheckBoxField extends TypedFieldBase {
+    type: 'checkbox';
+    props: {
+        id: string;
+        value?: boolean;
+        label?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface SwitchField extends TypedFieldBase {
+    type: 'switch';
+    props: {
+        id: string;
+        value?: boolean;
+        label?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface ConsentField extends TypedFieldBase {
+    type: 'consent';
+    props: {
+        id: string;
+        value?: boolean;
+        label?: string;
+        text?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface ChipSelectOrToggleField extends TypedFieldBase {
+    type: 'chipselect' | 'togglebuttons';
+    props: {
+        id: string;
+        value?: any;
+        label?: string;
+        options: LooseOption[];
+        multiple?: boolean;
+        [k: string]: any;
+    };
+}
+export interface TagsInputField extends TypedFieldBase {
+    type: 'tagsinput';
+    props: {
+        id: string;
+        value?: string[];
+        label?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface RatingField extends TypedFieldBase {
+    type: 'rating';
+    props: {
+        id: string;
+        value?: number;
+        max?: number;
+        precision?: number;
+        label?: string;
+        [k: string]: any;
+    };
+}
+export interface SliderField extends TypedFieldBase {
+    type: 'slider';
+    props: {
+        id: string;
+        value?: number | number[];
+        min?: number;
+        max?: number;
+        step?: number;
+        marks?: boolean | {
+            value: number;
+            label?: string;
+        }[];
+        label?: string;
+        [k: string]: any;
+    };
+}
+export interface ColorPickerField extends TypedFieldBase {
+    type: 'colorpicker';
+    props: {
+        id: string;
+        value?: string;
+        label?: string;
+        [k: string]: any;
+    };
+}
+export interface DateTimeField extends TypedFieldBase {
+    type: 'datetime' | 'datetimepicker' | 'timepicker' | 'daterangepicker';
+    props: {
+        id: string;
+        value?: any;
+        format?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface FileUploadField extends TypedFieldBase {
+    type: 'fileupload';
+    props: {
+        id: string;
+        value?: any;
+        accept?: string;
+        multiple?: boolean;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface SignatureField extends TypedFieldBase {
+    type: 'signature';
+    props: {
+        id: string;
+        value?: any;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface MarkdownField extends TypedFieldBase {
+    type: 'markdown';
+    props: {
+        id: string;
+        value?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface KeyValueField extends TypedFieldBase {
+    type: 'keyvalue';
+    props: {
+        id: string;
+        value?: Record<string, any> | {
+            key: string;
+            value: any;
+        }[];
+        label?: string;
+        [k: string]: any;
+    };
+}
+export interface MatrixField extends TypedFieldBase {
+    type: 'matrix';
+    props: {
+        id: string;
+        value?: any;
+        rows?: LooseOption[];
+        columns?: LooseOption[];
+        [k: string]: any;
+    };
+}
+export interface AddressField extends TypedFieldBase {
+    type: 'address';
+    props: {
+        id: string;
+        value?: any;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface GeoField extends TypedFieldBase {
+    type: 'geo';
+    props: {
+        id: string;
+        value?: any;
+        [k: string]: any;
+    };
+}
+export interface CascadeSelectField extends TypedFieldBase {
+    type: 'cascadeselect';
+    props: {
+        id: string;
+        value?: any;
+        options: any[];
+        [k: string]: any;
+    };
+}
+export interface ComputedField extends TypedFieldBase {
+    type: 'computed';
+    props: {
+        id: string;
+        formula: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+    formula?: string;
+}
+export interface AlertField extends TypedFieldBase {
+    type: 'alert';
+    props: {
+        id: string;
+        severity?: 'error' | 'warning' | 'info' | 'success';
+        message?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface TypographyField extends TypedFieldBase {
+    type: 'typography';
+    props: {
+        id: string;
+        value?: string;
+        variant?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface ButtonField extends TypedFieldBase {
+    type: 'button';
+    props: {
+        id: string;
+        label?: string;
+        action?: string;
+        MuiAttributes?: TypedMuiAttributes;
+        [k: string]: any;
+    };
+}
+export interface DividerField extends TypedFieldBase {
+    type: 'divider';
+    props?: {
+        id?: string;
+        [k: string]: any;
+    };
+}
+/**
+ * Catch-all — any control key still type-checks (e.g. the less-common ones in
+ * `config/mui.ts`). Kept permissive on purpose so authors are never blocked.
+ * Listed LAST so the specific variants win discrimination when they match.
+ */
+export interface GenericField {
+    type: string;
+    id?: string;
+    props?: Record<string, any>;
+    layout?: TypedLayout;
+    rules?: TypedRules;
+    visibleWhen?: RuleExpression | any;
+    disabledWhen?: RuleExpression | any;
+    requiredWhen?: RuleExpression | any;
+    [k: string]: any;
+}
+/** Discriminated union across the common controls (+ a permissive fallback). */
+export type TypedField = TextFieldField | NumberFieldField | PasswordField | CurrencyField | PhoneField | OtpField | SelectField | AutoCompleteField | RadioField | CheckBoxField | SwitchField | ConsentField | ChipSelectOrToggleField | TagsInputField | RatingField | SliderField | ColorPickerField | DateTimeField | FileUploadField | SignatureField | MarkdownField | KeyValueField | MatrixField | AddressField | GeoField | CascadeSelectField | ComputedField | AlertField | TypographyField | ButtonField | DividerField | GenericField;
+/** A complete typed form. */
+export type TypedSchema = TypedField[];
+/**
+ * Typed authoring entry point. Accepts a `TypedSchema` (autocompleted +
+ * type-checked) and returns the runtime `FormField[]` that FormGenerator
+ * consumes. Purely a compile-time convenience — no runtime transformation.
+ */
+export declare function defineForm(schema: TypedSchema): FormField[];
+export type { FormField, RuleExpression } from './types';

package/dist/theme/theme.d.ts

@@ -1 +1,6 @@
+export declare const GRADIENTS: {
+    primary: string;
+    brand: string;
+    surface: string;
+};
 export declare const theme: import('@mui/material').Theme;

package/dist/types.d.ts

@@ -1,19 +1,106 @@
+import { CSSProperties } from 'react';
+/** A single validation rule attached to a field. `rule` maps to a key in the
+ *  validation utility (e.g. 'mandatory', 'email', 'length'). */
+export interface ValidationRule {
+    rule: string;
+    message?: string;
+    /** Optional argument forwarded to the validator (e.g. length options). */
+    value?: any;
+    [key: string]: any;
+}
+export interface FieldRules {
+    validation?: ValidationRule[];
+    [key: string]: any;
+}
+/** Conditionally-rendered sub-form shown when the parent field equals
+ *  `conditionValue` (or, for multi-value fields, includes it). */
+export interface SubForm {
+    conditionValue: any;
+    data: FormField[];
+}
+export interface LayoutConfig {
+    row?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    size?: any;
+    [key: string]: any;
+}
+export interface FieldProps {
+    id?: string;
+    value?: any;
+    MuiAttributes?: any;
+    InputProps?: any;
+    options?: any[];
+    format?: string;
+    [key: string]: any;
+}
+/**
+ * A condition (or nested AND/OR/NOR group) evaluated against the form's live
+ * values to drive reactive behaviour. See `util/rules` for the full shape.
+ */
+export type RuleExpression = {
+    field: string;
+    op?: string;
+    value?: any;
+} | {
+    all?: RuleExpression[];
+    any?: RuleExpression[];
+    none?: RuleExpression[];
+};
+/** The JSON schema entry describing one field/control in a form. */
+export interface FormField {
+    id?: string;
+    type?: string;
+    layout?: LayoutConfig;
+    props?: FieldProps;
+    visible?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    rules?: FieldRules;
+    subforms?: SubForm[];
+    /** Show this field only when the condition holds (else it renders nothing). */
+    visibleWhen?: RuleExpression;
+    /** Disable this field's control when the condition holds. */
+    disabledWhen?: RuleExpression;
+    /** Make this field mandatory only when the condition holds. */
+    requiredWhen?: RuleExpression;
+    /** Error message used by `requiredWhen`. */
+    requiredMessage?: string;
+    /** Arithmetic formula (e.g. "qty * price") computed from other field values. */
+    formula?: string;
+    /**
+     * Dynamic options: the id of another field whose value selects this field's
+     * options from `optionsMap`. Keeps ONE control whose options change (e.g. a
+     * single State select driven by Country) instead of duplicating fields.
+     */
+    dependsOn?: string;
+    /** Map of `dependsOn` value → options for this field. */
+    optionsMap?: Record<string, any[]>;
+    [key: string]: any;
+}
+/** An unmet validation rule reported back through `onSubmit`. */
+export interface FormError extends ValidationRule {
+    id?: string;
+}
 export interface ControlChangeProps {
     id?: string;
     value: any;
     option?: any;
 }
 export interface ControlProps {
-    attributes?: {
-        id?: string;
-        value?: any;
-        MuiAttributes?: any;
-        InputProps?: any;
-        options?: any[];
-        format?: string;
-        [key: string]: any;
-    };
-    rules?: any;
+    attributes?: FieldProps;
+    rules?: FieldRules;
     patch?: Record<string, any>;
     onChange?: (args: ControlChangeProps) => void;
+    /** Incremented by FormGenerator on each submit attempt — controls re-run their
+     *  validation and display the error (so untouched invalid fields turn red). */
+    submitTick?: number;
+    /** Localizable built-in messages (e.g. `{ required: '…' }`). */
+    messages?: {
+        required?: string;
+        [key: string]: any;
+    };
 }