@webiny/app-admin 6.3.0-beta.2 → 6.3.0-beta.4

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";
+export const TagsRenderer = createFieldRenderer(({
+  field
+}) => {
+  const value = field.value ?? [];
+  return /*#__PURE__*/React.createElement(Tags, {
+    label: field.label,
+    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)
+  });
+});
+
+//# sourceMappingURL=TagsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","Tags","TagsRenderer","field","value","createElement","label","placeholder","description","note","required","disabled","validation","onChange"],"sources":["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            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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAQvC,OAAO,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAAEG;AAAM,CAAC,KAAK;EAC3D,MAAMC,KAAK,GAAID,KAAK,CAACC,KAAK,IAAiB,EAAE;EAE7C,oBACIL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IACDK,KAAK,EAAEH,KAAK,CAACG,KAAM;IACnBC,WAAW,EAAEJ,KAAK,CAACI,WAAW,IAAI,YAAa;IAC/CC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBC,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,UAAU,EAAET,KAAK,CAACS,UAAW;IAC7BR,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAET,KAAK,IAAID,KAAK,CAACU,QAAQ,CAACT,KAAK;EAAE,CAC5C,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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,48 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { Button, DelayedOnChange, FormComponentDescription, Icon, Input, Separator } from "@webiny/admin-ui";
+export 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(DelayedOnChange, {
+    key: index,
+    value: val,
+    onChange: value => updateAt(index, value)
+  }, /*#__PURE__*/React.createElement(Input, {
+    disabled: field.disabled,
+    label: `Value ${index + 1}`,
+    placeholder: field.placeholder,
+    onEnter: () => field.addItem(""),
+    endIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      label: "Delete",
+      onClick: () => field.removeItem(index),
+      className: "cursor-pointer"
+    })
+  }))), /*#__PURE__*/React.createElement(Button, {
+    disabled: field.disabled,
+    variant: "tertiary",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null),
+    text: field.rendererSettings?.addItemLabel ?? "Add Value",
+    onClick: () => field.addItem("")
+  }));
+});
+
+//# sourceMappingURL=TextInputsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","ReactComponent","DeleteIcon","AddIcon","Button","DelayedOnChange","FormComponentDescription","Icon","Input","Separator","TextInputsRenderer","field","values","value","updateAt","index","val","next","onChange","createElement","className","labelPosition","variant","label","length","description","text","map","key","disabled","placeholder","onEnter","addItem","endIcon","icon","onClick","removeItem","rendererSettings","addItemLabel"],"sources":["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    Icon,\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                <DelayedOnChange\n                    key={index}\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                        endIcon={\n                            <Icon\n                                icon={<DeleteIcon />}\n                                label={\"Delete\"}\n                                onClick={() => field.removeItem(index)}\n                                className={\"cursor-pointer\"}\n                            />\n                        }\n                    />\n                </DelayedOnChange>\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        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASD,cAAc,IAAIE,OAAO,QAAQ,uBAAuB;AACjE,SACIC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EACxBC,IAAI,EACJC,KAAK,EACLC,SAAS,QACN,kBAAkB;AAQzB,OAAO,MAAMC,kBAAkB,GAAGV,mBAAmB,CAAe,CAAC;EAAEW;AAAM,CAAC,KAAK;EAC/E,MAAMC,MAAM,GAAID,KAAK,CAACE,KAAK,IAAiB,EAAE;EAE9C,MAAMC,QAAQ,GAAGA,CAACC,KAAa,EAAEC,GAAW,KAAK;IAC7C,MAAMC,IAAI,GAAG,CAAC,GAAGL,MAAM,CAAC;IACxBK,IAAI,CAACF,KAAK,CAAC,GAAGC,GAAG;IACjBL,KAAK,CAACO,QAAQ,CAACD,IAAI,CAAC;EACxB,CAAC;EAED,oBACIlB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAAuB,gBACnCrB,KAAA,CAAAoB,aAAA,CAACV,SAAS;IAACY,aAAa,EAAE,OAAQ;IAACC,OAAO,EAAE;EAAS,gBACjDvB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAE;EAA4C,GACxD,GAAGT,KAAK,CAACY,KAAK,IAAI,EAAE,IAAIX,MAAM,CAACY,MAAM,GAAG,IAAIZ,MAAM,CAACY,MAAM,GAAG,GAAG,EAAE,EAChE,CACC,CAAC,EACXb,KAAK,CAACc,WAAW,iBAAI1B,KAAA,CAAAoB,aAAA,CAACb,wBAAwB;IAACoB,IAAI,EAAEf,KAAK,CAACc;EAAY,CAAE,CAAC,EAC1Eb,MAAM,CAACe,GAAG,CAAC,CAACX,GAAG,EAAED,KAAK,kBACnBhB,KAAA,CAAAoB,aAAA,CAACd,eAAe;IACZuB,GAAG,EAAEb,KAAM;IACXF,KAAK,EAAEG,GAAI;IACXE,QAAQ,EAAEL,KAAK,IAAIC,QAAQ,CAACC,KAAK,EAAEF,KAAe;EAAE,gBAEpDd,KAAA,CAAAoB,aAAA,CAACX,KAAK;IACFqB,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBN,KAAK,EAAE,SAASR,KAAK,GAAG,CAAC,EAAG;IAC5Be,WAAW,EAAEnB,KAAK,CAACmB,WAAY;IAC/BC,OAAO,EAAEA,CAAA,KAAMpB,KAAK,CAACqB,OAAO,CAAC,EAAE,CAAE;IACjCC,OAAO,eACHlC,KAAA,CAAAoB,aAAA,CAACZ,IAAI;MACD2B,IAAI,eAAEnC,KAAA,CAAAoB,aAAA,CAACjB,UAAU,MAAE,CAAE;MACrBqB,KAAK,EAAE,QAAS;MAChBY,OAAO,EAAEA,CAAA,KAAMxB,KAAK,CAACyB,UAAU,CAACrB,KAAK,CAAE;MACvCK,SAAS,EAAE;IAAiB,CAC/B;EACJ,CACJ,CACY,CACpB,CAAC,eACFrB,KAAA,CAAAoB,aAAA,CAACf,MAAM;IACHyB,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBP,OAAO,EAAE,UAAW;IACpBY,IAAI,eAAEnC,KAAA,CAAAoB,aAAA,CAAChB,OAAO,MAAE,CAAE;IAClBuB,IAAI,EAAEf,KAAK,CAAC0B,gBAAgB,EAAEC,YAAY,IAAI,WAAY;IAC1DH,OAAO,EAAEA,CAAA,KAAMxB,KAAK,CAACqB,OAAO,CAAC,EAAE;EAAE,CACpC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import React from "react";
-import type { IFieldVM } from "../../../features/formModel/index.js";
 declare module "../../../features/formModel/abstractions.js" {
     interface IFieldRendererRegistry {
         textarea: {
@@ -10,8 +9,6 @@ declare module "../../../features/formModel/abstractions.js" {
         };
     }
 }
-export declare const TextareaRenderer: (({ field }: {
-    field: IFieldVM;
-}) => React.JSX.Element) & {
-    displayName: string;
-};
+export declare const TextareaRenderer: React.ComponentType<{
+    field: import("../../..").IFieldVM;
+}>;

package/base/Base/FieldRenderers/TextareaRenderer.js

@@ -1,11 +1,10 @@
 import React from "react";
-import { observer } from "mobx-react-lite";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
 import { DelayedOnChange } from "@webiny/admin-ui";
 import { Textarea } from "@webiny/admin-ui";
-export const TextareaRenderer = observer(({
+export const TextareaRenderer = createFieldRenderer(({
   field
 }) => {
-  const settings = field.rendererSettings;
   return /*#__PURE__*/React.createElement(DelayedOnChange, {
     value: field.value,
     onChange: value => field.onChange(value)
@@ -18,7 +17,7 @@ export const TextareaRenderer = observer(({
     disabled: field.disabled,
     validation: field.validation,
     onBlur: () => field.onBlur(),
-    rows: settings?.rows ?? 5
+    rows: field.rendererSettings?.rows ?? 5
   }));
 });
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","observer","DelayedOnChange","Textarea","TextareaRenderer","field","settings","rendererSettings","createElement","value","onChange","label","placeholder","description","note","required","disabled","validation","onBlur","rows"],"sources":["TextareaRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { IFieldVM } from \"~/features/formModel/index.js\";\nimport type { IFieldRendererRegistry } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        textarea: { fieldType: \"text\"; settings?: { rows?: number } };\n    }\n}\n\ntype TextareaSettings = NonNullable<IFieldRendererRegistry[\"textarea\"][\"settings\"]>;\n\nexport const TextareaRenderer = observer(({ field }: { field: IFieldVM }) => {\n    const settings = field.rendererSettings as TextareaSettings | undefined;\n    return (\n        <DelayedOnChange value={field.value} onChange={value => field.onChange(value)}>\n            <Textarea\n                label={field.label}\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={settings?.rows ?? 5}\n            />\n        </DelayedOnChange>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,QAAQ,QAAQ,kBAAkB;AAY3C,OAAO,MAAMC,gBAAgB,GAAGH,QAAQ,CAAC,CAAC;EAAEI;AAA2B,CAAC,KAAK;EACzE,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgD;EACvE,oBACIP,KAAA,CAAAQ,aAAA,CAACN,eAAe;IAACO,KAAK,EAAEJ,KAAK,CAACI,KAAM;IAACC,QAAQ,EAAED,KAAK,IAAIJ,KAAK,CAACK,QAAQ,CAACD,KAAK;EAAE,gBAC1ET,KAAA,CAAAQ,aAAA,CAACL,QAAQ;IACLQ,KAAK,EAAEN,KAAK,CAACM,KAAM;IACnBC,WAAW,EAAEP,KAAK,CAACO,WAAY;IAC/BC,WAAW,EAAER,KAAK,CAACQ,WAAY;IAC/BC,IAAI,EAAET,KAAK,CAACS,IAAK;IACjBC,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,QAAQ,EAAEX,KAAK,CAACW,QAAS;IACzBC,UAAU,EAAEZ,KAAK,CAACY,UAAW;IAC7BC,MAAM,EAAEA,CAAA,KAAMb,KAAK,CAACa,MAAM,CAAC,CAAE;IAC7BC,IAAI,EAAEb,QAAQ,EAAEa,IAAI,IAAI;EAAE,CAC7B,CACY,CAAC;AAE1B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createFieldRenderer","DelayedOnChange","Textarea","TextareaRenderer","field","createElement","value","onChange","label","placeholder","description","note","required","disabled","validation","onBlur","rows","rendererSettings"],"sources":["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                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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,QAAQ,QAAQ,kBAAkB;AAQ3C,OAAO,MAAMC,gBAAgB,GAAGH,mBAAmB,CAAa,CAAC;EAAEI;AAAM,CAAC,KAAK;EAC3E,oBACIL,KAAA,CAAAM,aAAA,CAACJ,eAAe;IAACK,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACC,QAAQ,EAAED,KAAK,IAAIF,KAAK,CAACG,QAAQ,CAACD,KAAK;EAAE,gBAC1EP,KAAA,CAAAM,aAAA,CAACH,QAAQ;IACLM,KAAK,EAAEJ,KAAK,CAACI,KAAM;IACnBC,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BC,WAAW,EAAEN,KAAK,CAACM,WAAY;IAC/BC,IAAI,EAAEP,KAAK,CAACO,IAAK;IACjBC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBC,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBC,UAAU,EAAEV,KAAK,CAACU,UAAW;IAC7BC,MAAM,EAAEA,CAAA,KAAMX,KAAK,CAACW,MAAM,CAAC,CAAE;IAC7BC,IAAI,EAAEZ,KAAK,CAACa,gBAAgB,EAAED,IAAI,IAAI;EAAE,CAC3C,CACY,CAAC;AAE1B,CAAC,CAAC","ignoreList":[]}

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,51 @@
+import React from "react";
+import { createFieldRenderer } from "../../../features/formModel/createFieldRenderer.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { Button, DelayedOnChange, FormComponentDescription, IconButton, Separator, Textarea } from "@webiny/admin-ui";
+export 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(DeleteIcon, null),
+    onClick: () => field.removeItem(index)
+  })))), /*#__PURE__*/React.createElement(Button, {
+    disabled: field.disabled,
+    variant: "tertiary",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null),
+    text: field.rendererSettings?.addItemLabel ?? "Add Value",
+    onClick: () => field.addItem("")
+  }));
+});
+
+//# sourceMappingURL=TextareasRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createFieldRenderer","ReactComponent","DeleteIcon","AddIcon","Button","DelayedOnChange","FormComponentDescription","IconButton","Separator","Textarea","TextareasRenderer","field","values","value","updateAt","index","val","next","onChange","createElement","className","labelPosition","variant","label","length","description","text","map","key","disabled","rows","placeholder","size","icon","onClick","removeItem","rendererSettings","addItemLabel","addItem"],"sources":["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    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        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,OAAO,QAAQ,uBAAuB;AACjE,SACIC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EACxBC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACL,kBAAkB;AAQzB,OAAO,MAAMC,iBAAiB,GAAGV,mBAAmB,CAAc,CAAC;EAAEW;AAAM,CAAC,KAAK;EAC7E,MAAMC,MAAM,GAAID,KAAK,CAACE,KAAK,IAAiB,EAAE;EAE9C,MAAMC,QAAQ,GAAGA,CAACC,KAAa,EAAEC,GAAW,KAAK;IAC7C,MAAMC,IAAI,GAAG,CAAC,GAAGL,MAAM,CAAC;IACxBK,IAAI,CAACF,KAAK,CAAC,GAAGC,GAAG;IACjBL,KAAK,CAACO,QAAQ,CAACD,IAAI,CAAC;EACxB,CAAC;EAED,oBACIlB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAAuB,gBACnCrB,KAAA,CAAAoB,aAAA,CAACX,SAAS;IAACa,aAAa,EAAE,OAAQ;IAACC,OAAO,EAAE;EAAS,gBACjDvB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAE;EAA4C,GACxD,GAAGT,KAAK,CAACY,KAAK,IAAI,EAAE,IAAIX,MAAM,CAACY,MAAM,GAAG,IAAIZ,MAAM,CAACY,MAAM,GAAG,GAAG,EAAE,EAChE,CACC,CAAC,EACXb,KAAK,CAACc,WAAW,iBAAI1B,KAAA,CAAAoB,aAAA,CAACb,wBAAwB;IAACoB,IAAI,EAAEf,KAAK,CAACc;EAAY,CAAE,CAAC,EAC1Eb,MAAM,CAACe,GAAG,CAAC,CAACX,GAAG,EAAED,KAAK,kBACnBhB,KAAA,CAAAoB,aAAA;IAAKS,GAAG,EAAEb,KAAM;IAACK,SAAS,EAAE;EAAW,gBACnCrB,KAAA,CAAAoB,aAAA,CAACd,eAAe;IACZQ,KAAK,EAAEG,GAAI;IACXE,QAAQ,EAAEL,KAAK,IAAIC,QAAQ,CAACC,KAAK,EAAEF,KAAe;EAAE,gBAEpDd,KAAA,CAAAoB,aAAA,CAACV,QAAQ;IACLoB,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBC,IAAI,EAAE,CAAE;IACRP,KAAK,EAAE,SAASR,KAAK,GAAG,CAAC,EAAG;IAC5BgB,WAAW,EAAEpB,KAAK,CAACoB;EAAY,CAClC,CACY,CAAC,eAClBhC,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAAgC,gBAC5CrB,KAAA,CAAAoB,aAAA,CAACZ,UAAU;IACPe,OAAO,EAAE,OAAQ;IACjBU,IAAI,EAAE,IAAK;IACXC,IAAI,eAAElC,KAAA,CAAAoB,aAAA,CAACjB,UAAU,MAAE,CAAE;IACrBgC,OAAO,EAAEA,CAAA,KAAMvB,KAAK,CAACwB,UAAU,CAACpB,KAAK;EAAE,CAC1C,CACA,CACJ,CACR,CAAC,eACFhB,KAAA,CAAAoB,aAAA,CAACf,MAAM;IACHyB,QAAQ,EAAElB,KAAK,CAACkB,QAAS;IACzBP,OAAO,EAAE,UAAW;IACpBW,IAAI,eAAElC,KAAA,CAAAoB,aAAA,CAAChB,OAAO,MAAE,CAAE;IAClBuB,IAAI,EAAEf,KAAK,CAACyB,gBAAgB,EAAEC,YAAY,IAAI,WAAY;IAC1DH,OAAO,EAAEA,CAAA,KAAMvB,KAAK,CAAC2B,OAAO,CAAC,EAAE;EAAE,CACpC,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/base/Base/FieldRenderers/VerticalTabsRenderer.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { observer } from "mobx-react-lite";
 import { List, Heading, Text } from "@webiny/admin-ui";
