npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

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

Files changed (1358) hide show

package/admin/components/DragPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","initialMonitor","subscribeToOffsetChange","setTimeout","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useDragLayer } from \"react-dnd\";\nimport type { DragSourceMonitorImpl } from \"~/types\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement \| null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n if (!dragPreviewRef) {\n return;\n }\n\n const offset = monitor.getClientOffset();\n if (!offset) {\n return;\n }\n\n const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n dragPreviewRef.style[\"transform\"] = transform;\n // TODO @ts-refactor figure out better type\n // @ts-expect-error\n dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n const { isDragging } = useDragLayer(initialMonitor => {\n /*\n We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n */\n const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n if (!subscribedToOffsetChange) {\n monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n subscribedToOffsetChange = true;\n }\n\n return {\n isDragging: monitor.isDragging()\n };\n });\n\n useEffect(() => {\n return () => {\n subscribedToOffsetChange = false;\n dragPreviewRef = null;\n };\n }, []);\n\n // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n useEffect(() => {\n if (isDragging) {\n setTimeout(() => {\n setDragHelperOpacity(isDragging ? 1 : 0);\n }, 100);\n } else {\n setDragHelperOpacity(0);\n }\n }, [isDragging]);\n\n if (!isDragging) {\n return null;\n }\n\n if (!isDragging) {\n return null;\n }\n\n return (\n <div\n style={{ zIndex: 1001 }}\n className=\"~~wby-~~fixed ~~wby-~~pointer-events-none ~~wby-~~left-0 ~~wby-~~top-0 ~~wby-~~w-full ~~wby-~~h-full\"\n >\n <div\n ref={el => (dragPreviewRef = el)}\n className=\"~~wby-~~transition-opacity ~~wby-~~duration-250 ~~wby-~~ease-in-out ~~wby-~~block\"\n style={{ opacity: dragHelperOpacity }}\n >\n <div className=\"~~wby-~~size-lg ~~wby-~~rounded-full ~~wby-~~bg-primary~~-default~~\" />\n </div>\n </div>\n );\n};\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,YAAY,QAAQ,WAAW;AAGxC,IAAIC,wBAAwB,GAAG,KAAK;AAEpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAA0B,IAAK,MAAM;EACzD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;EACA;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAC7D,MAAM;IAAEe;EAAW,CAAC,GAAGd,YAAY,CAACe,cAAc,IAAI;IAClD;AACR;AACA;IACQ,MAAMX,OAAO,GAAGW,cAAkD;IAClE,IAAI,CAACd,wBAAwB,EAAE;MAC3BG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC;IACnC,CAAC;EACL,CAAC,CAAC;EAEFhB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAM;IACZ,IAAIgB,UAAU,EAAE;MACZG,UAAU,CAAC,MAAM;QACbJ,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,MAAM;MACHD,oBAAoB,CAAC,CAAC,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAqB,aAAA;IACIR,KAAK,EAAE;MAAES,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;~~EAA8E~~,~~gBAExFvB~~,KAAA,CAAAqB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAKpB,cAAc,GAAGoB,EAAI;IACjCF,SAAS,EAAC,~~mEAAmE~~;~~IAC7EV~~,KAAK,EAAE;MAAEa,OAAO,EAAEX;IAAkB;EAAE,gBAEtCf,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;~~EAAqD~~,CAAE,~~CACrE~~,CACJ,CAAC;AAEd,CAAC;AACD,eAAeT,WAAW","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useState","useDragLayer","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","dragHelperOpacity","setDragHelperOpacity","isDragging","initialMonitor","subscribeToOffsetChange","setTimeout","createElement","zIndex","className","ref","el","opacity"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useDragLayer } from \"react-dnd\";\nimport type { DragSourceMonitorImpl } from \"~/types.js\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement \| null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n if (!dragPreviewRef) {\n return;\n }\n\n const offset = monitor.getClientOffset();\n if (!offset) {\n return;\n }\n\n const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n dragPreviewRef.style[\"transform\"] = transform;\n // TODO @ts-refactor figure out better type\n // @ts-expect-error\n dragPreviewRef.style[\"-webkit-transform\"] = transform;\n};\n\nconst DragPreview = () => {\n const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n const { isDragging } = useDragLayer(initialMonitor => {\n /*\n We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n */\n const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n if (!subscribedToOffsetChange) {\n monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n subscribedToOffsetChange = true;\n }\n\n return {\n isDragging: monitor.isDragging()\n };\n });\n\n useEffect(() => {\n return () => {\n subscribedToOffsetChange = false;\n dragPreviewRef = null;\n };\n }, []);\n\n // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n useEffect(() => {\n if (isDragging) {\n setTimeout(() => {\n setDragHelperOpacity(isDragging ? 1 : 0);\n }, 100);\n } else {\n setDragHelperOpacity(0);\n }\n }, [isDragging]);\n\n if (!isDragging) {\n return null;\n }\n\n if (!isDragging) {\n return null;\n }\n\n return (\n <div\n style={{ zIndex: 1001 }}\n className=\"fixed pointer-events-none left-0 top-0 w-full h-full\"\n >\n <div\n ref={el => (dragPreviewRef = el)}\n className=\"transition-opacity duration-250 ease-in-out block\"\n style={{ opacity: dragHelperOpacity }}\n >\n <div className=\"size-lg rounded-full bg-primary\" />\n </div>\n </div>\n );\n};\nexport default DragPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,YAAY,QAAQ,WAAW;AAGxC,IAAIC,wBAAwB,GAAG,KAAK;AAEpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,MAAMC,cAAc,GAAIC,OAA0B,IAAK,MAAM;EACzD,IAAI,CAACF,cAAc,EAAE;IACjB;EACJ;EAEA,MAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,CAAC,CAAC;EACxC,IAAI,CAACD,MAAM,EAAE;IACT;EACJ;EAEA,MAAME,SAAS,GAAG,aAAaF,MAAM,CAACG,CAAC,GAAG,EAAE,OAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,KAAK;EACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;EAC7C;EACA;EACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAC,GAAGH,SAAS;AACzD,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;EACtB,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EAC7D,MAAM;IAAEe;EAAW,CAAC,GAAGd,YAAY,CAACe,cAAc,IAAI;IAClD;AACR;AACA;IACQ,MAAMX,OAAO,GAAGW,cAAkD;IAClE,IAAI,CAACd,wBAAwB,EAAE;MAC3BG,OAAO,CAACY,uBAAuB,CAACb,cAAc,CAACC,OAAO,CAAC,CAAC;MACxDH,wBAAwB,GAAG,IAAI;IACnC;IAEA,OAAO;MACHa,UAAU,EAAEV,OAAO,CAACU,UAAU,CAAC;IACnC,CAAC;EACL,CAAC,CAAC;EAEFhB,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACAJ,SAAS,CAAC,MAAM;IACZ,IAAIgB,UAAU,EAAE;MACZG,UAAU,CAAC,MAAM;QACbJ,oBAAoB,CAACC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,MAAM;MACHD,oBAAoB,CAAC,CAAC,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACC,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAqB,aAAA;IACIR,KAAK,EAAE;MAAES,MAAM,EAAE;IAAK,CAAE;IACxBC,SAAS,EAAC;EAAsD,gBAEhEvB,KAAA,CAAAqB,aAAA;IACIG,GAAG,EAAEC,EAAE,IAAKpB,cAAc,GAAGoB,EAAI;IACjCF,SAAS,EAAC,mDAAmD;IAC7DV,KAAK,EAAE;MAAEa,OAAO,EAAEX;IAAkB;EAAE,gBAEtCf,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAiC,CAAE,CACjD,CACJ,CAAC;AAEd,CAAC;AACD,eAAeT,WAAW","ignoreList":[]}

package/admin/components/DropZone/Center.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { CSSProperties } from "react";
 import React from "react";
-import type { DroppableProps, OnDropCallable } from "./../Droppable";
+import type { DroppableProps, OnDropCallable } from "./../Droppable.js";
 interface CenterProps {
     type?: string;
     onDrop: OnDropCallable;

package/admin/components/DropZone/Center.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import React from "react";
-import { Droppable } from "./../Droppable";
+import { Droppable } from "./../Droppable.js";
 import { cn, cva } from "@webiny/admin-ui";
-const droppableContainerVariants = cva("wby-bg-transparent wby-box-border wby-h-full wby-min-h-[120px] wby-relative wby-user-select-none wby-w-full wby-border-md wby-border-dashed", {
+const droppableContainerVariants = cva("bg-transparent box-border h-full min-h-[120px] relative user-select-none w-full border-md border-dashed", {
   variants: {
     isOver: {
-      true: "wby-border-accent-default wby-text-accent-primary",
-      false: "wby-border-success-default wby-text-success-primary"
+      true: "border-accent-default text-accent-primary",
+      false: "border-success-default text-success-primary"
     },
     isDroppable: {
-      false: "wby-border-success-default wby-text-accent-primary"
+      false: "border-success-default text-accent-primary"
     }
   },
   defaultVariants: {
@@ -48,7 +48,7 @@ const Center = ({
       isDroppable
     }))
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-absolute wby-top-1/2 wby-left-1/2 wby-transform wby--translate-x-1/2 wby--translate-y-1/2 wby-m-0"
+    className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 m-0"
   }, children))));
 };
 export default Center;

