@webiny/app-admin 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/base/Base/FieldRenderers/SelectRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/SelectRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        select: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n        /** @deprecated Use \"select\" instead. */\n        dropdown: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nconst isValidValue = (value: unknown): value is string | number =>\n    typeof value === \"string\" || typeof value === \"number\";\n\nexport const SelectRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={isValidValue(field.value) ? String(field.value) : \"\"}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            // Clearing a required field can only leave it invalid, so it gets no reset action.\n            displayResetAction={!field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: isValidValue(opt.value) ? String(opt.value) : opt.value,\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["isValidValue","value","SelectRenderer","createFieldRenderer","field","options","Select","String","opt"],"mappings":";;;AAaA,MAAMA,eAAe,CAACC,QAClB,AAAiB,YAAjB,OAAOA,SAAsB,AAAiB,YAAjB,OAAOA;AAEjC,MAAMC,iBAAiBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IACxD,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOJ,aAAaI,MAAM,KAAK,IAAIG,OAAOH,MAAM,KAAK,IAAI;QACzD,UAAUH,CAAAA;YACNG,MAAM,QAAQ,CAACH;YACfG,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QAExB,oBAAoB,CAACA,MAAM,QAAQ;QACnC,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACG,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOR,aAAaQ,IAAI,KAAK,IAAID,OAAOC,IAAI,KAAK,IAAIA,IAAI,KAAK;gBAC9D,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}

package/base/Base/FieldRenderers/SwitchRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        switch: {
+            fieldType: "boolean";
+            settings: undefined;
+        };
+    }
+}
+export declare const SwitchRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/SwitchRenderer.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { Switch } from "@webiny/admin-ui";
+const SwitchRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement(Switch, {
+        checked: !!field.value,
+        onChange: (value)=>field.onChange(value),
+        label: field.label,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation
+    }));
+export { SwitchRenderer };
+
+//# sourceMappingURL=SwitchRenderer.js.map

package/base/Base/FieldRenderers/SwitchRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/SwitchRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/SwitchRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Switch } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        switch: { fieldType: \"boolean\"; settings: undefined };\n    }\n}\n\nexport const SwitchRenderer = createFieldRenderer(({ field }) => {\n    return (\n        <Switch\n            checked={!!field.value}\n            onChange={value => field.onChange(value)}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n        />\n    );\n});\n"],"names":["SwitchRenderer","createFieldRenderer","field","Switch","value"],"mappings":";;;AAUO,MAAMA,iBAAiBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE,GACjD,WAAP,GACI,oBAACC,QAAMA;QACH,SAAS,CAAC,CAACD,MAAM,KAAK;QACtB,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;QAClC,OAAOF,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU"}

package/base/Base/FieldRenderers/TagsRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        tags: {
+            fieldType: "text";
+            settings: undefined;
+        };
+    }
+}
+export declare const TagsRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/TagsRenderer.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { Tags } from "@webiny/admin-ui";
+const TagsRenderer = createFieldRenderer(({ field })=>{
+    const value = field.value ?? [];
+    return /*#__PURE__*/ react.createElement(Tags, {
+        label: field.label,
+        hint: field.help,
+        placeholder: field.placeholder || "Add values",
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        value: value,
+        onChange: (value)=>field.onChange(value)
+    });
+});
+export { TagsRenderer };
+
+//# sourceMappingURL=TagsRenderer.js.map

package/base/Base/FieldRenderers/TagsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/TagsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TagsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Tags } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        tags: { fieldType: \"text\"; settings: undefined };\n    }\n}\n\nexport const TagsRenderer = createFieldRenderer(({ field }) => {\n    const value = (field.value as string[]) ?? [];\n\n    return (\n        <Tags\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder || \"Add values\"}\n            description={field.description}\n            note={field.note}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            value={value}\n            onChange={value => field.onChange(value)}\n        />\n    );\n});\n"],"names":["TagsRenderer","createFieldRenderer","field","value","Tags"],"mappings":";;;AAUO,MAAMA,eAAeC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IACtD,MAAMC,QAASD,MAAM,KAAK,IAAiB,EAAE;IAE7C,OAAO,WAAP,GACI,oBAACE,MAAIA;QACD,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW,IAAI;QAClC,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,OAAOC;QACP,UAAUA,CAAAA,QAASD,MAAM,QAAQ,CAACC;;AAG9C"}

package/base/Base/FieldRenderers/TextInputsRenderer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        textInputs: {
+            fieldType: "text";
+            settings?: {
+                addItemLabel?: string;
+            };
+        };
+    }
+}
+export declare const TextInputsRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/TextInputsRenderer.js