-import { LayoutNodeRenderer } from "../../../features/formModel/FormView.js";
+import { LayoutNodeRenderer, renderTabIcon } from "../../../features/formModel/FormView.js";
 export const VerticalTabsRenderer = observer(function VerticalTabsRenderer({
   node
 }) {
@@ -16,7 +16,7 @@ export const VerticalTabsRenderer = observer(function VerticalTabsRenderer({
   }, /*#__PURE__*/React.createElement(List, null, node.tabs.map(tab => /*#__PURE__*/React.createElement(List.Item, {
     key: tab.id,
     className: "fill-neutral-strong",
-    icon: tab.icon,
+    icon: renderTabIcon(tab.icon),
     title: tab.label,
     description: tab.description,
     activated: tab.id === node.activeTabId,

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

@@ -1 +1 @@
-{"version":3,"names":["React","observer","List","Heading","Text","LayoutNodeRenderer","VerticalTabsRenderer","node","activeTab","tabs","find","t","id","activeTabId","createElement","className","style","width","map","tab","Item","key","icon","title","label","description","activated","onClick","setActiveTab","Fragment","level","size","layout","childNode","index"],"sources":["VerticalTabsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { List, Heading, Text } from \"@webiny/admin-ui\";\nimport { LayoutNodeRenderer } 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={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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,kBAAkB;AAG3B,OAAO,MAAMC,oBAAoB,GAAGL,QAAQ,CAAC,SAASK,oBAAoBA,CAAC;EACvEC;AACmB,CAAC,EAAE;EACtB,MAAMC,SAAS,GAAGD,IAAI,CAACE,IAAI,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,KAAKL,IAAI,CAACM,WAAW,CAAC;EAEhE,oBACIb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDf,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE,eAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,gBACnDjB,KAAA,CAAAc,aAAA,CAACZ,IAAI,QACAK,IAAI,CAACE,IAAI,CAACS,GAAG,CAACC,GAAG,iBACdnB,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAACkB,IAAI;IACNC,GAAG,EAAEF,GAAG,CAACP,EAAG;IACZG,SAAS,EAAE,qBAAsB;IACjCO,IAAI,EAAEH,GAAG,CAACG,IAAK;IACfC,KAAK,EAAEJ,GAAG,CAACK,KAAM;IACjBC,WAAW,EAAEN,GAAG,CAACM,WAAY;IAC7BC,SAAS,EAAEP,GAAG,CAACP,EAAE,KAAKL,IAAI,CAACM,WAAY;IACvCc,OAAO,EAAEA,CAAA,KAAMpB,IAAI,CAACqB,YAAY,CAACT,GAAG,CAACP,EAAE;EAAE,CAC5C,CACJ,CACC,CACL,CAAC,eACNZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA4D,GACvEP,SAAS,iBACNR,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAO,gBACnBf,KAAA,CAAAc,aAAA,CAACX,OAAO;IAAC2B,KAAK,EAAE,CAAE;IAACf,SAAS,EAAE;EAAuB,GAChDP,SAAS,CAACgB,KACN,CAAC,EACThB,SAAS,CAACiB,WAAW,iBAClBzB,KAAA,CAAAc,aAAA,CAACV,IAAI;IAAC2B,IAAI,EAAE;EAAK,GAAEvB,SAAS,CAACiB,WAAkB,CAElD,CAAC,eACNzB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCP,SAAS,CAACwB,MAAM,CAACd,GAAG,CAAC,CAACe,SAAS,EAAEC,KAAK,kBACnClC,KAAA,CAAAc,aAAA,CAACT,kBAAkB;IAACgB,GAAG,EAAEa,KAAM;IAAC3B,IAAI,EAAE0B;EAAU,CAAE,CACrD,CACA,CACP,CAEL,CACJ,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","observer","List","Heading","Text","LayoutNodeRenderer","renderTabIcon","VerticalTabsRenderer","node","activeTab","tabs","find","t","id","activeTabId","createElement","className","style","width","map","tab","Item","key","icon","title","label","description","activated","onClick","setActiveTab","Fragment","level","size","layout","childNode","index"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,kBAAkB,EAAEC,aAAa;AAG1C,OAAO,MAAMC,oBAAoB,GAAGN,QAAQ,CAAC,SAASM,oBAAoBA,CAAC;EACvEC;AACmB,CAAC,EAAE;EACtB,MAAMC,SAAS,GAAGD,IAAI,CAACE,IAAI,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,KAAKL,IAAI,CAACM,WAAW,CAAC;EAEhE,oBACId,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDhB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE,eAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,gBACnDlB,KAAA,CAAAe,aAAA,CAACb,IAAI,QACAM,IAAI,CAACE,IAAI,CAACS,GAAG,CAACC,GAAG,iBACdpB,KAAA,CAAAe,aAAA,CAACb,IAAI,CAACmB,IAAI;IACNC,GAAG,EAAEF,GAAG,CAACP,EAAG;IACZG,SAAS,EAAE,qBAAsB;IACjCO,IAAI,EAAEjB,aAAa,CAACc,GAAG,CAACG,IAAI,CAAE;IAC9BC,KAAK,EAAEJ,GAAG,CAACK,KAAM;IACjBC,WAAW,EAAEN,GAAG,CAACM,WAAY;IAC7BC,SAAS,EAAEP,GAAG,CAACP,EAAE,KAAKL,IAAI,CAACM,WAAY;IACvCc,OAAO,EAAEA,CAAA,KAAMpB,IAAI,CAACqB,YAAY,CAACT,GAAG,CAACP,EAAE;EAAE,CAC5C,CACJ,CACC,CACL,CAAC,eACNb,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAA4D,GACvEP,SAAS,iBACNT,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAA8B,QAAA,qBACI9B,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAO,gBACnBhB,KAAA,CAAAe,aAAA,CAACZ,OAAO;IAAC4B,KAAK,EAAE,CAAE;IAACf,SAAS,EAAE;EAAuB,GAChDP,SAAS,CAACgB,KACN,CAAC,EACThB,SAAS,CAACiB,WAAW,iBAClB1B,KAAA,CAAAe,aAAA,CAACX,IAAI;IAAC4B,IAAI,EAAE;EAAK,GAAEvB,SAAS,CAACiB,WAAkB,CAElD,CAAC,eACN1B,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCP,SAAS,CAACwB,MAAM,CAACd,GAAG,CAAC,CAACe,SAAS,EAAEC,KAAK,kBACnCnC,KAAA,CAAAe,aAAA,CAACV,kBAAkB;IAACiB,GAAG,EAAEa,KAAM;IAAC3B,IAAI,EAAE0B;EAAU,CAAE,CACrD,CACA,CACP,CAEL,CACJ,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}

package/base/Base/Menus.js

@@ -2,14 +2,7 @@ import React from "react";
 import { ReactComponent as DashboardIcon } from "@webiny/icons/space_dashboard.svg";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
 import { ReactComponent as FileManagerIcon } from "@webiny/icons/folder_open.svg";
-import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
-import { ReactComponent as SlackIcon } from "@webiny/icons/numbers.svg";
-import { ReactComponent as DocsIcon } from "@webiny/icons/summarize.svg";
-import { ReactComponent as GithubIcon } from "@webiny/icons/route.svg";
-import { ReactComponent as MoreIcon } from "@webiny/icons/more_vert.svg";
 import { ReactComponent as UpgradeIcon } from "@webiny/icons/electric_bolt.svg";
-import { DropdownMenu } from "@webiny/admin-ui";
-import { SupportMenuItems } from "./Menus/SupportMenuItems.js";
 import { AdminConfig } from "../../config/AdminConfig.js";
 import { HasPermission } from "../../presentation/security/components/HasPermission.js";
 import { Menu } from "../../config/AdminConfig/Menu.js";
@@ -59,48 +52,11 @@ export const Menus = /*#__PURE__*/React.memo(() => {
       text: "System",
       collapsible: false
     })
-  }), /*#__PURE__*/React.createElement(Menu.Support, {
-    name: "docs",
-    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
-      text: "Documentation",
-      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
-        label: "Docs",
-        element: /*#__PURE__*/React.createElement(DocsIcon, null)
-      }),
-      to: "https://www.webiny.com/docs",
-      rel: "noopener noreferrer",
-      target: "_blank"
-    })
-  }), /*#__PURE__*/React.createElement(Menu.Support, {
-    name: "github",
-    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
-      text: "GitHub",
-      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
-        label: "GitHub",
-        element: /*#__PURE__*/React.createElement(GithubIcon, null)
-      }),
-      to: "https://github.com/webiny/webiny-js",
-      rel: "noopener noreferrer",
-      target: "_blank"
-    })
-  }), /*#__PURE__*/React.createElement(Menu.Support, {
-    name: "slack",
-    element: /*#__PURE__*/React.createElement(Menu.Support.Link, {
-      text: "Slack",
-      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
-        label: "Slack",
-        element: /*#__PURE__*/React.createElement(SlackIcon, null)
-      }),
-      to: "https://www.webiny.com/slack",
-      rel: "noopener noreferrer",
-      target: "_blank"
-    })
-  }), !hasWcpLicense && /*#__PURE__*/React.createElement(Menu.Support, {
-    name: "upgrade-webiny",
-    pin: "end",
-    element: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(Menu.Support.Link, {
+  }), !hasWcpLicense && /*#__PURE__*/React.createElement(Menu.Footer, {
+    name: "upgrade",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
       text: "Upgrade",
-      icon: /*#__PURE__*/React.createElement(Menu.Support.Link.Icon, {
+      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
         label: "Upgrade",
         element: /*#__PURE__*/React.createElement(UpgradeIcon, null)
       }),
@@ -108,22 +64,7 @@ export const Menus = /*#__PURE__*/React.memo(() => {
       rel: "noopener noreferrer",
       target: "_blank",
       className: "[&_a]:text-accent-primary! [&_svg]:fill-accent-default! font-semibold"
-    }))
-  }), /*#__PURE__*/React.createElement(Menu.Footer, {
-    name: "support",
-    element: /*#__PURE__*/React.createElement(DropdownMenu, {
-      className: "w-[225px]",
-      trigger: /*#__PURE__*/React.createElement(Menu.Item, {
-        text: "Support",
-        icon: /*#__PURE__*/React.createElement(Menu.Item.Icon, {
-          label: "Support",
-          element: /*#__PURE__*/React.createElement(InfoIcon, null)
-        }),
-        action: /*#__PURE__*/React.createElement(Menu.Item.Action, {
-          element: /*#__PURE__*/React.createElement(MoreIcon, null)
-        })
-      })
-    }, /*#__PURE__*/React.createElement(SupportMenuItems, null))
+    })
   }));
 });
 Menus.displayName = "Menus";