package/admin/components/DropZone/Center.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Droppable","cn","cva","droppableContainerVariants","variants","isOver","true","false","isDroppable","defaultVariants","getInert","inert","Center","onDrop","children","style","createElement","drop","Object","assign","ref","width","height","className"],"sources":["Center.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport React from \"react\";\nimport type { DroppableProps, OnDropCallable } from \"./../Droppable\";\nimport { Droppable } from \"./../Droppable\";\nimport { cn, cva } from \"@webiny/admin-ui\";\n\nconst droppableContainerVariants = cva(\n \"~~wby-~~bg-transparent ~~wby-~~box-border ~~wby-~~h-full ~~wby-~~min-h-[120px] ~~wby-~~relative ~~wby-~~user-select-none ~~wby-~~w-full ~~wby-~~border-md ~~wby-~~border-dashed\",\n {\n variants: {\n isOver: {\n true: \"~~wby-~~border-accent-default ~~wby-~~text-accent-primary\",\n false: \"~~wby-~~border-success-default ~~wby-~~text-success-primary\"\n },\n isDroppable: {\n false: \"~~wby-~~border-success-default ~~wby-~~text-accent-primary\"\n }\n },\n defaultVariants: {\n isOver: false,\n isDroppable: true\n }\n }\n);\n\ninterface CenterProps {\n type?: string;\n onDrop: OnDropCallable;\n children: React.ReactNode;\n active?: boolean;\n highlight?: boolean;\n style?: CSSProperties;\n isDroppable?: DroppableProps[\"isDroppable\"];\n}\n\nconst getInert = (isDroppable: boolean) => {\n return isDroppable ? {} : { inert: \"\" };\n};\n\nconst Center = ({ onDrop, children, style, isDroppable }: CenterProps) => {\n return (\n <Droppable onDrop={onDrop} isDroppable={isDroppable}>\n {({ isOver, drop, isDroppable }) => (\n <div\n ref={drop}\n style={{ width: \"100%\", height: \"100%\", ...style }}\n data-testid={\"cms-editor-first-field-area\"}\n {...getInert(isDroppable)}\n >\n <div className={cn(droppableContainerVariants({ isOver, isDroppable }))}>\n <div className=\"~~wby-~~absolute ~~wby-~~top-1/2 ~~wby-~~left-1/2 ~~wby-~~transform ~~wby--~~translate-x-1/2 ~~wby--~~translate-y-1/2 ~~wby-~~m-0\">\n {children}\n </div>\n </div>\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Center;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,EAAE,EAAEC,GAAG,QAAQ,kBAAkB;AAE1C,MAAMC,0BAA0B,GAAGD,GAAG,CAClC,~~6IAA6I~~,~~EAC7I~~;EACIE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE,~~mDAAmD~~;~~MACzDC~~,KAAK,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACTD,KAAK,EAAE;IACX;EACJ,CAAC;EACDE,eAAe,EAAE;IACbJ,MAAM,EAAE,KAAK;IACbG,WAAW,EAAE;EACjB;AACJ,CACJ,CAAC;AAYD,MAAME,QAAQ,GAAIF,WAAoB,IAAK;EACvC,OAAOA,WAAW,GAAG,CAAC,CAAC,GAAG;IAAEG,KAAK,EAAE;EAAG,CAAC;AAC3C,CAAC;AAED,MAAMC,MAAM,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAEP;AAAyB,CAAC,KAAK;EACtE,oBACIT,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IAACa,MAAM,EAAEA,MAAO;IAACL,WAAW,EAAEA;EAAY,GAC/C,CAAC;IAAEH,MAAM;IAAEY,IAAI;IAAET;EAAY,CAAC,kBAC3BT,KAAA,CAAAiB,aAAA,QAAAE,MAAA,CAAAC,MAAA;IACIC,GAAG,EAAEH,IAAK;IACVF,KAAK,EAAE;MAAEM,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE,MAAM;MAAE,GAAGP;IAAM,CAAE;IACnD,eAAa;EAA8B,GACvCL,QAAQ,CAACF,WAAW,CAAC,gBAEzBT,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAEtB,EAAE,CAACE,0BAA0B,CAAC;MAAEE,MAAM;MAAEG;IAAY,CAAC,CAAC;EAAE,gBACpET,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAC;~~EAAuG~~,~~GACjHT~~,QACA,CACJ,CACJ,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","Droppable","cn","cva","droppableContainerVariants","variants","isOver","true","false","isDroppable","defaultVariants","getInert","inert","Center","onDrop","children","style","createElement","drop","Object","assign","ref","width","height","className"],"sources":["Center.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport React from \"react\";\nimport type { DroppableProps, OnDropCallable } from \"./../Droppable.js\";\nimport { Droppable } from \"./../Droppable.js\";\nimport { cn, cva } from \"@webiny/admin-ui\";\n\nconst droppableContainerVariants = cva(\n \"bg-transparent box-border h-full min-h-[120px] relative user-select-none w-full border-md border-dashed\",\n {\n variants: {\n isOver: {\n true: \"border-accent-default text-accent-primary\",\n false: \"border-success-default text-success-primary\"\n },\n isDroppable: {\n false: \"border-success-default text-accent-primary\"\n }\n },\n defaultVariants: {\n isOver: false,\n isDroppable: true\n }\n }\n);\n\ninterface CenterProps {\n type?: string;\n onDrop: OnDropCallable;\n children: React.ReactNode;\n active?: boolean;\n highlight?: boolean;\n style?: CSSProperties;\n isDroppable?: DroppableProps[\"isDroppable\"];\n}\n\nconst getInert = (isDroppable: boolean) => {\n return isDroppable ? {} : { inert: \"\" };\n};\n\nconst Center = ({ onDrop, children, style, isDroppable }: CenterProps) => {\n return (\n <Droppable onDrop={onDrop} isDroppable={isDroppable}>\n {({ isOver, drop, isDroppable }) => (\n <div\n ref={drop}\n style={{ width: \"100%\", height: \"100%\", ...style }}\n data-testid={\"cms-editor-first-field-area\"}\n {...getInert(isDroppable)}\n >\n <div className={cn(droppableContainerVariants({ isOver, isDroppable }))}>\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 m-0\">\n {children}\n </div>\n </div>\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Center;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,EAAE,EAAEC,GAAG,QAAQ,kBAAkB;AAE1C,MAAMC,0BAA0B,GAAGD,GAAG,CAClC,yGAAyG,EACzG;EACIE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE,2CAA2C;MACjDC,KAAK,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACTD,KAAK,EAAE;IACX;EACJ,CAAC;EACDE,eAAe,EAAE;IACbJ,MAAM,EAAE,KAAK;IACbG,WAAW,EAAE;EACjB;AACJ,CACJ,CAAC;AAYD,MAAME,QAAQ,GAAIF,WAAoB,IAAK;EACvC,OAAOA,WAAW,GAAG,CAAC,CAAC,GAAG;IAAEG,KAAK,EAAE;EAAG,CAAC;AAC3C,CAAC;AAED,MAAMC,MAAM,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAEP;AAAyB,CAAC,KAAK;EACtE,oBACIT,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IAACa,MAAM,EAAEA,MAAO;IAACL,WAAW,EAAEA;EAAY,GAC/C,CAAC;IAAEH,MAAM;IAAEY,IAAI;IAAET;EAAY,CAAC,kBAC3BT,KAAA,CAAAiB,aAAA,QAAAE,MAAA,CAAAC,MAAA;IACIC,GAAG,EAAEH,IAAK;IACVF,KAAK,EAAE;MAAEM,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE,MAAM;MAAE,GAAGP;IAAM,CAAE;IACnD,eAAa;EAA8B,GACvCL,QAAQ,CAACF,WAAW,CAAC,gBAEzBT,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAEtB,EAAE,CAACE,0BAA0B,CAAC;MAAEE,MAAM;MAAEG;IAAY,CAAC,CAAC;EAAE,gBACpET,KAAA,CAAAiB,aAAA;IAAKO,SAAS,EAAC;EAA2E,GACrFT,QACA,CACJ,CACJ,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}

package/admin/components/DropZone/Horizontal.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { IsVisibleCallable } from "../Droppable";
-import type { DragSource } from "../../../types";
+import type { IsVisibleCallable } from "../Droppable.js";
+import type { DragSource } from "../../../types.js";
 interface HorizontalProps {
     onDrop(item: DragSource): void;
     last?: boolean;

package/admin/components/DropZone/Horizontal.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import React from "react";
-import { Droppable } from "../Droppable";
+import { Droppable } from "../Droppable.js";
 import { cn } from "@webiny/admin-ui";
 const OuterDiv = ({
   isOver,
   isDragging,
   last
 }) => /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-absolute wby-w-full wby-z-10 wby-bg-transparent wby-flex wby-justify-center", last ? "-wby-bottom-md" : "-wby-top-md")
+  className: cn("absolute w-full z-10 bg-transparent flex justify-center", last ? "-bottom-md" : "-top-md")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-h-md wby-w-full wby-z-3 wby-border-dashed wby-border-sm wby-hidden", isOver ? "wby-border-accent-default" : "wby-border-success-default", isDragging && "wby-block")
+  className: cn("h-md w-full z-3 border-dashed border-sm hidden", isOver ? "border-accent-default" : "border-success-default", isDragging && "block")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-w-full wby-h-full wby-opacity-50", isOver ? "wby-bg-primary-muted" : "wby-bg-success-muted")
+  className: cn("w-full h-full opacity-50", isOver ? "bg-primary-muted" : "bg-success-muted")
 })));
 const Horizontal = ({
   last,

package/admin/components/DropZone/Horizontal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Droppable","cn","OuterDiv","isOver","isDragging","last","createElement","className","Horizontal","onDrop","isVisible","rest","drop","ref","style","height","width","position","left","zIndex"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable\";\nimport { Droppable } from \"../Droppable\";\nimport type { DragSource } from \"~/types\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivProps {\n isOver: boolean;\n isDragging: boolean;\n last: boolean;\n}\n\nconst OuterDiv = ({ isOver, isDragging, last }: OuterDivProps) => (\n <div\n className={cn(\n \"~~wby-~~absolute ~~wby-~~w-full ~~wby-~~z-10 ~~wby-~~bg-transparent ~~wby-~~flex ~~wby-~~justify-center\",\n last ? \"-~~wby-~~bottom-md\" : \"-~~wby-~~top-md\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~h-md ~~wby-~~w-full ~~wby-~~z-3 ~~wby-~~border-dashed ~~wby-~~border-sm ~~wby-~~hidden\",\n isOver ? \"~~wby-~~border-accent-default\" : \"~~wby-~~border-success-default\",\n isDragging && \"~~wby-~~block\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~w-full ~~wby-~~h-full ~~wby-~~opacity-50\",\n isOver ? \"~~wby-~~bg-primary-muted\" : \"~~wby-~~bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface HorizontalProps {\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n [\"data-testid\"]?: string;\n}\n\nconst Horizontal = ({ last, onDrop, isVisible, ...rest }: HorizontalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n data-testid={rest[\"data-testid\"]}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n height: \"16px\",\n width: \"100%\",\n position: \"absolute\",\n [last ? \"bottom\" : \"top\"]: 0,\n left: 0,\n zIndex: isDragging ? 1000 : -1\n }}\n >\n <OuterDiv isOver={isOver} isDragging={isDragging} last={last ?? false} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Horizontal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC;AAAoB,CAAC,kBACzDN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~iFAAiF~~,~~EACjFI~~,IAAI,GAAG,~~gBAAgB~~,GAAG,~~aAC9B~~;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~wEAAwE~~,~~EACxEE~~,MAAM,GAAG,~~2BAA2B~~,GAAG,~~4BAA4B~~,~~EACnEC~~,UAAU,IAAI,~~WAClB~~;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~sCAAsC~~,~~EACtCE~~,MAAM,GAAG,~~sBAAsB~~,GAAG,~~sBACtC~~;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,UAAU,GAAGA,CAAC;EAAEH,IAAI;EAAEI,MAAM;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC1E,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACS,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAEP,MAAM;IAAEC,UAAU;IAAEQ;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACV,eAAaD,IAAI,CAAC,aAAa,CAAE;IACjCG,KAAK,EAAE;MACH;MACAC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,UAAU;MACpB,CAACZ,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC;MAC5Ba,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEf,UAAU,GAAG,IAAI,GAAG,CAAC;IACjC;EAAE,gBAEFL,KAAA,CAAAO,aAAA,CAACJ,QAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAACC,IAAI,EAAEA,IAAI,IAAI;EAAM,CAAE,CACvE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeG,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","Droppable","cn","OuterDiv","isOver","isDragging","last","createElement","className","Horizontal","onDrop","isVisible","rest","drop","ref","style","height","width","position","left","zIndex"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable.js\";\nimport { Droppable } from \"../Droppable.js\";\nimport type { DragSource } from \"~/types.js\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivProps {\n isOver: boolean;\n isDragging: boolean;\n last: boolean;\n}\n\nconst OuterDiv = ({ isOver, isDragging, last }: OuterDivProps) => (\n <div\n className={cn(\n \"absolute w-full z-10 bg-transparent flex justify-center\",\n last ? \"-bottom-md\" : \"-top-md\"\n )}\n >\n <div\n className={cn(\n \"h-md w-full z-3 border-dashed border-sm hidden\",\n isOver ? \"border-accent-default\" : \"border-success-default\",\n isDragging && \"block\"\n )}\n >\n <div\n className={cn(\n \"w-full h-full opacity-50\",\n isOver ? \"bg-primary-muted\" : \"bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface HorizontalProps {\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n [\"data-testid\"]?: string;\n}\n\nconst Horizontal = ({ last, onDrop, isVisible, ...rest }: HorizontalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n data-testid={rest[\"data-testid\"]}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n height: \"16px\",\n width: \"100%\",\n position: \"absolute\",\n [last ? \"bottom\" : \"top\"]: 0,\n left: 0,\n zIndex: isDragging ? 1000 : -1\n }}\n >\n <OuterDiv isOver={isOver} isDragging={isDragging} last={last ?? false} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Horizontal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC;AAAoB,CAAC,kBACzDN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,yDAAyD,EACzDI,IAAI,GAAG,YAAY,GAAG,SAC1B;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,gDAAgD,EAChDE,MAAM,GAAG,uBAAuB,GAAG,wBAAwB,EAC3DC,UAAU,IAAI,OAClB;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,0BAA0B,EAC1BE,MAAM,GAAG,kBAAkB,GAAG,kBAClC;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,UAAU,GAAGA,CAAC;EAAEH,IAAI;EAAEI,MAAM;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC1E,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACS,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAEP,MAAM;IAAEC,UAAU;IAAEQ;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACV,eAAaD,IAAI,CAAC,aAAa,CAAE;IACjCG,KAAK,EAAE;MACH;MACAC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,UAAU;MACpB,CAACZ,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC;MAC5Ba,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEf,UAAU,GAAG,IAAI,GAAG,CAAC;IACjC;EAAE,gBAEFL,KAAA,CAAAO,aAAA,CAACJ,QAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAACC,IAAI,EAAEA,IAAI,IAAI;EAAM,CAAE,CACvE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeG,UAAU","ignoreList":[]}

package/admin/components/DropZone/Vertical.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { IsVisibleCallable } from "../Droppable";
-import type { DragSource } from "../../../types";
+import type { IsVisibleCallable } from "../Droppable.js";
+import type { DragSource } from "../../../types.js";
 interface VerticalProps {
     depth?: number;
     onDrop(item: DragSource): void;

package/admin/components/DropZone/Vertical.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import React from "react";
-import { Droppable } from "../Droppable";
+import { Droppable } from "../Droppable.js";
 import { cn } from "@webiny/admin-ui";
 const OuterDivVertical = ({
   isOver,
   last,
   isDragging
 }) => /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-absolute wby-top-0 wby-h-full wby-w-[30%] wby-z-10 wby-bg-transparent", last ? "wby-text-right -wby-right-sm" : "wby-text-left -wby-left-sm")
+  className: cn("absolute top-0 h-full w-[30%] z-10 bg-transparent", last ? "text-right -right-sm" : "text-left -left-sm")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-absolute wby-w-md wby-h-full wby-z-3 wby-border-dashed wby-border-sm wby-hidden", isOver ? "wby-border-accent-default" : "wby-border-success-default", last ? "-wby-right-sm" : "-wby-left-sm", isDragging && "wby-block")
+  className: cn("absolute w-md h-full z-3 border-dashed border-sm hidden", isOver ? "border-accent-default" : "border-success-default", last ? "-right-sm" : "-left-sm", isDragging && "block")
 }, /*#__PURE__*/React.createElement("div", {
-  className: cn("wby-w-full wby-h-full wby-opacity-50", isOver ? "wby-bg-primary-muted" : "wby-bg-success-muted")
+  className: cn("w-full h-full opacity-50", isOver ? "bg-primary-muted" : "bg-success-muted")
 })));
 const Vertical = ({
   depth,

package/admin/components/DropZone/Vertical.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Droppable","cn","OuterDivVertical","isOver","last","isDragging","createElement","className","Vertical","depth","onDrop","isVisible","drop","ref","style","width","maxWidth","height","position","top","zIndex"],"sources":["Vertical.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable\";\nimport { Droppable } from \"../Droppable\";\nimport type { DragSource } from \"~/types\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivVerticalProps {\n isOver: boolean;\n last?: boolean;\n isDragging?: boolean;\n}\n\nconst OuterDivVertical = ({ isOver, last, isDragging }: OuterDivVerticalProps) => (\n <div\n className={cn(\n \"~~wby-~~absolute ~~wby-~~top-0 ~~wby-~~h-full ~~wby-~~w-[30%] ~~wby-~~z-10 ~~wby-~~bg-transparent\",\n last ? \"~~wby-~~text-right -~~wby-~~right-sm\" : \"~~wby-~~text-left -~~wby-~~left-sm\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~absolute ~~wby-~~w-md ~~wby-~~h-full ~~wby-~~z-3 ~~wby-~~border-dashed ~~wby-~~border-sm ~~wby-~~hidden\",\n isOver ? \"~~wby-~~border-accent-default\" : \"~~wby-~~border-success-default\",\n last ? \"-~~wby-~~right-sm\" : \"-~~wby-~~left-sm\",\n isDragging && \"~~wby-~~block\"\n )}\n >\n <div\n className={cn(\n \"~~wby-~~w-full ~~wby-~~h-full ~~wby-~~opacity-50\",\n isOver ? \"~~wby-~~bg-primary-muted\" : \"~~wby-~~bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface VerticalProps {\n depth?: number;\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n}\n\nconst Vertical = ({ depth, last, onDrop, isVisible }: VerticalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n width: \"30%\",\n maxWidth: \"100px\",\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n [last ? \"right\" : \"left\"]: 0,\n zIndex: isDragging ? 1000 + (depth \|\| 0) : -1\n }}\n >\n <OuterDivVertical isOver={isOver} isDragging={isDragging} last={last} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Vertical;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAkC,CAAC,kBACzEN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~2EAA2E~~,~~EAC3EG~~,IAAI,GAAG,~~8BAA8B~~,GAAG,~~4BAC5C~~;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~qFAAqF~~,~~EACrFE~~,MAAM,GAAG,~~2BAA2B~~,GAAG,~~4BAA4B~~,~~EACnEC~~,IAAI,GAAG,~~eAAe~~,GAAG,~~cAAc~~,~~EACvCC~~,UAAU,IAAI,~~WAClB~~;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,~~sCAAsC~~,~~EACtCE~~,MAAM,GAAG,~~sBAAsB~~,GAAG,~~sBACtC~~;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEL,IAAI;EAAEM,MAAM;EAAEC;AAAyB,CAAC,KAAK;EACpE,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACU,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAER,MAAM;IAAEE,UAAU;IAAEO;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACVE,KAAK,EAAE;MACH;MACAC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACN,CAACf,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC;MAC5BgB,MAAM,EAAEf,UAAU,GAAG,IAAI,IAAII,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;IAChD;EAAE,gBAEFV,KAAA,CAAAO,aAAA,CAACJ,gBAAgB;IAACC,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA,UAAW;IAACD,IAAI,EAAEA;EAAK,CAAE,CACtE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeI,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["React","Droppable","cn","OuterDivVertical","isOver","last","isDragging","createElement","className","Vertical","depth","onDrop","isVisible","drop","ref","style","width","maxWidth","height","position","top","zIndex"],"sources":["Vertical.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IsVisibleCallable } from \"../Droppable.js\";\nimport { Droppable } from \"../Droppable.js\";\nimport type { DragSource } from \"~/types.js\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OuterDivVerticalProps {\n isOver: boolean;\n last?: boolean;\n isDragging?: boolean;\n}\n\nconst OuterDivVertical = ({ isOver, last, isDragging }: OuterDivVerticalProps) => (\n <div\n className={cn(\n \"absolute top-0 h-full w-[30%] z-10 bg-transparent\",\n last ? \"text-right -right-sm\" : \"text-left -left-sm\"\n )}\n >\n <div\n className={cn(\n \"absolute w-md h-full z-3 border-dashed border-sm hidden\",\n isOver ? \"border-accent-default\" : \"border-success-default\",\n last ? \"-right-sm\" : \"-left-sm\",\n isDragging && \"block\"\n )}\n >\n <div\n className={cn(\n \"w-full h-full opacity-50\",\n isOver ? \"bg-primary-muted\" : \"bg-success-muted\"\n )}\n />\n </div>\n </div>\n);\n\ninterface VerticalProps {\n depth?: number;\n onDrop(item: DragSource): void;\n last?: boolean;\n isVisible?: IsVisibleCallable;\n}\n\nconst Vertical = ({ depth, last, onDrop, isVisible }: VerticalProps) => {\n return (\n <Droppable onDrop={onDrop} isVisible={isVisible}>\n {({ isOver, isDragging, drop }) => (\n <div\n ref={drop}\n style={{\n /* For dropzone debugging: border: \"1px solid blue\",*/\n width: \"30%\",\n maxWidth: \"100px\",\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n [last ? \"right\" : \"left\"]: 0,\n zIndex: isDragging ? 1000 + (depth \|\| 0) : -1\n }}\n >\n <OuterDivVertical isOver={isOver} isDragging={isDragging} last={last} />\n </div>\n )}\n </Droppable>\n );\n};\n\nexport default Vertical;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,SAASC,EAAE,QAAQ,kBAAkB;AAQrC,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAkC,CAAC,kBACzEN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,mDAAmD,EACnDG,IAAI,GAAG,sBAAsB,GAAG,oBACpC;AAAE,gBAEFL,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,yDAAyD,EACzDE,MAAM,GAAG,uBAAuB,GAAG,wBAAwB,EAC3DC,IAAI,GAAG,WAAW,GAAG,UAAU,EAC/BC,UAAU,IAAI,OAClB;AAAE,gBAEFN,KAAA,CAAAO,aAAA;EACIC,SAAS,EAAEN,EAAE,CACT,0BAA0B,EAC1BE,MAAM,GAAG,kBAAkB,GAAG,kBAClC;AAAE,CACL,CACA,CACJ,CACR;AASD,MAAMK,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEL,IAAI;EAAEM,MAAM;EAAEC;AAAyB,CAAC,KAAK;EACpE,oBACIZ,KAAA,CAAAO,aAAA,CAACN,SAAS;IAACU,MAAM,EAAEA,MAAO;IAACC,SAAS,EAAEA;EAAU,GAC3C,CAAC;IAAER,MAAM;IAAEE,UAAU;IAAEO;EAAK,CAAC,kBAC1Bb,KAAA,CAAAO,aAAA;IACIO,GAAG,EAAED,IAAK;IACVE,KAAK,EAAE;MACH;MACAC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACN,CAACf,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC;MAC5BgB,MAAM,EAAEf,UAAU,GAAG,IAAI,IAAII,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;IAChD;EAAE,gBAEFV,KAAA,CAAAO,aAAA,CAACJ,gBAAgB;IAACC,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA,UAAW;IAACD,IAAI,EAAEA;EAAK,CAAE,CACtE,CAEF,CAAC;AAEpB,CAAC;AAED,eAAeI,QAAQ","ignoreList":[]}