@@ -0,0 +1,59 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { Button, DelayedOnChange, FormComponentDescription, FormComponentErrorMessage, IconButton, Input, Separator } from "@webiny/admin-ui";
+const TextInputsRenderer = createFieldRenderer(({ field })=>{
+    const values = field.value ?? [];
+    const updateAt = (index, val)=>{
+        const next = [
+            ...values
+        ];
+        next[index] = val;
+        field.onChange(next);
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement(Separator, {
+        labelPosition: "start",
+        variant: "accent"
+    }, /*#__PURE__*/ react.createElement("span", {
+        className: "text-accent-primary text-lg font-semibold"
+    }, `${field.label ?? ""} ${values.length ? `(${values.length})` : ""}`)), field.description && /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: field.description
+    }), values.map((val, index)=>/*#__PURE__*/ react.createElement("div", {
+            key: index,
+            className: "flex items-end gap-sm"
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex-1"
+        }, /*#__PURE__*/ react.createElement(DelayedOnChange, {
+            value: val,
+            onChange: (value)=>updateAt(index, value)
+        }, /*#__PURE__*/ react.createElement(Input, {
+            disabled: field.disabled,
+            label: `Value ${index + 1}`,
+            placeholder: field.placeholder,
+            onEnter: ()=>field.addItem("")
+        }))), /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: (e)=>{
+                e.stopPropagation();
+                field.removeItem(index);
+            },
+            size: "lg",
+            variant: "ghost"
+        }))), /*#__PURE__*/ react.createElement(Button, {
+        disabled: field.disabled,
+        variant: "tertiary",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+        text: field.rendererSettings?.addItemLabel ?? "Add Value",
+        onClick: ()=>field.addItem("")
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: field.validation.message,
+        invalid: false === field.validation.isValid,
+        disabled: field.disabled
+    }));
+});
+export { TextInputsRenderer };
+
+//# sourceMappingURL=TextInputsRenderer.js.map

package/base/Base/FieldRenderers/TextInputsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/TextInputsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextInputsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DelayedOnChange,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    IconButton,\n    Input,\n    Separator\n} from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textInputs: { fieldType: \"text\"; settings?: { addItemLabel?: string } };\n    }\n}\n\nexport const TextInputsRenderer = createFieldRenderer<\"textInputs\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n\n    const updateAt = (index: number, val: string) => {\n        const next = [...values];\n        next[index] = val;\n        field.onChange(next);\n    };\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                <span className={\"text-accent-primary text-lg font-semibold\"}>\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className={\"flex items-end gap-sm\"}>\n                    <div className={\"flex-1\"}>\n                        <DelayedOnChange\n                            value={val}\n                            onChange={value => updateAt(index, value as string)}\n                        >\n                            <Input\n                                disabled={field.disabled}\n                                label={`Value ${index + 1}`}\n                                placeholder={field.placeholder}\n                                onEnter={() => field.addItem(\"\")}\n                            />\n                        </DelayedOnChange>\n                    </div>\n                    <IconButton\n                        icon={<DeleteIcon />}\n                        onClick={e => {\n                            e.stopPropagation();\n                            field.removeItem(index);\n                        }}\n                        size={\"lg\"}\n                        variant={\"ghost\"}\n                    />\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant={\"tertiary\"}\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n            <FormComponentErrorMessage\n                text={field.validation.message}\n                invalid={field.validation.isValid === false}\n                disabled={field.disabled}\n            />\n        </div>\n    );\n});\n"],"names":["TextInputsRenderer","createFieldRenderer","field","values","updateAt","index","val","next","Separator","FormComponentDescription","DelayedOnChange","value","Input","IconButton","DeleteIcon","e","Button","AddIcon","FormComponentErrorMessage"],"mappings":";;;;;AAoBO,MAAMA,qBAAqBC,oBAAkC,CAAC,EAAEC,KAAK,EAAE;IAC1E,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAE9C,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIJ;SAAO;QACxBI,IAAI,CAACF,MAAM,GAAGC;QACdJ,MAAM,QAAQ,CAACK;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,eAAe;QAAS,SAAS;qBACxC,oBAAC;QAAK,WAAW;OACZ,GAAGN,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACO,0BAAwBA;QAAC,MAAMP,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACG,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAW;yBACxB,oBAAC;YAAI,WAAW;yBACZ,oBAACK,iBAAeA;YACZ,OAAOJ;YACP,UAAUK,CAAAA,QAASP,SAASC,OAAOM;yBAEnC,oBAACC,OAAKA;YACF,UAAUV,MAAM,QAAQ;YACxB,OAAO,CAAC,MAAM,EAAEG,QAAQ,GAAG;YAC3B,aAAaH,MAAM,WAAW;YAC9B,SAAS,IAAMA,MAAM,OAAO,CAAC;4BAIzC,oBAACW,YAAUA;YACP,oBAAM,oBAACC,gBAAUA;YACjB,SAASC,CAAAA;gBACLA,EAAE,eAAe;gBACjBb,MAAM,UAAU,CAACG;YACrB;YACA,MAAM;YACN,SAAS;4BAIrB,oBAACW,QAAMA;QACH,UAAUd,MAAM,QAAQ;QACxB,SAAS;QACT,oBAAM,oBAACe,wBAAOA;QACd,MAAMf,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;sBAEjC,oBAACgB,2BAAyBA;QACtB,MAAMhB,MAAM,UAAU,CAAC,OAAO;QAC9B,SAASA,AAA6B,UAA7BA,MAAM,UAAU,CAAC,OAAO;QACjC,UAAUA,MAAM,QAAQ;;AAIxC"}

package/base/Base/FieldRenderers/TextareaRenderer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        textarea: {
+            fieldType: "text";
+            settings?: {
+                rows?: number;
+            };
+        };
+    }
+}
+export declare const TextareaRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/TextareaRenderer.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { DelayedOnChange, Textarea } from "@webiny/admin-ui";
+const TextareaRenderer = createFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: field.value,
+        onChange: (value)=>field.onChange(value)
+    }, /*#__PURE__*/ react.createElement(Textarea, {
+        label: field.label,
+        hint: field.help,
+        placeholder: field.placeholder,
+        description: field.description,
+        note: field.note,
+        required: field.required,
+        disabled: field.disabled,
+        validation: field.validation,
+        onBlur: ()=>field.onBlur(),
+        rows: field.rendererSettings?.rows ?? 5
+    })));
+export { TextareaRenderer };
+
+//# sourceMappingURL=TextareaRenderer.js.map

