@webiny/app-admin 6.3.0-beta.1 → 6.3.0-beta.3

package/features/formModel/FormModelFactory.d.ts

@@ -1,6 +1,8 @@
-import { type IFormModelFactory, type IFormModelConfig } from "./abstractions.js";
-import type { IFormModel } from "./abstractions.js";
+import { type IFormModelFactory, type IFormModelConfig, type IFormModel, type IFieldBuilderRegistry, type IRuleEvaluator } from "./abstractions.js";
 declare class FormModelFactoryImpl implements IFormModelFactory {
+    private evaluators;
+    private registry;
+    constructor(evaluators: IRuleEvaluator[], registry: IFieldBuilderRegistry);
     create<T = Record<string, any>>(config: IFormModelConfig): IFormModel<T>;
 }
 export declare const FormModelFactory: typeof FormModelFactoryImpl & {

package/features/formModel/FormModelFactory.js

@@ -1,13 +1,23 @@
 import { FormModel } from "./FormModel.js";
-import { FormModelFactory as Abstraction } from "./abstractions.js";
+import { FormModelFactory as Abstraction, FieldBuilderRegistry, RuleEvaluator } from "./abstractions.js";
 class FormModelFactoryImpl {
+  constructor(evaluators, registry) {
+    this.evaluators = evaluators;
+    this.registry = registry;
+  }
   create(config) {
-    return new FormModel(config);
+    const provided = config.ruleEvaluators ?? [];
+    return new FormModel({
+      ...config,
+      ruleEvaluators: [...this.evaluators, ...provided]
+    }, this.registry);
   }
 }
 export const FormModelFactory = Abstraction.createImplementation({
   implementation: FormModelFactoryImpl,
-  dependencies: []
+  dependencies: [[RuleEvaluator, {
+    multiple: true
+  }], FieldBuilderRegistry]
 });
 
 //# sourceMappingURL=FormModelFactory.js.map

package/features/formModel/FormModelFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormModel","FormModelFactory","Abstraction","FormModelFactoryImpl","create","config","createImplementation","implementation","dependencies"],"sources":["FormModelFactory.ts"],"sourcesContent":["import { FormModel } from \"./FormModel.js\";\nimport {\n    FormModelFactory as Abstraction,\n    type IFormModelFactory,\n    type IFormModelConfig\n} from \"./abstractions.js\";\nimport type { IFormModel } from \"./abstractions.js\";\n\nclass FormModelFactoryImpl implements IFormModelFactory {\n    create<T = Record<string, any>>(config: IFormModelConfig): IFormModel<T> {\n        return new FormModel(config) as IFormModel<T>;\n    }\n}\n\nexport const FormModelFactory = Abstraction.createImplementation({\n    implementation: FormModelFactoryImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SACIC,gBAAgB,IAAIC,WAAW;AAMnC,MAAMC,oBAAoB,CAA8B;EACpDC,MAAMA,CAA0BC,MAAwB,EAAiB;IACrE,OAAO,IAAIL,SAAS,CAACK,MAAM,CAAC;EAChC;AACJ;AAEA,OAAO,MAAMJ,gBAAgB,GAAGC,WAAW,CAACI,oBAAoB,CAAC;EAC7DC,cAAc,EAAEJ,oBAAoB;EACpCK,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["FormModel","FormModelFactory","Abstraction","FieldBuilderRegistry","RuleEvaluator","FormModelFactoryImpl","constructor","evaluators","registry","create","config","provided","ruleEvaluators","createImplementation","implementation","dependencies","multiple"],"sources":["FormModelFactory.ts"],"sourcesContent":["import { FormModel } from \"./FormModel.js\";\nimport {\n    FormModelFactory as Abstraction,\n    FieldBuilderRegistry,\n    RuleEvaluator,\n    type IFormModelFactory,\n    type IFormModelConfig,\n    type IFormModel,\n    type IFieldBuilderRegistry,\n    type IRuleEvaluator\n} from \"./abstractions.js\";\n\nclass FormModelFactoryImpl implements IFormModelFactory {\n    constructor(\n        private evaluators: IRuleEvaluator[],\n        private registry: IFieldBuilderRegistry\n    ) {}\n\n    create<T = Record<string, any>>(config: IFormModelConfig): IFormModel<T> {\n        const provided = config.ruleEvaluators ?? [];\n        return new FormModel(\n            {\n                ...config,\n                ruleEvaluators: [...this.evaluators, ...provided]\n            },\n            this.registry\n        ) as IFormModel<T>;\n    }\n}\n\nexport const FormModelFactory = Abstraction.createImplementation({\n    implementation: FormModelFactoryImpl,\n    dependencies: [[RuleEvaluator, { multiple: true }], FieldBuilderRegistry]\n});\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SACIC,gBAAgB,IAAIC,WAAW,EAC/BC,oBAAoB,EACpBC,aAAa;AAQjB,MAAMC,oBAAoB,CAA8B;EACpDC,WAAWA,CACCC,UAA4B,EAC5BC,QAA+B,EACzC;IAAA,KAFUD,UAA4B,GAA5BA,UAA4B;IAAA,KAC5BC,QAA+B,GAA/BA,QAA+B;EACxC;EAEHC,MAAMA,CAA0BC,MAAwB,EAAiB;IACrE,MAAMC,QAAQ,GAAGD,MAAM,CAACE,cAAc,IAAI,EAAE;IAC5C,OAAO,IAAIZ,SAAS,CAChB;MACI,GAAGU,MAAM;MACTE,cAAc,EAAE,CAAC,GAAG,IAAI,CAACL,UAAU,EAAE,GAAGI,QAAQ;IACpD,CAAC,EACD,IAAI,CAACH,QACT,CAAC;EACL;AACJ;AAEA,OAAO,MAAMP,gBAAgB,GAAGC,WAAW,CAACW,oBAAoB,CAAC;EAC7DC,cAAc,EAAET,oBAAoB;EACpCU,YAAY,EAAE,CAAC,CAACX,aAAa,EAAE;IAAEY,QAAQ,EAAE;EAAK,CAAC,CAAC,EAAEb,oBAAoB;AAC5E,CAAC,CAAC","ignoreList":[]}

