npm - @webiny/app-admin - Versions diffs - 6.4.5 → 6.6.0-alpha.0 - Mend

@webiny/app-admin 6.4.5 → 6.6.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (928) hide show

package/features/formModel/FormView.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import react, { createContext, useContext, useMemo } from "react";
 import { observer } from "mobx-react-lite";
-import { Grid, IconButton, Tabs, Tooltip, useToast } from "@webiny/admin-ui";
+import { Alert, Grid, IconButton, Separator, Tabs, Text, Tooltip, useToast } from "@webiny/admin-ui";
 import { ReactComponent } from "@webiny/icons/content_copy.svg";
 import { ReactComponent as content_paste_svg_ReactComponent } from "@webiny/icons/content_paste.svg";
 import { DevToolsSection } from "@webiny/react-properties";
@@ -9,7 +9,7 @@ import { DeveloperMode } from "../../components/DeveloperMode/DeveloperMode.js";
 import { useFieldRenderers } from "./useFieldRenderers.js";
 import { useLayoutRenderers } from "./useLayoutRenderers.js";
 function renderTabIcon(icon) {
-    if (!icon) return;
+    if (!icon || "string" != typeof icon.name) return;
     return /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
         icon: icon.name.split("/")
     });
@@ -55,7 +55,13 @@ const LayoutNodeRenderer = observer(({ node })=>{
                 node: node
             });
         case "separator":
-            return /*#__PURE__*/ react.createElement(FormView_SeparatorNodeRenderer, null);
+            return /*#__PURE__*/ react.createElement(FormView_SeparatorNodeRenderer, {
+                node: node
+            });
+        case "alert":
+            return /*#__PURE__*/ react.createElement(FormView_AlertNodeRenderer, {
+                node: node
+            });
         case "tabs":
             return /*#__PURE__*/ react.createElement(TabsNodeRenderer, {
                 node: node
@@ -91,11 +97,24 @@ const FieldRenderer = observer(({ field, renderers })=>{
         field: field
     });
 });
-const FormView_SeparatorNodeRenderer = observer(function() {
-    return /*#__PURE__*/ react.createElement("hr", {
-        className: "border-neutral-dimmed my-2"
+const FormView_SeparatorNodeRenderer = observer(function({ node }) {
+    if (node.title) return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Separator, {
+        variant: "accent",
+        labelPosition: "start"
+    }, node.title), node.description ? /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "mt-xs"
+    }, node.description) : null);
+    return /*#__PURE__*/ react.createElement(Separator, {
+        variant: "dimmed"
     });
 });