package/base/Base/FieldRenderers/TextareaRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/TextareaRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextareaRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { Textarea } from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textarea: { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\nexport const TextareaRenderer = createFieldRenderer<\"textarea\">(({ field }) => {\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Textarea\n                label={field.label}\n                hint={field.help}\n                placeholder={field.placeholder}\n                description={field.description}\n                note={field.note}\n                required={field.required}\n                disabled={field.disabled}\n                validation={field.validation}\n                onBlur={() => field.onBlur()}\n                rows={field.rendererSettings?.rows ?? 5}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"names":["TextareaRenderer","createFieldRenderer","field","DelayedOnChange","value","Textarea"],"mappings":";;;AAWO,MAAMA,mBAAmBC,oBAAgC,CAAC,EAAEC,KAAK,EAAE,GAC/D,WAAP,GACI,oBAACC,iBAAeA;QAAC,OAAOD,MAAM,KAAK;QAAE,UAAUE,CAAAA,QAASF,MAAM,QAAQ,CAACE;qBACnE,oBAACC,UAAQA;QACL,OAAOH,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,QAAQ,IAAMA,MAAM,MAAM;QAC1B,MAAMA,MAAM,gBAAgB,EAAE,QAAQ"}

package/base/Base/FieldRenderers/TextareasRenderer.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+declare module "../../../features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        textareas: {
+            fieldType: "text";
+            settings?: {
+                addItemLabel?: string;
+            };
+        };
+    }
+}
+export declare const TextareasRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/TextareasRenderer.js

@@ -0,0 +1,56 @@
+import react from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { ReactComponent } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { Button, DelayedOnChange, FormComponentDescription, FormComponentErrorMessage, IconButton, Separator, Textarea } from "@webiny/admin-ui";
+const TextareasRenderer = createFieldRenderer(({ field })=>{
+    const values = field.value ?? [];
+    const updateAt = (index, val)=>{
+        const next = [
+            ...values
+        ];
+        next[index] = val;
+        field.onChange(next);
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm"
+    }, /*#__PURE__*/ react.createElement(Separator, {
+        labelPosition: "start",
+        variant: "accent"
+    }, /*#__PURE__*/ react.createElement("span", {
+        className: "text-accent-primary text-lg font-semibold"
+    }, `${field.label ?? ""} ${values.length ? `(${values.length})` : ""}`)), field.description && /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: field.description
+    }), values.map((val, index)=>/*#__PURE__*/ react.createElement("div", {
+            key: index,
+            className: "relative"
+        }, /*#__PURE__*/ react.createElement(DelayedOnChange, {
+            value: val,
+            onChange: (value)=>updateAt(index, value)
+        }, /*#__PURE__*/ react.createElement(Textarea, {
+            disabled: field.disabled,
+            rows: 5,
+            label: `Value ${index + 1}`,
+            placeholder: field.placeholder
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "absolute top-xl right-sm z-10"
+        }, /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            size: "md",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: ()=>field.removeItem(index)
+        })))), /*#__PURE__*/ react.createElement(Button, {
+        disabled: field.disabled,
+        variant: "tertiary",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+        text: field.rendererSettings?.addItemLabel ?? "Add Value",
+        onClick: ()=>field.addItem("")
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: field.validation.message,
+        invalid: false === field.validation.isValid,
+        disabled: field.disabled
+    }));
+});
+export { TextareasRenderer };
+
+//# sourceMappingURL=TextareasRenderer.js.map