package/base/Base/Menus.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","DashboardIcon","SettingsIcon","FileManagerIcon","InfoIcon","SlackIcon","DocsIcon","GithubIcon","MoreIcon","UpgradeIcon","DropdownMenu","SupportMenuItems","AdminConfig","HasPermission","Menu","useWcp","Menus","memo","wcp","hasWcpLicense","Boolean","getProject","createElement","name","pin","element","Link","to","text","icon","Icon","label","Item","hideIfEmpty","parent","Group","collapsible","Support","rel","target","Fragment","Separator","className","Footer","trigger","action","Action","displayName"],"sources":["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 FileManagerIcon } from \"@webiny/icons/folder_open.svg\";\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as SlackIcon } from \"@webiny/icons/numbers.svg\";\nimport { ReactComponent as DocsIcon } from \"@webiny/icons/summarize.svg\";\nimport { ReactComponent as GithubIcon } from \"@webiny/icons/route.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as UpgradeIcon } from \"@webiny/icons/electric_bolt.svg\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\nimport { SupportMenuItems } from \"./Menus/SupportMenuItems.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\nimport { useWcp } from \"~/index.js\";\n\nexport const Menus = React.memo(() => {\n    const wcp = useWcp();\n    const hasWcpLicense = Boolean(wcp.getProject());\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            <HasPermission name={\"fm.file\"}>\n                <Menu\n                    name={\"fileManager\"}\n                    pin={\"start\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            icon={\n                                <Menu.Item.Icon\n                                    label=\"File Manager\"\n                                    element={<FileManagerIcon />}\n                                />\n                            }\n                            to={\"/file-manager\"}\n                        />\n                    }\n                />\n            </HasPermission>\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            <Menu.Support\n                name={\"docs\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Documentation\"}\n                        icon={<Menu.Support.Link.Icon label=\"Docs\" element={<DocsIcon />} />}\n                        to={\"https://www.webiny.com/docs\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"github\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"GitHub\"}\n                        icon={<Menu.Support.Link.Icon label=\"GitHub\" element={<GithubIcon />} />}\n                        to={\"https://github.com/webiny/webiny-js\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            <Menu.Support\n                name={\"slack\"}\n                element={\n                    <Menu.Support.Link\n                        text={\"Slack\"}\n                        icon={<Menu.Support.Link.Icon label=\"Slack\" element={<SlackIcon />} />}\n                        to={\"https://www.webiny.com/slack\"}\n                        rel={\"noopener noreferrer\"}\n                        target={\"_blank\"}\n                    />\n                }\n            />\n\n            {!hasWcpLicense && (\n                <Menu.Support\n                    name={\"upgrade-webiny\"}\n                    pin={\"end\"}\n                    element={\n                        <>\n                            <DropdownMenu.Separator />\n                            <Menu.Support.Link\n                                text={\"Upgrade\"}\n                                icon={\n                                    <Menu.Support.Link.Icon\n                                        label=\"Upgrade\"\n                                        element={<UpgradeIcon />}\n                                    />\n                                }\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            )}\n\n            <Menu.Footer\n                name={\"support\"}\n                element={\n                    <DropdownMenu\n                        className={\"w-[225px]\"}\n                        trigger={\n                            <Menu.Item\n                                text={\"Support\"}\n                                icon={<Menu.Item.Icon label=\"Support\" element={<InfoIcon />} />}\n                                action={<Menu.Item.Action element={<MoreIcon />} />}\n                            />\n                        }\n                    >\n                        <SupportMenuItems />\n                    </DropdownMenu>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nMenus.displayName = \"Menus\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,mCAAmC;AACnF,SAASD,cAAc,IAAIE,YAAY,QAAQ,4BAA4B;AAC3E,SAASF,cAAc,IAAIG,eAAe,QAAQ,+BAA+B;AACjF,SAASH,cAAc,IAAII,QAAQ,QAAQ,wBAAwB;AACnE,SAASJ,cAAc,IAAIK,SAAS,QAAQ,2BAA2B;AACvE,SAASL,cAAc,IAAIM,QAAQ,QAAQ,6BAA6B;AACxE,SAASN,cAAc,IAAIO,UAAU,QAAQ,yBAAyB;AACtE,SAASP,cAAc,IAAIQ,QAAQ,QAAQ,6BAA6B;AACxE,SAASR,cAAc,IAAIS,WAAW,QAAQ,iCAAiC;AAC/E,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,IAAI;AACb,SAASC,MAAM;AAEf,OAAO,MAAMC,KAAK,gBAAGjB,KAAK,CAACkB,IAAI,CAAC,MAAM;EAClC,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,MAAMI,aAAa,GAAGC,OAAO,CAACF,GAAG,CAACG,UAAU,CAAC,CAAC,CAAC;EAE/C,oBACItB,KAAA,CAAAuB,aAAA,CAACV,WAAW,qBACRb,KAAA,CAAAuB,aAAA,CAACR,IAAI;IACDS,IAAI,EAAE,MAAO;IACbC,GAAG,EAAE,OAAQ;IACbC,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACY,IAAI;MACNC,EAAE,EAAE,GAAI;MACRC,IAAI,EAAE,MAAO;MACbC,IAAI,eAAE9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACY,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,MAAM;QAACN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACrB,aAAa,MAAE;MAAE,CAAE;IAAE,CACrE;EACJ,CACJ,CAAC,eACFF,KAAA,CAAAuB,aAAA,CAACT,aAAa;IAACU,IAAI,EAAE;EAAU,gBAC3BxB,KAAA,CAAAuB,aAAA,CAACR,IAAI;IACDS,IAAI,EAAE,aAAc;IACpBC,GAAG,EAAE,OAAQ;IACbC,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACY,IAAI;MACNE,IAAI,EAAE,cAAe;MACrBC,IAAI,eACA9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACkB,IAAI,CAACF,IAAI;QACXC,KAAK,EAAC,cAAc;QACpBN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACnB,eAAe,MAAE;MAAE,CAChC,CACJ;MACDwB,EAAE,EAAE;IAAgB,CACvB;EACJ,CACJ,CACU,CAAC,eAChB5B,KAAA,CAAAuB,aAAA,CAACR,IAAI;IACDS,IAAI,EAAE,UAAW;IACjBU,WAAW,EAAE,IAAK;IAClBT,GAAG,EAAE,KAAM;IACXC,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACkB,IAAI;MACNJ,IAAI,EAAE,UAAW;MACjBC,IAAI,eAAE9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACY,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,UAAU;QAACN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACpB,YAAY,MAAE;MAAE,CAAE;IAAE,CACxE;EACJ,CACJ,CAAC,eAEFH,KAAA,CAAAuB,aAAA,CAACR,IAAI;IACDoB,MAAM,EAAE,UAAW;IACnBX,IAAI,EAAC,iBAAiB;IACtBE,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACqB,KAAK;MAACP,IAAI,EAAC,QAAQ;MAACQ,WAAW,EAAE;IAAM,CAAE;EAAE,CAC7D,CAAC,eAEFrC,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO;IACTd,IAAI,EAAE,MAAO;IACbE,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI;MACdE,IAAI,EAAE,eAAgB;MACtBC,IAAI,eAAE9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,MAAM;QAACN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAAChB,QAAQ,MAAE;MAAE,CAAE,CAAE;MACrEqB,EAAE,EAAE,6BAA8B;MAClCW,GAAG,EAAE,qBAAsB;MAC3BC,MAAM,EAAE;IAAS,CACpB;EACJ,CACJ,CAAC,eAEFxC,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO;IACTd,IAAI,EAAE,QAAS;IACfE,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI;MACdE,IAAI,EAAE,QAAS;MACfC,IAAI,eAAE9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,QAAQ;QAACN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACf,UAAU,MAAE;MAAE,CAAE,CAAE;MACzEoB,EAAE,EAAE,qCAAsC;MAC1CW,GAAG,EAAE,qBAAsB;MAC3BC,MAAM,EAAE;IAAS,CACpB;EACJ,CACJ,CAAC,eAEFxC,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO;IACTd,IAAI,EAAE,OAAQ;IACdE,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI;MACdE,IAAI,EAAE,OAAQ;MACdC,IAAI,eAAE9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,OAAO;QAACN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACjB,SAAS,MAAE;MAAE,CAAE,CAAE;MACvEsB,EAAE,EAAE,8BAA+B;MACnCW,GAAG,EAAE,qBAAsB;MAC3BC,MAAM,EAAE;IAAS,CACpB;EACJ,CACJ,CAAC,EAED,CAACpB,aAAa,iBACXpB,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO;IACTd,IAAI,EAAE,gBAAiB;IACvBC,GAAG,EAAE,KAAM;IACXC,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAyC,QAAA,qBACIzC,KAAA,CAAAuB,aAAA,CAACZ,YAAY,CAAC+B,SAAS,MAAE,CAAC,eAC1B1C,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI;MACdE,IAAI,EAAE,SAAU;MAChBC,IAAI,eACA9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACuB,OAAO,CAACX,IAAI,CAACI,IAAI;QACnBC,KAAK,EAAC,SAAS;QACfN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACb,WAAW,MAAE;MAAE,CAC5B,CACJ;MACDkB,EAAE,EAAE,gCAAiC;MACrCW,GAAG,EAAE,qBAAsB;MAC3BC,MAAM,EAAE,QAAS;MACjBG,SAAS,EACL;IACH,CACJ,CACH;EACL,CACJ,CACJ,eAED3C,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAAC6B,MAAM;IACRpB,IAAI,EAAE,SAAU;IAChBE,OAAO,eACH1B,KAAA,CAAAuB,aAAA,CAACZ,YAAY;MACTgC,SAAS,EAAE,WAAY;MACvBE,OAAO,eACH7C,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACkB,IAAI;QACNJ,IAAI,EAAE,SAAU;QAChBC,IAAI,eAAE9B,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACkB,IAAI,CAACF,IAAI;UAACC,KAAK,EAAC,SAAS;UAACN,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAAClB,QAAQ,MAAE;QAAE,CAAE,CAAE;QAChEyC,MAAM,eAAE9C,KAAA,CAAAuB,aAAA,CAACR,IAAI,CAACkB,IAAI,CAACc,MAAM;UAACrB,OAAO,eAAE1B,KAAA,CAAAuB,aAAA,CAACd,QAAQ,MAAE;QAAE,CAAE;MAAE,CACvD;IACJ,gBAEDT,KAAA,CAAAuB,aAAA,CAACX,gBAAgB,MAAE,CACT;EACjB,CACJ,CACQ,CAAC;AAEtB,CAAC,CAAC;AAEFK,KAAK,CAAC+B,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DashboardIcon","SettingsIcon","FileManagerIcon","UpgradeIcon","AdminConfig","HasPermission","Menu","useWcp","Menus","memo","wcp","hasWcpLicense","Boolean","getProject","createElement","name","pin","element","Link","to","text","icon","Icon","label","Item","hideIfEmpty","parent","Group","collapsible","Footer","rel","target","className","displayName"],"sources":["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 FileManagerIcon } from \"@webiny/icons/folder_open.svg\";\nimport { ReactComponent as UpgradeIcon } from \"@webiny/icons/electric_bolt.svg\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { HasPermission } from \"~/presentation/security/components/HasPermission.js\";\nimport { Menu } from \"~/config/AdminConfig/Menu.js\";\nimport { useWcp } from \"~/index.js\";\n\nexport const Menus = React.memo(() => {\n    const wcp = useWcp();\n    const hasWcpLicense = Boolean(wcp.getProject());\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            <HasPermission name={\"fm.file\"}>\n                <Menu\n                    name={\"fileManager\"}\n                    pin={\"start\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            icon={\n                                <Menu.Item.Icon\n                                    label=\"File Manager\"\n                                    element={<FileManagerIcon />}\n                                />\n                            }\n                            to={\"/file-manager\"}\n                        />\n                    }\n                />\n            </HasPermission>\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            {!hasWcpLicense && (\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,mCAAmC;AACnF,SAASD,cAAc,IAAIE,YAAY,QAAQ,4BAA4B;AAC3E,SAASF,cAAc,IAAIG,eAAe,QAAQ,+BAA+B;AACjF,SAASH,cAAc,IAAII,WAAW,QAAQ,iCAAiC;AAC/E,SAASC,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,IAAI;AACb,SAASC,MAAM;AAEf,OAAO,MAAMC,KAAK,gBAAGV,KAAK,CAACW,IAAI,CAAC,MAAM;EAClC,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,MAAMI,aAAa,GAAGC,OAAO,CAACF,GAAG,CAACG,UAAU,CAAC,CAAC,CAAC;EAE/C,oBACIf,KAAA,CAAAgB,aAAA,CAACV,WAAW,qBACRN,KAAA,CAAAgB,aAAA,CAACR,IAAI;IACDS,IAAI,EAAE,MAAO;IACbC,GAAG,EAAE,OAAQ;IACbC,OAAO,eACHnB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACY,IAAI;MACNC,EAAE,EAAE,GAAI;MACRC,IAAI,EAAE,MAAO;MACbC,IAAI,eAAEvB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACY,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,MAAM;QAACN,OAAO,eAAEnB,KAAA,CAAAgB,aAAA,CAACd,aAAa,MAAE;MAAE,CAAE;IAAE,CACrE;EACJ,CACJ,CAAC,eACFF,KAAA,CAAAgB,aAAA,CAACT,aAAa;IAACU,IAAI,EAAE;EAAU,gBAC3BjB,KAAA,CAAAgB,aAAA,CAACR,IAAI;IACDS,IAAI,EAAE,aAAc;IACpBC,GAAG,EAAE,OAAQ;IACbC,OAAO,eACHnB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACY,IAAI;MACNE,IAAI,EAAE,cAAe;MACrBC,IAAI,eACAvB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACkB,IAAI,CAACF,IAAI;QACXC,KAAK,EAAC,cAAc;QACpBN,OAAO,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,eAAe,MAAE;MAAE,CAChC,CACJ;MACDiB,EAAE,EAAE;IAAgB,CACvB;EACJ,CACJ,CACU,CAAC,eAChBrB,KAAA,CAAAgB,aAAA,CAACR,IAAI;IACDS,IAAI,EAAE,UAAW;IACjBU,WAAW,EAAE,IAAK;IAClBT,GAAG,EAAE,KAAM;IACXC,OAAO,eACHnB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACkB,IAAI;MACNJ,IAAI,EAAE,UAAW;MACjBC,IAAI,eAAEvB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACY,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,UAAU;QAACN,OAAO,eAAEnB,KAAA,CAAAgB,aAAA,CAACb,YAAY,MAAE;MAAE,CAAE;IAAE,CACxE;EACJ,CACJ,CAAC,eAEFH,KAAA,CAAAgB,aAAA,CAACR,IAAI;IACDoB,MAAM,EAAE,UAAW;IACnBX,IAAI,EAAC,iBAAiB;IACtBE,OAAO,eAAEnB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACqB,KAAK;MAACP,IAAI,EAAC,QAAQ;MAACQ,WAAW,EAAE;IAAM,CAAE;EAAE,CAC7D,CAAC,EAED,CAACjB,aAAa,iBACXb,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACuB,MAAM;IACRd,IAAI,EAAE,SAAU;IAChBE,OAAO,eACHnB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACY,IAAI;MACNE,IAAI,EAAE,SAAU;MAChBC,IAAI,eAAEvB,KAAA,CAAAgB,aAAA,CAACR,IAAI,CAACY,IAAI,CAACI,IAAI;QAACC,KAAK,EAAC,SAAS;QAACN,OAAO,eAAEnB,KAAA,CAAAgB,aAAA,CAACX,WAAW,MAAE;MAAE,CAAE,CAAE;MACnEgB,EAAE,EAAE,gCAAiC;MACrCW,GAAG,EAAE,qBAAsB;MAC3BC,MAAM,EAAE,QAAS;MACjBC,SAAS,EACL;IACH,CACJ;EACJ,CACJ,CAEI,CAAC;AAEtB,CAAC,CAAC;AAEFxB,KAAK,CAACyB,WAAW,GAAG,OAAO","ignoreList":[]}