package/features/formModel/FormView.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
 import type { IFormVM, LayoutNodeVM, IFieldVM, ITabsNodeVM } from "./abstractions.js";
+import type { Icon } from "../../components/IconPicker/types.js";
+export declare function renderTabIcon(icon: Icon | undefined): React.ReactElement | undefined;
 /**
  * A field renderer component receives a FieldVM and renders the appropriate UI.
  */

package/features/formModel/FormView.js

@@ -1,7 +1,17 @@
 import React, { createContext, useContext, useMemo } from "react";
 import { observer } from "mobx-react-lite";
+import { Grid, Tabs } from "@webiny/admin-ui";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useFieldRenderers } from "./useFieldRenderers.js";
 import { useLayoutRenderers } from "./useLayoutRenderers.js";
+export function renderTabIcon(icon) {
+  if (!icon) {
+    return undefined;
+  }
+  return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: icon.name.split("/")
+  });
+}
 
 /**
  * A field renderer component receives a FieldVM and renders the appropriate UI.
@@ -29,11 +39,11 @@ export { useFormViewRenderers };
  * Generic form view that walks layout nodes and renders fields.
  * This component is stateless — it reads from the FormVM and delegates to renderers.
  */
-export const FormView = observer(function FormView({
+export const FormView = observer(({
   form,
   renderers,
   layoutRenderers
-}) {
+}) => {
   const defaultFieldRenderers = useFieldRenderers();
   const defaultLayoutRenderers = useLayoutRenderers();
   const value = useMemo(() => ({
@@ -49,9 +59,9 @@ export const FormView = observer(function FormView({
     node: node
   }))));
 });
-export const LayoutNodeRenderer = observer(function LayoutNodeRenderer({
+export const LayoutNodeRenderer = observer(({
   node
-}) {
+}) => {
   switch (node.type) {
     case "row":
       return /*#__PURE__*/React.createElement(RowNodeRenderer, {
@@ -71,29 +81,27 @@ export const LayoutNodeRenderer = observer(function LayoutNodeRenderer({
       return null;
   }
 });
-const RowNodeRenderer = observer(function RowNodeRenderer({
+const RowNodeRenderer = observer(({
   node
-}) {
+}) => {
   const {
     fieldRenderers
   } = useFormViewRenderers();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-12 gap-4"
-  }, node.fields.map(field => {
+  return /*#__PURE__*/React.createElement(Grid, null, node.fields.map(field => {
     const span = Math.floor(12 / node.fields.length);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Grid.Column, {
       key: field.name,
-      className: `col-span-${span}`
+      span: span
     }, /*#__PURE__*/React.createElement(FieldRenderer, {
       field: field,
       renderers: fieldRenderers
     }));
   }));
 });
-const FieldRenderer = observer(function FieldRenderer({
+const FieldRenderer = observer(({
   field,
   renderers
-}) {
+}) => {
   const Renderer = field.renderer ? renderers[field.renderer] : undefined;
   if (!Renderer) {
     if (process.env.NODE_ENV === "development") {
@@ -110,9 +118,9 @@ const SeparatorNodeRenderer = observer(function SeparatorNodeRenderer() {
     className: "border-neutral-dimmed my-2"
   });
 });
-const TabsNodeRenderer = observer(function TabsNodeRenderer({
+const TabsNodeRenderer = observer(({
   node
-}) {
+}) => {
   const {
     layoutRenderers
   } = useFormViewRenderers();
@@ -124,30 +132,29 @@ const TabsNodeRenderer = observer(function TabsNodeRenderer({
       });
     }
   }
-  const activeTab = node.tabs.find(t => t.id === node.activeTabId);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex border-b border-neutral-dimmed"
-  }, node.tabs.map(tab => /*#__PURE__*/React.createElement("button", {
-    key: tab.id,
-    type: "button",
-    className: `px-4 py-2 text-sm font-medium border-b-2 ${tab.id === node.activeTabId ? "border-primary text-primary" : "border-transparent text-neutral hover:text-neutral-strong"}`,
-    onClick: () => node.setActiveTab(tab.id)
-  }, tab.label, tab.hasErrors && /*#__PURE__*/React.createElement("span", {
-    className: "ml-1 text-destructive text-xs"
-  }, "*")))), activeTab && /*#__PURE__*/React.createElement("div", {
-    className: "pt-4"
-  }, activeTab.description && /*#__PURE__*/React.createElement("p", {
-    className: "text-sm text-neutral mb-4"
-  }, activeTab.description), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-4"
-  }, activeTab.layout.map((childNode, index) => /*#__PURE__*/React.createElement(LayoutNodeRenderer, {
-    key: index,
-    node: childNode
-  })))));
+  return /*#__PURE__*/React.createElement(Tabs, {
+    value: node.activeTabId,
+    onValueChange: id => node.setActiveTab(id),
+    tabs: node.tabs.map(tab => /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: tab.id,
+      value: tab.id,
+      icon: renderTabIcon(tab.icon),
+      trigger: /*#__PURE__*/React.createElement(React.Fragment, null, tab.label, tab.hasErrors && /*#__PURE__*/React.createElement("span", {
+        className: "ml-1 text-destructive-default text-xs"
+      }, "*")),
+      disabled: tab.disabled,
+      content: /*#__PURE__*/React.createElement("div", {
+        className: "flex flex-col gap-4 mt-md"
+      }, tab.layout.map((childNode, index) => /*#__PURE__*/React.createElement(LayoutNodeRenderer, {
+        key: index,
+        node: childNode
+      })))
+    }))
+  });
 });
-const ElementNodeRenderer = observer(function ElementNodeRenderer({
+const ElementNodeRenderer = observer(({
   node
-}) {
+}) => {
   const {
     fieldRenderers
   } = useFormViewRenderers();

package/features/formModel/FormView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useMemo","observer","useFieldRenderers","useLayoutRenderers","FormViewRenderersContext","useFormViewRenderers","ctx","Error","FormView","form","renderers","layoutRenderers","defaultFieldRenderers","defaultLayoutRenderers","value","fieldRenderers","createElement","Provider","className","layout","map","node","index","LayoutNodeRenderer","key","type","RowNodeRenderer","SeparatorNodeRenderer","TabsNodeRenderer","ElementNodeRenderer","fields","field","span","Math","floor","length","name","FieldRenderer","Renderer","renderer","undefined","process","env","NODE_ENV","console","warn","CustomRenderer","activeTab","tabs","find","t","id","activeTabId","tab","onClick","setActiveTab","label","hasErrors","description","childNode","props"],"sources":["FormView.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type {\n    IFormVM,\n    LayoutNodeVM,\n    IRowNodeVM,\n    IFieldVM,\n    ITabsNodeVM,\n    IElementNodeVM\n} from \"./abstractions.js\";\nimport { useFieldRenderers } from \"~/features/formModel/useFieldRenderers.js\";\nimport { useLayoutRenderers } from \"~/features/formModel/useLayoutRenderers.js\";\n\n/**\n * A field renderer component receives a FieldVM and renders the appropriate UI.\n */\nexport type FieldRendererComponent = React.ComponentType<{ field: IFieldVM }>;\n\n/**\n * Map of renderer keys to React components for fields.\n * Lookup order: `{type}:{renderer}` → `{type}`.\n */\nexport type FieldRenderers = Record<string, FieldRendererComponent>;\n\n/**\n * Map of renderer keys to React components for layout nodes.\n */\nexport type LayoutRenderers = Record<string, React.ComponentType<any>>;\n\ninterface FormViewRenderers {\n    fieldRenderers: FieldRenderers;\n    layoutRenderers: LayoutRenderers;\n}\n\nconst FormViewRenderersContext = createContext<FormViewRenderers | null>(null);\n\nconst useFormViewRenderers = (): FormViewRenderers => {\n    const ctx = useContext(FormViewRenderersContext);\n    if (!ctx) {\n        throw new Error(\"useFormViewRenderers must be used within a FormView.\");\n    }\n    return ctx;\n};\n\nexport { useFormViewRenderers };\n\ninterface FormViewProps {\n    form: IFormVM;\n    renderers?: FieldRenderers;\n    layoutRenderers?: LayoutRenderers;\n}\n\n/**\n * Generic form view that walks layout nodes and renders fields.\n * This component is stateless — it reads from the FormVM and delegates to renderers.\n */\nexport const FormView = observer(function FormView({\n    form,\n    renderers,\n    layoutRenderers\n}: FormViewProps) {\n    const defaultFieldRenderers = useFieldRenderers();\n    const defaultLayoutRenderers = useLayoutRenderers();\n\n    const value = useMemo(\n        () => ({\n            fieldRenderers: renderers ?? defaultFieldRenderers,\n            layoutRenderers: layoutRenderers ?? defaultLayoutRenderers\n        }),\n        [renderers, defaultFieldRenderers, layoutRenderers, defaultLayoutRenderers]\n    );\n\n    return (\n        <FormViewRenderersContext.Provider value={value}>\n            <div className=\"w-full flex flex-col gap-4\">\n                {form.layout.map((node, index) => (\n                    <LayoutNodeRenderer key={index} node={node} />\n                ))}\n            </div>\n        </FormViewRenderersContext.Provider>\n    );\n});\n\nexport const LayoutNodeRenderer = observer(function LayoutNodeRenderer({\n    node\n}: {\n    node: LayoutNodeVM;\n}) {\n    switch (node.type) {\n        case \"row\":\n            return <RowNodeRenderer node={node} />;\n        case \"separator\":\n            return <SeparatorNodeRenderer />;\n        case \"tabs\":\n            return <TabsNodeRenderer node={node} />;\n        case \"element\":\n            return <ElementNodeRenderer node={node} />;\n        default:\n            return null;\n    }\n});\n\nconst RowNodeRenderer = observer(function RowNodeRenderer({ node }: { node: IRowNodeVM }) {\n    const { fieldRenderers } = useFormViewRenderers();\n\n    return (\n        <div className=\"grid grid-cols-12 gap-4\">\n            {node.fields.map(field => {\n                const span = Math.floor(12 / node.fields.length);\n                return (\n                    <div key={field.name} className={`col-span-${span}`}>\n                        <FieldRenderer field={field} renderers={fieldRenderers} />\n                    </div>\n                );\n            })}\n        </div>\n    );\n});\n\ninterface FieldRendererProps {\n    field: IFieldVM;\n    renderers: FieldRenderers;\n}\n\nconst FieldRenderer = observer(function FieldRenderer({ field, renderers }: FieldRendererProps) {\n    const Renderer = field.renderer ? renderers[field.renderer] : undefined;\n\n    if (!Renderer) {\n        if (process.env.NODE_ENV === \"development\") {\n            console.warn(\n                `[FormView] No renderer found for field \"${field.name}\" (renderer: \"${field.renderer || \"none\"}\").`\n            );\n        }\n        return null;\n    }\n\n    return <Renderer field={field} />;\n});\n\nconst SeparatorNodeRenderer = observer(function SeparatorNodeRenderer() {\n    return <hr className=\"border-neutral-dimmed my-2\" />;\n});\n\nexport interface TabsNodeRendererProps {\n    node: ITabsNodeVM;\n}\n\nconst TabsNodeRenderer = observer(function TabsNodeRenderer({ node }: TabsNodeRendererProps) {\n    const { layoutRenderers } = useFormViewRenderers();\n\n    if (node.renderer) {\n        const CustomRenderer = layoutRenderers[node.renderer];\n        if (CustomRenderer) {\n            return <CustomRenderer node={node} />;\n        }\n    }\n\n    const activeTab = node.tabs.find(t => t.id === node.activeTabId);\n\n    return (\n        <div>\n            <div className=\"flex border-b border-neutral-dimmed\">\n                {node.tabs.map(tab => (\n                    <button\n                        key={tab.id}\n                        type=\"button\"\n                        className={`px-4 py-2 text-sm font-medium border-b-2 ${\n                            tab.id === node.activeTabId\n                                ? \"border-primary text-primary\"\n                                : \"border-transparent text-neutral hover:text-neutral-strong\"\n                        }`}\n                        onClick={() => node.setActiveTab(tab.id)}\n                    >\n                        {tab.label}\n                        {tab.hasErrors && <span className=\"ml-1 text-destructive text-xs\">*</span>}\n                    </button>\n                ))}\n            </div>\n            {activeTab && (\n                <div className=\"pt-4\">\n                    {activeTab.description && (\n                        <p className=\"text-sm text-neutral mb-4\">{activeTab.description}</p>\n                    )}\n                    <div className=\"flex flex-col gap-4\">\n                        {activeTab.layout.map((childNode, index) => (\n                            <LayoutNodeRenderer key={index} node={childNode} />\n                        ))}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n});\n\nconst ElementNodeRenderer = observer(function ElementNodeRenderer({\n    node\n}: {\n    node: IElementNodeVM;\n}) {\n    const { fieldRenderers } = useFormViewRenderers();\n    const Renderer = fieldRenderers[`element:${node.renderer}`];\n\n    if (!Renderer) {\n        if (process.env.NODE_ENV === \"development\") {\n            console.warn(`[FormView] No renderer found for element \"${node.renderer}\".`);\n        }\n        return null;\n    }\n\n    return <Renderer field={{ ...node.props } as any} />;\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useMemo","observer","Grid","Tabs","FontAwesomeIcon","useFieldRenderers","useLayoutRenderers","renderTabIcon","icon","undefined","createElement","name","split","FormViewRenderersContext","useFormViewRenderers","ctx","Error","FormView","form","renderers","layoutRenderers","defaultFieldRenderers","defaultLayoutRenderers","value","fieldRenderers","Provider","className","layout","map","node","index","LayoutNodeRenderer","key","type","RowNodeRenderer","SeparatorNodeRenderer","TabsNodeRenderer","ElementNodeRenderer","fields","field","span","Math","floor","length","Column","FieldRenderer","Renderer","renderer","process","env","NODE_ENV","console","warn","CustomRenderer","activeTabId","onValueChange","id","setActiveTab","tabs","tab","Tab","trigger","Fragment","label","hasErrors","disabled","content","childNode","props"],"sources":["FormView.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Grid, Tabs } from \"@webiny/admin-ui\";\nimport type {\n    IFormVM,\n    LayoutNodeVM,\n    IRowNodeVM,\n    IFieldVM,\n    ITabsNodeVM,\n    IElementNodeVM\n} from \"./abstractions.js\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { useFieldRenderers } from \"~/features/formModel/useFieldRenderers.js\";\nimport { useLayoutRenderers } from \"~/features/formModel/useLayoutRenderers.js\";\n\nexport function renderTabIcon(icon: Icon | undefined): React.ReactElement | undefined {\n    if (!icon) {\n        return undefined;\n    }\n    return <FontAwesomeIcon icon={icon.name.split(\"/\") as IconProp} />;\n}\n\n/**\n * A field renderer component receives a FieldVM and renders the appropriate UI.\n */\nexport type FieldRendererComponent = React.ComponentType<{ field: IFieldVM }>;\n\n/**\n * Map of renderer keys to React components for fields.\n * Lookup order: `{type}:{renderer}` → `{type}`.\n */\nexport type FieldRenderers = Record<string, FieldRendererComponent>;\n\n/**\n * Map of renderer keys to React components for layout nodes.\n */\nexport type LayoutRenderers = Record<string, React.ComponentType<any>>;\n\ninterface FormViewRenderers {\n    fieldRenderers: FieldRenderers;\n    layoutRenderers: LayoutRenderers;\n}\n\nconst FormViewRenderersContext = createContext<FormViewRenderers | null>(null);\n\nconst useFormViewRenderers = (): FormViewRenderers => {\n    const ctx = useContext(FormViewRenderersContext);\n    if (!ctx) {\n        throw new Error(\"useFormViewRenderers must be used within a FormView.\");\n    }\n    return ctx;\n};\n\nexport { useFormViewRenderers };\n\ninterface FormViewProps {\n    form: IFormVM;\n    renderers?: FieldRenderers;\n    layoutRenderers?: LayoutRenderers;\n}\n\n/**\n * Generic form view that walks layout nodes and renders fields.\n * This component is stateless — it reads from the FormVM and delegates to renderers.\n */\nexport const FormView = observer(({ form, renderers, layoutRenderers }: FormViewProps) => {\n    const defaultFieldRenderers = useFieldRenderers();\n    const defaultLayoutRenderers = useLayoutRenderers();\n\n    const value = useMemo(\n        () => ({\n            fieldRenderers: renderers ?? defaultFieldRenderers,\n            layoutRenderers: layoutRenderers ?? defaultLayoutRenderers\n        }),\n        [renderers, defaultFieldRenderers, layoutRenderers, defaultLayoutRenderers]\n    );\n\n    return (\n        <FormViewRenderersContext.Provider value={value}>\n            <div className=\"w-full flex flex-col gap-4\">\n                {form.layout.map((node, index) => (\n                    <LayoutNodeRenderer key={index} node={node} />\n                ))}\n            </div>\n        </FormViewRenderersContext.Provider>\n    );\n});\n\nexport const LayoutNodeRenderer = observer(({ node }: { node: LayoutNodeVM }) => {\n    switch (node.type) {\n        case \"row\":\n            return <RowNodeRenderer node={node} />;\n        case \"separator\":\n            return <SeparatorNodeRenderer />;\n        case \"tabs\":\n            return <TabsNodeRenderer node={node} />;\n        case \"element\":\n            return <ElementNodeRenderer node={node} />;\n        default:\n            return null;\n    }\n});\n\nconst RowNodeRenderer = observer(({ node }: { node: IRowNodeVM }) => {\n    const { fieldRenderers } = useFormViewRenderers();\n\n    return (\n        <Grid>\n            {node.fields.map(field => {\n                const span = Math.floor(12 / node.fields.length) as React.ComponentProps<\n                    typeof Grid.Column\n                >[\"span\"];\n\n                return (\n                    <Grid.Column key={field.name} span={span}>\n                        <FieldRenderer field={field} renderers={fieldRenderers} />\n                    </Grid.Column>\n                );\n            })}\n        </Grid>\n    );\n});\n\ninterface FieldRendererProps {\n    field: IFieldVM;\n    renderers: FieldRenderers;\n}\n\nconst FieldRenderer = observer(({ field, renderers }: FieldRendererProps) => {\n    const Renderer = field.renderer ? renderers[field.renderer] : undefined;\n\n    if (!Renderer) {\n        if (process.env.NODE_ENV === \"development\") {\n            console.warn(\n                `[FormView] No renderer found for field \"${field.name}\" (renderer: \"${field.renderer || \"none\"}\").`\n            );\n        }\n        return null;\n    }\n\n    return <Renderer field={field} />;\n});\n\nconst SeparatorNodeRenderer = observer(function SeparatorNodeRenderer() {\n    return <hr className=\"border-neutral-dimmed my-2\" />;\n});\n\nexport interface TabsNodeRendererProps {\n    node: ITabsNodeVM;\n}\n\nconst TabsNodeRenderer = observer(({ node }: TabsNodeRendererProps) => {\n    const { layoutRenderers } = useFormViewRenderers();\n\n    if (node.renderer) {\n        const CustomRenderer = layoutRenderers[node.renderer];\n        if (CustomRenderer) {\n            return <CustomRenderer node={node} />;\n        }\n    }\n\n    return (\n        <Tabs\n            value={node.activeTabId}\n            onValueChange={id => node.setActiveTab(id)}\n            tabs={node.tabs.map(tab => (\n                <Tabs.Tab\n                    key={tab.id}\n                    value={tab.id}\n                    icon={renderTabIcon(tab.icon)}\n                    trigger={\n                        <>\n                            {tab.label}\n                            {tab.hasErrors && (\n                                <span className=\"ml-1 text-destructive-default text-xs\">*</span>\n                            )}\n                        </>\n                    }\n                    disabled={tab.disabled}\n                    content={\n                        <div className={\"flex flex-col gap-4 mt-md\"}>\n                            {tab.layout.map((childNode, index) => (\n                                <LayoutNodeRenderer key={index} node={childNode} />\n                            ))}\n                        </div>\n                    }\n                />\n            ))}\n        />\n    );\n});\n\nconst ElementNodeRenderer = observer(({ node }: { node: IElementNodeVM }) => {\n    const { fieldRenderers } = useFormViewRenderers();\n    const Renderer = fieldRenderers[`element:${node.renderer}`];\n\n    if (!Renderer) {\n        if (process.env.NODE_ENV === \"development\") {\n            console.warn(`[FormView] No renderer found for element \"${node.renderer}\".`);\n        }\n        return null;\n    }\n\n    return <Renderer field={{ ...node.props } as any} />;\n});\n"],"mappings":"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","ignoreList":[]}

package/features/formModel/LayoutBuilderFactory.d.ts

@@ -0,0 +1,61 @@
+import type { Icon } from "../../components/IconPicker/types.js";
+import type { IField, IFieldBuilder, ILayoutBuilder, ILayoutNodeBuilder, ILayoutNodeHandle, IRule, ITabBuilder, ITabDefinition, ITabDefinitionInput, ITabsBuilder, ITabsNode, LayoutNode, ILayoutNodeAccessHandle } from "./abstractions.js";
+interface TabBuilderInternal extends ITabBuilder {
+    _build(id: string): ITabDefinition;
+}
+export declare class TabBuilder implements TabBuilderInternal {
+    private _existing;
+    private _label;
+    private _description;
+    private _icon;
+    private _layoutFactory;
+    private _rules;
+    constructor(existing?: ITabDefinition);
+    label(text: string): this;
+    description(text: string): this;
+    icon(icon: Icon): this;
+    layout(factory: (l: ILayoutBuilder) => ILayoutNodeBuilder[]): this;
+    rules(r: IRule[]): this;
+    _build(id: string): ITabDefinition;
+}
+export declare class TabsBuilder implements ITabsBuilder {
+    private _id;
+    private _renderer;
+    private _rules;
+    private _pendingTabs;
+    private _lastAddedIdx;
+    constructor(id?: string);
+    renderer(name: string): this;
+    tab(tabId: string, configure: (tab: ITabBuilder) => void): this;
+    before(_target: string): this;
+    after(_target: string): this;
+    rules(r: IRule[]): this;
+    build(): ITabsNode;
+}
+export declare class TabsAccessBuilder implements ITabsBuilder {
+    private _node;
+    private _lastAddedIdx;
+    constructor(_node: ITabsNode);
+    renderer(name: string): this;
+    tab(tabId: string, configure: (tab: ITabBuilder) => void): this;
+    before(target: string): this;
+    after(target: string): this;
+    rules(r: IRule[]): this;
+    build(): ITabsNode;
+}
+export declare class LayoutBuilderFactory {
+    static create(): ILayoutBuilder;
+    static buildNodes(builders: ILayoutNodeBuilder[]): LayoutNode[];
+    static resolvePositionedRows(nodes: LayoutNode[]): LayoutNode[];
+    static resolveObjectInner(inner: ((layout: ILayoutBuilder) => ILayoutNodeBuilder[]) | Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>): LayoutNode[] | Record<string, LayoutNode[]>;
+    static createNodeHandle(node: LayoutNode): ILayoutNodeHandle;
+    static matchesNodeId(node: LayoutNode, nodeId: string): boolean;
+    static findNodeById(layout: LayoutNode[], nodeId: string): LayoutNode | undefined;
+    static resolveTabDefinition(input: ITabDefinitionInput): ITabDefinition;
+    static tabsNodeKey(node: ITabsNode): string;
+    static accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle;
+    static collectBuilders(fields: Map<string, IField>, builders: Map<string, IFieldBuilder> | Record<string, IFieldBuilder>, predicate: (builder: IFieldBuilder) => boolean, result: IFieldBuilder[]): void;
+    static collectFieldIds(layout: LayoutNode[]): string[];
+    static collectBuildersFlat(builders: Record<string, IFieldBuilder>, predicate: (builder: IFieldBuilder) => boolean, result: IFieldBuilder[]): void;
+}
+export {};