package/base/Base/FieldRenderers/TextareasRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/TextareasRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/TextareasRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport {\n    Button,\n    DelayedOnChange,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    IconButton,\n    Separator,\n    Textarea\n} from \"@webiny/admin-ui\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textareas: { fieldType: \"text\"; settings?: { addItemLabel?: string } };\n    }\n}\n\nexport const TextareasRenderer = createFieldRenderer<\"textareas\">(({ field }) => {\n    const values = (field.value as string[]) ?? [];\n\n    const updateAt = (index: number, val: string) => {\n        const next = [...values];\n        next[index] = val;\n        field.onChange(next);\n    };\n\n    return (\n        <div className={\"flex flex-col gap-sm\"}>\n            <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                <span className={\"text-accent-primary text-lg font-semibold\"}>\n                    {`${field.label ?? \"\"} ${values.length ? `(${values.length})` : \"\"}`}\n                </span>\n            </Separator>\n            {field.description && <FormComponentDescription text={field.description} />}\n            {values.map((val, index) => (\n                <div key={index} className={\"relative\"}>\n                    <DelayedOnChange\n                        value={val}\n                        onChange={value => updateAt(index, value as string)}\n                    >\n                        <Textarea\n                            disabled={field.disabled}\n                            rows={5}\n                            label={`Value ${index + 1}`}\n                            placeholder={field.placeholder}\n                        />\n                    </DelayedOnChange>\n                    <div className={\"absolute top-xl right-sm z-10\"}>\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"md\"}\n                            icon={<DeleteIcon />}\n                            onClick={() => field.removeItem(index)}\n                        />\n                    </div>\n                </div>\n            ))}\n            <Button\n                disabled={field.disabled}\n                variant={\"tertiary\"}\n                icon={<AddIcon />}\n                text={field.rendererSettings?.addItemLabel ?? \"Add Value\"}\n                onClick={() => field.addItem(\"\")}\n            />\n            <FormComponentErrorMessage\n                text={field.validation.message}\n                invalid={field.validation.isValid === false}\n                disabled={field.disabled}\n            />\n        </div>\n    );\n});\n"],"names":["TextareasRenderer","createFieldRenderer","field","values","updateAt","index","val","next","Separator","FormComponentDescription","DelayedOnChange","value","Textarea","IconButton","DeleteIcon","Button","AddIcon","FormComponentErrorMessage"],"mappings":";;;;;AAoBO,MAAMA,oBAAoBC,oBAAiC,CAAC,EAAEC,KAAK,EAAE;IACxE,MAAMC,SAAUD,MAAM,KAAK,IAAiB,EAAE;IAE9C,MAAME,WAAW,CAACC,OAAeC;QAC7B,MAAMC,OAAO;eAAIJ;SAAO;QACxBI,IAAI,CAACF,MAAM,GAAGC;QACdJ,MAAM,QAAQ,CAACK;IACnB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,eAAe;QAAS,SAAS;qBACxC,oBAAC;QAAK,WAAW;OACZ,GAAGN,MAAM,KAAK,IAAI,GAAG,CAAC,EAAEC,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,IAG3ED,MAAM,WAAW,IAAI,WAAJ,GAAI,oBAACO,0BAAwBA;QAAC,MAAMP,MAAM,WAAW;QACtEC,OAAO,GAAG,CAAC,CAACG,KAAKD,QAAAA,WAAAA,GACd,oBAAC;YAAI,KAAKA;YAAO,WAAW;yBACxB,oBAACK,iBAAeA;YACZ,OAAOJ;YACP,UAAUK,CAAAA,QAASP,SAASC,OAAOM;yBAEnC,oBAACC,UAAQA;YACL,UAAUV,MAAM,QAAQ;YACxB,MAAM;YACN,OAAO,CAAC,MAAM,EAAEG,QAAQ,GAAG;YAC3B,aAAaH,MAAM,WAAW;2BAGtC,oBAAC;YAAI,WAAW;yBACZ,oBAACW,YAAUA;YACP,SAAS;YACT,MAAM;YACN,oBAAM,oBAACC,gBAAUA;YACjB,SAAS,IAAMZ,MAAM,UAAU,CAACG;6BAKhD,oBAACU,QAAMA;QACH,UAAUb,MAAM,QAAQ;QACxB,SAAS;QACT,oBAAM,oBAACc,wBAAOA;QACd,MAAMd,MAAM,gBAAgB,EAAE,gBAAgB;QAC9C,SAAS,IAAMA,MAAM,OAAO,CAAC;sBAEjC,oBAACe,2BAAyBA;QACtB,MAAMf,MAAM,UAAU,CAAC,OAAO;QAC9B,SAASA,AAA6B,UAA7BA,MAAM,UAAU,CAAC,OAAO;QACjC,UAAUA,MAAM,QAAQ;;AAIxC"}

package/base/Base/FieldRenderers/VerticalTabsRenderer.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { TabsNodeRendererProps } from "../../../features/formModel/FormView.js";
+export declare const VerticalTabsRenderer: (({ node }: TabsNodeRendererProps) => React.JSX.Element) & React.NamedExoticComponent<TabsNodeRendererProps> & {
+    readonly type: ({ node }: TabsNodeRendererProps) => React.JSX.Element;
+};

package/base/Base/FieldRenderers/VerticalTabsRenderer.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Heading, List, Text } from "@webiny/admin-ui";
+import { LayoutNodeRenderer, renderTabIcon } from "../../../features/formModel/FormView.js";
+const VerticalTabsRenderer_VerticalTabsRenderer = observer(function({ node }) {
+    const activeTab = node.tabs.find((t)=>t.id === node.activeTabId);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-row flex-1 min-h-full shrink-0"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col",
+        style: {
+            width: 300
+        }
+    }, /*#__PURE__*/ react.createElement(List, null, node.tabs.map((tab)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: tab.id,
+            className: "fill-neutral-strong",
+            icon: renderTabIcon(tab.icon),
+            title: tab.label,
+            description: tab.description,
+            activated: tab.id === node.activeTabId,
+            onClick: ()=>node.setActiveTab(tab.id)
+        })))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col flex-1 px-md border-l border-neutral-dimmed"
+    }, activeTab && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "p-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "text-neutral-primary"
+    }, activeTab.label), activeTab.description && /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, activeTab.description)), /*#__PURE__*/ react.createElement("div", {
+        className: "p-md flex flex-col gap-4"
+    }, activeTab.layout.map((childNode, index)=>/*#__PURE__*/ react.createElement(LayoutNodeRenderer, {
+            key: index,
+            node: childNode
+        }))))));
+});
+export { VerticalTabsRenderer_VerticalTabsRenderer as VerticalTabsRenderer };
+
+//# sourceMappingURL=VerticalTabsRenderer.js.map