package/base/Base/RoutesConfig.js

@@ -4,6 +4,7 @@ import { AdminConfig } from "../../config/AdminConfig.js";
 import { Routes } from "../../routes.js";
 import { FileManager } from "../../index.js";
 import { Route } from "../../config/AdminConfig/Route.js";
+import { FormModelDemo } from "../../features/formModel/demo/FormModelDemo.js";
 export const RoutesConfig = /*#__PURE__*/React.memo(() => {
   return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Route, {
     route: Routes.Dashboard,
@@ -18,6 +19,11 @@ export const RoutesConfig = /*#__PURE__*/React.memo(() => {
       overlay: false,
       show: true
     }))
+  }), /*#__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, {

package/base/Base/RoutesConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dashboard","AdminLayout","NotFound","AdminConfig","Routes","FileManager","Route","RoutesConfig","memo","createElement","route","element","title","overlay","show","CatchAll","displayName"],"sources":["RoutesConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dashboard, AdminLayout, NotFound } from \"~/index.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { FileManager } from \"~/index.js\";\nimport { Route } from \"~/config/AdminConfig/Route.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.FileManager}\n                element={\n                    <AdminLayout title={\"File Manager\"}>\n                        <FileManager overlay={false} show={true} />\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,WAAW,EAAEC,QAAQ;AACzC,SAASC,WAAW;AACpB,SAASC,MAAM;AACf,SAASC,WAAW;AACpB,SAASC,KAAK;AAEd,OAAO,MAAMC,YAAY,gBAAGR,KAAK,CAACS,IAAI,CAAC,MAAM;EACzC,oBACIT,KAAA,CAAAU,aAAA,CAACN,WAAW,qBACRJ,KAAA,CAAAU,aAAA,CAACH,KAAK;IACFI,KAAK,EAAEN,MAAM,CAACJ,SAAU;IACxBW,OAAO,eACHZ,KAAA,CAAAU,aAAA,CAACR,WAAW;MAACW,KAAK,EAAE;IAAW,gBAC3Bb,KAAA,CAAAU,aAAA,CAACT,SAAS,MAAE,CACH;EAChB,CACJ,CAAC,eAEFD,KAAA,CAAAU,aAAA,CAACH,KAAK;IACFI,KAAK,EAAEN,MAAM,CAACC,WAAY;IAC1BM,OAAO,eACHZ,KAAA,CAAAU,aAAA,CAACR,WAAW;MAACW,KAAK,EAAE;IAAe,gBAC/Bb,KAAA,CAAAU,aAAA,CAACJ,WAAW;MAACQ,OAAO,EAAE,KAAM;MAACC,IAAI,EAAE;IAAK,CAAE,CACjC;EAChB,CACJ,CAAC,eAEFf,KAAA,CAAAU,aAAA,CAACH,KAAK;IACFI,KAAK,EAAEN,MAAM,CAACW,QAAS;IACvBJ,OAAO,eACHZ,KAAA,CAAAU,aAAA,CAACR,WAAW;MAACW,KAAK,EAAE;IAAiB,gBACjCb,KAAA,CAAAU,aAAA,CAACP,QAAQ,MAAE,CACF;EAChB,CACJ,CACQ,CAAC;AAEtB,CAAC,CAAC;AAEFK,YAAY,CAACS,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","Dashboard","AdminLayout","NotFound","AdminConfig","Routes","FileManager","Route","FormModelDemo","RoutesConfig","memo","createElement","route","element","title","overlay","show","CatchAll","displayName"],"sources":["RoutesConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dashboard, AdminLayout, NotFound } from \"~/index.js\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { FileManager } from \"~/index.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.FileManager}\n                element={\n                    <AdminLayout title={\"File Manager\"}>\n                        <FileManager overlay={false} show={true} />\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,WAAW,EAAEC,QAAQ;AACzC,SAASC,WAAW;AACpB,SAASC,MAAM;AACf,SAASC,WAAW;AACpB,SAASC,KAAK;AACd,SAASC,aAAa;AAEtB,OAAO,MAAMC,YAAY,gBAAGT,KAAK,CAACU,IAAI,CAAC,MAAM;EACzC,oBACIV,KAAA,CAAAW,aAAA,CAACP,WAAW,qBACRJ,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,KAAK,EAAEP,MAAM,CAACJ,SAAU;IACxBY,OAAO,eACHb,KAAA,CAAAW,aAAA,CAACT,WAAW;MAACY,KAAK,EAAE;IAAW,gBAC3Bd,KAAA,CAAAW,aAAA,CAACV,SAAS,MAAE,CACH;EAChB,CACJ,CAAC,eAEFD,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,KAAK,EAAEP,MAAM,CAACC,WAAY;IAC1BO,OAAO,eACHb,KAAA,CAAAW,aAAA,CAACT,WAAW;MAACY,KAAK,EAAE;IAAe,gBAC/Bd,KAAA,CAAAW,aAAA,CAACL,WAAW;MAACS,OAAO,EAAE,KAAM;MAACC,IAAI,EAAE;IAAK,CAAE,CACjC;EAChB,CACJ,CAAC,eAEFhB,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,KAAK,EAAEP,MAAM,CAACG,aAAc;IAC5BK,OAAO,eACHb,KAAA,CAAAW,aAAA,CAACT,WAAW;MAACY,KAAK,EAAE;IAAiB,gBACjCd,KAAA,CAAAW,aAAA,CAACH,aAAa,MAAE,CACP;EAChB,CACJ,CAAC,eAEFR,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,KAAK,EAAEP,MAAM,CAACY,QAAS;IACvBJ,OAAO,eACHb,KAAA,CAAAW,aAAA,CAACT,WAAW;MAACY,KAAK,EAAE;IAAiB,gBACjCd,KAAA,CAAAW,aAAA,CAACR,QAAQ,MAAE,CACF;EAChB,CACJ,CACQ,CAAC;AAEtB,CAAC,CAAC;AAEFM,YAAY,CAACS,WAAW,GAAG,QAAQ","ignoreList":[]}

package/exports/admin/build-params.d.ts

@@ -1,2 +1,4 @@
+/** @deprecated Import from "webiny/admin" instead. */
 export { useBuildParams } from "../../presentation/buildParams/useBuildParams.js";