+const FormView_AlertNodeRenderer = observer(function({ node }) {
+    if (!node.message) return null;
+    return /*#__PURE__*/ react.createElement(Alert, {
+        type: node.alertType
+    }, node.message);
+});
 const TabsNodeRenderer = observer(({ node })=>{
     const { layoutRenderers } = useFormViewRenderers();
     if (node.renderer) {

package/features/formModel/FormView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"features/formModel/FormView.js","sources":["../../../src/features/formModel/FormView.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Grid, IconButton, Tabs, Tooltip, useToast } from \"@webiny/admin-ui\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { DevToolsSection } from \"@webiny/react-properties\";\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 { DeveloperMode } from \"~/components/DeveloperMode/DeveloperMode.js\";\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 name: string;\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(({ name, 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 <DevToolsSection name={name} group=\"Forms\" data={form.getData()} views={\"raw\"} />\n <div className=\"w-full relative flex flex-col gap-4\">\n <DevModeTools form={form} />\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\ninterface DevModelToolsProps {\n form: IFormVM;\n}\n\nconst DevModeTools = ({ form }: DevModelToolsProps) => {\n const toast = useToast();\n\n const handleCopy = () => {\n const data = form.getData();\n navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n toast.showSuccessToast({ title: \"Form data copied to clipboard.\" });\n };\n\n const handlePaste = async () => {\n try {\n const text = await navigator.clipboard.readText();\n const data = JSON.parse(text);\n form.setData(data);\n toast.showSuccessToast({ title: \"Form data imported from clipboard.\" });\n } catch {\n toast.showWarningToast({\n title: \"Failed to import. Make sure clipboard contains valid JSON.\"\n });\n }\n };\n return (\n <DeveloperMode>\n <div className=\"absolute top-0 right-0 w-[200px] h-[80px] z-10 group/devtools\">\n <div className=\"absolute top-0 right-0 flex gap-xs opacity-0 group-hover/devtools:opacity-100 transition-opacity\">\n <Tooltip\n content=\"Copy form data to clipboard\"\n trigger={\n <IconButton\n variant={\"secondary\"}\n icon={<CopyIcon />}\n onClick={handleCopy}\n size=\"sm\"\n />\n }\n />\n <Tooltip\n content=\"Paste form data from clipboard\"\n trigger={\n <IconButton\n variant={\"secondary\"}\n icon={<PasteIcon />}\n onClick={handlePaste}\n size=\"sm\"\n />\n }\n />\n </div>\n </div>\n </DeveloperMode>\n );\n};\n"],"names":["renderTabIcon","icon","FontAwesomeIcon","FormViewRenderersContext","createContext","useFormViewRenderers","ctx","useContext","Error","FormView","observer","name","form","renderers","layoutRenderers","defaultFieldRenderers","useFieldRenderers","defaultLayoutRenderers","useLayoutRenderers","value","useMemo","DevToolsSection","DevModeTools","node","index","LayoutNodeRenderer","RowNodeRenderer","SeparatorNodeRenderer","TabsNodeRenderer","ElementNodeRenderer","fieldRenderers","Grid","field","span","Math","FieldRenderer","Renderer","undefined","process","console","CustomRenderer","Tabs","id","tab","childNode","toast","useToast","handleCopy","data","navigator","JSON","handlePaste","text","DeveloperMode","Tooltip","IconButton","CopyIcon","PasteIcon"],"mappings":"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"}
1	+ {"version":3,"file":"features/formModel/FormView.js","sources":["../../../src/features/formModel/FormView.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport {\n Alert,\n Grid,\n IconButton,\n Separator,\n Tabs,\n Text,\n Tooltip,\n useToast\n} from \"@webiny/admin-ui\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { DevToolsSection } from \"@webiny/react-properties\";\nimport type {\n IFormVM,\n LayoutNodeVM,\n IRowNodeVM,\n IFieldVM,\n ITabsNodeVM,\n ISeparatorNodeVM,\n IAlertNodeVM,\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 { DeveloperMode } from \"~/components/DeveloperMode/DeveloperMode.js\";\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 \|\| typeof icon.name !== \"string\") {\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 name: string;\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(({ name, 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 <DevToolsSection name={name} group=\"Forms\" data={form.getData()} views={\"raw\"} />\n <div className=\"w-full relative flex flex-col gap-4\">\n <DevModeTools form={form} />\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 node={node} />;\n case \"alert\":\n return <AlertNodeRenderer node={node} />;\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 node\n}: {\n node: ISeparatorNodeVM;\n}) {\n if (node.title) {\n return (\n <div>\n <Separator variant={\"accent\"} labelPosition={\"start\"}>\n {node.title}\n </Separator>\n {node.description ? (\n <Text size={\"sm\"} className={\"mt-xs\"}>\n {node.description}\n </Text>\n ) : null}\n </div>\n );\n }\n return <Separator variant={\"dimmed\"} />;\n});\n\nconst AlertNodeRenderer = observer(function AlertNodeRenderer({ node }: { node: IAlertNodeVM }) {\n if (!node.message) {\n return null;\n }\n return <Alert type={node.alertType}>{node.message}</Alert>;\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\ninterface DevModelToolsProps {\n form: IFormVM;\n}\n\nconst DevModeTools = ({ form }: DevModelToolsProps) => {\n const toast = useToast();\n\n const handleCopy = () => {\n const data = form.getData();\n navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n toast.showSuccessToast({ title: \"Form data copied to clipboard.\" });\n };\n\n const handlePaste = async () => {\n try {\n const text = await navigator.clipboard.readText();\n const data = JSON.parse(text);\n form.setData(data);\n toast.showSuccessToast({ title: \"Form data imported from clipboard.\" });\n } catch {\n toast.showWarningToast({\n title: \"Failed to import. Make sure clipboard contains valid JSON.\"\n });\n }\n };\n return (\n <DeveloperMode>\n <div className=\"absolute top-0 right-0 w-[200px] h-[80px] z-10 group/devtools\">\n <div className=\"absolute top-0 right-0 flex gap-xs opacity-0 group-hover/devtools:opacity-100 transition-opacity\">\n <Tooltip\n content=\"Copy form data to clipboard\"\n trigger={\n <IconButton\n variant={\"secondary\"}\n icon={<CopyIcon />}\n onClick={handleCopy}\n size=\"sm\"\n />\n }\n />\n <Tooltip\n content=\"Paste form data from clipboard\"\n trigger={\n <IconButton\n variant={\"secondary\"}\n icon={<PasteIcon />}\n onClick={handlePaste}\n size=\"sm\"\n />\n }\n />\n </div>\n </div>\n </DeveloperMode>\n );\n};\n"],"names":["renderTabIcon","icon","FontAwesomeIcon","FormViewRenderersContext","createContext","useFormViewRenderers","ctx","useContext","Error","FormView","observer","name","form","renderers","layoutRenderers","defaultFieldRenderers","useFieldRenderers","defaultLayoutRenderers","useLayoutRenderers","value","useMemo","DevToolsSection","DevModeTools","node","index","LayoutNodeRenderer","RowNodeRenderer","SeparatorNodeRenderer","AlertNodeRenderer","TabsNodeRenderer","ElementNodeRenderer","fieldRenderers","Grid","field","span","Math","FieldRenderer","Renderer","undefined","process","console","Separator","Text","Alert","CustomRenderer","Tabs","id","tab","childNode","toast","useToast","handleCopy","data","navigator","JSON","handlePaste","text","DeveloperMode","Tooltip","IconButton","CopyIcon","PasteIcon"],"mappings":";;;;;;;;;;AAgCO,SAASA,cAAcC,IAAsB;IAChD,IAAI,CAACA,QAAQ,AAAqB,YAArB,OAAOA,KAAK,IAAI,EACzB;IAEJ,OAAO,WAAP,GAAO,oBAACC,iBAAeA;QAAC,MAAMD,KAAK,IAAI,CAAC,KAAK,CAAC;;AAClD;AAuBA,MAAME,2BAA2B,WAAHA,GAAGC,cAAwC;AAEzE,MAAMC,uBAAuB;IACzB,MAAMC,MAAMC,WAAWJ;IACvB,IAAI,CAACG,KACD,MAAM,IAAIE,MAAM;IAEpB,OAAOF;AACX;AAeO,MAAMG,WAAWC,SAAS,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,eAAe,EAAiB;IACvF,MAAMC,wBAAwBC;IAC9B,MAAMC,yBAAyBC;IAE/B,MAAMC,QAAQC,QACV,IAAO;YACH,gBAAgBP,aAAaE;YAC7B,iBAAiBD,mBAAmBG;QACxC,IACA;QAACJ;QAAWE;QAAuBD;QAAiBG;KAAuB;IAG/E,OAAO,WAAP,GACI,oBAACd,yBAAyB,QAAQ;QAAC,OAAOgB;qBACtC,oBAACE,iBAAeA;QAAC,MAAMV;QAAM,OAAM;QAAQ,MAAMC,KAAK,OAAO;QAAI,OAAO;sBACxE,oBAAC;QAAI,WAAU;qBACX,oBAACU,cAAYA;QAAC,MAAMV;QACnBA,KAAK,MAAM,CAAC,GAAG,CAAC,CAACW,MAAMC,QAAAA,WAAAA,GACpB,oBAACC,oBAAkBA;YAAC,KAAKD;YAAO,MAAMD;;AAK1D;AAEO,MAAME,qBAAqBf,SAAS,CAAC,EAAEa,IAAI,EAA0B;IACxE,OAAQA,KAAK,IAAI;QACb,KAAK;YACD,OAAO,WAAP,GAAO,oBAACG,iBAAeA;gBAAC,MAAMH;;QAClC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACI,gCAAqBA;gBAAC,MAAMJ;;QACxC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACK,4BAAiBA;gBAAC,MAAML;;QACpC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACM,kBAAgBA;gBAAC,MAAMN;;QACnC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACO,qBAAmBA;gBAAC,MAAMP;;QACtC;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,kBAAkBhB,SAAS,CAAC,EAAEa,IAAI,EAAwB;IAC5D,MAAM,EAAEQ,cAAc,EAAE,GAAG1B;IAE3B,OAAO,WAAP,GACI,oBAAC2B,MAAIA,MACAT,KAAK,MAAM,CAAC,GAAG,CAACU,CAAAA;QACb,MAAMC,OAAOC,KAAK,KAAK,CAAC,KAAKZ,KAAK,MAAM,CAAC,MAAM;QAI/C,OAAO,WAAP,GACI,oBAACS,KAAK,MAAM;YAAC,KAAKC,MAAM,IAAI;YAAE,MAAMC;yBAChC,oBAACE,eAAaA;YAAC,OAAOH;YAAO,WAAWF;;IAGpD;AAGZ;AAOA,MAAMK,gBAAgB1B,SAAS,CAAC,EAAEuB,KAAK,EAAEpB,SAAS,EAAsB;IACpE,MAAMwB,WAAWJ,MAAM,QAAQ,GAAGpB,SAAS,CAACoB,MAAM,QAAQ,CAAC,GAAGK;IAE9D,IAAI,CAACD,UAAU;QACX,IAAIE,AAAyB,kBAAzBA,QAAQ,GAAG,CAAC,QAAQ,EACpBC,QAAQ,IAAI,CACR,CAAC,wCAAwC,EAAEP,MAAM,IAAI,CAAC,cAAc,EAAEA,MAAM,QAAQ,IAAI,OAAO,GAAG,CAAC;QAG3G,OAAO;IACX;IAEA,OAAO,WAAP,GAAO,oBAACI,UAAAA;QAAS,OAAOJ;;AAC5B;AAEA,MAAMN,iCAAwBjB,SAAS,SAA+B,EAClEa,IAAI,EAGP;IACG,IAAIA,KAAK,KAAK,EACV,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACkB,WAASA;QAAC,SAAS;QAAU,eAAe;OACxClB,KAAK,KAAK,GAEdA,KAAK,WAAW,GAAG,WAAH,GACb,oBAACmB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBnB,KAAK,WAAW,IAErB;IAIhB,OAAO,WAAP,GAAO,oBAACkB,WAASA;QAAC,SAAS;;AAC/B;AAEA,MAAMb,6BAAoBlB,SAAS,SAA2B,EAAEa,IAAI,EAA0B;IAC1F,IAAI,CAACA,KAAK,OAAO,EACb,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACoB,OAAKA;QAAC,MAAMpB,KAAK,SAAS;OAAGA,KAAK,OAAO;AACrD;AAMA,MAAMM,mBAAmBnB,SAAS,CAAC,EAAEa,IAAI,EAAyB;IAC9D,MAAM,EAAET,eAAe,EAAE,GAAGT;IAE5B,IAAIkB,KAAK,QAAQ,EAAE;QACf,MAAMqB,iBAAiB9B,eAAe,CAACS,KAAK,QAAQ,CAAC;QACrD,IAAIqB,gBACA,OAAO,WAAP,GAAO,oBAACA,gBAAAA;YAAe,MAAMrB;;IAErC;IAEA,OAAO,WAAP,GACI,oBAACsB,MAAIA;QACD,OAAOtB,KAAK,WAAW;QACvB,eAAeuB,CAAAA,KAAMvB,KAAK,YAAY,CAACuB;QACvC,MAAMvB,KAAK,IAAI,CAAC,GAAG,CAACwB,CAAAA,MAAAA,WAAAA,GAChB,oBAACF,KAAK,GAAG;gBACL,KAAKE,IAAI,EAAE;gBACX,OAAOA,IAAI,EAAE;gBACb,MAAM/C,cAAc+C,IAAI,IAAI;gBAC5B,uBACI,0CACKA,IAAI,KAAK,EACTA,IAAI,SAAS,IAAI,WAAJ,GACV,oBAAC;oBAAK,WAAU;mBAAwC;gBAIpE,UAAUA,IAAI,QAAQ;gBACtB,uBACI,oBAAC;oBAAI,WAAW;mBACXA,IAAI,MAAM,CAAC,GAAG,CAAC,CAACC,WAAWxB,QAAAA,WAAAA,GACxB,oBAACC,oBAAkBA;wBAAC,KAAKD;wBAAO,MAAMwB;;;;AAQtE;AAEA,MAAMlB,sBAAsBpB,SAAS,CAAC,EAAEa,IAAI,EAA4B;IACpE,MAAM,EAAEQ,cAAc,EAAE,GAAG1B;IAC3B,MAAMgC,WAAWN,cAAc,CAAC,CAAC,QAAQ,EAAER,KAAK,QAAQ,EAAE,CAAC;IAE3D,IAAI,CAACc,UAAU;QACX,IAAIE,AAAyB,kBAAzBA,QAAQ,GAAG,CAAC,QAAQ,EACpBC,QAAQ,IAAI,CAAC,CAAC,0CAA0C,EAAEjB,KAAK,QAAQ,CAAC,EAAE,CAAC;QAE/E,OAAO;IACX;IAEA,OAAO,WAAP,GAAO,oBAACc,UAAAA;QAAS,OAAO;YAAE,GAAGd,KAAK,KAAK;QAAC;;AAC5C;AAMA,MAAMD,eAAe,CAAC,EAAEV,IAAI,EAAsB;IAC9C,MAAMqC,QAAQC;IAEd,MAAMC,aAAa;QACf,MAAMC,OAAOxC,KAAK,OAAO;QACzByC,UAAU,SAAS,CAAC,SAAS,CAACC,KAAK,SAAS,CAACF,MAAM,MAAM;QACzDH,MAAM,gBAAgB,CAAC;YAAE,OAAO;QAAiC;IACrE;IAEA,MAAMM,cAAc;QAChB,IAAI;YACA,MAAMC,OAAO,MAAMH,UAAU,SAAS,CAAC,QAAQ;YAC/C,MAAMD,OAAOE,KAAK,KAAK,CAACE;YACxB5C,KAAK,OAAO,CAACwC;YACbH,MAAM,gBAAgB,CAAC;gBAAE,OAAO;YAAqC;QACzE,EAAE,OAAM;YACJA,MAAM,gBAAgB,CAAC;gBACnB,OAAO;YACX;QACJ;IACJ;IACA,OAAO,WAAP,GACI,oBAACQ,eAAaA,MAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,SAAOA;QACJ,SAAQ;QACR,uBACI,oBAACC,YAAUA;YACP,SAAS;YACT,oBAAM,oBAACC,gBAAQA;YACf,SAAST;YACT,MAAK;;sBAIjB,oBAACO,SAAOA;QACJ,SAAQ;QACR,uBACI,oBAACC,YAAUA;YACP,SAAS;YACT,oBAAM,oBAACE,kCAASA;YAChB,SAASN;YACT,MAAK;;;AAQrC"}

package/features/formModel/LayoutBuilderFactory.d.ts CHANGED Viewed

@@ -21,11 +21,12 @@ export declare class TabBuilder implements TabBuilderInternal {
 export declare class TabsBuilder implements ITabsBuilder {
     private _id;
     private _renderer;
+    private _rendererSettings;
     private _rules;
     private _pendingTabs;
     private _lastAddedIdx;
     constructor(id?: string);
-    renderer(name: string): this;
+    renderer(name: string, settings?: Record<string, unknown>): this;
     tab(tabId: string, configure: (tab: ITabBuilder) => void): this;
     before(_target: string): this;
     after(_target: string): this;
@@ -36,7 +37,7 @@ export declare class TabsAccessBuilder implements ITabsBuilder {
     private _node;
     private _lastAddedIdx;
     constructor(_node: ITabsNode);
-    renderer(name: string): this;
+    renderer(name: string, settings?: Record<string, unknown>): this;
     tab(tabId: string, configure: (tab: ITabBuilder) => void): this;
     before(target: string): this;
     after(target: string): this;

package/features/formModel/LayoutBuilderFactory.js CHANGED Viewed

@@ -47,8 +47,9 @@ class TabsBuilder {
         this._lastAddedIdx = -1;
         this._id = id;
     }
-    renderer(name) {
+    renderer(name, settings) {
         this._renderer = name;
+        this._rendererSettings = settings;
         return this;
     }
     tab(tabId, configure) {
@@ -76,6 +77,7 @@ class TabsBuilder {
             type: "tabs",
             id: this._id,
             renderer: this._renderer,
+            rendererSettings: this._rendererSettings,
             tabs: this._pendingTabs.map((p)=>p.tabBuilder._build(p.tabId)),
             rules: this._rules
         };
@@ -86,8 +88,9 @@ class TabsAccessBuilder {
         this._node = _node;
         this._lastAddedIdx = -1;
     }
-    renderer(name) {
+    renderer(name, settings) {
         this._node.renderer = name;
+        this._node.rendererSettings = settings;
         return this;
     }
     tab(tabId, configure) {
@@ -158,13 +161,60 @@ class LayoutBuilderFactory {
                 return builder;
             },
             separator () {
-                return {
+                let _title;
+                let _description;
+                let _rules;
+                const builder = {
+                    title (text) {
+                        _title = text;
+                        return builder;
+                    },
+                    description (text) {
+                        _description = text;
+                        return builder;
+                    },
+                    rules (r) {
+                        _rules = r;
+                        return builder;
+                    },
                     build () {
                         return {
-                            type: "separator"
+                            type: "separator",
+                            title: _title,
+                            description: _description,
+                            rules: _rules
                         };
                     }
                 };
+                return builder;
+            },
+            alert () {
+                let _message;
+                let _alertType = "info";
+                let _rules;
+                const builder = {
+                    message (text) {
+                        _message = text;
+                        return builder;
+                    },
+                    alertType (type) {
+                        _alertType = type;
+                        return builder;
+                    },
+                    rules (r) {
+                        _rules = r;
+                        return builder;
+                    },
+                    build () {
+                        return {
+                            type: "alert",
+                            message: _message,
+                            alertType: _alertType,
+                            rules: _rules
+                        };
+                    }
+                };
+                return builder;
             },
             tabs (id) {
                 return new TabsBuilder(id);
@@ -291,6 +341,7 @@ class LayoutBuilderFactory {
     static collectBuilders(fields, builders, predicate, result) {
         const entries = builders instanceof Map ? builders.entries() : Object.entries(builders);
         for (const [name, builder] of entries){
+            if (!builder || "object" != typeof builder) continue;
             if (predicate(builder)) result.push(builder);
             const field = fields instanceof Map ? fields.get(name) : void 0;
             if (field && isObjectField(field)) {
@@ -308,7 +359,9 @@ class LayoutBuilderFactory {
         return ids;
     }
     static collectBuildersFlat(builders, predicate, result) {
-        for (const builder of Object.values(builders))if (predicate(builder)) result.push(builder);
+        for (const builder of Object.values(builders))if (builder && "object" == typeof builder) {
+            if (predicate(builder)) result.push(builder);
+        }
     }
 }
 export { LayoutBuilderFactory, TabBuilder, TabsAccessBuilder, TabsBuilder };

package/features/formModel/LayoutBuilderFactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"features/formModel/LayoutBuilderFactory.js","sources":["../../../src/features/formModel/LayoutBuilderFactory.ts"],"sourcesContent":["import type { Icon } from \"~/components/IconPicker/types.js\";\nimport type {\n IField,\n IFieldBuilder,\n ILayoutBuilder,\n ILayoutNodeBuilder,\n ILayoutNodeHandle,\n IPositionedLayoutNode,\n IRule,\n ITabBuilder,\n ITabDefinition,\n ITabDefinitionInput,\n ITabsBuilder,\n ITabsNode,\n IRowBuilder,\n ISeparatorBuilder,\n IElementBuilder,\n IObjectBuilder,\n IRowNode,\n ISeparatorNode,\n IElementNode,\n IObjectNode,\n LayoutNode,\n LayoutPosition,\n LayoutNodeHandleMap,\n ILayoutNodeAccessHandle\n} from \"./abstractions.js\";\nimport { isObjectField } from \"./ObjectField.js\";\nimport type { IObjectFieldConfig } from \"./abstractions.js\";\n\ninterface TabBuilderInternal extends ITabBuilder {\n _build(id: string): ITabDefinition;\n}\n\nexport class TabBuilder implements TabBuilderInternal {\n private _existing: ITabDefinition \| undefined;\n private _label = \"\";\n private _description: string \| undefined;\n private _icon: ITabDefinition[\"icon\"];\n private _layoutFactory: ((l: ILayoutBuilder) => ILayoutNodeBuilder[]) \| undefined;\n private _rules: IRule[] \| undefined;\n\n constructor(existing?: ITabDefinition) {\n this._existing = existing;\n }\n\n label(text: string): this {\n if (this._existing) {\n this._existing.label = text;\n } else {\n this._label = text;\n }\n return this;\n }\n\n description(text: string): this {\n if (this._existing) {\n this._existing.description = text;\n } else {\n this._description = text;\n }\n return this;\n }\n\n icon(icon: Icon): this {\n if (this._existing) {\n this._existing.icon = icon;\n } else {\n this._icon = icon;\n }\n return this;\n }\n\n layout(factory: (l: ILayoutBuilder) => ILayoutNodeBuilder[]): this {\n if (this._existing) {\n this._existing.layout.push(\n ...LayoutBuilderFactory.buildNodes(factory(LayoutBuilderFactory.create()))\n );\n } else {\n this._layoutFactory = factory;\n }\n return this;\n }\n\n rules(r: IRule[]): this {\n if (this._existing) {\n this._existing.rules = r;\n } else {\n this._rules = r;\n }\n return this;\n }\n\n _build(id: string): ITabDefinition {\n if (this._existing) {\n return this._existing;\n }\n return {\n id,\n label: this._label,\n description: this._description,\n icon: this._icon,\n layout: this._layoutFactory\n ? LayoutBuilderFactory.buildNodes(\n this._layoutFactory(LayoutBuilderFactory.create())\n )\n : [],\n rules: this._rules\n };\n }\n}\n\nexport class TabsBuilder implements ITabsBuilder {\n private _id: string \| undefined;\n private _renderer: string \| undefined;\n private _rules: IRule[] \| undefined;\n private _pendingTabs: { tabId: string; tabBuilder: TabBuilderInternal }[] = [];\n private _lastAddedIdx = -1;\n\n constructor(id?: string) {\n this._id = id;\n }\n\n renderer(name: string): this {\n this._renderer = name;\n return this;\n }\n\n tab(tabId: string, configure: (tab: ITabBuilder) => void): this {\n const tb = new TabBuilder();\n configure(tb);\n this._pendingTabs.push({ tabId, tabBuilder: tb });\n this._lastAddedIdx = this._pendingTabs.length - 1;\n return this;\n }\n\n before(_target: string): this {\n return this;\n }\n\n after(_target: string): this {\n return this;\n }\n\n rules(r: IRule[]): this {\n this._rules = r;\n return this;\n }\n\n build(): ITabsNode {\n return {\n type: \"tabs\",\n id: this._id,\n renderer: this._renderer,\n tabs: this._pendingTabs.map(p => p.tabBuilder._build(p.tabId)),\n rules: this._rules\n };\n }\n}\n\nexport class TabsAccessBuilder implements ITabsBuilder {\n private _lastAddedIdx = -1;\n\n constructor(private _node: ITabsNode) {}\n\n renderer(name: string): this {\n this._node.renderer = name;\n return this;\n }\n\n tab(tabId: string, configure: (tab: ITabBuilder) => void): this {\n const existing = this._node.tabs.find(t => t.id === tabId);\n if (existing) {\n configure(new TabBuilder(existing));\n } else {\n const tb = new TabBuilder();\n configure(tb);\n this._node.tabs.push(tb._build(tabId));\n this._lastAddedIdx = this._node.tabs.length - 1;\n }\n return this;\n }\n\n before(target: string): this {\n if (this._lastAddedIdx >= 0) {\n const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];\n const targetIdx = this._node.tabs.findIndex(t => t.id === target);\n if (targetIdx !== -1) {\n this._node.tabs.splice(targetIdx, 0, tab);\n } else {\n this._node.tabs.push(tab);\n }\n }\n return this;\n }\n\n after(target: string): this {\n if (this._lastAddedIdx >= 0) {\n const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];\n const targetIdx = this._node.tabs.findIndex(t => t.id === target);\n if (targetIdx !== -1) {\n this._node.tabs.splice(targetIdx + 1, 0, tab);\n } else {\n this._node.tabs.push(tab);\n }\n }\n return this;\n }\n\n rules(r: IRule[]): this {\n this._node.rules = r;\n return this;\n }\n\n build(): ITabsNode {\n return this._node;\n }\n}\n\nexport class LayoutBuilderFactory {\n static create(): ILayoutBuilder {\n return {\n row(...fieldIds: string[]): IRowBuilder {\n let position: LayoutPosition \| undefined;\n const builder: IRowBuilder = {\n before(target: string) {\n position = { type: \"before\", target };\n return builder;\n },\n after(target: string) {\n position = { type: \"after\", target };\n return builder;\n },\n build(): IRowNode {\n return { type: \"row\", fieldIds, position };\n }\n };\n return builder;\n },\n separator(): ISeparatorBuilder {\n return {\n build(): ISeparatorNode {\n return { type: \"separator\" };\n }\n };\n },\n tabs(id?: string): ITabsBuilder {\n return new TabsBuilder(id);\n },\n element(renderer: string, props?: Record<string, unknown>): IElementBuilder {\n return {\n build(): IElementNode {\n return { type: \"element\", renderer, props };\n }\n };\n },\n object(\n fieldName: string,\n inner:\n \| ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n \| Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n ): IObjectBuilder {\n return {\n build(): IObjectNode {\n return {\n type: \"object\",\n fieldName,\n inner: LayoutBuilderFactory.resolveObjectInner(inner)\n };\n }\n };\n }\n };\n }\n\n static buildNodes(builders: ILayoutNodeBuilder[]): LayoutNode[] {\n return builders.map(b => b.build());\n }\n\n static resolvePositionedRows(nodes: LayoutNode[]): LayoutNode[] {\n const result: LayoutNode[] = [];\n const deferred: { node: LayoutNode; position: LayoutPosition }[] = [];\n\n for (const node of nodes) {\n if (node.type === \"row\" && node.position) {\n deferred.push({ node, position: node.position });\n } else {\n result.push(node);\n }\n }\n\n for (const { node, position } of deferred) {\n const targetIndex = result.findIndex(\n n => n.type === \"row\" && (n as IRowNode).fieldIds.includes(position.target)\n );\n if (targetIndex === -1) {\n result.push(node);\n continue;\n }\n const insertAt = position.type === \"after\" ? targetIndex + 1 : targetIndex;\n result.splice(insertAt, 0, node);\n }\n\n return result;\n }\n\n static resolveObjectInner(\n inner:\n \| ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n \| Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n ): LayoutNode[] \| Record<string, LayoutNode[]> {\n const api = LayoutBuilderFactory.create();\n if (typeof inner === \"function\") {\n return LayoutBuilderFactory.resolvePositionedRows(\n LayoutBuilderFactory.buildNodes(inner(api))\n );\n }\n const resolved: Record<string, LayoutNode[]> = {};\n for (const [tplId, factory] of Object.entries(inner)) {\n resolved[tplId] = LayoutBuilderFactory.resolvePositionedRows(\n LayoutBuilderFactory.buildNodes(factory(api))\n );\n }\n return resolved;\n }\n\n static createNodeHandle(node: LayoutNode): ILayoutNodeHandle {\n const handle: ILayoutNodeHandle = {\n node,\n before(target: string): IPositionedLayoutNode {\n handle.position = { type: \"before\", target };\n return handle;\n },\n after(target: string): IPositionedLayoutNode {\n handle.position = { type: \"after\", target };\n return handle;\n },\n replace(target: string): IPositionedLayoutNode {\n handle.position = { type: \"replace\", target };\n return handle;\n }\n };\n return handle;\n }\n\n static matchesNodeId(node: LayoutNode, nodeId: string): boolean {\n if (\"id\" in node && node.id === nodeId) {\n return true;\n }\n if (node.type === \"object\" && node.fieldName === nodeId) {\n return true;\n }\n return false;\n }\n\n static findNodeById(layout: LayoutNode[], nodeId: string): LayoutNode \| undefined {\n for (const node of layout) {\n if (LayoutBuilderFactory.matchesNodeId(node, nodeId)) {\n return node;\n }\n if (node.type === \"tabs\") {\n for (const tab of node.tabs) {\n const found = LayoutBuilderFactory.findNodeById(tab.layout, nodeId);\n if (found) {\n return found;\n }\n }\n }\n }\n return undefined;\n }\n\n static resolveTabDefinition(input: ITabDefinitionInput): ITabDefinition {\n const api = LayoutBuilderFactory.create();\n return {\n id: input.id,\n label: input.label,\n description: input.description,\n icon: input.icon,\n rules: input.rules,\n layout: LayoutBuilderFactory.buildNodes(input.layout(api))\n };\n }\n\n static tabsNodeKey(node: ITabsNode): string {\n return `__tabs_${node.tabs.map(t => t.id).join(\"_\")}`;\n }\n\n static accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle {\n return {\n as: <T extends keyof LayoutNodeHandleMap>(type: T): LayoutNodeHandleMap[T] => {\n const node = LayoutBuilderFactory.findNodeById(layout, nodeId);\n if (!node) {\n throw new Error(`Layout node \"${nodeId}\" not found.`);\n }\n if (node.type !== type) {\n throw new Error(\n `Layout node \"${nodeId}\" is type \"${node.type}\", not \"${type}\".`\n );\n }\n\n if (type === \"tabs\") {\n return new TabsAccessBuilder(\n node as ITabsNode\n ) as unknown as LayoutNodeHandleMap[T];\n }\n\n return node as unknown as LayoutNodeHandleMap[T];\n }\n };\n }\n\n static collectBuilders(\n fields: Map<string, IField>,\n builders: Map<string, IFieldBuilder> \| Record<string, IFieldBuilder>,\n predicate: (builder: IFieldBuilder) => boolean,\n result: IFieldBuilder[]\n ): void {\n const entries = builders instanceof Map ? builders.entries() : Object.entries(builders);\n for (const [name, builder] of entries) {\n if (predicate(builder)) {\n result.push(builder);\n }\n const field = fields instanceof Map ? fields.get(name) : undefined;\n if (field && isObjectField(field)) {\n LayoutBuilderFactory.collectBuilders(\n field.children,\n field.config.childBuilders,\n predicate,\n result\n );\n const templates = (field.config as IObjectFieldConfig).templates;\n if (templates) {\n for (const tpl of templates) {\n LayoutBuilderFactory.collectBuildersFlat(\n tpl.childBuilders,\n predicate,\n result\n );\n }\n }\n }\n }\n }\n\n static collectFieldIds(layout: LayoutNode[]): string[] {\n const ids: string[] = [];\n for (const node of layout) {\n if (node.type === \"row\") {\n ids.push(...node.fieldIds);\n } else if (node.type === \"tabs\") {\n for (const tab of node.tabs) {\n ids.push(...LayoutBuilderFactory.collectFieldIds(tab.layout));\n }\n } else if (node.type === \"object\") {\n ids.push(node.fieldName);\n }\n }\n return ids;\n }\n\n static collectBuildersFlat(\n builders: Record<string, IFieldBuilder>,\n predicate: (builder: IFieldBuilder) => boolean,\n result: IFieldBuilder[]\n ): void {\n for (const builder of Object.values(builders)) {\n if (predicate(builder)) {\n result.push(builder);\n }\n }\n }\n}\n"],"names":["TabBuilder","existing","text","icon","factory","LayoutBuilderFactory","r","id","TabsBuilder","name","tabId","configure","tb","_target","p","TabsAccessBuilder","_node","t","target","tab","targetIdx","fieldIds","position","builder","renderer","props","fieldName","inner","builders","b","nodes","result","deferred","node","targetIndex","n","insertAt","api","resolved","tplId","Object","handle","nodeId","layout","found","input","type","Error","fields","predicate","entries","Map","field","undefined","isObjectField","templates","tpl","ids"],"mappings":"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"}
1	+ {"version":3,"file":"features/formModel/LayoutBuilderFactory.js","sources":["../../../src/features/formModel/LayoutBuilderFactory.ts"],"sourcesContent":["import type { Icon } from \"~/components/IconPicker/types.js\";\nimport type {\n IField,\n IFieldBuilder,\n ILayoutBuilder,\n ILayoutNodeBuilder,\n ILayoutNodeHandle,\n IPositionedLayoutNode,\n IRule,\n ITabBuilder,\n ITabDefinition,\n ITabDefinitionInput,\n ITabsBuilder,\n ITabsNode,\n IRowBuilder,\n ISeparatorBuilder,\n IAlertBuilder,\n IElementBuilder,\n IObjectBuilder,\n IRowNode,\n ISeparatorNode,\n IAlertNode,\n IElementNode,\n IObjectNode,\n LayoutNode,\n LayoutPosition,\n LayoutNodeHandleMap,\n ILayoutNodeAccessHandle\n} from \"./abstractions.js\";\nimport { isObjectField } from \"./ObjectField.js\";\nimport type { IObjectFieldConfig } from \"./abstractions.js\";\n\ninterface TabBuilderInternal extends ITabBuilder {\n _build(id: string): ITabDefinition;\n}\n\nexport class TabBuilder implements TabBuilderInternal {\n private _existing: ITabDefinition \| undefined;\n private _label = \"\";\n private _description: string \| undefined;\n private _icon: ITabDefinition[\"icon\"];\n private _layoutFactory: ((l: ILayoutBuilder) => ILayoutNodeBuilder[]) \| undefined;\n private _rules: IRule[] \| undefined;\n\n constructor(existing?: ITabDefinition) {\n this._existing = existing;\n }\n\n label(text: string): this {\n if (this._existing) {\n this._existing.label = text;\n } else {\n this._label = text;\n }\n return this;\n }\n\n description(text: string): this {\n if (this._existing) {\n this._existing.description = text;\n } else {\n this._description = text;\n }\n return this;\n }\n\n icon(icon: Icon): this {\n if (this._existing) {\n this._existing.icon = icon;\n } else {\n this._icon = icon;\n }\n return this;\n }\n\n layout(factory: (l: ILayoutBuilder) => ILayoutNodeBuilder[]): this {\n if (this._existing) {\n this._existing.layout.push(\n ...LayoutBuilderFactory.buildNodes(factory(LayoutBuilderFactory.create()))\n );\n } else {\n this._layoutFactory = factory;\n }\n return this;\n }\n\n rules(r: IRule[]): this {\n if (this._existing) {\n this._existing.rules = r;\n } else {\n this._rules = r;\n }\n return this;\n }\n\n _build(id: string): ITabDefinition {\n if (this._existing) {\n return this._existing;\n }\n return {\n id,\n label: this._label,\n description: this._description,\n icon: this._icon,\n layout: this._layoutFactory\n ? LayoutBuilderFactory.buildNodes(\n this._layoutFactory(LayoutBuilderFactory.create())\n )\n : [],\n rules: this._rules\n };\n }\n}\n\nexport class TabsBuilder implements ITabsBuilder {\n private _id: string \| undefined;\n private _renderer: string \| undefined;\n private _rendererSettings: Record<string, unknown> \| undefined;\n private _rules: IRule[] \| undefined;\n private _pendingTabs: { tabId: string; tabBuilder: TabBuilderInternal }[] = [];\n private _lastAddedIdx = -1;\n\n constructor(id?: string) {\n this._id = id;\n }\n\n renderer(name: string, settings?: Record<string, unknown>): this {\n this._renderer = name;\n this._rendererSettings = settings;\n return this;\n }\n\n tab(tabId: string, configure: (tab: ITabBuilder) => void): this {\n const tb = new TabBuilder();\n configure(tb);\n this._pendingTabs.push({ tabId, tabBuilder: tb });\n this._lastAddedIdx = this._pendingTabs.length - 1;\n return this;\n }\n\n before(_target: string): this {\n return this;\n }\n\n after(_target: string): this {\n return this;\n }\n\n rules(r: IRule[]): this {\n this._rules = r;\n return this;\n }\n\n build(): ITabsNode {\n return {\n type: \"tabs\",\n id: this._id,\n renderer: this._renderer,\n rendererSettings: this._rendererSettings,\n tabs: this._pendingTabs.map(p => p.tabBuilder._build(p.tabId)),\n rules: this._rules\n };\n }\n}\n\nexport class TabsAccessBuilder implements ITabsBuilder {\n private _lastAddedIdx = -1;\n\n constructor(private _node: ITabsNode) {}\n\n renderer(name: string, settings?: Record<string, unknown>): this {\n this._node.renderer = name;\n this._node.rendererSettings = settings;\n return this;\n }\n\n tab(tabId: string, configure: (tab: ITabBuilder) => void): this {\n const existing = this._node.tabs.find(t => t.id === tabId);\n if (existing) {\n configure(new TabBuilder(existing));\n } else {\n const tb = new TabBuilder();\n configure(tb);\n this._node.tabs.push(tb._build(tabId));\n this._lastAddedIdx = this._node.tabs.length - 1;\n }\n return this;\n }\n\n before(target: string): this {\n if (this._lastAddedIdx >= 0) {\n const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];\n const targetIdx = this._node.tabs.findIndex(t => t.id === target);\n if (targetIdx !== -1) {\n this._node.tabs.splice(targetIdx, 0, tab);\n } else {\n this._node.tabs.push(tab);\n }\n }\n return this;\n }\n\n after(target: string): this {\n if (this._lastAddedIdx >= 0) {\n const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];\n const targetIdx = this._node.tabs.findIndex(t => t.id === target);\n if (targetIdx !== -1) {\n this._node.tabs.splice(targetIdx + 1, 0, tab);\n } else {\n this._node.tabs.push(tab);\n }\n }\n return this;\n }\n\n rules(r: IRule[]): this {\n this._node.rules = r;\n return this;\n }\n\n build(): ITabsNode {\n return this._node;\n }\n}\n\nexport class LayoutBuilderFactory {\n static create(): ILayoutBuilder {\n return {\n row(...fieldIds: string[]): IRowBuilder {\n let position: LayoutPosition \| undefined;\n const builder: IRowBuilder = {\n before(target: string) {\n position = { type: \"before\", target };\n return builder;\n },\n after(target: string) {\n position = { type: \"after\", target };\n return builder;\n },\n build(): IRowNode {\n return { type: \"row\", fieldIds, position };\n }\n };\n return builder;\n },\n separator(): ISeparatorBuilder {\n let _title: string \| undefined;\n let _description: string \| undefined;\n let _rules: IRule[] \| undefined;\n const builder: ISeparatorBuilder = {\n title(text: string) {\n _title = text;\n return builder;\n },\n description(text: string) {\n _description = text;\n return builder;\n },\n rules(r: IRule[]) {\n _rules = r;\n return builder;\n },\n build(): ISeparatorNode {\n return {\n type: \"separator\",\n title: _title,\n description: _description,\n rules: _rules\n };\n }\n };\n return builder;\n },\n alert(): IAlertBuilder {\n let _message: string \| undefined;\n let _alertType: \"info\" \| \"success\" \| \"warning\" \| \"danger\" = \"info\";\n let _rules: IRule[] \| undefined;\n const builder: IAlertBuilder = {\n message(text: string) {\n _message = text;\n return builder;\n },\n alertType(type: \"info\" \| \"success\" \| \"warning\" \| \"danger\") {\n _alertType = type;\n return builder;\n },\n rules(r: IRule[]) {\n _rules = r;\n return builder;\n },\n build(): IAlertNode {\n return {\n type: \"alert\",\n message: _message,\n alertType: _alertType,\n rules: _rules\n };\n }\n };\n return builder;\n },\n tabs(id?: string): ITabsBuilder {\n return new TabsBuilder(id);\n },\n element(renderer: string, props?: Record<string, unknown>): IElementBuilder {\n return {\n build(): IElementNode {\n return { type: \"element\", renderer, props };\n }\n };\n },\n object(\n fieldName: string,\n inner:\n \| ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n \| Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n ): IObjectBuilder {\n return {\n build(): IObjectNode {\n return {\n type: \"object\",\n fieldName,\n inner: LayoutBuilderFactory.resolveObjectInner(inner)\n };\n }\n };\n }\n };\n }\n\n static buildNodes(builders: ILayoutNodeBuilder[]): LayoutNode[] {\n return builders.map(b => b.build());\n }\n\n static resolvePositionedRows(nodes: LayoutNode[]): LayoutNode[] {\n const result: LayoutNode[] = [];\n const deferred: { node: LayoutNode; position: LayoutPosition }[] = [];\n\n for (const node of nodes) {\n if (node.type === \"row\" && node.position) {\n deferred.push({ node, position: node.position });\n } else {\n result.push(node);\n }\n }\n\n for (const { node, position } of deferred) {\n const targetIndex = result.findIndex(\n n => n.type === \"row\" && (n as IRowNode).fieldIds.includes(position.target)\n );\n if (targetIndex === -1) {\n result.push(node);\n continue;\n }\n const insertAt = position.type === \"after\" ? targetIndex + 1 : targetIndex;\n result.splice(insertAt, 0, node);\n }\n\n return result;\n }\n\n static resolveObjectInner(\n inner:\n \| ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n \| Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n ): LayoutNode[] \| Record<string, LayoutNode[]> {\n const api = LayoutBuilderFactory.create();\n if (typeof inner === \"function\") {\n return LayoutBuilderFactory.resolvePositionedRows(\n LayoutBuilderFactory.buildNodes(inner(api))\n );\n }\n const resolved: Record<string, LayoutNode[]> = {};\n for (const [tplId, factory] of Object.entries(inner)) {\n resolved[tplId] = LayoutBuilderFactory.resolvePositionedRows(\n LayoutBuilderFactory.buildNodes(factory(api))\n );\n }\n return resolved;\n }\n\n static createNodeHandle(node: LayoutNode): ILayoutNodeHandle {\n const handle: ILayoutNodeHandle = {\n node,\n before(target: string): IPositionedLayoutNode {\n handle.position = { type: \"before\", target };\n return handle;\n },\n after(target: string): IPositionedLayoutNode {\n handle.position = { type: \"after\", target };\n return handle;\n },\n replace(target: string): IPositionedLayoutNode {\n handle.position = { type: \"replace\", target };\n return handle;\n }\n };\n return handle;\n }\n\n static matchesNodeId(node: LayoutNode, nodeId: string): boolean {\n if (\"id\" in node && node.id === nodeId) {\n return true;\n }\n if (node.type === \"object\" && node.fieldName === nodeId) {\n return true;\n }\n return false;\n }\n\n static findNodeById(layout: LayoutNode[], nodeId: string): LayoutNode \| undefined {\n for (const node of layout) {\n if (LayoutBuilderFactory.matchesNodeId(node, nodeId)) {\n return node;\n }\n if (node.type === \"tabs\") {\n for (const tab of node.tabs) {\n const found = LayoutBuilderFactory.findNodeById(tab.layout, nodeId);\n if (found) {\n return found;\n }\n }\n }\n }\n return undefined;\n }\n\n static resolveTabDefinition(input: ITabDefinitionInput): ITabDefinition {\n const api = LayoutBuilderFactory.create();\n return {\n id: input.id,\n label: input.label,\n description: input.description,\n icon: input.icon,\n rules: input.rules,\n layout: LayoutBuilderFactory.buildNodes(input.layout(api))\n };\n }\n\n static tabsNodeKey(node: ITabsNode): string {\n return `__tabs_${node.tabs.map(t => t.id).join(\"_\")}`;\n }\n\n static accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle {\n return {\n as: <T extends keyof LayoutNodeHandleMap>(type: T): LayoutNodeHandleMap[T] => {\n const node = LayoutBuilderFactory.findNodeById(layout, nodeId);\n if (!node) {\n throw new Error(`Layout node \"${nodeId}\" not found.`);\n }\n if (node.type !== type) {\n throw new Error(\n `Layout node \"${nodeId}\" is type \"${node.type}\", not \"${type}\".`\n );\n }\n\n if (type === \"tabs\") {\n return new TabsAccessBuilder(\n node as ITabsNode\n ) as unknown as LayoutNodeHandleMap[T];\n }\n\n return node as unknown as LayoutNodeHandleMap[T];\n }\n };\n }\n\n static collectBuilders(\n fields: Map<string, IField>,\n builders: Map<string, IFieldBuilder> \| Record<string, IFieldBuilder>,\n predicate: (builder: IFieldBuilder) => boolean,\n result: IFieldBuilder[]\n ): void {\n const entries = builders instanceof Map ? builders.entries() : Object.entries(builders);\n for (const [name, builder] of entries) {\n if (!builder \|\| typeof builder !== \"object\") {\n continue;\n }\n if (predicate(builder)) {\n result.push(builder);\n }\n const field = fields instanceof Map ? fields.get(name) : undefined;\n if (field && isObjectField(field)) {\n LayoutBuilderFactory.collectBuilders(\n field.children,\n field.config.childBuilders,\n predicate,\n result\n );\n const templates = (field.config as IObjectFieldConfig).templates;\n if (templates) {\n for (const tpl of templates) {\n LayoutBuilderFactory.collectBuildersFlat(\n tpl.childBuilders,\n predicate,\n result\n );\n }\n }\n }\n }\n }\n\n static collectFieldIds(layout: LayoutNode[]): string[] {\n const ids: string[] = [];\n for (const node of layout) {\n if (node.type === \"row\") {\n ids.push(...node.fieldIds);\n } else if (node.type === \"tabs\") {\n for (const tab of node.tabs) {\n ids.push(...LayoutBuilderFactory.collectFieldIds(tab.layout));\n }\n } else if (node.type === \"object\") {\n ids.push(node.fieldName);\n }\n }\n return ids;\n }\n\n static collectBuildersFlat(\n builders: Record<string, IFieldBuilder>,\n predicate: (builder: IFieldBuilder) => boolean,\n result: IFieldBuilder[]\n ): void {\n for (const builder of Object.values(builders)) {\n if (!builder \|\| typeof builder !== \"object\") {\n continue;\n }\n if (predicate(builder)) {\n result.push(builder);\n }\n }\n }\n}\n"],"names":["TabBuilder","existing","text","icon","factory","LayoutBuilderFactory","r","id","TabsBuilder","name","settings","tabId","configure","tb","_target","p","TabsAccessBuilder","_node","t","target","tab","targetIdx","fieldIds","position","builder","_title","_description","_rules","_message","_alertType","type","renderer","props","fieldName","inner","builders","b","nodes","result","deferred","node","targetIndex","n","insertAt","api","resolved","tplId","Object","handle","nodeId","layout","found","input","Error","fields","predicate","entries","Map","field","undefined","isObjectField","templates","tpl","ids"],"mappings":"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"}

package/features/formModel/LayoutMutator.js CHANGED Viewed

@@ -15,6 +15,12 @@ class LayoutMutator {
                 };
                 return LayoutBuilderFactory.createNodeHandle(node);
             },
+            alert () {
+                const node = {
+                    type: "alert"
+                };
+                return LayoutBuilderFactory.createNodeHandle(node);
+            },
             tabs (config) {
                 const node = {
                     type: "tabs",

package/features/formModel/LayoutMutator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"features/formModel/LayoutMutator.js","sources":["../../../src/features/formModel/LayoutMutator.ts"],"sourcesContent":["import { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport type {\n ILayoutModifier,\n ILayoutNodeHandle,\n IPositionedLayoutNode,\n ILayoutNodeAccessHandle,\n ITabDefinitionInput,\n IRule,\n LayoutNode,\n LayoutPosition,\n IRowNode,\n ISeparatorNode,\n ITabsNode,\n IElementNode,\n IObjectNode,\n ILayoutBuilder,\n ILayoutNodeBuilder\n} from \"./abstractions.js\";\n\nexport class LayoutMutator {\n createModifierAPI(removals: string[]): ILayoutModifier {\n return {\n row(...fieldIds: string[]): ILayoutNodeHandle {\n const node: IRowNode = { type: \"row\", fieldIds };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n separator(): ILayoutNodeHandle {\n const node: ISeparatorNode = { type: \"separator\" };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n tabs(config: {\n id?: string;\n renderer?: string;\n tabs: ITabDefinitionInput[];\n rules?: IRule[];\n }): ILayoutNodeHandle {\n const node: ITabsNode = {\n type: \"tabs\",\n id: config.id,\n renderer: config.renderer,\n tabs: config.tabs.map(LayoutBuilderFactory.resolveTabDefinition),\n rules: config.rules\n };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n element(renderer: string, props?: Record<string, unknown>): ILayoutNodeHandle {\n const node: IElementNode = { type: \"element\", renderer, props };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n object(\n fieldName: string,\n inner:\n \| ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n \| Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n ): ILayoutNodeHandle {\n const node: IObjectNode = {\n type: \"object\",\n fieldName,\n inner: LayoutBuilderFactory.resolveObjectInner(inner)\n };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n remove(target: string): void {\n removals.push(target);\n }\n };\n }\n\n applyModifications(\n layout: LayoutNode[],\n factory: (modifier: ILayoutModifier) => (LayoutNode \| IPositionedLayoutNode)[]\n ): LayoutNode[] {\n const removals: string[] = [];\n const modifierAPI = this.createModifierAPI(removals);\n const entries = factory(modifierAPI);\n\n let result = layout;\n\n for (const target of removals) {\n result = this.removeFromLayout(result, target);\n }\n\n for (const entry of entries) {\n if (this.isPositionedNode(entry)) {\n const { node, position } = entry;\n if (position) {\n result = this.insertIntoLayout(result, node, position);\n } else {\n result = [...result, node];\n }\n } else {\n result = [...result, entry];\n }\n }\n\n return result;\n }\n\n accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle {\n return LayoutBuilderFactory.accessNode(layout, nodeId);\n }\n\n removeFromLayout(layout: LayoutNode[], target: string): LayoutNode[] {\n return layout\n .map(node => {\n if (node.type === \"row\") {\n const filtered = node.fieldIds.filter(id => id !== target);\n if (filtered.length === 0) {\n return null;\n }\n return { ...node, fieldIds: filtered };\n }\n if (\n (node.type === \"tabs\" && node.id === target) \|\|\n (node.type === \"element\" && (node.id === target \|\| node.renderer === target)) \|\|\n (node.type === \"object\" && node.fieldName === target)\n ) {\n return null;\n }\n return node;\n })\n .filter(Boolean) as LayoutNode[];\n }\n\n insertIntoLayout(\n layout: LayoutNode[],\n node: LayoutNode,\n position: LayoutPosition\n ): LayoutNode[] {\n const targetIndex = this.findIndex(layout, position.target);\n\n if (targetIndex === -1) {\n return [...layout, node];\n }\n\n const result = [...layout];\n\n switch (position.type) {\n case \"before\":\n result.splice(targetIndex, 0, node);\n break;\n case \"after\":\n result.splice(targetIndex + 1, 0, node);\n break;\n case \"replace\":\n result.splice(targetIndex, 1, node);\n break;\n }\n\n return result;\n }\n\n isPositionedNode(entry: LayoutNode \| IPositionedLayoutNode): entry is IPositionedLayoutNode {\n return \"node\" in entry;\n }\n\n private findIndex(layout: LayoutNode[], target: string): number {\n return layout.findIndex(node => this.nodeMatchesTarget(node, target));\n }\n\n private nodeMatchesTarget(node: LayoutNode, target: string): boolean {\n switch (node.type) {\n case \"row\":\n return node.fieldIds.includes(target);\n case \"tabs\":\n return node.id === target;\n case \"element\":\n return node.id === target \|\| node.renderer === target;\n case \"object\":\n return node.fieldName === target;\n default:\n return false;\n }\n }\n}\n"],"names":["LayoutMutator","removals","fieldIds","node","LayoutBuilderFactory","config","renderer","props","fieldName","inner","target","layout","factory","modifierAPI","entries","result","entry","position","nodeId","filtered","id","Boolean","targetIndex"],"mappings":";~~AAmBO~~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"}
1	+ {"version":3,"file":"features/formModel/LayoutMutator.js","sources":["../../../src/features/formModel/LayoutMutator.ts"],"sourcesContent":["import { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport type {\n ILayoutModifier,\n ILayoutNodeHandle,\n IPositionedLayoutNode,\n ILayoutNodeAccessHandle,\n ITabDefinitionInput,\n IRule,\n LayoutNode,\n LayoutPosition,\n IRowNode,\n ISeparatorNode,\n IAlertNode,\n ITabsNode,\n IElementNode,\n IObjectNode,\n ILayoutBuilder,\n ILayoutNodeBuilder\n} from \"./abstractions.js\";\n\nexport class LayoutMutator {\n createModifierAPI(removals: string[]): ILayoutModifier {\n return {\n row(...fieldIds: string[]): ILayoutNodeHandle {\n const node: IRowNode = { type: \"row\", fieldIds };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n separator(): ILayoutNodeHandle {\n const node: ISeparatorNode = { type: \"separator\" };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n alert(): ILayoutNodeHandle {\n const node: IAlertNode = { type: \"alert\" };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n tabs(config: {\n id?: string;\n renderer?: string;\n tabs: ITabDefinitionInput[];\n rules?: IRule[];\n }): ILayoutNodeHandle {\n const node: ITabsNode = {\n type: \"tabs\",\n id: config.id,\n renderer: config.renderer,\n tabs: config.tabs.map(LayoutBuilderFactory.resolveTabDefinition),\n rules: config.rules\n };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n element(renderer: string, props?: Record<string, unknown>): ILayoutNodeHandle {\n const node: IElementNode = { type: \"element\", renderer, props };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n object(\n fieldName: string,\n inner:\n \| ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n \| Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n ): ILayoutNodeHandle {\n const node: IObjectNode = {\n type: \"object\",\n fieldName,\n inner: LayoutBuilderFactory.resolveObjectInner(inner)\n };\n return LayoutBuilderFactory.createNodeHandle(node);\n },\n remove(target: string): void {\n removals.push(target);\n }\n };\n }\n\n applyModifications(\n layout: LayoutNode[],\n factory: (modifier: ILayoutModifier) => (LayoutNode \| IPositionedLayoutNode)[]\n ): LayoutNode[] {\n const removals: string[] = [];\n const modifierAPI = this.createModifierAPI(removals);\n const entries = factory(modifierAPI);\n\n let result = layout;\n\n for (const target of removals) {\n result = this.removeFromLayout(result, target);\n }\n\n for (const entry of entries) {\n if (this.isPositionedNode(entry)) {\n const { node, position } = entry;\n if (position) {\n result = this.insertIntoLayout(result, node, position);\n } else {\n result = [...result, node];\n }\n } else {\n result = [...result, entry];\n }\n }\n\n return result;\n }\n\n accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle {\n return LayoutBuilderFactory.accessNode(layout, nodeId);\n }\n\n removeFromLayout(layout: LayoutNode[], target: string): LayoutNode[] {\n return layout\n .map(node => {\n if (node.type === \"row\") {\n const filtered = node.fieldIds.filter(id => id !== target);\n if (filtered.length === 0) {\n return null;\n }\n return { ...node, fieldIds: filtered };\n }\n if (\n (node.type === \"tabs\" && node.id === target) \|\|\n (node.type === \"element\" && (node.id === target \|\| node.renderer === target)) \|\|\n (node.type === \"object\" && node.fieldName === target)\n ) {\n return null;\n }\n return node;\n })\n .filter(Boolean) as LayoutNode[];\n }\n\n insertIntoLayout(\n layout: LayoutNode[],\n node: LayoutNode,\n position: LayoutPosition\n ): LayoutNode[] {\n const targetIndex = this.findIndex(layout, position.target);\n\n if (targetIndex === -1) {\n return [...layout, node];\n }\n\n const result = [...layout];\n\n switch (position.type) {\n case \"before\":\n result.splice(targetIndex, 0, node);\n break;\n case \"after\":\n result.splice(targetIndex + 1, 0, node);\n break;\n case \"replace\":\n result.splice(targetIndex, 1, node);\n break;\n }\n\n return result;\n }\n\n isPositionedNode(entry: LayoutNode \| IPositionedLayoutNode): entry is IPositionedLayoutNode {\n return \"node\" in entry;\n }\n\n private findIndex(layout: LayoutNode[], target: string): number {\n return layout.findIndex(node => this.nodeMatchesTarget(node, target));\n }\n\n private nodeMatchesTarget(node: LayoutNode, target: string): boolean {\n switch (node.type) {\n case \"row\":\n return node.fieldIds.includes(target);\n case \"tabs\":\n return node.id === target;\n case \"element\":\n return node.id === target \|\| node.renderer === target;\n case \"object\":\n return node.fieldName === target;\n default:\n return false;\n }\n }\n}\n"],"names":["LayoutMutator","removals","fieldIds","node","LayoutBuilderFactory","config","renderer","props","fieldName","inner","target","layout","factory","modifierAPI","entries","result","entry","position","nodeId","filtered","id","Boolean","targetIndex"],"mappings":";AAoBO,MAAMA;IACT,kBAAkBC,QAAkB,EAAmB;QACnD,OAAO;YACH,KAAI,GAAGC,QAAkB;gBACrB,MAAMC,OAAiB;oBAAE,MAAM;oBAAOD;gBAAS;gBAC/C,OAAOE,qBAAqB,gBAAgB,CAACD;YACjD;YACA;gBACI,MAAMA,OAAuB;oBAAE,MAAM;gBAAY;gBACjD,OAAOC,qBAAqB,gBAAgB,CAACD;YACjD;YACA;gBACI,MAAMA,OAAmB;oBAAE,MAAM;gBAAQ;gBACzC,OAAOC,qBAAqB,gBAAgB,CAACD;YACjD;YACA,MAAKE,MAKJ;gBACG,MAAMF,OAAkB;oBACpB,MAAM;oBACN,IAAIE,OAAO,EAAE;oBACb,UAAUA,OAAO,QAAQ;oBACzB,MAAMA,OAAO,IAAI,CAAC,GAAG,CAACD,qBAAqB,oBAAoB;oBAC/D,OAAOC,OAAO,KAAK;gBACvB;gBACA,OAAOD,qBAAqB,gBAAgB,CAACD;YACjD;YACA,SAAQG,QAAgB,EAAEC,KAA+B;gBACrD,MAAMJ,OAAqB;oBAAE,MAAM;oBAAWG;oBAAUC;gBAAM;gBAC9D,OAAOH,qBAAqB,gBAAgB,CAACD;YACjD;YACA,QACIK,SAAiB,EACjBC,KAEsE;gBAEtE,MAAMN,OAAoB;oBACtB,MAAM;oBACNK;oBACA,OAAOJ,qBAAqB,kBAAkB,CAACK;gBACnD;gBACA,OAAOL,qBAAqB,gBAAgB,CAACD;YACjD;YACA,QAAOO,MAAc;gBACjBT,SAAS,IAAI,CAACS;YAClB;QACJ;IACJ;IAEA,mBACIC,MAAoB,EACpBC,OAA8E,EAClE;QACZ,MAAMX,WAAqB,EAAE;QAC7B,MAAMY,cAAc,IAAI,CAAC,iBAAiB,CAACZ;QAC3C,MAAMa,UAAUF,QAAQC;QAExB,IAAIE,SAASJ;QAEb,KAAK,MAAMD,UAAUT,SACjBc,SAAS,IAAI,CAAC,gBAAgB,CAACA,QAAQL;QAG3C,KAAK,MAAMM,SAASF,QAChB,IAAI,IAAI,CAAC,gBAAgB,CAACE,QAAQ;YAC9B,MAAM,EAAEb,IAAI,EAAEc,QAAQ,EAAE,GAAGD;YAEvBD,SADAE,WACS,IAAI,CAAC,gBAAgB,CAACF,QAAQZ,MAAMc,YAEpC;mBAAIF;gBAAQZ;aAAK;QAElC,OACIY,SAAS;eAAIA;YAAQC;SAAM;QAInC,OAAOD;IACX;IAEA,WAAWJ,MAAoB,EAAEO,MAAc,EAA2B;QACtE,OAAOd,qBAAqB,UAAU,CAACO,QAAQO;IACnD;IAEA,iBAAiBP,MAAoB,EAAED,MAAc,EAAgB;QACjE,OAAOC,OACF,GAAG,CAACR,CAAAA;YACD,IAAIA,AAAc,UAAdA,KAAK,IAAI,EAAY;gBACrB,MAAMgB,WAAWhB,KAAK,QAAQ,CAAC,MAAM,CAACiB,CAAAA,KAAMA,OAAOV;gBACnD,IAAIS,AAAoB,MAApBA,SAAS,MAAM,EACf,OAAO;gBAEX,OAAO;oBAAE,GAAGhB,IAAI;oBAAE,UAAUgB;gBAAS;YACzC;YACA,IACKhB,AAAc,WAAdA,KAAK,IAAI,IAAeA,KAAK,EAAE,KAAKO,UACpCP,AAAc,cAAdA,KAAK,IAAI,IAAmBA,CAAAA,KAAK,EAAE,KAAKO,UAAUP,KAAK,QAAQ,KAAKO,MAAK,KACzEP,AAAc,aAAdA,KAAK,IAAI,IAAiBA,KAAK,SAAS,KAAKO,QAE9C,OAAO;YAEX,OAAOP;QACX,GACC,MAAM,CAACkB;IAChB;IAEA,iBACIV,MAAoB,EACpBR,IAAgB,EAChBc,QAAwB,EACZ;QACZ,MAAMK,cAAc,IAAI,CAAC,SAAS,CAACX,QAAQM,SAAS,MAAM;QAE1D,IAAIK,AAAgB,OAAhBA,aACA,OAAO;eAAIX;YAAQR;SAAK;QAG5B,MAAMY,SAAS;eAAIJ;SAAO;QAE1B,OAAQM,SAAS,IAAI;YACjB,KAAK;gBACDF,OAAO,MAAM,CAACO,aAAa,GAAGnB;gBAC9B;YACJ,KAAK;gBACDY,OAAO,MAAM,CAACO,cAAc,GAAG,GAAGnB;gBAClC;YACJ,KAAK;gBACDY,OAAO,MAAM,CAACO,aAAa,GAAGnB;gBAC9B;QACR;QAEA,OAAOY;IACX;IAEA,iBAAiBC,KAAyC,EAAkC;QACxF,OAAO,UAAUA;IACrB;IAEQ,UAAUL,MAAoB,EAAED,MAAc,EAAU;QAC5D,OAAOC,OAAO,SAAS,CAACR,CAAAA,OAAQ,IAAI,CAAC,iBAAiB,CAACA,MAAMO;IACjE;IAEQ,kBAAkBP,IAAgB,EAAEO,MAAc,EAAW;QACjE,OAAQP,KAAK,IAAI;YACb,KAAK;gBACD,OAAOA,KAAK,QAAQ,CAAC,QAAQ,CAACO;YAClC,KAAK;gBACD,OAAOP,KAAK,EAAE,KAAKO;YACvB,KAAK;gBACD,OAAOP,KAAK,EAAE,KAAKO,UAAUP,KAAK,QAAQ,KAAKO;YACnD,KAAK;gBACD,OAAOP,KAAK,SAAS,KAAKO;YAC9B;gBACI,OAAO;QACf;IACJ;AACJ"}

package/features/formModel/LayoutResolver.d.ts CHANGED Viewed

@@ -15,6 +15,7 @@ export declare class LayoutResolver {
     private resolveNode;
     private resolveRowNode;
     private resolveSeparatorNode;
+    private resolveAlertNode;
     private resolveTabsNode;
     private resolveElementNode;
     private resolveObjectNode;

package/features/formModel/LayoutResolver.js CHANGED Viewed

@@ -21,7 +21,9 @@ class LayoutResolver {
             case "row":
                 return this.resolveRowNode(node);
             case "separator":
-                return this.resolveSeparatorNode();
+                return this.resolveSeparatorNode(node);
+            case "alert":
+                return this.resolveAlertNode(node);
             case "tabs":
                 return this.resolveTabsNode(node);
             case "element":
@@ -40,9 +42,26 @@ class LayoutResolver {
             fields
         };
     }
-    resolveSeparatorNode() {
+    resolveSeparatorNode(node) {
+        if (node.rules) {
+            const state = this._evaluateRules(node.rules);
+            if (!state.visible) return null;
+        }
+        return {
+            type: "separator",
+            title: node.title,
+            description: node.description
+        };
+    }
+    resolveAlertNode(node) {
+        if (node.rules) {
+            const state = this._evaluateRules(node.rules);
+            if (!state.visible) return null;
+        }
         return {
-            type: "separator"
+            type: "alert",
+            message: node.message,
+            alertType: node.alertType ?? "info"
         };
     }
     resolveTabsNode(node) {
@@ -70,6 +89,7 @@ class LayoutResolver {
             type: "tabs",
             id: node.id,
             renderer: node.renderer,
+            rendererSettings: node.rendererSettings,
             tabs,
             disabled: containerState.disabled,
             activeTabId: validActive,
@@ -109,9 +129,9 @@ class LayoutResolver {
                     };
                 }
             case "separator":
-                return {
-                    type: "separator"
-                };
+                return this.resolveSeparatorNode(node);
+            case "alert":
+                return this.resolveAlertNode(node);
             case "element":
                 return this.resolveElementNode(node);
             case "object":
@@ -156,6 +176,7 @@ class LayoutResolver {
             type: "tabs",
             id: node.id,
             renderer: node.renderer,
+            rendererSettings: node.rendererSettings,
             tabs,
             disabled: containerState.disabled,
             activeTabId: validActive,

package/features/formModel/LayoutResolver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"features/formModel/LayoutResolver.js","sources":["../../../src/features/formModel/LayoutResolver.ts"],"sourcesContent":["import { runInAction } from \"mobx\";\nimport type { ObservableMap } from \"mobx\";\nimport { isObjectField } from \"./ObjectField.js\";\nimport { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport type {\n IField,\n IRule,\n LayoutNode,\n LayoutNodeVM,\n IRowNode,\n IRowNodeVM,\n ISeparatorNodeVM,\n ITabsNode,\n ITabsNodeVM,\n ITabDefinitionVM,\n IElementNode,\n IElementNodeVM,\n IObjectNode\n} from \"./abstractions.js\";\n\ntype RuleEvaluatorFn = (rules: IRule[] \| undefined) => { visible: boolean; disabled: boolean };\n\nexport class LayoutResolver {\n constructor(\n private _fields: Map<string, IField>,\n private _activeTabs: ObservableMap<string, string>,\n private _evaluateRules: RuleEvaluatorFn\n ) {}\n\n resolve(layout: LayoutNode[]): LayoutNodeVM[] {\n return layout.map(node => this.resolveNode(node)).filter(Boolean) as LayoutNodeVM[];\n }\n\n resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[] {\n return layout\n .map(node => this.resolveChildNode(node, children))\n .filter(Boolean) as LayoutNodeVM[];\n }\n\n collectFieldIds(layout: LayoutNode[]): string[] {\n return LayoutBuilderFactory.collectFieldIds(layout);\n }\n\n private resolveNode(node: LayoutNode): LayoutNodeVM \| null {\n switch (node.type) {\n case \"row\":\n return this.resolveRowNode(node);\n case \"separator\":\n return this.resolveSeparatorNode();\n case \"tabs\":\n return this.resolveTabsNode(node);\n case \"element\":\n return this.resolveElementNode(node);\n case \"object\":\n return this.resolveObjectNode(node);\n default:\n return null;\n }\n }\n\n private resolveRowNode(node: IRowNode): IRowNodeVM \| null {\n const fields = node.fieldIds\n .map(id => this._fields.get(id))\n .filter((f): f is IField => f !== undefined && f.visible)\n .map(f => f.vm);\n\n if (fields.length === 0) {\n return null;\n }\n\n return { type: \"row\", fields };\n }\n\n private resolveSeparatorNode(): ISeparatorNodeVM {\n return { type: \"separator\" };\n }\n\n private resolveTabsNode(node: ITabsNode): ITabsNodeVM \| null {\n if (node.tabs.length === 0) {\n return null;\n }\n\n const containerState = this._evaluateRules(node.rules);\n if (!containerState.visible) {\n return null;\n }\n\n const tabKey = node.id \|\| LayoutBuilderFactory.tabsNodeKey(node);\n\n const tabs: ITabDefinitionVM[] = [];\n for (const tab of node.tabs) {\n const tabState = this._evaluateRules(tab.rules);\n if (!tabState.visible) {\n continue;\n }\n tabs.push({\n id: tab.id,\n label: tab.label,\n description: tab.description,\n icon: tab.icon,\n hasErrors: this.tabHasErrors(tab.layout),\n disabled: containerState.disabled \|\| tabState.disabled,\n layout: tab.layout\n .map(child => this.resolveNode(child))\n .filter(Boolean) as LayoutNodeVM[]\n });\n }\n\n if (tabs.length === 0) {\n return null;\n }\n\n const storedActive = this._activeTabs.get(tabKey);\n const validActive = tabs.find(t => t.id === storedActive) ? storedActive! : tabs[0].id;\n\n return {\n type: \"tabs\",\n id: node.id,\n renderer: node.renderer,\n tabs,\n disabled: containerState.disabled,\n activeTabId: validActive,\n setActiveTab: (id: string) => {\n runInAction(() => {\n this._activeTabs.set(tabKey, id);\n });\n }\n };\n }\n\n private resolveElementNode(node: IElementNode): IElementNodeVM {\n return {\n type: \"element\",\n renderer: node.renderer,\n props: node.props\n };\n }\n\n private resolveObjectNode(node: IObjectNode): IRowNodeVM \| null {\n const field = this._fields.get(node.fieldName);\n if (!field \|\| !field.visible) {\n return null;\n }\n return { type: \"row\", fields: [field.vm] };\n }\n\n private resolveChildNode(node: LayoutNode, children: Map<string, IField>): LayoutNodeVM \| null {\n switch (node.type) {\n case \"row\": {\n const fields = node.fieldIds\n .map(id => children.get(id))\n .filter((f): f is IField => f !== undefined && f.visible)\n .map(f => f.vm);\n if (fields.length === 0) {\n return null;\n }\n return { type: \"row\", fields };\n }\n case \"separator\":\n return { type: \"separator\" };\n case \"element\":\n return this.resolveElementNode(node);\n case \"object\": {\n const field = children.get(node.fieldName);\n if (!field \|\| !field.visible) {\n return null;\n }\n return { type: \"row\", fields: [field.vm] };\n }\n case \"tabs\":\n return this.resolveChildTabsNode(node, children);\n default:\n return null;\n }\n }\n\n private resolveChildTabsNode(\n node: ITabsNode,\n children: Map<string, IField>\n ): ITabsNodeVM \| null {\n if (node.tabs.length === 0) {\n return null;\n }\n const containerState = this._evaluateRules(node.rules);\n if (!containerState.visible) {\n return null;\n }\n const tabKey = node.id \|\| LayoutBuilderFactory.tabsNodeKey(node);\n const tabs: ITabDefinitionVM[] = [];\n for (const tab of node.tabs) {\n const tabState = this._evaluateRules(tab.rules);\n if (!tabState.visible) {\n continue;\n }\n tabs.push({\n id: tab.id,\n label: tab.label,\n description: tab.description,\n icon: tab.icon,\n hasErrors: this.childTabHasErrors(tab.layout, children),\n disabled: containerState.disabled \|\| tabState.disabled,\n layout: tab.layout\n .map(child => this.resolveChildNode(child, children))\n .filter(Boolean) as LayoutNodeVM[]\n });\n }\n if (tabs.length === 0) {\n return null;\n }\n const storedActive = this._activeTabs.get(tabKey);\n const validActive = tabs.find(t => t.id === storedActive) ? storedActive! : tabs[0].id;\n return {\n type: \"tabs\",\n id: node.id,\n renderer: node.renderer,\n tabs,\n disabled: containerState.disabled,\n activeTabId: validActive,\n setActiveTab: (id: string) => {\n runInAction(() => {\n this._activeTabs.set(tabKey, id);\n });\n }\n };\n }\n\n private tabHasErrors(layout: LayoutNode[]): boolean {\n const fieldIds = this.collectFieldIds(layout);\n for (const id of fieldIds) {\n const field = this._fields.get(id);\n if (!field) {\n continue;\n }\n if (field.vm.validation.isValid === false) {\n return true;\n }\n if (isObjectField(field) && field.hasErrors) {\n return true;\n }\n }\n return false;\n }\n\n private childTabHasErrors(layout: LayoutNode[], children: Map<string, IField>): boolean {\n for (const node of layout) {\n if (node.type === \"row\") {\n for (const id of node.fieldIds) {\n const field = children.get(id);\n if (!field) {\n continue;\n }\n if (field.vm.validation.isValid === false) {\n return true;\n }\n if (isObjectField(field) && field.hasErrors) {\n return true;\n }\n }\n } else if (node.type === \"object\") {\n const field = children.get(node.fieldName);\n if (field && isObjectField(field) && field.hasErrors) {\n return true;\n }\n } else if (node.type === \"tabs\") {\n for (const tab of node.tabs) {\n if (this.childTabHasErrors(tab.layout, children)) {\n return true;\n }\n }\n }\n }\n return false;\n }\n}\n"],"names":["LayoutResolver","_fields","_activeTabs","_evaluateRules","layout","node","Boolean","children","LayoutBuilderFactory","fields","id","f","undefined","containerState","tabKey","tabs","tab","tabState","child","storedActive","validActive","t","runInAction","field","fieldIds","isObjectField"],"mappings":"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"}
1	+ {"version":3,"file":"features/formModel/LayoutResolver.js","sources":["../../../src/features/formModel/LayoutResolver.ts"],"sourcesContent":["import { runInAction } from \"mobx\";\nimport type { ObservableMap } from \"mobx\";\nimport { isObjectField } from \"./ObjectField.js\";\nimport { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport type {\n IField,\n IRule,\n LayoutNode,\n LayoutNodeVM,\n IRowNode,\n IRowNodeVM,\n ISeparatorNode,\n ISeparatorNodeVM,\n IAlertNode,\n IAlertNodeVM,\n ITabsNode,\n ITabsNodeVM,\n ITabDefinitionVM,\n IElementNode,\n IElementNodeVM,\n IObjectNode\n} from \"./abstractions.js\";\n\ntype RuleEvaluatorFn = (rules: IRule[] \| undefined) => { visible: boolean; disabled: boolean };\n\nexport class LayoutResolver {\n constructor(\n private _fields: Map<string, IField>,\n private _activeTabs: ObservableMap<string, string>,\n private _evaluateRules: RuleEvaluatorFn\n ) {}\n\n resolve(layout: LayoutNode[]): LayoutNodeVM[] {\n return layout.map(node => this.resolveNode(node)).filter(Boolean) as LayoutNodeVM[];\n }\n\n resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[] {\n return layout\n .map(node => this.resolveChildNode(node, children))\n .filter(Boolean) as LayoutNodeVM[];\n }\n\n collectFieldIds(layout: LayoutNode[]): string[] {\n return LayoutBuilderFactory.collectFieldIds(layout);\n }\n\n private resolveNode(node: LayoutNode): LayoutNodeVM \| null {\n switch (node.type) {\n case \"row\":\n return this.resolveRowNode(node);\n case \"separator\":\n return this.resolveSeparatorNode(node);\n case \"alert\":\n return this.resolveAlertNode(node);\n case \"tabs\":\n return this.resolveTabsNode(node);\n case \"element\":\n return this.resolveElementNode(node);\n case \"object\":\n return this.resolveObjectNode(node);\n default:\n return null;\n }\n }\n\n private resolveRowNode(node: IRowNode): IRowNodeVM \| null {\n const fields = node.fieldIds\n .map(id => this._fields.get(id))\n .filter((f): f is IField => f !== undefined && f.visible)\n .map(f => f.vm);\n\n if (fields.length === 0) {\n return null;\n }\n\n return { type: \"row\", fields };\n }\n\n private resolveSeparatorNode(node: ISeparatorNode): ISeparatorNodeVM \| null {\n if (node.rules) {\n const state = this._evaluateRules(node.rules);\n if (!state.visible) {\n return null;\n }\n }\n return { type: \"separator\", title: node.title, description: node.description };\n }\n\n private resolveAlertNode(node: IAlertNode): IAlertNodeVM \| null {\n if (node.rules) {\n const state = this._evaluateRules(node.rules);\n if (!state.visible) {\n return null;\n }\n }\n return { type: \"alert\", message: node.message, alertType: node.alertType ?? \"info\" };\n }\n\n private resolveTabsNode(node: ITabsNode): ITabsNodeVM \| null {\n if (node.tabs.length === 0) {\n return null;\n }\n\n const containerState = this._evaluateRules(node.rules);\n if (!containerState.visible) {\n return null;\n }\n\n const tabKey = node.id \|\| LayoutBuilderFactory.tabsNodeKey(node);\n\n const tabs: ITabDefinitionVM[] = [];\n for (const tab of node.tabs) {\n const tabState = this._evaluateRules(tab.rules);\n if (!tabState.visible) {\n continue;\n }\n tabs.push({\n id: tab.id,\n label: tab.label,\n description: tab.description,\n icon: tab.icon,\n hasErrors: this.tabHasErrors(tab.layout),\n disabled: containerState.disabled \|\| tabState.disabled,\n layout: tab.layout\n .map(child => this.resolveNode(child))\n .filter(Boolean) as LayoutNodeVM[]\n });\n }\n\n if (tabs.length === 0) {\n return null;\n }\n\n const storedActive = this._activeTabs.get(tabKey);\n const validActive = tabs.find(t => t.id === storedActive) ? storedActive! : tabs[0].id;\n\n return {\n type: \"tabs\",\n id: node.id,\n renderer: node.renderer,\n rendererSettings: node.rendererSettings,\n tabs,\n disabled: containerState.disabled,\n activeTabId: validActive,\n setActiveTab: (id: string) => {\n runInAction(() => {\n this._activeTabs.set(tabKey, id);\n });\n }\n };\n }\n\n private resolveElementNode(node: IElementNode): IElementNodeVM {\n return {\n type: \"element\",\n renderer: node.renderer,\n props: node.props\n };\n }\n\n private resolveObjectNode(node: IObjectNode): IRowNodeVM \| null {\n const field = this._fields.get(node.fieldName);\n if (!field \|\| !field.visible) {\n return null;\n }\n return { type: \"row\", fields: [field.vm] };\n }\n\n private resolveChildNode(node: LayoutNode, children: Map<string, IField>): LayoutNodeVM \| null {\n switch (node.type) {\n case \"row\": {\n const fields = node.fieldIds\n .map(id => children.get(id))\n .filter((f): f is IField => f !== undefined && f.visible)\n .map(f => f.vm);\n if (fields.length === 0) {\n return null;\n }\n return { type: \"row\", fields };\n }\n case \"separator\":\n return this.resolveSeparatorNode(node);\n case \"alert\":\n return this.resolveAlertNode(node);\n case \"element\":\n return this.resolveElementNode(node);\n case \"object\": {\n const field = children.get(node.fieldName);\n if (!field \|\| !field.visible) {\n return null;\n }\n return { type: \"row\", fields: [field.vm] };\n }\n case \"tabs\":\n return this.resolveChildTabsNode(node, children);\n default:\n return null;\n }\n }\n\n private resolveChildTabsNode(\n node: ITabsNode,\n children: Map<string, IField>\n ): ITabsNodeVM \| null {\n if (node.tabs.length === 0) {\n return null;\n }\n const containerState = this._evaluateRules(node.rules);\n if (!containerState.visible) {\n return null;\n }\n const tabKey = node.id \|\| LayoutBuilderFactory.tabsNodeKey(node);\n const tabs: ITabDefinitionVM[] = [];\n for (const tab of node.tabs) {\n const tabState = this._evaluateRules(tab.rules);\n if (!tabState.visible) {\n continue;\n }\n tabs.push({\n id: tab.id,\n label: tab.label,\n description: tab.description,\n icon: tab.icon,\n hasErrors: this.childTabHasErrors(tab.layout, children),\n disabled: containerState.disabled \|\| tabState.disabled,\n layout: tab.layout\n .map(child => this.resolveChildNode(child, children))\n .filter(Boolean) as LayoutNodeVM[]\n });\n }\n if (tabs.length === 0) {\n return null;\n }\n const storedActive = this._activeTabs.get(tabKey);\n const validActive = tabs.find(t => t.id === storedActive) ? storedActive! : tabs[0].id;\n return {\n type: \"tabs\",\n id: node.id,\n renderer: node.renderer,\n rendererSettings: node.rendererSettings,\n tabs,\n disabled: containerState.disabled,\n activeTabId: validActive,\n setActiveTab: (id: string) => {\n runInAction(() => {\n this._activeTabs.set(tabKey, id);\n });\n }\n };\n }\n\n private tabHasErrors(layout: LayoutNode[]): boolean {\n const fieldIds = this.collectFieldIds(layout);\n for (const id of fieldIds) {\n const field = this._fields.get(id);\n if (!field) {\n continue;\n }\n if (field.vm.validation.isValid === false) {\n return true;\n }\n if (isObjectField(field) && field.hasErrors) {\n return true;\n }\n }\n return false;\n }\n\n private childTabHasErrors(layout: LayoutNode[], children: Map<string, IField>): boolean {\n for (const node of layout) {\n if (node.type === \"row\") {\n for (const id of node.fieldIds) {\n const field = children.get(id);\n if (!field) {\n continue;\n }\n if (field.vm.validation.isValid === false) {\n return true;\n }\n if (isObjectField(field) && field.hasErrors) {\n return true;\n }\n }\n } else if (node.type === \"object\") {\n const field = children.get(node.fieldName);\n if (field && isObjectField(field) && field.hasErrors) {\n return true;\n }\n } else if (node.type === \"tabs\") {\n for (const tab of node.tabs) {\n if (this.childTabHasErrors(tab.layout, children)) {\n return true;\n }\n }\n }\n }\n return false;\n }\n}\n"],"names":["LayoutResolver","_fields","_activeTabs","_evaluateRules","layout","node","Boolean","children","LayoutBuilderFactory","fields","id","f","undefined","state","containerState","tabKey","tabs","tab","tabState","child","storedActive","validActive","t","runInAction","field","fieldIds","isObjectField"],"mappings":"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"}