package/base/Base/FieldRenderers/VerticalTabsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/FieldRenderers/VerticalTabsRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/VerticalTabsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { List, Heading, Text } from \"@webiny/admin-ui\";\nimport { LayoutNodeRenderer, renderTabIcon } from \"~/features/formModel/FormView.js\";\nimport type { TabsNodeRendererProps } from \"~/features/formModel/FormView.js\";\n\nexport const VerticalTabsRenderer = observer(function VerticalTabsRenderer({\n    node\n}: TabsNodeRendererProps) {\n    const activeTab = node.tabs.find(t => t.id === node.activeTabId);\n\n    return (\n        <div className={\"flex flex-row flex-1 min-h-full shrink-0\"}>\n            <div className={\"flex flex-col\"} style={{ width: 300 }}>\n                <List>\n                    {node.tabs.map(tab => (\n                        <List.Item\n                            key={tab.id}\n                            className={\"fill-neutral-strong\"}\n                            icon={renderTabIcon(tab.icon)}\n                            title={tab.label}\n                            description={tab.description}\n                            activated={tab.id === node.activeTabId}\n                            onClick={() => node.setActiveTab(tab.id)}\n                        />\n                    ))}\n                </List>\n            </div>\n            <div className={\"flex flex-col flex-1 px-md border-l border-neutral-dimmed\"}>\n                {activeTab && (\n                    <>\n                        <div className={\"p-md\"}>\n                            <Heading level={4} className={\"text-neutral-primary\"}>\n                                {activeTab.label}\n                            </Heading>\n                            {activeTab.description && (\n                                <Text size={\"sm\"}>{activeTab.description}</Text>\n                            )}\n                        </div>\n                        <div className={\"p-md flex flex-col gap-4\"}>\n                            {activeTab.layout.map((childNode, index) => (\n                                <LayoutNodeRenderer key={index} node={childNode} />\n                            ))}\n                        </div>\n                    </>\n                )}\n            </div>\n        </div>\n    );\n});\n"],"names":["VerticalTabsRenderer","observer","node","activeTab","t","List","tab","renderTabIcon","Heading","Text","childNode","index","LayoutNodeRenderer"],"mappings":";;;;AAMO,MAAMA,4CAAuBC,SAAS,SAA8B,EACvEC,IAAI,EACgB;IACpB,MAAMC,YAAYD,KAAK,IAAI,CAAC,IAAI,CAACE,CAAAA,IAAKA,EAAE,EAAE,KAAKF,KAAK,WAAW;IAE/D,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;QAAiB,OAAO;YAAE,OAAO;QAAI;qBACjD,oBAACG,MAAIA,MACAH,KAAK,IAAI,CAAC,GAAG,CAACI,CAAAA,MAAAA,WAAAA,GACX,oBAACD,KAAK,IAAI;YACN,KAAKC,IAAI,EAAE;YACX,WAAW;YACX,MAAMC,cAAcD,IAAI,IAAI;YAC5B,OAAOA,IAAI,KAAK;YAChB,aAAaA,IAAI,WAAW;YAC5B,WAAWA,IAAI,EAAE,KAAKJ,KAAK,WAAW;YACtC,SAAS,IAAMA,KAAK,YAAY,CAACI,IAAI,EAAE;6BAKvD,oBAAC;QAAI,WAAW;OACXH,aAAa,WAAbA,GACG,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACK,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBL,UAAU,KAAK,GAEnBA,UAAU,WAAW,IAAI,WAAJ,GAClB,oBAACM,MAAIA;QAAC,MAAM;OAAON,UAAU,WAAW,kBAGhD,oBAAC;QAAI,WAAW;OACXA,UAAU,MAAM,CAAC,GAAG,CAAC,CAACO,WAAWC,QAAAA,WAAAA,GAC9B,oBAACC,oBAAkBA;YAAC,KAAKD;YAAO,MAAMD;;AAQtE"}

package/base/Base/LexicalPreset.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LexicalPreset: () => React.JSX.Element;

package/base/Base/LexicalPreset.js