+/** @deprecated Import from "webiny/admin" instead. */
 export { BuildParam, BuildParams } from "../../features/buildParams/index.js";

package/exports/admin/build-params.js

@@ -1,4 +1,7 @@
+/** @deprecated Import from "webiny/admin" instead. */
 export { useBuildParams } from "../../presentation/buildParams/useBuildParams.js";
+
+/** @deprecated Import from "webiny/admin" instead. */
 export { BuildParam, BuildParams } from "../../features/buildParams/index.js";
 
 //# sourceMappingURL=build-params.js.map

package/exports/admin/build-params.js.map

@@ -1 +1 @@
-{"version":3,"names":["useBuildParams","BuildParam","BuildParams"],"sources":["build-params.ts"],"sourcesContent":["export { useBuildParams } from \"~/presentation/buildParams/useBuildParams.js\";\nexport { BuildParam, BuildParams } from \"~/features/buildParams/index.js\";\n"],"mappings":"AAAA,SAASA,cAAc;AACvB,SAASC,UAAU,EAAEC,WAAW","ignoreList":[]}
+{"version":3,"names":["useBuildParams","BuildParam","BuildParams"],"sources":["build-params.ts"],"sourcesContent":["/** @deprecated Import from \"webiny/admin\" instead. */\nexport { useBuildParams } from \"~/presentation/buildParams/useBuildParams.js\";\n\n/** @deprecated Import from \"webiny/admin\" instead. */\nexport { BuildParam, BuildParams } from \"~/features/buildParams/index.js\";\n"],"mappings":"AAAA;AACA,SAASA,cAAc;;AAEvB;AACA,SAASC,UAAU,EAAEC,WAAW","ignoreList":[]}