package/admin/components/DropZone/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import Center from "./Center";
-import Horizontal from "./Horizontal";
-import Vertical from "./Vertical";
+import Center from "./Center.js";
+import Horizontal from "./Horizontal.js";
+import Vertical from "./Vertical.js";
 export { Center, Horizontal, Vertical };

package/admin/components/DropZone/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import Center from "./Center";
-import Horizontal from "./Horizontal";
-import Vertical from "./Vertical";
+import Center from "./Center.js";
+import Horizontal from "./Horizontal.js";
+import Vertical from "./Vertical.js";
 export { Center, Horizontal, Vertical };
 //# sourceMappingURL=index.js.map

package/admin/components/DropZone/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Center","Horizontal","Vertical"],"sources":["index.ts"],"sourcesContent":["import Center from \"./Center\";\nimport Horizontal from \"./Horizontal\";\nimport Vertical from \"./Vertical\";\n\nexport { Center, Horizontal, Vertical };\n"],"mappings":"AAAA,OAAOA,MAAM;AACb,OAAOC,UAAU;AACjB,OAAOC,QAAQ;AAEf,SAASF,MAAM,EAAEC,UAAU,EAAEC,QAAQ","ignoreList":[]}
1	+ {"version":3,"names":["Center","Horizontal","Vertical"],"sources":["index.ts"],"sourcesContent":["import Center from \"./Center.js\";\nimport Horizontal from \"./Horizontal.js\";\nimport Vertical from \"./Vertical.js\";\n\nexport { Center, Horizontal, Vertical };\n"],"mappings":"AAAA,OAAOA,MAAM;AACb,OAAOC,UAAU;AACjB,OAAOC,QAAQ;AAEf,SAASF,MAAM,EAAEC,UAAU,EAAEC,QAAQ","ignoreList":[]}