@@ -0,0 +1,63 @@
+import react from "react";
+import { LexicalEditorConfig } from "@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js";
+import { FloatingLinkEditorPlugin } from "@webiny/lexical-editor";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { LexicalTheme } from "../../config/AdminConfig/LexicalTheme.js";
+import { LexicalLinkForm } from "../../components/index.js";
+const { Color: Color, Typography: Typography } = LexicalTheme;
+const LexicalPreset = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Color, {
+        id: "color1",
+        label: "Primary color",
+        value: "var(--wa-theme-color1)"
+    }), /*#__PURE__*/ react.createElement(Color, {
+        id: "color2",
+        label: "Secondary color",
+        value: "var(--wa-theme-color2)"
+    }), /*#__PURE__*/ react.createElement(Color, {
+        id: "color3",
+        label: "Regular color",
+        value: "var(--wa-theme-color3)"
+    }), /*#__PURE__*/ react.createElement(Typography.Heading, {
+        id: "heading1",
+        label: "Heading 1",
+        tag: "h1",
+        className: "wa-heading-1"
+    }), /*#__PURE__*/ react.createElement(Typography.Heading, {
+        id: "heading2",
+        label: "Heading 2",
+        tag: "h2",
+        className: "wa-heading-2"
+    }), /*#__PURE__*/ react.createElement(Typography.Heading, {
+        id: "heading3",
+        label: "Heading 3",
+        tag: "h3",
+        className: "wa-heading-3"
+    }), /*#__PURE__*/ react.createElement(Typography.Paragraph, {
+        id: "paragraph1",
+        label: "Paragraph",
+        tag: "p",
+        className: "wa-paragraph-1"
+    }), /*#__PURE__*/ react.createElement(Typography.Quote, {
+        id: "quote",
+        label: "Quote",
+        tag: "blockquote",
+        className: "wa-blockquote-1"
+    }), /*#__PURE__*/ react.createElement(Typography.List, {
+        id: "list1",
+        label: "Unordered list",
+        tag: "ul",
+        className: "wa-unordered-list-1"
+    }), /*#__PURE__*/ react.createElement(Typography.List, {
+        id: "list2",
+        label: "Ordered list",
+        tag: "ol",
+        className: "wa-ordered-list-1"
+    })), /*#__PURE__*/ react.createElement(LexicalEditorConfig, null, /*#__PURE__*/ react.createElement(LexicalEditorConfig.Plugin, {
+        name: "floatingLinkEditor",
+        element: /*#__PURE__*/ react.createElement(FloatingLinkEditorPlugin, {
+            LinkForm: LexicalLinkForm
+        })
+    })));
+export { LexicalPreset };
+
+//# sourceMappingURL=LexicalPreset.js.map

package/base/Base/LexicalPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/LexicalPreset.js","sources":["../../../src/base/Base/LexicalPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig } from \"@webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.js\";\nimport { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { AdminConfig } from \"../../config/AdminConfig.js\";\nimport { LexicalTheme } from \"~/config/AdminConfig/LexicalTheme.js\";\nimport { LexicalLinkForm } from \"~/components/index.js\";\n\nconst { Color, Typography } = LexicalTheme;\n\nexport const LexicalPreset = () => {\n    return (\n        <>\n            <AdminConfig>\n                {/* Colors */}\n                <Color id={\"color1\"} label=\"Primary color\" value={\"var(--wa-theme-color1)\"} />\n                <Color id={\"color2\"} label=\"Secondary color\" value={\"var(--wa-theme-color2)\"} />\n                <Color id={\"color3\"} label=\"Regular color\" value={\"var(--wa-theme-color3)\"} />\n                {/* Typography */}\n                <Typography.Heading\n                    id={\"heading1\"}\n                    label={\"Heading 1\"}\n                    tag={\"h1\"}\n                    className={\"wa-heading-1\"}\n                />\n                <Typography.Heading\n                    id={\"heading2\"}\n                    label={\"Heading 2\"}\n                    tag={\"h2\"}\n                    className={\"wa-heading-2\"}\n                />\n                <Typography.Heading\n                    id={\"heading3\"}\n                    label={\"Heading 3\"}\n                    tag={\"h3\"}\n                    className={\"wa-heading-3\"}\n                />\n\n                <Typography.Paragraph\n                    id={\"paragraph1\"}\n                    label={\"Paragraph\"}\n                    tag={\"p\"}\n                    className={\"wa-paragraph-1\"}\n                />\n\n                <Typography.Quote\n                    id={\"quote\"}\n                    label={\"Quote\"}\n                    tag={\"blockquote\"}\n                    className={\"wa-blockquote-1\"}\n                />\n                <Typography.List\n                    id={\"list1\"}\n                    label={\"Unordered list\"}\n                    tag={\"ul\"}\n                    className={\"wa-unordered-list-1\"}\n                />\n                <Typography.List\n                    id={\"list2\"}\n                    label={\"Ordered list\"}\n                    tag={\"ol\"}\n                    className={\"wa-ordered-list-1\"}\n                />\n            </AdminConfig>\n            <LexicalEditorConfig>\n                <LexicalEditorConfig.Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n                />\n            </LexicalEditorConfig>\n        </>\n    );\n};\n"],"names":["Color","Typography","LexicalTheme","LexicalPreset","AdminConfig","LexicalEditorConfig","FloatingLinkEditorPlugin","LexicalLinkForm"],"mappings":";;;;;;AAOA,MAAM,EAAEA,OAAAA,KAAK,EAAEC,YAAAA,UAAU,EAAE,GAAGC;AAEvB,MAAMC,gBAAgB,IAClB,WAAP,GACI,wDACI,oBAACC,aAAWA,MAAAA,WAAAA,GAER,oBAACJ,OAAKA;QAAC,IAAI;QAAU,OAAM;QAAgB,OAAO;sBAClD,oBAACA,OAAKA;QAAC,IAAI;QAAU,OAAM;QAAkB,OAAO;sBACpD,oBAACA,OAAKA;QAAC,IAAI;QAAU,OAAM;QAAgB,OAAO;sBAElD,oBAACC,WAAW,OAAO;QACf,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;sBAEf,oBAACA,WAAW,OAAO;QACf,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;sBAEf,oBAACA,WAAW,OAAO;QACf,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;sBAGf,oBAACA,WAAW,SAAS;QACjB,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;sBAGf,oBAACA,WAAW,KAAK;QACb,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;sBAEf,oBAACA,WAAW,IAAI;QACZ,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;sBAEf,oBAACA,WAAW,IAAI;QACZ,IAAI;QACJ,OAAO;QACP,KAAK;QACL,WAAW;uBAGnB,oBAACI,qBAAmBA,MAAAA,WAAAA,GAChB,oBAACA,oBAAoB,MAAM;QACvB,MAAM;QACN,uBAAS,oBAACC,0BAAwBA;YAAC,UAAUC"}