package/exports/admin/form.d.ts

@@ -1,3 +1,8 @@
+export type { IFieldRendererRegistry, IFieldBuilderRegistry, IFieldVM, IObjectFieldVM, IObjectFieldItemVM } from "../../features/formModel/abstractions.js";
+export { FieldType } from "../../features/formModel/abstractions.js";
+export { FormModelFactory } from "../../features/formModel/abstractions.js";
+export { FieldBuilder } from "../../features/formModel/FieldBuilder.js";
+export { createFieldRenderer, createObjectFieldRenderer } from "../../features/formModel/createFieldRenderer.js";
 export { Bind } from "@webiny/form";
 export { Form } from "@webiny/form";
 export { UnsetOnUnmount } from "@webiny/form";

package/exports/admin/form.js

@@ -1,3 +1,11 @@
+// New Form Model
+
+export { FieldType } from "../../features/formModel/abstractions.js";
+export { FormModelFactory } from "../../features/formModel/abstractions.js";
+export { FieldBuilder } from "../../features/formModel/FieldBuilder.js";
+export { createFieldRenderer, createObjectFieldRenderer } from "../../features/formModel/createFieldRenderer.js";
+
+// Old React-based form
 export { Bind } from "@webiny/form";
 export { Form } from "@webiny/form";
 export { UnsetOnUnmount } from "@webiny/form";