package/admin/components/Droppable.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ConnectDropTarget } from "react-dnd";
-import type { DragSource } from "../../types";
+import type { DragSource } from "../../types.js";
 export interface DroppableChildrenFunctionParams {
     isDragging: boolean;
     isDroppable: boolean;

package/admin/components/Droppable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useDrop","DroppableComponent","props","children","onDrop","isVisible","item","isOver","drop","accept","collect","monitor","shallow","getItem","isDroppable","isDragging","Boolean","Droppable","memo"],"sources":["Droppable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ConnectDropTarget } from \"react-dnd\";\nimport { useDrop } from \"react-dnd\";\nimport type { DragSource } from \"~/types\";\n\nexport interface DroppableChildrenFunctionParams {\n isDragging: boolean;\n isDroppable: boolean;\n isOver: boolean;\n item: any;\n drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n type: \"row\" \| \"field\" \| \"newField\";\n item: DragSource;\n isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n (item: DragSource): void;\n}\nexport interface DroppableProps {\n type?: string;\n children: DroppableChildrenFunction;\n isDragging?: boolean;\n isDroppable?: (item: DragSource) => boolean;\n isVisible?: IsVisibleCallable;\n onDrop?: OnDropCallable;\n}\n\nexport type DragObject = {\n item: IsVisibleParams;\n isOver: boolean;\n};\n\nconst DroppableComponent = (props: DroppableProps) => {\n const { children, onDrop, isVisible = () => true } = props;\n\n const [{ item, isOver }, drop] = useDrop<DragSource, void, DragObject>({\n accept: \"element\",\n collect: monitor => ({\n isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n item: monitor.getItem()\n }),\n drop(item, monitor) {\n if (typeof props.isDroppable === \"function\" && !props.isDroppable(item)) {\n return;\n }\n\n if (typeof onDrop === \"function\") {\n return onDrop(monitor.getItem());\n }\n }\n });\n\n if (item && !isVisible(item)) {\n return null;\n }\n\n let isDroppable = true;\n if (item) {\n isDroppable = props.isDroppable ? props.isDroppable(item) : isOver;\n }\n\n return children({ isDragging: Boolean(item), isOver, isDroppable, item, drop });\n};\n\nexport const Droppable: React.ComponentType<DroppableProps> = React.memo(DroppableComponent);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,WAAW;AAuCnC,MAAMC,kBAAkB,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,SAAS,GAAGA,CAAA,KAAM;EAAK,CAAC,GAAGH,KAAK;EAE1D,MAAM,CAAC;IAAEI,IAAI;IAAEC;EAAO,CAAC,EAAEC,IAAI,CAAC,GAAGR,OAAO,CAA+B;IACnES,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAEC,OAAO,KAAK;MACjBJ,MAAM,EAAEI,OAAO,CAACJ,MAAM,CAAC,CAAC,IAAII,OAAO,CAACJ,MAAM,CAAC;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC7DN,IAAI,EAAEK,OAAO,CAACE,OAAO,CAAC;IAC1B,CAAC,CAAC;IACFL,IAAIA,CAACF,IAAI,EAAEK,OAAO,EAAE;MAChB,IAAI,OAAOT,KAAK,CAACY,WAAW,KAAK,UAAU,IAAI,CAACZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,EAAE;QACrE;MACJ;MAEA,IAAI,OAAOF,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM,CAACO,OAAO,CAACE,OAAO,CAAC,CAAC,CAAC;MACpC;IACJ;EACJ,CAAC,CAAC;EAEF,IAAIP,IAAI,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,IAAIQ,WAAW,GAAG,IAAI;EACtB,IAAIR,IAAI,EAAE;IACNQ,WAAW,GAAGZ,KAAK,CAACY,WAAW,GAAGZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,GAAGC,MAAM;EACtE;EAEA,OAAOJ,QAAQ,CAAC;IAAEY,UAAU,EAAEC,OAAO,CAACV,IAAI,CAAC;IAAEC,MAAM;IAAEO,WAAW;IAAER,IAAI;IAAEE;EAAK,CAAC,CAAC;AACnF,CAAC;AAED,OAAO,MAAMS,SAA8C,gBAAGlB,KAAK,CAACmB,IAAI,CAACjB,kBAAkB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useDrop","DroppableComponent","props","children","onDrop","isVisible","item","isOver","drop","accept","collect","monitor","shallow","getItem","isDroppable","isDragging","Boolean","Droppable","memo"],"sources":["Droppable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ConnectDropTarget } from \"react-dnd\";\nimport { useDrop } from \"react-dnd\";\nimport type { DragSource } from \"~/types.js\";\n\nexport interface DroppableChildrenFunctionParams {\n isDragging: boolean;\n isDroppable: boolean;\n isOver: boolean;\n item: any;\n drop: ConnectDropTarget;\n}\nexport interface DroppableChildrenFunction {\n (params: DroppableChildrenFunctionParams): React.ReactElement;\n}\n\ninterface IsVisibleParams {\n type: \"row\" \| \"field\" \| \"newField\";\n item: DragSource;\n isDragging: boolean;\n}\nexport interface IsVisibleCallable {\n (params: IsVisibleParams): boolean;\n}\nexport interface OnDropCallable {\n (item: DragSource): void;\n}\nexport interface DroppableProps {\n type?: string;\n children: DroppableChildrenFunction;\n isDragging?: boolean;\n isDroppable?: (item: DragSource) => boolean;\n isVisible?: IsVisibleCallable;\n onDrop?: OnDropCallable;\n}\n\nexport type DragObject = {\n item: IsVisibleParams;\n isOver: boolean;\n};\n\nconst DroppableComponent = (props: DroppableProps) => {\n const { children, onDrop, isVisible = () => true } = props;\n\n const [{ item, isOver }, drop] = useDrop<DragSource, void, DragObject>({\n accept: \"element\",\n collect: monitor => ({\n isOver: monitor.isOver() && monitor.isOver({ shallow: true }),\n item: monitor.getItem()\n }),\n drop(item, monitor) {\n if (typeof props.isDroppable === \"function\" && !props.isDroppable(item)) {\n return;\n }\n\n if (typeof onDrop === \"function\") {\n return onDrop(monitor.getItem());\n }\n }\n });\n\n if (item && !isVisible(item)) {\n return null;\n }\n\n let isDroppable = true;\n if (item) {\n isDroppable = props.isDroppable ? props.isDroppable(item) : isOver;\n }\n\n return children({ isDragging: Boolean(item), isOver, isDroppable, item, drop });\n};\n\nexport const Droppable: React.ComponentType<DroppableProps> = React.memo(DroppableComponent);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,WAAW;AAuCnC,MAAMC,kBAAkB,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,SAAS,GAAGA,CAAA,KAAM;EAAK,CAAC,GAAGH,KAAK;EAE1D,MAAM,CAAC;IAAEI,IAAI;IAAEC;EAAO,CAAC,EAAEC,IAAI,CAAC,GAAGR,OAAO,CAA+B;IACnES,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAEC,OAAO,KAAK;MACjBJ,MAAM,EAAEI,OAAO,CAACJ,MAAM,CAAC,CAAC,IAAII,OAAO,CAACJ,MAAM,CAAC;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAC7DN,IAAI,EAAEK,OAAO,CAACE,OAAO,CAAC;IAC1B,CAAC,CAAC;IACFL,IAAIA,CAACF,IAAI,EAAEK,OAAO,EAAE;MAChB,IAAI,OAAOT,KAAK,CAACY,WAAW,KAAK,UAAU,IAAI,CAACZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,EAAE;QACrE;MACJ;MAEA,IAAI,OAAOF,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM,CAACO,OAAO,CAACE,OAAO,CAAC,CAAC,CAAC;MACpC;IACJ;EACJ,CAAC,CAAC;EAEF,IAAIP,IAAI,IAAI,CAACD,SAAS,CAACC,IAAI,CAAC,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,IAAIQ,WAAW,GAAG,IAAI;EACtB,IAAIR,IAAI,EAAE;IACNQ,WAAW,GAAGZ,KAAK,CAACY,WAAW,GAAGZ,KAAK,CAACY,WAAW,CAACR,IAAI,CAAC,GAAGC,MAAM;EACtE;EAEA,OAAOJ,QAAQ,CAAC;IAAEY,UAAU,EAAEC,OAAO,CAACV,IAAI,CAAC;IAAEC,MAAM;IAAEO,WAAW;IAAER,IAAI;IAAEE;EAAK,CAAC,CAAC;AACnF,CAAC;AAED,OAAO,MAAMS,SAA8C,gBAAGlB,KAAK,CAACmB,IAAI,CAACjB,kBAAkB,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/LegacyRichTextInput.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { Alert } from "@webiny/ui/Alert";
+import { Alert } from "@webiny/ui/Alert/index.js";
 export const LegacyRichTextInput = () => {
   return /*#__PURE__*/React.createElement(Alert, {
     title: "You have legacy editor enabled",

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/LegacyRichTextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Alert","LegacyRichTextInput","createElement","title","type","href","rel","target"],"sources":["LegacyRichTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nexport const LegacyRichTextInput = () => {\n return (\n <Alert title={\"You have legacy editor enabled\"} type={\"info\"}>\n Your project has been upgraded from an older Webiny version, with EditorJS as the\n default rich text editor. We recommend switching to the new Lexical rich text editor,\n where possible.\n <br />\n <br />\n Read more about this in our{\" \"}\n <a\n href={\"https://webiny.link/hcms-legacy-rte-support\"}\n rel=\"noreferrer\"\n target={\"_blank\"}\n >\n upgrade guide\n </a>\n .\n </Alert>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,~~kBAAkB~~;~~AAExC~~,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,KAAK,EAAE,gCAAiC;IAACC,IAAI,EAAE;EAAO,GAAC,yLAI1D,eAAAL,KAAA,CAAAG,aAAA,WAAK,CAAC,eACNH,KAAA,CAAAG,aAAA,WAAK,CAAC,+BACqB,EAAC,GAAG,eAC/BH,KAAA,CAAAG,aAAA;IACIG,IAAI,EAAE,6CAA8C;IACpDC,GAAG,EAAC,YAAY;IAChBC,MAAM,EAAE;EAAS,GACpB,eAEE,CAAC,KAED,CAAC;AAEhB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Alert","LegacyRichTextInput","createElement","title","type","href","rel","target"],"sources":["LegacyRichTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert/index.js\";\n\nexport const LegacyRichTextInput = () => {\n return (\n <Alert title={\"You have legacy editor enabled\"} type={\"info\"}>\n Your project has been upgraded from an older Webiny version, with EditorJS as the\n default rich text editor. We recommend switching to the new Lexical rich text editor,\n where possible.\n <br />\n <br />\n Read more about this in our{\" \"}\n <a\n href={\"https://webiny.link/hcms-legacy-rte-support\"}\n rel=\"noreferrer\"\n target={\"_blank\"}\n >\n upgrade guide\n </a>\n .\n </Alert>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,KAAK,EAAE,gCAAiC;IAACC,IAAI,EAAE;EAAO,GAAC,yLAI1D,eAAAL,KAAA,CAAAG,aAAA,WAAK,CAAC,eACNH,KAAA,CAAAG,aAAA,WAAK,CAAC,+BACqB,EAAC,GAAG,eAC/BH,KAAA,CAAAG,aAAA;IACIG,IAAI,EAAE,6CAA8C;IACpDC,GAAG,EAAC,YAAY;IAChBC,MAAM,EAAE;EAAS,GACpB,eAEE,CAAC,KAED,CAAC;AAEhB,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/RendererOptions.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types";
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types/index.js";
 interface RendererOptionsProps {
     plugin: CmsModelFieldRendererPlugin | undefined;
 }

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/RendererOptions.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { useModelField } from "../../../ModelFieldProvider";
+import { useModelField } from "../../../ModelFieldProvider/index.js";
 import { Grid, Heading, Text } from "@webiny/admin-ui";
 export const RendererOptions = ({
   plugin

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab/RendererOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useModelField","Grid","Heading","Text","RendererOptions","plugin","field","renderer","renderSettings","settings","createElement","Fragment","Column","span","level","size"],"sources":["RendererOptions.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface RendererOptionsProps {\n plugin: CmsModelFieldRendererPlugin \| undefined;\n}\n\nexport const RendererOptions = ({ plugin }: RendererOptionsProps) => {\n const { field } = useModelField();\n if (!plugin \|\| !plugin.renderer.renderSettings) {\n return null;\n }\n\n const settings = plugin.renderer.renderSettings({ field });\n\n if (!settings) {\n return null;\n }\n\n return (\n <>\n <Grid.Column span={12}>\n <Heading level={5}>Renderer settings</Heading>\n <Text size={\"sm\"}>\n Configure additional settings for the selected field renderer.\n </Text>\n </Grid.Column>\n {settings}\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa;AACtB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAMtD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,IAAI,CAACK,MAAM,IAAI,CAACA,MAAM,CAACE,QAAQ,CAACC,cAAc,EAAE;IAC5C,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,GAAGJ,MAAM,CAACE,QAAQ,CAACC,cAAc,CAAC;IAAEF;EAAM,CAAC,CAAC;EAE1D,IAAI,CAACG,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAW,aAAA,CAACR,OAAO;IAACY,KAAK,EAAE;EAAE,GAAC,mBAA0B,CAAC,eAC9Cf,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACY,IAAI,EAAE;EAAK,GAAC,gEAEZ,CACG,CAAC,EACbN,QACH,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useModelField","Grid","Heading","Text","RendererOptions","plugin","field","renderer","renderSettings","settings","createElement","Fragment","Column","span","level","size"],"sources":["RendererOptions.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface RendererOptionsProps {\n plugin: CmsModelFieldRendererPlugin \| undefined;\n}\n\nexport const RendererOptions = ({ plugin }: RendererOptionsProps) => {\n const { field } = useModelField();\n if (!plugin \|\| !plugin.renderer.renderSettings) {\n return null;\n }\n\n const settings = plugin.renderer.renderSettings({ field });\n\n if (!settings) {\n return null;\n }\n\n return (\n <>\n <Grid.Column span={12}>\n <Heading level={5}>Renderer settings</Heading>\n <Text size={\"sm\"}>\n Configure additional settings for the selected field renderer.\n </Text>\n </Grid.Column>\n {settings}\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa;AACtB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAMtD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,IAAI,CAACK,MAAM,IAAI,CAACA,MAAM,CAACE,QAAQ,CAACC,cAAc,EAAE;IAC5C,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,GAAGJ,MAAM,CAACE,QAAQ,CAACC,cAAc,CAAC;IAAEF;EAAM,CAAC,CAAC;EAE1D,IAAI,CAACG,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAW,aAAA,CAACR,OAAO;IAACY,KAAK,EAAE;EAAE,GAAC,mBAA0B,CAAC,eAC9Cf,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACY,IAAI,EAAE;EAAK,GAAC,gEAEZ,CACG,CAAC,EACbN,QACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js CHANGED Viewed

@@ -1,14 +1,12 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { useEffect } from "react";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { css } from "@emotion/css";
 import { validation } from "@webiny/validation";
 import { useBind } from "@webiny/form";
-import { allowCmsLegacyRichTextInput } from "../../../../utils/allowCmsLegacyRichTextInput";
-import { RendererOptions } from "./AppearanceTab/RendererOptions";
-import { LegacyRichTextInput } from "./AppearanceTab/LegacyRichTextInput";
-import { useRendererPlugins } from "./useRendererPlugins";
-import { useModelField } from "../../ModelFieldProvider";
+import { RendererOptions } from "./AppearanceTab/RendererOptions.js";
+import { useRendererPlugins } from "./useRendererPlugins.js";
+import { useModelField } from "../../ModelFieldProvider/index.js";
 import { RadioGroup, Text, Grid, Heading } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/content-model-editor/tabs/appearance-tab");
 const style = {
@@ -17,8 +15,7 @@ const style = {
     styles: "text-align:center;padding:25px"
   } : {
     name: "16icgk8-noComponentsMessage",
-    styles: "text-align:center;padding:25px;label:noComponentsMessage;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGVhcmFuY2VUYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV5QiIsImZpbGUiOiJBcHBlYXJhbmNlVGFiLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdmFsaWRhdGlvbiB9IGZyb20gXCJAd2ViaW55L3ZhbGlkYXRpb25cIjtcbmltcG9ydCB7IHVzZUJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBhbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQgfSBmcm9tIFwifi91dGlscy9hbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXRcIjtcbmltcG9ydCB7IFJlbmRlcmVyT3B0aW9ucyB9IGZyb20gXCIuL0FwcGVhcmFuY2VUYWIvUmVuZGVyZXJPcHRpb25zXCI7XG5pbXBvcnQgeyBMZWdhY3lSaWNoVGV4dElucHV0IH0gZnJvbSBcIi4vQXBwZWFyYW5jZVRhYi9MZWdhY3lSaWNoVGV4dElucHV0XCI7XG5pbXBvcnQgeyB1c2VSZW5kZXJlclBsdWdpbnMgfSBmcm9tIFwiLi91c2VSZW5kZXJlclBsdWdpbnNcIjtcbmltcG9ydCB7IHVzZU1vZGVsRmllbGQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlclwiO1xuaW1wb3J0IHsgUmFkaW9Hcm91cCwgVGV4dCwgR3JpZCwgSGVhZGluZyB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9jb250ZW50LW1vZGVsLWVkaXRvci90YWJzL2FwcGVhcmFuY2UtdGFiXCIpO1xuXG5jb25zdCBzdHlsZSA9IHtcbiAgICBub0NvbXBvbmVudHNNZXNzYWdlOiBjc3Moe1xuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgIHBhZGRpbmc6IDI1XG4gICAgfSksXG4gICAgcmFkaW9Db250YWluZXI6IGNzcyh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogMTAsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiXG4gICAgfSlcbn07XG5cbmNvbnN0IEFwcGVhcmFuY2VUYWIgPSAoKSA9PiB7XG4gICAgY29uc3QgcmVuZGVyZXJzID0gdXNlUmVuZGVyZXJQbHVnaW5zKCk7XG4gICAgY29uc3QgeyBmaWVsZCB9ID0gdXNlTW9kZWxGaWVsZCgpO1xuXG4gICAgY29uc3QgcmVuZGVyZXJOYW1lID0gdXNlQmluZCh7XG4gICAgICAgIG5hbWU6IFwicmVuZGVyZXIubmFtZVwiLFxuICAgICAgICB2YWxpZGF0ZTogdmFsaWRhdGlvbi5jcmVhdGUoXCJyZXF1aXJlZFwiKVxuICAgIH0pO1xuXG4gICAgY29uc3Qgc2VsZWN0ZWRQbHVnaW4gPSByZW5kZXJlck5hbWUudmFsdWVcbiAgICAgICAgPyByZW5kZXJlcnMuZmluZChwbCA9PiBwbC5yZW5kZXJlci5yZW5kZXJlck5hbWUgPT09IHJlbmRlcmVyTmFtZS52YWx1ZSlcbiAgICAgICAgOiB1bmRlZmluZWQ7XG5cbiAgICBpZiAocmVuZGVyZXJzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uXG4gICAgICAgICAgICAgICAgICAgIHNwYW49ezEyfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlLm5vQ29tcG9uZW50c01lc3NhZ2V9XG4gICAgICAgICAgICAgICAgPnt0YFRoZXJlIGFyZSBubyBjb21wb25lbnRzIHRoYXQgY2FuIHJlbmRlciB0aGlzIGZpZWxkLmB9PC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICAvLyBJZiB0aGUgY3VycmVudGx5IHNlbGVjdGVkIHJlbmRlciBwbHVnaW4gaXMgbm8gbG9uZ2VyIGF2YWlsYWJsZSwgc2VsZWN0IHRoZSBmaXJzdCBhdmFpbGFibGUgb25lLlxuICAgICAgICBpZiAoc2VsZWN0ZWRQbHVnaW4pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChyZW5kZXJlcnNbMF0pIHtcbiAgICAgICAgICAgIHJlbmRlcmVyTmFtZS5vbkNoYW5nZShyZW5kZXJlcnNbMF0ucmVuZGVyZXIucmVuZGVyZXJOYW1lKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnNvbGUuaW5mbyhgTm8gcmVuZGVyZXJzIGZvciBmaWVsZCAke2ZpZWxkLmZpZWxkSWR9IGZvdW5kLmAsIGZpZWxkKTtcbiAgICB9LCBbZmllbGQuaWQsIGZpZWxkLm11bHRpcGxlVmFsdWVzLCBmaWVsZC5wcmVkZWZpbmVkVmFsdWVzPy5lbmFibGVkLCBzZWxlY3RlZFBsdWdpbl0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIHthbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezZ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMZWdhY3lSaWNoVGV4dElucHV0IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW4gc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9ezV9PkZpZWxkIHJlbmRlcmVyPC9IZWFkaW5nPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgc2l6ZT17XCJzbVwifT5DaG9vc2UgYSBjb21wb25lbnQgdGhhdCB3aWxsIHJlbmRlciB0aGUgZmllbGQuPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW4gc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wid2J5LW1iLXhsXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSYWRpb0dyb3VwXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZW5kZXJlck5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zPXtyZW5kZXJlcnMubWFwKGl0ZW0gPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkOiBpdGVtLnJlbmRlcmVyLnJlbmRlcmVyTmFtZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBpdGVtLnJlbmRlcmVyLnJlbmRlcmVyTmFtZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9e1wiZGl2XCJ9IHNpemU9e1wibWRcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5yZW5kZXJlci5uYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcz17XCJkaXZcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e1wic21cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJ3YnktdGV4dC1zbSB3YnktdGV4dC1uZXV0cmFsLXN0cm9uZ1wifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5yZW5kZXJlci5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICA8UmVuZGVyZXJPcHRpb25zIHBsdWdpbj17c2VsZWN0ZWRQbHVnaW59IC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBcHBlYXJhbmNlVGFiO1xuIl19 */",
+    styles: "text-align:center;padding:25px;label:noComponentsMessage;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGVhcmFuY2VUYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5QiIsImZpbGUiOiJBcHBlYXJhbmNlVGFiLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4bi9pbmRleC5qc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgdmFsaWRhdGlvbiB9IGZyb20gXCJAd2ViaW55L3ZhbGlkYXRpb25cIjtcbmltcG9ydCB7IHVzZUJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBSZW5kZXJlck9wdGlvbnMgfSBmcm9tIFwiLi9BcHBlYXJhbmNlVGFiL1JlbmRlcmVyT3B0aW9ucy5qc1wiO1xuaW1wb3J0IHsgdXNlUmVuZGVyZXJQbHVnaW5zIH0gZnJvbSBcIi4vdXNlUmVuZGVyZXJQbHVnaW5zLmpzXCI7XG5pbXBvcnQgeyB1c2VNb2RlbEZpZWxkIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Nb2RlbEZpZWxkUHJvdmlkZXIvaW5kZXguanNcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAsIFRleHQsIEdyaWQsIEhlYWRpbmcgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vY29udGVudC1tb2RlbC1lZGl0b3IvdGFicy9hcHBlYXJhbmNlLXRhYlwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgbm9Db21wb25lbnRzTWVzc2FnZTogY3NzKHtcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiAyNVxuICAgIH0pLFxuICAgIHJhZGlvQ29udGFpbmVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Cb3R0b206IDEwLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIlxuICAgIH0pXG59O1xuXG5jb25zdCBBcHBlYXJhbmNlVGFiID0gKCkgPT4ge1xuICAgIGNvbnN0IHJlbmRlcmVycyA9IHVzZVJlbmRlcmVyUGx1Z2lucygpO1xuICAgIGNvbnN0IHsgZmllbGQgfSA9IHVzZU1vZGVsRmllbGQoKTtcblxuICAgIGNvbnN0IHJlbmRlcmVyTmFtZSA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcInJlbmRlcmVyLm5hbWVcIixcbiAgICAgICAgdmFsaWRhdGU6IHZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIilcbiAgICB9KTtcblxuICAgIGNvbnN0IHNlbGVjdGVkUGx1Z2luID0gcmVuZGVyZXJOYW1lLnZhbHVlXG4gICAgICAgID8gcmVuZGVyZXJzLmZpbmQocGwgPT4gcGwucmVuZGVyZXIucmVuZGVyZXJOYW1lID09PSByZW5kZXJlck5hbWUudmFsdWUpXG4gICAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgaWYgKHJlbmRlcmVycy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtblxuICAgICAgICAgICAgICAgICAgICBzcGFuPXsxMn1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZS5ub0NvbXBvbmVudHNNZXNzYWdlfVxuICAgICAgICAgICAgICAgID57dGBUaGVyZSBhcmUgbm8gY29tcG9uZW50cyB0aGF0IGNhbiByZW5kZXIgdGhpcyBmaWVsZC5gfTwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgLy8gSWYgdGhlIGN1cnJlbnRseSBzZWxlY3RlZCByZW5kZXIgcGx1Z2luIGlzIG5vIGxvbmdlciBhdmFpbGFibGUsIHNlbGVjdCB0aGUgZmlyc3QgYXZhaWxhYmxlIG9uZS5cbiAgICAgICAgaWYgKHNlbGVjdGVkUGx1Z2luKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBpZiAocmVuZGVyZXJzWzBdKSB7XG4gICAgICAgICAgICByZW5kZXJlck5hbWUub25DaGFuZ2UocmVuZGVyZXJzWzBdLnJlbmRlcmVyLnJlbmRlcmVyTmFtZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zb2xlLmluZm8oYE5vIHJlbmRlcmVycyBmb3IgZmllbGQgJHtmaWVsZC5maWVsZElkfSBmb3VuZC5gLCBmaWVsZCk7XG4gICAgfSwgW2ZpZWxkLmlkLCBmaWVsZC5saXN0LCBmaWVsZC5wcmVkZWZpbmVkVmFsdWVzPy5lbmFibGVkLCBzZWxlY3RlZFBsdWdpbl0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGluZyBsZXZlbD17NX0+RmllbGQgcmVuZGVyZXI8L0hlYWRpbmc+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBzaXplPXtcInNtXCJ9PkNob29zZSBhIGNvbXBvbmVudCB0aGF0IHdpbGwgcmVuZGVyIHRoZSBmaWVsZC48L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJtYi14bFwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9Hcm91cFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVuZGVyZXJOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpdGVtcz17cmVuZGVyZXJzLm1hcChpdGVtID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZDogaXRlbS5yZW5kZXJlci5yZW5kZXJlck5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogaXRlbS5yZW5kZXJlci5yZW5kZXJlck5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPXtcImRpdlwifSBzaXplPXtcIm1kXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0ucmVuZGVyZXIubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXM9e1wiZGl2XCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtcInNtXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1widGV4dC1zbSB0ZXh0LW5ldXRyYWwtc3Ryb25nXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpdGVtLnJlbmRlcmVyLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgIDxSZW5kZXJlck9wdGlvbnMgcGx1Z2luPXtzZWxlY3RlZFBsdWdpbn0gLz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFwcGVhcmFuY2VUYWI7XG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }),
   radioContainer: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -26,8 +23,7 @@ const style = {
     styles: "margin-bottom:10px;display:flex"
   } : {
     name: "4btape-radioContainer",
-    styles: "margin-bottom:10px;display:flex;label:radioContainer;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGVhcmFuY2VUYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cb0IiLCJmaWxlIjoiQXBwZWFyYW5jZVRhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS92YWxpZGF0aW9uXCI7XG5pbXBvcnQgeyB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgYWxsb3dDbXNMZWdhY3lSaWNoVGV4dElucHV0IH0gZnJvbSBcIn4vdXRpbHMvYWxsb3dDbXNMZWdhY3lSaWNoVGV4dElucHV0XCI7XG5pbXBvcnQgeyBSZW5kZXJlck9wdGlvbnMgfSBmcm9tIFwiLi9BcHBlYXJhbmNlVGFiL1JlbmRlcmVyT3B0aW9uc1wiO1xuaW1wb3J0IHsgTGVnYWN5UmljaFRleHRJbnB1dCB9IGZyb20gXCIuL0FwcGVhcmFuY2VUYWIvTGVnYWN5UmljaFRleHRJbnB1dFwiO1xuaW1wb3J0IHsgdXNlUmVuZGVyZXJQbHVnaW5zIH0gZnJvbSBcIi4vdXNlUmVuZGVyZXJQbHVnaW5zXCI7XG5pbXBvcnQgeyB1c2VNb2RlbEZpZWxkIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Nb2RlbEZpZWxkUHJvdmlkZXJcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAsIFRleHQsIEdyaWQsIEhlYWRpbmcgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vY29udGVudC1tb2RlbC1lZGl0b3IvdGFicy9hcHBlYXJhbmNlLXRhYlwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgbm9Db21wb25lbnRzTWVzc2FnZTogY3NzKHtcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiAyNVxuICAgIH0pLFxuICAgIHJhZGlvQ29udGFpbmVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Cb3R0b206IDEwLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIlxuICAgIH0pXG59O1xuXG5jb25zdCBBcHBlYXJhbmNlVGFiID0gKCkgPT4ge1xuICAgIGNvbnN0IHJlbmRlcmVycyA9IHVzZVJlbmRlcmVyUGx1Z2lucygpO1xuICAgIGNvbnN0IHsgZmllbGQgfSA9IHVzZU1vZGVsRmllbGQoKTtcblxuICAgIGNvbnN0IHJlbmRlcmVyTmFtZSA9IHVzZUJpbmQoe1xuICAgICAgICBuYW1lOiBcInJlbmRlcmVyLm5hbWVcIixcbiAgICAgICAgdmFsaWRhdGU6IHZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIilcbiAgICB9KTtcblxuICAgIGNvbnN0IHNlbGVjdGVkUGx1Z2luID0gcmVuZGVyZXJOYW1lLnZhbHVlXG4gICAgICAgID8gcmVuZGVyZXJzLmZpbmQocGwgPT4gcGwucmVuZGVyZXIucmVuZGVyZXJOYW1lID09PSByZW5kZXJlck5hbWUudmFsdWUpXG4gICAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgaWYgKHJlbmRlcmVycy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtblxuICAgICAgICAgICAgICAgICAgICBzcGFuPXsxMn1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZS5ub0NvbXBvbmVudHNNZXNzYWdlfVxuICAgICAgICAgICAgICAgID57dGBUaGVyZSBhcmUgbm8gY29tcG9uZW50cyB0aGF0IGNhbiByZW5kZXIgdGhpcyBmaWVsZC5gfTwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgLy8gSWYgdGhlIGN1cnJlbnRseSBzZWxlY3RlZCByZW5kZXIgcGx1Z2luIGlzIG5vIGxvbmdlciBhdmFpbGFibGUsIHNlbGVjdCB0aGUgZmlyc3QgYXZhaWxhYmxlIG9uZS5cbiAgICAgICAgaWYgKHNlbGVjdGVkUGx1Z2luKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBpZiAocmVuZGVyZXJzWzBdKSB7XG4gICAgICAgICAgICByZW5kZXJlck5hbWUub25DaGFuZ2UocmVuZGVyZXJzWzBdLnJlbmRlcmVyLnJlbmRlcmVyTmFtZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zb2xlLmluZm8oYE5vIHJlbmRlcmVycyBmb3IgZmllbGQgJHtmaWVsZC5maWVsZElkfSBmb3VuZC5gLCBmaWVsZCk7XG4gICAgfSwgW2ZpZWxkLmlkLCBmaWVsZC5tdWx0aXBsZVZhbHVlcywgZmllbGQucHJlZGVmaW5lZFZhbHVlcz8uZW5hYmxlZCwgc2VsZWN0ZWRQbHVnaW5dKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICB7YWxsb3dDbXNMZWdhY3lSaWNoVGV4dElucHV0ICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXs2fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGVnYWN5UmljaFRleHRJbnB1dCAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPXs1fT5GaWVsZCByZW5kZXJlcjwvSGVhZGluZz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9e1wic21cIn0+Q2hvb3NlIGEgY29tcG9uZW50IHRoYXQgd2lsbCByZW5kZXIgdGhlIGZpZWxkLjwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcIndieS1tYi14bFwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UmFkaW9Hcm91cFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVuZGVyZXJOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpdGVtcz17cmVuZGVyZXJzLm1hcChpdGVtID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZDogaXRlbS5yZW5kZXJlci5yZW5kZXJlck5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogaXRlbS5yZW5kZXJlci5yZW5kZXJlck5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPXtcImRpdlwifSBzaXplPXtcIm1kXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0ucmVuZGVyZXIubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXM9e1wiZGl2XCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtcInNtXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1wid2J5LXRleHQtc20gd2J5LXRleHQtbmV1dHJhbC1zdHJvbmdcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0ucmVuZGVyZXIuZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgPFJlbmRlcmVyT3B0aW9ucyBwbHVnaW49e3NlbGVjdGVkUGx1Z2lufSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICA8Lz5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXBwZWFyYW5jZVRhYjtcbiJdfQ== */",
+    styles: "margin-bottom:10px;display:flex;label:radioContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGVhcmFuY2VUYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCb0IiLCJmaWxlIjoiQXBwZWFyYW5jZVRhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG4vaW5kZXguanNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHZhbGlkYXRpb24gfSBmcm9tIFwiQHdlYmlueS92YWxpZGF0aW9uXCI7XG5pbXBvcnQgeyB1c2VCaW5kIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgUmVuZGVyZXJPcHRpb25zIH0gZnJvbSBcIi4vQXBwZWFyYW5jZVRhYi9SZW5kZXJlck9wdGlvbnMuanNcIjtcbmltcG9ydCB7IHVzZVJlbmRlcmVyUGx1Z2lucyB9IGZyb20gXCIuL3VzZVJlbmRlcmVyUGx1Z2lucy5qc1wiO1xuaW1wb3J0IHsgdXNlTW9kZWxGaWVsZCB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxGaWVsZFByb3ZpZGVyL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSYWRpb0dyb3VwLCBUZXh0LCBHcmlkLCBIZWFkaW5nIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2NvbnRlbnQtbW9kZWwtZWRpdG9yL3RhYnMvYXBwZWFyYW5jZS10YWJcIik7XG5cbmNvbnN0IHN0eWxlID0ge1xuICAgIG5vQ29tcG9uZW50c01lc3NhZ2U6IGNzcyh7XG4gICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogMjVcbiAgICB9KSxcbiAgICByYWRpb0NvbnRhaW5lcjogY3NzKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiAxMCxcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCJcbiAgICB9KVxufTtcblxuY29uc3QgQXBwZWFyYW5jZVRhYiA9ICgpID0+IHtcbiAgICBjb25zdCByZW5kZXJlcnMgPSB1c2VSZW5kZXJlclBsdWdpbnMoKTtcbiAgICBjb25zdCB7IGZpZWxkIH0gPSB1c2VNb2RlbEZpZWxkKCk7XG5cbiAgICBjb25zdCByZW5kZXJlck5hbWUgPSB1c2VCaW5kKHtcbiAgICAgICAgbmFtZTogXCJyZW5kZXJlci5uYW1lXCIsXG4gICAgICAgIHZhbGlkYXRlOiB2YWxpZGF0aW9uLmNyZWF0ZShcInJlcXVpcmVkXCIpXG4gICAgfSk7XG5cbiAgICBjb25zdCBzZWxlY3RlZFBsdWdpbiA9IHJlbmRlcmVyTmFtZS52YWx1ZVxuICAgICAgICA/IHJlbmRlcmVycy5maW5kKHBsID0+IHBsLnJlbmRlcmVyLnJlbmRlcmVyTmFtZSA9PT0gcmVuZGVyZXJOYW1lLnZhbHVlKVxuICAgICAgICA6IHVuZGVmaW5lZDtcblxuICAgIGlmIChyZW5kZXJlcnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW5cbiAgICAgICAgICAgICAgICAgICAgc3Bhbj17MTJ9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGUubm9Db21wb25lbnRzTWVzc2FnZX1cbiAgICAgICAgICAgICAgICA+e3RgVGhlcmUgYXJlIG5vIGNvbXBvbmVudHMgdGhhdCBjYW4gcmVuZGVyIHRoaXMgZmllbGQuYH08L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIC8vIElmIHRoZSBjdXJyZW50bHkgc2VsZWN0ZWQgcmVuZGVyIHBsdWdpbiBpcyBubyBsb25nZXIgYXZhaWxhYmxlLCBzZWxlY3QgdGhlIGZpcnN0IGF2YWlsYWJsZSBvbmUuXG4gICAgICAgIGlmIChzZWxlY3RlZFBsdWdpbikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHJlbmRlcmVyc1swXSkge1xuICAgICAgICAgICAgcmVuZGVyZXJOYW1lLm9uQ2hhbmdlKHJlbmRlcmVyc1swXS5yZW5kZXJlci5yZW5kZXJlck5hbWUpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc29sZS5pbmZvKGBObyByZW5kZXJlcnMgZm9yIGZpZWxkICR7ZmllbGQuZmllbGRJZH0gZm91bmQuYCwgZmllbGQpO1xuICAgIH0sIFtmaWVsZC5pZCwgZmllbGQubGlzdCwgZmllbGQucHJlZGVmaW5lZFZhbHVlcz8uZW5hYmxlZCwgc2VsZWN0ZWRQbHVnaW5dKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW4gc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9ezV9PkZpZWxkIHJlbmRlcmVyPC9IZWFkaW5nPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgc2l6ZT17XCJzbVwifT5DaG9vc2UgYSBjb21wb25lbnQgdGhhdCB3aWxsIHJlbmRlciB0aGUgZmllbGQuPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW4gc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wibWIteGxcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFJhZGlvR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJlbmRlcmVyTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbXM9e3JlbmRlcmVycy5tYXAoaXRlbSA9PiAoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ6IGl0ZW0ucmVuZGVyZXIucmVuZGVyZXJOYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IGl0ZW0ucmVuZGVyZXIucmVuZGVyZXJOYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCBhcz17XCJkaXZcIn0gc2l6ZT17XCJtZFwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpdGVtLnJlbmRlcmVyLm5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFzPXtcImRpdlwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT17XCJzbVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcInRleHQtc20gdGV4dC1uZXV0cmFsLXN0cm9uZ1wifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5yZW5kZXJlci5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICA8UmVuZGVyZXJPcHRpb25zIHBsdWdpbj17c2VsZWN0ZWRQbHVnaW59IC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBcHBlYXJhbmNlVGFiO1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   })
 };
@@ -57,10 +53,8 @@ const AppearanceTab = () => {
       return;
     }
     console.info(`No renderers for field ${field.fieldId} found.`, field);
-  }, [field.id, field.multipleValues, field.predefinedValues?.enabled, selectedPlugin]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(React.Fragment, null, allowCmsLegacyRichTextInput && /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(LegacyRichTextInput, null)), /*#__PURE__*/React.createElement(Grid.Column, {
+  }, [field.id, field.list, field.predefinedValues?.enabled, selectedPlugin]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Heading, {
     level: 5
@@ -69,7 +63,7 @@ const AppearanceTab = () => {
   }, "Choose a component that will render the field.")), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-xl"
+    className: "mb-xl"
   }, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, rendererName, {
     items: renderers.map(item => ({
       id: item.renderer.rendererName,
@@ -80,7 +74,7 @@ const AppearanceTab = () => {
       }, item.renderer.name), /*#__PURE__*/React.createElement(Text, {
         as: "div",
         size: "sm",
-        className: "wby-text-sm wby-text-neutral-strong"
+        className: "text-sm text-neutral-strong"
       }, item.renderer.description))
     }))
   })))), /*#__PURE__*/React.createElement(RendererOptions, {

package/admin/components/FieldEditor/EditFieldDialog/AppearanceTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","i18n","css","validation","useBind","~~allowCmsLegacyRichTextInput","~~RendererOptions","~~LegacyRichTextInput","~~useRendererPlugins","useModelField","RadioGroup","Text","Grid","Heading","t","ns","style","noComponentsMessage","process","env","NODE_ENV","name","styles","~~map","~~toString","_EMOTION_STRINGIFIED_CSS_ERROR__","radioContainer","AppearanceTab","renderers","field","rendererName","validate","create","selectedPlugin","value","find","pl","renderer","undefined","length","createElement","Column","span","className","onChange","console","info","fieldId","id","~~multipleValues~~","predefinedValues","enabled","Fragment","level","size","Object","assign","items","item","label","as","description","plugin"],"sources":["AppearanceTab.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { css } from \"@emotion/css\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { ~~allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport {~~ RendererOptions } from \"./AppearanceTab/RendererOptions\";\nimport { ~~LegacyRichTextInput } from \"./AppearanceTab/LegacyRichTextInput\";\nimport {~~ useRendererPlugins } from \"./useRendererPlugins\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { RadioGroup, Text, Grid, Heading } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-editor/tabs/appearance-tab\");\n\nconst style = {\n noComponentsMessage: css({\n textAlign: \"center\",\n padding: 25\n }),\n radioContainer: css({\n marginBottom: 10,\n display: \"flex\"\n })\n};\n\nconst AppearanceTab = () => {\n const renderers = useRendererPlugins();\n const { field } = useModelField();\n\n const rendererName = useBind({\n name: \"renderer.name\",\n validate: validation.create(\"required\")\n });\n\n const selectedPlugin = rendererName.value\n ? renderers.find(pl => pl.renderer.rendererName === rendererName.value)\n : undefined;\n\n if (renderers.length === 0) {\n return (\n <Grid>\n <Grid.Column\n span={12}\n className={style.noComponentsMessage}\n >{t`There are no components that can render this field.`}</Grid.Column>\n </Grid>\n );\n }\n\n useEffect(() => {\n // If the currently selected render plugin is no longer available, select the first available one.\n if (selectedPlugin) {\n return;\n }\n\n if (renderers[0]) {\n rendererName.onChange(renderers[0].renderer.rendererName);\n return;\n }\n\n console.info(`No renderers for field ${field.fieldId} found.`, field);\n }, [field.id, field.~~multipleValues~~, field.predefinedValues?.enabled, selectedPlugin]);\n\n return (\n <>\n <Grid>\n <>\n ~~{allowCmsLegacyRichTextInput && (\n~~ <Grid.Column span={~~6}>\n <LegacyRichTextInput />\n </Grid.Column>\n )}\n <Grid.Column span={~~12}>\n <Heading level={5}>Field renderer</Heading>\n <Text size={\"sm\"}>Choose a component that will render the field.</Text>\n </Grid.Column>\n <Grid.Column span={12}>\n <div className={\"~~wby-~~mb-xl\"}>\n <RadioGroup\n {...rendererName}\n items={renderers.map(item => ({\n id: item.renderer.rendererName,\n value: item.renderer.rendererName,\n label: (\n <div>\n <Text as={\"div\"} size={\"md\"}>\n {item.renderer.name}\n </Text>\n <Text\n as={\"div\"}\n size={\"sm\"}\n className={\"~~wby-~~text-sm ~~wby-~~text-neutral-strong\"}\n >\n {item.renderer.description}\n </Text>\n </div>\n )\n }))}\n />\n </div>\n </Grid.Column>\n <RendererOptions plugin={selectedPlugin} />\n </>\n </Grid>\n </>\n );\n};\n\nexport default AppearanceTab;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,~~2BAA2B;AACpC,SAASC,~~eAAe;AACxB,SAASC,~~mBAAmB;AAC5B,SAASC,~~kBAAkB;AAC3B,SAASC,aAAa;AACtB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAElE,MAAMC,CAAC,~~GAAGb~~,IAAI,~~CAACc~~,EAAE,CAAC,iEAAiE,CAAC;AAEpF,MAAMC,KAAK,GAAG;EACVC,mBAAmB,~~eAAEf~~,GAAG,~~CAAAgB~~,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,~~GAAA;IAAAC,~~QAAA,EAAAC;EAAA,CAGvB,CAAC;EACFC,cAAc,~~eAAExB~~,GAAG,~~CAAAgB~~,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,~~GAAA;IAAAC,~~QAAA,EAAAC;EAAA,CAGlB;AACL,CAAC;AAED,MAAME,aAAa,GAAGA,CAAA,KAAM;EACxB,MAAMC,SAAS,~~GAAGpB~~,kBAAkB,CAAC,CAAC;EACtC,MAAM;~~IAAEqB~~;EAAM,CAAC,~~GAAGpB~~,aAAa,CAAC,CAAC;EAEjC,~~MAAMqB~~,YAAY,~~GAAG1B~~,OAAO,CAAC;~~IACzBiB~~,IAAI,EAAE,eAAe;~~IACrBU~~,QAAQ,~~EAAE5B~~,UAAU,~~CAAC6B~~,MAAM,CAAC,UAAU;EAC1C,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGH,YAAY,CAACI,KAAK,GACnCN,SAAS,CAACO,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACC,QAAQ,CAACP,YAAY,KAAKA,YAAY,CAACI,KAAK,CAAC,GACrEI,SAAS;EAEf,IAAIV,SAAS,CAACW,MAAM,KAAK,CAAC,EAAE;IACxB,~~oBACIxC~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC5B~~,IAAI,~~qBACDb~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC5B~~,IAAI,~~CAAC6B~~,MAAM;MACRC,IAAI,EAAE,EAAG;MACTC,SAAS,~~EAAE3B~~,KAAK,CAACC;IAAoB,GACvCH,CAAC,qDAAmE,CACpE,CAAC;EAEf;~~EAEAd~~,SAAS,CAAC,MAAM;IACZ;IACA,~~IAAIiC~~,cAAc,EAAE;MAChB;IACJ;IAEA,IAAIL,SAAS,CAAC,CAAC,CAAC,EAAE;MACdE,YAAY,CAACc,QAAQ,CAAChB,SAAS,CAAC,CAAC,CAAC,CAACS,QAAQ,CAACP,YAAY,CAAC;MACzD;IACJ;IAEAe,OAAO,CAACC,IAAI,CAAC,0BAA0BjB,KAAK,CAACkB,OAAO,SAAS,EAAElB,KAAK,CAAC;EACzE,CAAC,EAAE,CAACA,KAAK,CAACmB,EAAE,EAAEnB,KAAK,CAACoB,~~cAAc~~,EAAEpB,KAAK,CAACqB,gBAAgB,EAAEC,OAAO,EAAElB,cAAc,CAAC,CAAC;~~EAErF~~,~~oBACIlC~~,KAAA,~~CAAAyC~~,aAAA,~~CAAAzC~~,KAAA,~~CAAAqD~~,QAAA,~~qBACIrD~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC5B~~,IAAI,~~qBACDb~~,KAAA,~~CAAAyC~~,aAAA,~~CAAAzC~~,KAAA,~~CAAAqD~~,QAAA,~~QACK/C~~,~~2BAA2B,iBACxBN,~~KAAA,~~CAAAyC~~,aAAA,~~CAAC5B~~,IAAI,~~CAAC6B~~,MAAM;IAACC,IAAI,EAAE;~~EAAE,gBACjB3C,KAAA,CAAAyC,aAAA,CAACjC,mBAAmB,MAAE,CACb,CAChB,eACDR,KAAA,CAAAyC,aAAA,CAAC5B,IAAI,CAAC6B,MAAM;IAACC,IAAI,EAAE;~~EAAG,~~gBAClB3C~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC3B~~,OAAO;~~IAACwC~~,KAAK,EAAE;EAAE,GAAC,gBAAuB,CAAC,~~eAC3CtD~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC7B~~,IAAI;~~IAAC2C~~,IAAI,EAAE;EAAK,GAAC,gDAAoD,CAC7D,CAAC,~~eACdvD~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC5B~~,IAAI,~~CAAC6B~~,MAAM;IAACC,IAAI,EAAE;EAAG,~~gBAClB3C~~,KAAA,~~CAAAyC~~,aAAA;IAAKG,SAAS,EAAE;~~EAAY~~,~~gBACxB5C~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC9B~~,UAAU,~~EAAA6C~~,MAAA,CAAAC,MAAA,KACH1B,YAAY;IAChB2B,KAAK,EAAE7B,SAAS,~~CAACL~~,GAAG,~~CAACmC~~,IAAI,KAAK;~~MAC1BV~~,EAAE,~~EAAEU~~,IAAI,~~CAACrB~~,QAAQ,CAACP,YAAY;MAC9BI,KAAK,~~EAAEwB~~,IAAI,~~CAACrB~~,QAAQ,CAACP,YAAY;~~MACjC6B~~,KAAK,~~eACD5D~~,KAAA,~~CAAAyC~~,aAAA,~~2BACIzC~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC7B~~,IAAI;QAACiD,EAAE,EAAE,KAAM;~~QAACN~~,IAAI,EAAE;MAAK,~~GACvBI~~,IAAI,~~CAACrB~~,QAAQ,~~CAAChB~~,IACb,CAAC,~~eACPtB~~,KAAA,~~CAAAyC~~,aAAA,~~CAAC7B~~,IAAI;QACDiD,EAAE,EAAE,KAAM;~~QACVN~~,IAAI,EAAE,IAAK;QACXX,SAAS,EAAE;~~MAAsC~~,~~GAEhDe~~,IAAI,~~CAACrB~~,QAAQ,~~CAACwB~~,WACb,CACL;IAEb,CAAC,CAAC;EAAE,EACP,CACA,CACI,CAAC,~~eACd9D~~,KAAA,~~CAAAyC~~,aAAA,~~CAAClC~~,eAAe;~~IAACwD~~,MAAM,~~EAAE7B~~;EAAe,CAAE,CAC5C,CACA,CACR,CAAC;AAEX,CAAC;AAED,eAAeN,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","i18n","css","validation","useBind","RendererOptions","useRendererPlugins","useModelField","RadioGroup","Text","Grid","Heading","t","ns","style","noComponentsMessage","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","radioContainer","AppearanceTab","renderers","field","rendererName","validate","create","selectedPlugin","value","find","pl","renderer","undefined","length","createElement","Column","span","className","onChange","console","info","fieldId","id","list","predefinedValues","enabled","Fragment","level","size","Object","assign","items","map","item","label","as","description","plugin"],"sources":["AppearanceTab.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { css } from \"@emotion/css\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { RendererOptions } from \"./AppearanceTab/RendererOptions.js\";\nimport { useRendererPlugins } from \"./useRendererPlugins.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { RadioGroup, Text, Grid, Heading } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-editor/tabs/appearance-tab\");\n\nconst style = {\n noComponentsMessage: css({\n textAlign: \"center\",\n padding: 25\n }),\n radioContainer: css({\n marginBottom: 10,\n display: \"flex\"\n })\n};\n\nconst AppearanceTab = () => {\n const renderers = useRendererPlugins();\n const { field } = useModelField();\n\n const rendererName = useBind({\n name: \"renderer.name\",\n validate: validation.create(\"required\")\n });\n\n const selectedPlugin = rendererName.value\n ? renderers.find(pl => pl.renderer.rendererName === rendererName.value)\n : undefined;\n\n if (renderers.length === 0) {\n return (\n <Grid>\n <Grid.Column\n span={12}\n className={style.noComponentsMessage}\n >{t`There are no components that can render this field.`}</Grid.Column>\n </Grid>\n );\n }\n\n useEffect(() => {\n // If the currently selected render plugin is no longer available, select the first available one.\n if (selectedPlugin) {\n return;\n }\n\n if (renderers[0]) {\n rendererName.onChange(renderers[0].renderer.rendererName);\n return;\n }\n\n console.info(`No renderers for field ${field.fieldId} found.`, field);\n }, [field.id, field.list, field.predefinedValues?.enabled, selectedPlugin]);\n\n return (\n <>\n <Grid>\n <>\n <Grid.Column span={12}>\n <Heading level={5}>Field renderer</Heading>\n <Text size={\"sm\"}>Choose a component that will render the field.</Text>\n </Grid.Column>\n <Grid.Column span={12}>\n <div className={\"mb-xl\"}>\n <RadioGroup\n {...rendererName}\n items={renderers.map(item => ({\n id: item.renderer.rendererName,\n value: item.renderer.rendererName,\n label: (\n <div>\n <Text as={\"div\"} size={\"md\"}>\n {item.renderer.name}\n </Text>\n <Text\n as={\"div\"}\n size={\"sm\"}\n className={\"text-sm text-neutral-strong\"}\n >\n {item.renderer.description}\n </Text>\n </div>\n )\n }))}\n />\n </div>\n </Grid.Column>\n <RendererOptions plugin={selectedPlugin} />\n </>\n </Grid>\n </>\n );\n};\n\nexport default AppearanceTab;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AACtB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAElE,MAAMC,CAAC,GAAGX,IAAI,CAACY,EAAE,CAAC,iEAAiE,CAAC;AAEpF,MAAMC,KAAK,GAAG;EACVC,mBAAmB,eAAEb,GAAG,CAAAc,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAGvB,CAAC;EACFC,cAAc,eAAErB,GAAG,CAAAc,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAGlB;AACL,CAAC;AAED,MAAME,aAAa,GAAGA,CAAA,KAAM;EACxB,MAAMC,SAAS,GAAGnB,kBAAkB,CAAC,CAAC;EACtC,MAAM;IAAEoB;EAAM,CAAC,GAAGnB,aAAa,CAAC,CAAC;EAEjC,MAAMoB,YAAY,GAAGvB,OAAO,CAAC;IACzBe,IAAI,EAAE,eAAe;IACrBS,QAAQ,EAAEzB,UAAU,CAAC0B,MAAM,CAAC,UAAU;EAC1C,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGH,YAAY,CAACI,KAAK,GACnCN,SAAS,CAACO,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACC,QAAQ,CAACP,YAAY,KAAKA,YAAY,CAACI,KAAK,CAAC,GACrEI,SAAS;EAEf,IAAIV,SAAS,CAACW,MAAM,KAAK,CAAC,EAAE;IACxB,oBACIrC,KAAA,CAAAsC,aAAA,CAAC3B,IAAI,qBACDX,KAAA,CAAAsC,aAAA,CAAC3B,IAAI,CAAC4B,MAAM;MACRC,IAAI,EAAE,EAAG;MACTC,SAAS,EAAE1B,KAAK,CAACC;IAAoB,GACvCH,CAAC,qDAAmE,CACpE,CAAC;EAEf;EAEAZ,SAAS,CAAC,MAAM;IACZ;IACA,IAAI8B,cAAc,EAAE;MAChB;IACJ;IAEA,IAAIL,SAAS,CAAC,CAAC,CAAC,EAAE;MACdE,YAAY,CAACc,QAAQ,CAAChB,SAAS,CAAC,CAAC,CAAC,CAACS,QAAQ,CAACP,YAAY,CAAC;MACzD;IACJ;IAEAe,OAAO,CAACC,IAAI,CAAC,0BAA0BjB,KAAK,CAACkB,OAAO,SAAS,EAAElB,KAAK,CAAC;EACzE,CAAC,EAAE,CAACA,KAAK,CAACmB,EAAE,EAAEnB,KAAK,CAACoB,IAAI,EAAEpB,KAAK,CAACqB,gBAAgB,EAAEC,OAAO,EAAElB,cAAc,CAAC,CAAC;EAE3E,oBACI/B,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAkD,QAAA,qBACIlD,KAAA,CAAAsC,aAAA,CAAC3B,IAAI,qBACDX,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAkD,QAAA,qBACIlD,KAAA,CAAAsC,aAAA,CAAC3B,IAAI,CAAC4B,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxC,KAAA,CAAAsC,aAAA,CAAC1B,OAAO;IAACuC,KAAK,EAAE;EAAE,GAAC,gBAAuB,CAAC,eAC3CnD,KAAA,CAAAsC,aAAA,CAAC5B,IAAI;IAAC0C,IAAI,EAAE;EAAK,GAAC,gDAAoD,CAC7D,CAAC,eACdpD,KAAA,CAAAsC,aAAA,CAAC3B,IAAI,CAAC4B,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxC,KAAA,CAAAsC,aAAA;IAAKG,SAAS,EAAE;EAAQ,gBACpBzC,KAAA,CAAAsC,aAAA,CAAC7B,UAAU,EAAA4C,MAAA,CAAAC,MAAA,KACH1B,YAAY;IAChB2B,KAAK,EAAE7B,SAAS,CAAC8B,GAAG,CAACC,IAAI,KAAK;MAC1BX,EAAE,EAAEW,IAAI,CAACtB,QAAQ,CAACP,YAAY;MAC9BI,KAAK,EAAEyB,IAAI,CAACtB,QAAQ,CAACP,YAAY;MACjC8B,KAAK,eACD1D,KAAA,CAAAsC,aAAA,2BACItC,KAAA,CAAAsC,aAAA,CAAC5B,IAAI;QAACiD,EAAE,EAAE,KAAM;QAACP,IAAI,EAAE;MAAK,GACvBK,IAAI,CAACtB,QAAQ,CAACf,IACb,CAAC,eACPpB,KAAA,CAAAsC,aAAA,CAAC5B,IAAI;QACDiD,EAAE,EAAE,KAAM;QACVP,IAAI,EAAE,IAAK;QACXX,SAAS,EAAE;MAA8B,GAExCgB,IAAI,CAACtB,QAAQ,CAACyB,WACb,CACL;IAEb,CAAC,CAAC;EAAE,EACP,CACA,CACI,CAAC,eACd5D,KAAA,CAAAsC,aAAA,CAAChC,eAAe;IAACuD,MAAM,EAAE9B;EAAe,CAAE,CAC5C,CACA,CACR,CAAC;AAEX,CAAC;AAED,eAAeN,aAAa","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import React, { useEffect, useCallback, useRef, useMemo } from "react";
-import camelCase from "lodash/camelCase";
-import { Grid, Switch, Input, Label } from "@webiny/admin-ui";
+import camelCase from "lodash/camelCase.js";
+import { Grid, Switch, Input, Textarea } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
-import { Tags } from "@webiny/ui/Tags";
+import { Tags } from "@webiny/ui/Tags/index.js";
 import { useForm, Bind } from "@webiny/form";
-import { useModelFieldEditor } from "./..";
-import { useModelEditor } from "../../../hooks";
-import { useModelField } from "../../../hooks";
+import { useModelFieldEditor } from "../index.js";
+import { useModelEditor } from "../../../hooks/index.js";
+import { useModelField } from "../../../hooks/index.js";
 const GeneralTab = () => {
   const form = useForm();
   const {
@@ -99,10 +99,10 @@ const GeneralTab = () => {
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "multipleValues"
+    name: "list"
   }, /*#__PURE__*/React.createElement(Switch, {
-    label: fieldPlugin.field.multipleValuesLabel,
-    disabled: !fieldPlugin.field.allowMultipleValues,
+    label: fieldPlugin.field.listLabel,
+    disabled: !fieldPlugin.field.allowList,
     "data-testid": `cms.editor.field.settings.general.switch-multiplevalues`
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
@@ -115,23 +115,37 @@ const GeneralTab = () => {
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "helpText"
+    name: "description"
   }, /*#__PURE__*/React.createElement(Input, {
-    label: /*#__PURE__*/React.createElement(Label, {
-      text: "Help text",
-      description: "(optional)"
-    }),
+    label: "Description",
+    description: "This text will be shown below the label (optional)",
     size: "lg",
-    "data-testid": `cms.editor.field.settings.general.helptext`
+    "data-testid": `cms.editor.field.settings.general.description`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "note"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Note",
+    description: "This text will be shown below the input (optional)",
+    size: "lg",
+    "data-testid": `cms.editor.field.settings.general.note`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "help"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Help",
+    description: "This text will be shown in a tooltip (optional)",
+    size: "lg",
+    "data-testid": `cms.editor.field.settings.general.help`
   }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "tags"
   }, /*#__PURE__*/React.createElement(Tags, {
-    label: /*#__PURE__*/React.createElement(Label, {
-      text: "Tags",
-      description: "(optional)"
-    }),
+    label: "Tags",
+    description: "Field tags are useful for developers and are not visible in the UI (optional)",
     protectedTags: fieldPlugin.field.tags,
     "data-testid": `cms.editor.field.settings.general.tags`
   }))), /*#__PURE__*/React.createElement(Grid.Column, {