package/base/Base/Menus/SupportMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from "react";
+export declare const SupportMenuItems: () => ReactElement | null;

package/base/Base/Menus/SupportMenuItems.js

@@ -0,0 +1,14 @@
+import react from "react";
+import { useAdminConfig } from "../../../config/AdminConfig.js";
+const SupportMenuItems = ()=>{
+    const { supportMenus } = useAdminConfig();
+    return supportMenus.map((menu)=>{
+        if (!/*#__PURE__*/ react.isValidElement(menu.element)) return null;
+        return /*#__PURE__*/ react.cloneElement(menu.element, {
+            key: menu.name
+        });
+    });
+};
+export { SupportMenuItems };
+
+//# sourceMappingURL=SupportMenuItems.js.map

package/base/Base/Menus/SupportMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/Menus/SupportMenuItems.js","sources":["../../../../src/base/Base/Menus/SupportMenuItems.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\nexport const SupportMenuItems = (): ReactElement | null => {\n    const { supportMenus } = useAdminConfig();\n    // @ts-expect-error Fix with React 19.\n    return supportMenus.map(menu => {\n        if (!React.isValidElement(menu.element)) {\n            return null;\n        }\n\n        return React.cloneElement(menu.element, { key: menu.name });\n    });\n};\n"],"names":["SupportMenuItems","supportMenus","useAdminConfig","menu","React"],"mappings":";;AAGO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,OAAOD,aAAa,GAAG,CAACE,CAAAA;QACpB,IAAI,CAAC,WAAD,GAACC,MAAAA,cAAoB,CAACD,KAAK,OAAO,GAClC,OAAO;QAGX,OAAO,WAAP,GAAOC,MAAAA,YAAkB,CAACD,KAAK,OAAO,EAAE;YAAE,KAAKA,KAAK,IAAI;QAAC;IAC7D;AACJ"}

package/base/Base/Menus.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Menus: React.MemoExoticComponent<() => React.JSX.Element>;

package/base/Base/Menus.js

@@ -0,0 +1,58 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/space_dashboard.svg";
+import { ReactComponent as settings_svg_ReactComponent } from "@webiny/icons/settings.svg";
+import { ReactComponent as electric_bolt_svg_ReactComponent } from "@webiny/icons/electric_bolt.svg";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { Menu } from "../../config/AdminConfig/Menu.js";
+import { useFeatureFlags } from "../../presentation/featureFlags/useFeatureFlags.js";
+const Menus = /*#__PURE__*/ react.memo(()=>{
+    const featureFlags = useFeatureFlags();
+    const showUpgrade = !featureFlags.isEnabled("multiTenancy");
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Menu, {
+        name: "home",
+        pin: "start",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            to: "/",
+            text: "Home",
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                label: "Home",
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            })
+        })
+    }), /*#__PURE__*/ react.createElement(Menu, {
+        name: "settings",
+        hideIfEmpty: true,
+        pin: "end",
+        element: /*#__PURE__*/ react.createElement(Menu.Item, {
+            text: "Settings",
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                label: "Settings",
+                element: /*#__PURE__*/ react.createElement(settings_svg_ReactComponent, null)
+            })
+        })
+    }), /*#__PURE__*/ react.createElement(Menu, {
+        parent: "settings",
+        name: "settings.system",
+        element: /*#__PURE__*/ react.createElement(Menu.Group, {
+            text: "System",
+            collapsible: false
+        })
+    }), showUpgrade && /*#__PURE__*/ react.createElement(Menu.Footer, {
+        name: "upgrade",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Upgrade",
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                label: "Upgrade",
+                element: /*#__PURE__*/ react.createElement(electric_bolt_svg_ReactComponent, null)
+            }),
+            to: "https://www.webiny.com/pricing",
+            rel: "noopener noreferrer",
+            target: "_blank",
+            className: "[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold"
+        })
+    }));
+});
+Menus.displayName = "Menus";
+export { Menus };
+
+//# sourceMappingURL=Menus.js.map