package/exports/admin/form.js.map

@@ -1 +1 @@
-{"version":3,"names":["Bind","Form","UnsetOnUnmount","useBind","useBindPrefix","useGenerateSlug","useForm","validation","Validation","ValidationError"],"sources":["form.ts"],"sourcesContent":["export { Bind } from \"@webiny/form\";\nexport { Form } from \"@webiny/form\";\nexport { UnsetOnUnmount } from \"@webiny/form\";\nexport { useBind } from \"@webiny/form\";\nexport { useBindPrefix } from \"@webiny/form\";\nexport { useGenerateSlug } from \"@webiny/form\";\nexport { useForm } from \"@webiny/form\";\nexport type { FormAPI as FormApi, FormOnSubmit, GenericFormData } from \"@webiny/form\";\nexport { validation } from \"@webiny/validation\";\nexport { Validation } from \"@webiny/validation\";\nexport { ValidationError } from \"@webiny/validation\";\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,eAAe,QAAQ,cAAc;AAC9C,SAASC,OAAO,QAAQ,cAAc;AAEtC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,eAAe,QAAQ,oBAAoB","ignoreList":[]}
+{"version":3,"names":["FieldType","FormModelFactory","FieldBuilder","createFieldRenderer","createObjectFieldRenderer","Bind","Form","UnsetOnUnmount","useBind","useBindPrefix","useGenerateSlug","useForm","validation","Validation","ValidationError"],"sources":["form.ts"],"sourcesContent":["// New Form Model\nexport type {\n    IFieldRendererRegistry,\n    IFieldBuilderRegistry,\n    IFieldVM,\n    IObjectFieldVM,\n    IObjectFieldItemVM\n} from \"~/features/formModel/abstractions.js\";\nexport { FieldType } from \"~/features/formModel/abstractions.js\";\nexport { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nexport { FieldBuilder } from \"~/features/formModel/FieldBuilder.js\";\nexport {\n    createFieldRenderer,\n    createObjectFieldRenderer\n} from \"~/features/formModel/createFieldRenderer.js\";\n\n// Old React-based form\nexport { Bind } from \"@webiny/form\";\nexport { Form } from \"@webiny/form\";\nexport { UnsetOnUnmount } from \"@webiny/form\";\nexport { useBind } from \"@webiny/form\";\nexport { useBindPrefix } from \"@webiny/form\";\nexport { useGenerateSlug } from \"@webiny/form\";\nexport { useForm } from \"@webiny/form\";\nexport type { FormAPI as FormApi, FormOnSubmit, GenericFormData } from \"@webiny/form\";\nexport { validation } from \"@webiny/validation\";\nexport { Validation } from \"@webiny/validation\";\nexport { ValidationError } from \"@webiny/validation\";\n"],"mappings":"AAAA;;AAQA,SAASA,SAAS;AAClB,SAASC,gBAAgB;AACzB,SAASC,YAAY;AACrB,SACIC,mBAAmB,EACnBC,yBAAyB;;AAG7B;AACA,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,eAAe,QAAQ,cAAc;AAC9C,SAASC,OAAO,QAAQ,cAAc;AAEtC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,eAAe,QAAQ,oBAAoB","ignoreList":[]}

package/exports/admin/ui.d.ts

@@ -5,3 +5,4 @@ export { useDialogs } from "../../components/Dialogs/useDialogs.js";
 export { Logo } from "../../base/ui/Logo.js";
 export { TenantSelector } from "../../base/ui/TenantSelector.js";
 export { LexicalEditor } from "../../components/LexicalEditor/LexicalEditor.js";
+export { AdminLayout } from "../../components/AdminLayout.js";

package/exports/admin/ui.js

@@ -5,5 +5,6 @@ export { useDialogs } from "../../components/Dialogs/useDialogs.js";
 export { Logo } from "../../base/ui/Logo.js";
 export { TenantSelector } from "../../base/ui/TenantSelector.js";
 export { LexicalEditor } from "../../components/LexicalEditor/LexicalEditor.js";
+export { AdminLayout } from "../../components/AdminLayout.js";
 
 //# sourceMappingURL=ui.js.map

package/exports/admin/ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDialog","useOpenDialog","useHotkeys","useDialogs","Logo","TenantSelector","LexicalEditor"],"sources":["ui.ts"],"sourcesContent":["export { useDialog } from \"~/hooks/index.js\";\nexport { useOpenDialog } from \"~/hooks/index.js\";\nexport { useHotkeys } from \"~/hooks/useHotkeys.js\";\nexport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\nexport { Logo } from \"~/base/ui/Logo.js\";\nexport { TenantSelector } from \"~/base/ui/TenantSelector.js\";\nexport { LexicalEditor } from \"~/components/LexicalEditor/LexicalEditor.js\";\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,aAAa;AACtB,SAASC,UAAU;AACnB,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,cAAc;AACvB,SAASC,aAAa","ignoreList":[]}
+{"version":3,"names":["useDialog","useOpenDialog","useHotkeys","useDialogs","Logo","TenantSelector","LexicalEditor","AdminLayout"],"sources":["ui.ts"],"sourcesContent":["export { useDialog } from \"~/hooks/index.js\";\nexport { useOpenDialog } from \"~/hooks/index.js\";\nexport { useHotkeys } from \"~/hooks/useHotkeys.js\";\nexport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\nexport { Logo } from \"~/base/ui/Logo.js\";\nexport { TenantSelector } from \"~/base/ui/TenantSelector.js\";\nexport { LexicalEditor } from \"~/components/LexicalEditor/LexicalEditor.js\";\nexport { AdminLayout } from \"~/components/AdminLayout.js\";\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,aAAa;AACtB,SAASC,UAAU;AACnB,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,WAAW","ignoreList":[]}

package/exports/admin.d.ts

@@ -1,7 +1,9 @@
+export { FormModelFactory } from "../features/formModel/abstractions.js";
 export { DevToolsSection } from "../components/index.js";
 export { RegisterFeature } from "../components/RegisterFeature.js";
 export { BuildParam, BuildParams } from "../features/buildParams/index.js";
-export { Tool, ToolPipelineRunner } from "../features/tools/index.js";
+export { useBuildParams } from "../presentation/buildParams/useBuildParams.js";
+export { Tool, ToolPipelineRunner, LexicalContext } from "../features/tools/index.js";
 export { ToolsFeature } from "../features/tools/index.js";
 export { AdminConfig } from "../config/AdminConfig.js";
 export { Routes } from "../routes.js";

package/exports/admin.js

@@ -1,7 +1,9 @@
+export { FormModelFactory } from "../features/formModel/abstractions.js";
 export { DevToolsSection } from "../components/index.js";
 export { RegisterFeature } from "../components/RegisterFeature.js";
 export { BuildParam, BuildParams } from "../features/buildParams/index.js";
-export { Tool, ToolPipelineRunner } from "../features/tools/index.js";
+export { useBuildParams } from "../presentation/buildParams/useBuildParams.js";
+export { Tool, ToolPipelineRunner, LexicalContext } from "../features/tools/index.js";
 export { ToolsFeature } from "../features/tools/index.js";
 export { AdminConfig } from "../config/AdminConfig.js";
 export { Routes } from "../routes.js";

package/exports/admin.js.map

@@ -1 +1 @@
-{"version":3,"names":["DevToolsSection","RegisterFeature","BuildParam","BuildParams","Tool","ToolPipelineRunner","ToolsFeature","AdminConfig","Routes"],"sources":["admin.ts"],"sourcesContent":["export { DevToolsSection } from \"~/components/index.js\";\nexport { RegisterFeature } from \"~/components/RegisterFeature.js\";\nexport { BuildParam, BuildParams } from \"~/features/buildParams/index.js\";\nexport { Tool, ToolPipelineRunner } from \"~/features/tools/index.js\";\nexport { ToolsFeature } from \"~/features/tools/index.js\";\nexport { AdminConfig } from \"~/config/AdminConfig.js\";\nexport { Routes } from \"~/routes.js\";\n"],"mappings":"AAAA,SAASA,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,UAAU,EAAEC,WAAW;AAChC,SAASC,IAAI,EAAEC,kBAAkB;AACjC,SAASC,YAAY;AACrB,SAASC,WAAW;AACpB,SAASC,MAAM","ignoreList":[]}
+{"version":3,"names":["FormModelFactory","DevToolsSection","RegisterFeature","BuildParam","BuildParams","useBuildParams","Tool","ToolPipelineRunner","LexicalContext","ToolsFeature","AdminConfig","Routes"],"sources":["admin.ts"],"sourcesContent":["export { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nexport { DevToolsSection } from \"~/components/index.js\";\nexport { RegisterFeature } from \"~/components/RegisterFeature.js\";\nexport { BuildParam, BuildParams } from \"~/features/buildParams/index.js\";\nexport { useBuildParams } from \"~/presentation/buildParams/useBuildParams.js\";\nexport { Tool, ToolPipelineRunner, LexicalContext } from \"~/features/tools/index.js\";\nexport { ToolsFeature } from \"~/features/tools/index.js\";\nexport { AdminConfig } from \"~/config/AdminConfig.js\";\nexport { Routes } from \"~/routes.js\";\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,UAAU,EAAEC,WAAW;AAChC,SAASC,cAAc;AACvB,SAASC,IAAI,EAAEC,kBAAkB,EAAEC,cAAc;AACjD,SAASC,YAAY;AACrB,SAASC,WAAW;AACpB,SAASC,MAAM","ignoreList":[]}

package/features/formModel/ConditionRuleEvaluator.d.ts

@@ -0,0 +1,9 @@
+import type { IFormModel } from "./abstractions.js";
+import { RuleEvaluator } from "./abstractions.js";
+export declare class ConditionRuleEvaluatorImpl implements RuleEvaluator.Interface {
+    canEvaluate(rule: RuleEvaluator.Rule): boolean;
+    evaluate(rule: RuleEvaluator.Rule, form: IFormModel): boolean;
+}
+export declare const ConditionRuleEvaluator: typeof ConditionRuleEvaluatorImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IRuleEvaluator>;
+};