package/base/Base/Menus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/Menus.js","sources":["../../../src/base/Base/Menus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DashboardIcon } from \"@webiny/icons/space_dashboard.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as UpgradeIcon } from \"@webiny/icons/electric_bolt.svg\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\n\nexport const Menus = React.memo(() => {\n    const featureFlags = useFeatureFlags();\n    const showUpgrade = !featureFlags.isEnabled(\"multiTenancy\");\n\n    return (\n        <AdminConfig>\n            <Menu\n                name={\"home\"}\n                pin={\"start\"}\n                element={\n                    <Menu.Link\n                        to={\"/\"}\n                        text={\"Home\"}\n                        icon={<Menu.Link.Icon label=\"Home\" element={<DashboardIcon />} />}\n                    />\n                }\n            />\n            <Menu\n                name={\"settings\"}\n                hideIfEmpty={true}\n                pin={\"end\"}\n                element={\n                    <Menu.Item\n                        text={\"Settings\"}\n                        icon={<Menu.Link.Icon label=\"Settings\" element={<SettingsIcon />} />}\n                    />\n                }\n            />\n\n            <Menu\n                parent={\"settings\"}\n                name=\"settings.system\"\n                element={<Menu.Group text=\"System\" collapsible={false} />}\n            />\n\n            {showUpgrade && (\n                <Menu.Footer\n                    name={\"upgrade\"}\n                    element={\n                        <Menu.Link\n                            text={\"Upgrade\"}\n                            icon={<Menu.Link.Icon label=\"Upgrade\" element={<UpgradeIcon />} />}\n                            to={\"https://www.webiny.com/pricing\"}\n                            rel={\"noopener noreferrer\"}\n                            target={\"_blank\"}\n                            className={\n                                \"[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold\"\n                            }\n                        />\n                    }\n                />\n            )}\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"names":["Menus","React","featureFlags","useFeatureFlags","showUpgrade","AdminConfig","Menu","DashboardIcon","SettingsIcon","UpgradeIcon"],"mappings":";;;;;;;AAQO,MAAMA,QAAQ,WAAHA,GAAGC,MAAAA,IAAU,CAAC;IAC5B,MAAMC,eAAeC;IACrB,MAAMC,cAAc,CAACF,aAAa,SAAS,CAAC;IAE5C,OAAO,WAAP,GACI,oBAACG,aAAWA,MAAAA,WAAAA,GACR,oBAACC,MAAIA;QACD,MAAM;QACN,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,IAAI;YACJ,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAO,uBAAS,oBAACC,gBAAaA;;;sBAItE,oBAACD,MAAIA;QACD,MAAM;QACN,aAAa;QACb,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAW,uBAAS,oBAACE,6BAAYA;;;sBAKzE,oBAACF,MAAIA;QACD,QAAQ;QACR,MAAK;QACL,uBAAS,oBAACA,KAAK,KAAK;YAAC,MAAK;YAAS,aAAa;;QAGnDF,eAAe,WAAfA,GACG,oBAACE,KAAK,MAAM;QACR,MAAM;QACN,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAU,uBAAS,oBAACG,kCAAWA;;YAC3D,IAAI;YACJ,KAAK;YACL,QAAQ;YACR,WACI;;;AAQhC;AAEAT,MAAM,WAAW,GAAG"}

package/base/Base/RoutesConfig.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const RoutesConfig: React.MemoExoticComponent<() => React.JSX.Element>;

package/base/Base/RoutesConfig.js

@@ -0,0 +1,28 @@
+import react from "react";
+import { Dashboard } from "../ui/Dashboard.js";
+import { AdminLayout } from "../../components/AdminLayout.js";
+import { NotFound } from "../ui/NotFound.js";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { Routes } from "../../routes.js";
+import { Route } from "../../config/AdminConfig/Route.js";
+import { FormModelDemo } from "../../features/formModel/demo/FormModelDemo.js";
+const RoutesConfig = /*#__PURE__*/ react.memo(()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.Dashboard,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "Welcome!"
+        }, /*#__PURE__*/ react.createElement(Dashboard, null))
+    }), /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.FormModelDemo,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "FormModel Demo"
+        }, /*#__PURE__*/ react.createElement(FormModelDemo, null))
+    }), /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.CatchAll,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "Not Accessible"
+        }, /*#__PURE__*/ react.createElement(NotFound, null))
+    })));
+RoutesConfig.displayName = "Routes";
+export { RoutesConfig };
+
+//# sourceMappingURL=RoutesConfig.js.map

package/base/Base/RoutesConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base/Base/RoutesConfig.js","sources":["../../../src/base/Base/RoutesConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dashboard } from \"~/base/ui/Dashboard.js\";\nimport { AdminLayout } from \"~/components/AdminLayout.js\";\nimport { NotFound } from \"~/base/ui/NotFound.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { Route } from \"~/config/AdminConfig/Route.js\";\nimport { FormModelDemo } from \"~/features/formModel/demo/FormModelDemo.js\";\n\nexport const RoutesConfig = React.memo(() => {\n    return (\n        <AdminConfig>\n            <Route\n                route={Routes.Dashboard}\n                element={\n                    <AdminLayout title={\"Welcome!\"}>\n                        <Dashboard />\n                    </AdminLayout>\n                }\n            />\n\n            <Route\n                route={Routes.FormModelDemo}\n                element={\n                    <AdminLayout title={\"FormModel Demo\"}>\n                        <FormModelDemo />\n                    </AdminLayout>\n                }\n            />\n\n            <Route\n                route={Routes.CatchAll}\n                element={\n                    <AdminLayout title={\"Not Accessible\"}>\n                        <NotFound />\n                    </AdminLayout>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nRoutesConfig.displayName = \"Routes\";\n"],"names":["RoutesConfig","React","AdminConfig","Route","Routes","AdminLayout","Dashboard","FormModelDemo","NotFound"],"mappings":";;;;;;;;AASO,MAAMA,eAAe,WAAHA,GAAGC,MAAAA,IAAU,CAAC,IAC5B,WAAP,GACI,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACC,OAAKA;QACF,OAAOC,OAAO,SAAS;QACvB,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACC,WAASA;sBAKtB,oBAACH,OAAKA;QACF,OAAOC,OAAO,aAAa;QAC3B,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACE,eAAaA;sBAK1B,oBAACJ,OAAKA;QACF,OAAOC,OAAO,QAAQ;QACtB,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACG,UAAQA;;AAQjCR,aAAa,WAAW,GAAG"}