@webiny/app-website-builder 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/inputRenderers/ObjectInput/ObjectFieldPanel.js

@@ -0,0 +1,93 @@
+import react, { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { Button, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { DrawerDepthContext } from "./DrawerDepthContext.js";
+const PANEL_WIDTH = 312;
+const NEST_INSET = 16;
+const TRANSITION_MS = 250;
+const ANCHOR_SELECTOR = "[data-role='wb-object-panel-anchor']";
+const Z_BASE = 50;
+const ObjectFieldPanel = ({ open, onClose, title, depth, children })=>{
+    const [host] = useState(()=>"u" > typeof document ? document.querySelector(ANCHOR_SELECTOR) : null);
+    const [rendered, setRendered] = useState(open);
+    const [entered, setEntered] = useState(false);
+    useEffect(()=>{
+        if (open) return void setRendered(true);
+        setEntered(false);
+        const timeout = setTimeout(()=>setRendered(false), TRANSITION_MS);
+        return ()=>clearTimeout(timeout);
+    }, [
+        open
+    ]);
+    useEffect(()=>{
+        if (!rendered || !open) return;
+        let inner = 0;
+        const outer = requestAnimationFrame(()=>{
+            inner = requestAnimationFrame(()=>setEntered(true));
+        });
+        return ()=>{
+            cancelAnimationFrame(outer);
+            cancelAnimationFrame(inner);
+        };
+    }, [
+        rendered,
+        open
+    ]);
+    useEffect(()=>{
+        if (!open) return;
+        const onKeyDown = (event)=>{
+            if ("Escape" === event.key) onClose();
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return ()=>window.removeEventListener("keydown", onKeyDown);
+    }, [
+        open,
+        onClose
+    ]);
+    if (!rendered || !host) return null;
+    const panelZIndex = Z_BASE + 2 * depth;
+    const panelWidth = PANEL_WIDTH - depth * NEST_INSET;
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "absolute top-0 bottom-0 left-0",
+        style: {
+            width: "50%",
+            backgroundColor: "rgba(25, 28, 32, 0.2)",
+            zIndex: panelZIndex - 1,
+            opacity: entered ? 1 : 0,
+            transition: "opacity 200ms ease"
+        },
+        onClick: onClose
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "absolute top-0 bottom-0 right-0 flex shadow-lg",
+        style: {
+            width: panelWidth,
+            zIndex: panelZIndex,
+            transform: entered ? "translateX(0)" : "translateX(100%)",
+            transition: "transform 250ms ease"
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-px h-full shrink-0 bg-neutral-dimmed"
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col flex-1 min-w-0 bg-neutral-base"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between gap-sm px-md py-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "md",
+        className: "font-semibold truncate text-neutral-primary"
+    }, title), /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: onClose
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-y-auto p-md"
+    }, /*#__PURE__*/ react.createElement(DrawerDepthContext.Provider, {
+        value: depth + 1
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, children)))))), host);
+};
+export { ObjectFieldPanel };
+
+//# sourceMappingURL=ObjectFieldPanel.js.map

package/inputRenderers/ObjectInput/ObjectFieldPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectFieldPanel.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectFieldPanel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Button, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { DrawerDepthContext } from \"./DrawerDepthContext.js\";\n\n/**\n * Width of the first object-field panel. Slightly narrower than the editor sidebar (329px) so the\n * backdrop shows as a thin strip on its left edge.\n */\nconst PANEL_WIDTH = 312;\n\n/**\n * Each nested panel is this much narrower than its parent, so the stack of open panels is visible\n * (the dimmed parent peeks out on the left).\n */\nconst NEST_INSET = 16;\n\n/**\n * Duration of the enter/exit transitions. The panel stays mounted this long after closing so the\n * slide-out / fade-out can play before it unmounts.\n */\nconst TRANSITION_MS = 250;\n\n/**\n * The editor sidebar carries this attribute (see `config/Sidebar/Sidebar.tsx`). Object panels are\n * portaled into it and overlay it, so they stay confined to the sidebar (no app-wide overlay).\n */\nconst ANCHOR_SELECTOR = \"[data-role='wb-object-panel-anchor']\";\n\n/**\n * Base z-index for object panels. Each level of nesting adds 2: one slot for the panel and one for\n * its backdrop, which sits directly beneath it. Backdrops stack, so each deeper panel dims the\n * parent panel a little more.\n */\nconst Z_BASE = 50;\n\ninterface ObjectFieldPanelProps {\n    open: boolean;\n    onClose: () => void;\n    title: React.ReactNode;\n    depth: number;\n    children: React.ReactNode;\n}\n\n/**\n * A panel holding an object's fields. It is portaled into the editor sidebar and overlays it\n * (right-aligned, slightly narrower so the backdrop shows as a thin strip on the left). A nested\n * object opens another, narrower panel over this one with its own backdrop; backdrops stack and\n * persist, so each deeper level dims its parent further. Closes on the header button, its own\n * backdrop, or Escape.\n */\nexport const ObjectFieldPanel = ({\n    open,\n    onClose,\n    title,\n    depth,\n    children\n}: ObjectFieldPanelProps) => {\n    const [host] = useState<HTMLElement | null>(() =>\n        typeof document !== \"undefined\"\n            ? document.querySelector<HTMLElement>(ANCHOR_SELECTOR)\n            : null\n    );\n    const [rendered, setRendered] = useState(open);\n    const [entered, setEntered] = useState(false);\n\n    // Mount on open; on close, play the exit transition (slide out + fade out) before unmounting.\n    useEffect(() => {\n        if (open) {\n            setRendered(true);\n            return;\n        }\n        setEntered(false);\n        const timeout = setTimeout(() => setRendered(false), TRANSITION_MS);\n        return () => clearTimeout(timeout);\n    }, [open]);\n\n    // Enter transition: once mounted and open, flip to the on-screen state after the browser paints\n    // the initial off-screen / transparent state. A double rAF guarantees that first paint.\n    useEffect(() => {\n        if (!rendered || !open) {\n            return;\n        }\n        let inner = 0;\n        const outer = requestAnimationFrame(() => {\n            inner = requestAnimationFrame(() => setEntered(true));\n        });\n        return () => {\n            cancelAnimationFrame(outer);\n            cancelAnimationFrame(inner);\n        };\n    }, [rendered, open]);\n\n    useEffect(() => {\n        if (!open) {\n            return;\n        }\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (event.key === \"Escape\") {\n                onClose();\n            }\n        };\n        window.addEventListener(\"keydown\", onKeyDown);\n        return () => window.removeEventListener(\"keydown\", onKeyDown);\n    }, [open, onClose]);\n\n    if (!rendered || !host) {\n        return null;\n    }\n\n    const panelZIndex = Z_BASE + depth * 2;\n    const panelWidth = PANEL_WIDTH - depth * NEST_INSET;\n\n    return createPortal(\n        <>\n            <div\n                className={\"absolute top-0 bottom-0 left-0\"}\n                style={{\n                    width: \"50%\",\n                    backgroundColor: \"rgba(25, 28, 32, 0.2)\",\n                    zIndex: panelZIndex - 1,\n                    opacity: entered ? 1 : 0,\n                    transition: \"opacity 200ms ease\"\n                }}\n                onClick={onClose}\n            />\n            <div\n                className={\"absolute top-0 bottom-0 right-0 flex shadow-lg\"}\n                style={{\n                    width: panelWidth,\n                    zIndex: panelZIndex,\n                    transform: entered ? \"translateX(0)\" : \"translateX(100%)\",\n                    transition: \"transform 250ms ease\"\n                }}\n            >\n                <div className={\"w-px h-full shrink-0 bg-neutral-dimmed\"} />\n                <div className={\"flex flex-col flex-1 min-w-0 bg-neutral-base\"}>\n                    <div className={\"flex items-center justify-between gap-sm px-md py-md\"}>\n                        <Text size={\"md\"} className={\"font-semibold truncate text-neutral-primary\"}>\n                            {title}\n                        </Text>\n                        <Button\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            icon={<CloseIcon />}\n                            onClick={onClose}\n                        />\n                    </div>\n                    <div className={\"flex-1 overflow-y-auto p-md\"}>\n                        <DrawerDepthContext.Provider value={depth + 1}>\n                            <div className={\"flex flex-col gap-md\"}>{children}</div>\n                        </DrawerDepthContext.Provider>\n                    </div>\n                </div>\n            </div>\n        </>,\n        host\n    );\n};\n"],"names":["PANEL_WIDTH","NEST_INSET","TRANSITION_MS","ANCHOR_SELECTOR","Z_BASE","ObjectFieldPanel","open","onClose","title","depth","children","host","useState","document","rendered","setRendered","entered","setEntered","useEffect","timeout","setTimeout","clearTimeout","inner","outer","requestAnimationFrame","cancelAnimationFrame","onKeyDown","event","window","panelZIndex","panelWidth","createPortal","Text","Button","CloseIcon","DrawerDepthContext"],"mappings":";;;;;AAUA,MAAMA,cAAc;AAMpB,MAAMC,aAAa;AAMnB,MAAMC,gBAAgB;AAMtB,MAAMC,kBAAkB;AAOxB,MAAMC,SAAS;AAiBR,MAAMC,mBAAmB,CAAC,EAC7BC,IAAI,EACJC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACY;IACpB,MAAM,CAACC,KAAK,GAAGC,SAA6B,IACxC,AAAoB,MAApB,OAAOC,WACDA,SAAS,aAAa,CAAcV,mBACpC;IAEV,MAAM,CAACW,UAAUC,YAAY,GAAGH,SAASN;IACzC,MAAM,CAACU,SAASC,WAAW,GAAGL,SAAS;IAGvCM,UAAU;QACN,IAAIZ,MAAM,YACNS,YAAY;QAGhBE,WAAW;QACX,MAAME,UAAUC,WAAW,IAAML,YAAY,QAAQb;QACrD,OAAO,IAAMmB,aAAaF;IAC9B,GAAG;QAACb;KAAK;IAITY,UAAU;QACN,IAAI,CAACJ,YAAY,CAACR,MACd;QAEJ,IAAIgB,QAAQ;QACZ,MAAMC,QAAQC,sBAAsB;YAChCF,QAAQE,sBAAsB,IAAMP,WAAW;QACnD;QACA,OAAO;YACHQ,qBAAqBF;YACrBE,qBAAqBH;QACzB;IACJ,GAAG;QAACR;QAAUR;KAAK;IAEnBY,UAAU;QACN,IAAI,CAACZ,MACD;QAEJ,MAAMoB,YAAY,CAACC;YACf,IAAIA,AAAc,aAAdA,MAAM,GAAG,EACTpB;QAER;QACAqB,OAAO,gBAAgB,CAAC,WAAWF;QACnC,OAAO,IAAME,OAAO,mBAAmB,CAAC,WAAWF;IACvD,GAAG;QAACpB;QAAMC;KAAQ;IAElB,IAAI,CAACO,YAAY,CAACH,MACd,OAAO;IAGX,MAAMkB,cAAczB,SAASK,AAAQ,IAARA;IAC7B,MAAMqB,aAAa9B,cAAcS,QAAQR;IAEzC,OAAO,WAAP,GAAO8B,aAAa,WAADA,GACf,wDACI,oBAAC;QACG,WAAW;QACX,OAAO;YACH,OAAO;YACP,iBAAiB;YACjB,QAAQF,cAAc;YACtB,SAASb,UAAU,IAAI;YACvB,YAAY;QAChB;QACA,SAAST;sBAEb,oBAAC;QACG,WAAW;QACX,OAAO;YACH,OAAOuB;YACP,QAAQD;YACR,WAAWb,UAAU,kBAAkB;YACvC,YAAY;QAChB;qBAEA,oBAAC;QAAI,WAAW;sBAChB,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACgB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBxB,QAAAA,WAAAA,GAEL,oBAACyB,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAASA;QAChB,SAAS3B;uBAGjB,oBAAC;QAAI,WAAW;qBACZ,oBAAC4B,mBAAmB,QAAQ;QAAC,OAAO1B,QAAQ;qBACxC,oBAAC;QAAI,WAAW;OAAyBC,gBAM7DC;AAER"}

package/inputRenderers/ObjectInput/ObjectInputRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ElementInputRendererProps } from "../../BaseEditor/config/ElementInput.js";
+/**
+ * Renderer for object fields (`Webiny/Object`). Routes to the single or list variant; both recurse
+ * back into the generic `InputField` for their child inputs.
+ */
+export declare const ObjectInputRenderer: ({ node, element, bindings }: ElementInputRendererProps) => React.JSX.Element | null;

package/inputRenderers/ObjectInput/ObjectInputRenderer.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ObjectField } from "../../BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectField.js";
+import { ObjectListField } from "../../BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectListField.js";
+const ObjectInputRenderer = ({ node, element, bindings })=>{
+    if (!node || !element) return null;
+    if (node.list) return /*#__PURE__*/ react.createElement(ObjectListField, {
+        element: element,
+        node: node,
+        bindings: bindings
+    });
+    return /*#__PURE__*/ react.createElement(ObjectField, {
+        element: element,
+        node: node,
+        bindings: bindings
+    });
+};
+export { ObjectInputRenderer };
+
+//# sourceMappingURL=ObjectInputRenderer.js.map

package/inputRenderers/ObjectInput/ObjectInputRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectInputRenderer.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\nimport { ObjectField } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectField.js\";\nimport { ObjectListField } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/ObjectListField.js\";\n\n/**\n * Renderer for object fields (`Webiny/Object`). Routes to the single or list variant; both recurse\n * back into the generic `InputField` for their child inputs.\n */\nexport const ObjectInputRenderer = ({ node, element, bindings }: ElementInputRendererProps) => {\n    if (!node || !element) {\n        return null;\n    }\n\n    if (node.list) {\n        return <ObjectListField element={element} node={node} bindings={bindings} />;\n    }\n\n    return <ObjectField element={element} node={node} bindings={bindings} />;\n};\n"],"names":["ObjectInputRenderer","node","element","bindings","ObjectListField","ObjectField"],"mappings":";;;AASO,MAAMA,sBAAsB,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAA6B;IACtF,IAAI,CAACF,QAAQ,CAACC,SACV,OAAO;IAGX,IAAID,KAAK,IAAI,EACT,OAAO,WAAP,GAAO,oBAACG,iBAAeA;QAAC,SAASF;QAAS,MAAMD;QAAM,UAAUE;;IAGpE,OAAO,WAAP,GAAO,oBAACE,aAAWA;QAAC,SAASH;QAAS,MAAMD;QAAM,UAAUE;;AAChE"}

package/inputRenderers/ObjectInput/ObjectRow.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ObjectRowProps {
+    title: React.ReactNode;
+    onOpen: () => void;
+    actions?: React.ReactNode;
+}
+/**
+ * A clickable row representing an object (a single object field, or one item of a list). Resting,
+ * it shows the title. On hover it tints and reveals its trailing actions (reorder / remove) - rows
+ * without actions (a single object field) just tint.
+ */
+export declare const ObjectRow: ({ title, onOpen, actions }: ObjectRowProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectRow.js

@@ -0,0 +1,28 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const ObjectRow = ({ title, onOpen, actions })=>/*#__PURE__*/ react.createElement("div", {
+        role: "button",
+        tabIndex: 0,
+        onClick: onOpen,
+        onKeyDown: (event)=>{
+            if ("Enter" === event.key || " " === event.key) {
+                event.preventDefault();
+                onOpen();
+            }
+        },
+        style: {
+            height: 40
+        },
+        className: "group flex items-center justify-between gap-xs rounded-md border border-neutral-dimmed-darker px-sm-extra cursor-pointer transition-colors bg-neutral-base hover:bg-neutral-light"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-1 items-center min-w-0"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "truncate text-neutral-strong"
+    }, title)), actions ? /*#__PURE__*/ react.createElement("div", {
+        className: "hidden group-hover:flex items-center gap-xs shrink-0",
+        onClick: (event)=>event.stopPropagation()
+    }, actions) : null);
+export { ObjectRow };
+
+//# sourceMappingURL=ObjectRow.js.map

package/inputRenderers/ObjectInput/ObjectRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectRow.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface ObjectRowProps {\n    title: React.ReactNode;\n    onOpen: () => void;\n    actions?: React.ReactNode;\n}\n\n/**\n * A clickable row representing an object (a single object field, or one item of a list). Resting,\n * it shows the title. On hover it tints and reveals its trailing actions (reorder / remove) - rows\n * without actions (a single object field) just tint.\n */\nexport const ObjectRow = ({ title, onOpen, actions }: ObjectRowProps) => {\n    return (\n        <div\n            role={\"button\"}\n            tabIndex={0}\n            onClick={onOpen}\n            onKeyDown={event => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    onOpen();\n                }\n            }}\n            // Fixed height + vertical centering keeps the row the same height whether or not the\n            // (taller) hover actions are shown.\n            style={{ height: 40 }}\n            className={\n                \"group flex items-center justify-between gap-xs rounded-md border border-neutral-dimmed-darker px-sm-extra cursor-pointer transition-colors bg-neutral-base hover:bg-neutral-light\"\n            }\n        >\n            <div className={\"flex flex-1 items-center min-w-0\"}>\n                <Text size={\"sm\"} className={\"truncate text-neutral-strong\"}>\n                    {title}\n                </Text>\n            </div>\n            {actions ? (\n                <div\n                    className={\"hidden group-hover:flex items-center gap-xs shrink-0\"}\n                    onClick={event => event.stopPropagation()}\n                >\n                    {actions}\n                </div>\n            ) : null}\n        </div>\n    );\n};\n"],"names":["ObjectRow","title","onOpen","actions","event","Text"],"mappings":";;AAcO,MAAMA,YAAY,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAO,EAAkB,GACzD,WAAP,GACI,oBAAC;QACG,MAAM;QACN,UAAU;QACV,SAASD;QACT,WAAWE,CAAAA;YACP,IAAIA,AAAc,YAAdA,MAAM,GAAG,IAAgBA,AAAc,QAAdA,MAAM,GAAG,EAAU;gBAC5CA,MAAM,cAAc;gBACpBF;YACJ;QACJ;QAGA,OAAO;YAAE,QAAQ;QAAG;QACpB,WACI;qBAGJ,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ,SAGRE,UAAU,WAAVA,GACG,oBAAC;QACG,WAAW;QACX,SAASC,CAAAA,QAASA,MAAM,eAAe;OAEtCD,WAEL"}

package/inputRenderers/ObjectInput/ObjectRowActions.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ObjectRowActionsProps {
+    onMoveUp: () => void;
+    onMoveDown: () => void;
+    onRemove: () => void;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+}
+/**
+ * The trailing reorder / remove controls shown on a list item row.
+ */
+export declare const ObjectRowActions: ({ onMoveUp, onMoveDown, onRemove, canMoveUp, canMoveDown }: ObjectRowActionsProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectRowActions.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as keyboard_arrow_up_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_up.svg";
+import { ReactComponent as keyboard_arrow_down_svg_ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+const ObjectRowActions = ({ onMoveUp, onMoveDown, onRemove, canMoveUp, canMoveDown })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_up_svg_ReactComponent, null),
+        disabled: !canMoveUp,
+        onClick: onMoveUp
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(keyboard_arrow_down_svg_ReactComponent, null),
+        disabled: !canMoveDown,
+        onClick: onMoveDown
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: onRemove
+    }));
+export { ObjectRowActions };
+
+//# sourceMappingURL=ObjectRowActions.js.map

package/inputRenderers/ObjectInput/ObjectRowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectRowActions.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectRowActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as MoveUpIcon } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { ReactComponent as MoveDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\n\ninterface ObjectRowActionsProps {\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onRemove: () => void;\n    canMoveUp: boolean;\n    canMoveDown: boolean;\n}\n\n/**\n * The trailing reorder / remove controls shown on a list item row.\n */\nexport const ObjectRowActions = ({\n    onMoveUp,\n    onMoveDown,\n    onRemove,\n    canMoveUp,\n    canMoveDown\n}: ObjectRowActionsProps) => {\n    return (\n        <>\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<MoveUpIcon />}\n                disabled={!canMoveUp}\n                onClick={onMoveUp}\n            />\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<MoveDownIcon />}\n                disabled={!canMoveDown}\n                onClick={onMoveDown}\n            />\n            <Button variant={\"ghost\"} size={\"sm\"} icon={<DeleteIcon />} onClick={onRemove} />\n        </>\n    );\n};\n"],"names":["ObjectRowActions","onMoveUp","onMoveDown","onRemove","canMoveUp","canMoveDown","Button","MoveUpIcon","MoveDownIcon","DeleteIcon"],"mappings":";;;;;AAiBO,MAAMA,mBAAmB,CAAC,EAC7BC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACS,GACb,WAAP,GACI,wDACI,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,sCAAUA;QACjB,UAAU,CAACH;QACX,SAASH;sBAEb,oBAACK,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACE,wCAAYA;QACnB,UAAU,CAACH;QACX,SAASH;sBAEb,oBAACI,QAAMA;QAAC,SAAS;QAAS,MAAM;QAAM,oBAAM,oBAACG,gBAAUA;QAAK,SAASN"}

package/inputRenderers/ObjectInput/index.d.ts

@@ -0,0 +1,7 @@
+export { useDrawerDepth } from "./DrawerDepthContext.js";
+export { ObjectFieldPanel } from "./ObjectFieldPanel.js";
+export { ObjectRow } from "./ObjectRow.js";
+export { ObjectRowActions } from "./ObjectRowActions.js";
+export { ObjectFieldHeader } from "./ObjectFieldHeader.js";
+export { ObjectAddButton } from "./ObjectAddButton.js";
+export { ObjectEmptyState } from "./ObjectEmptyState.js";

package/inputRenderers/ObjectInput/index.js

@@ -0,0 +1,7 @@
+export { useDrawerDepth } from "./DrawerDepthContext.js";
+export { ObjectFieldPanel } from "./ObjectFieldPanel.js";
+export { ObjectRow } from "./ObjectRow.js";
+export { ObjectRowActions } from "./ObjectRowActions.js";
+export { ObjectFieldHeader } from "./ObjectFieldHeader.js";
+export { ObjectAddButton } from "./ObjectAddButton.js";
+export { ObjectEmptyState } from "./ObjectEmptyState.js";

package/inputRenderers/RadioInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
+export declare const RadioInputRenderer: ({ value, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/RadioInput.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { RadioGroup } from "@webiny/admin-ui";
+const RadioInputRenderer = ({ value, onChange, label, ...props })=>{
+    const input = props.input;
+    return /*#__PURE__*/ react.createElement(RadioGroup, {
+        value: value,
+        onChange: (newValue)=>{
+            onChange(({ value })=>{
+                value.set(newValue);
+            });
+        },
+        items: input.options,
+        label: label,
+        description: input.description,
+        note: input.helperText
+    });
+};
+export { RadioInputRenderer };
+
+//# sourceMappingURL=RadioInput.js.map

package/inputRenderers/RadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/RadioInput.js","sources":["../../src/inputRenderers/RadioInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { RadioInput } from \"@webiny/website-builder-sdk\";\n\nexport const RadioInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as RadioInput;\n    return (\n        <RadioGroup\n            value={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            items={input.options}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"names":["RadioInputRenderer","value","onChange","label","props","input","RadioGroup","newValue"],"mappings":";;AAKO,MAAMA,qBAAqB,CAAC,EAC/BC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,OAAO,WAAP,GACI,oBAACE,YAAUA;QACP,OAAOL;QACP,UAAUM,CAAAA;YACNL,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACM;YACd;QACJ;QACA,OAAOF,MAAM,OAAO;QACpB,OAAOF;QACP,aAAaE,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}

package/inputRenderers/SelectInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const SelectInputRenderer: ({ value, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/SelectInput.js

@@ -1,27 +1,23 @@
-import React from "react";
+import react from "react";
 import { Select } from "@webiny/admin-ui";
-export const SelectInputRenderer = ({
-  value,
-  onChange,
-  label,
-  ...props
-}) => {
-  const input = props.input;
-  return /*#__PURE__*/React.createElement(Select, {
-    value: value,
-    onChange: newValue => {
-      onChange(({
-        value
-      }) => {
-        value.set(newValue);
-      });
-    },
-    displayResetAction: input.showResetAction !== false,
-    options: input.options,
-    label: label,
-    description: input.description,
-    note: input.helperText
-  });
+const SelectInputRenderer = ({ value, onChange, label, ...props })=>{
+    const input = props.input;
+    return /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        variant: "secondary",
+        value: value,
+        onChange: (newValue)=>{
+            onChange(({ value })=>{
+                value.set(newValue);
+            });
+        },
+        displayResetAction: false !== input.showResetAction,
+        options: input.options,
+        label: label,
+        description: input.description,
+        note: input.helperText
+    });
 };
+export { SelectInputRenderer };
 
 //# sourceMappingURL=SelectInput.js.map

package/inputRenderers/SelectInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectInputRenderer","value","onChange","label","props","input","createElement","newValue","set","displayResetAction","showResetAction","options","description","note","helperText"],"sources":["SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport type { SelectInput } from \"@webiny/website-builder-sdk\";\n\nexport const SelectInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as SelectInput;\n    return (\n        <Select\n            value={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            displayResetAction={input.showResetAction !== false}\n            options={input.options}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAIzC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAoB;EACxC,oBACIP,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACHE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEK,QAAQ,IAAI;MAClBL,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,kBAAkB,EAAEJ,KAAK,CAACK,eAAe,KAAK,KAAM;IACpDC,OAAO,EAAEN,KAAK,CAACM,OAAQ;IACvBR,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEP,KAAK,CAACO,WAAY;IAC/BC,IAAI,EAAER,KAAK,CAACS;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"inputRenderers/SelectInput.js","sources":["../../src/inputRenderers/SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { SelectInput } from \"@webiny/website-builder-sdk\";\n\nexport const SelectInputRenderer = ({\n    value,\n    onChange,\n    label,\n    ...props\n}: ElementInputRendererProps) => {\n    const input = props.input as SelectInput;\n    return (\n        <Select\n            size={\"md\"}\n            variant={\"secondary\"}\n            value={value}\n            onChange={newValue => {\n                onChange(({ value }) => {\n                    value.set(newValue);\n                });\n            }}\n            displayResetAction={input.showResetAction !== false}\n            options={input.options}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"names":["SelectInputRenderer","value","onChange","label","props","input","Select","newValue"],"mappings":";;AAKO,MAAMA,sBAAsB,CAAC,EAChCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,MAAM;QACN,SAAS;QACT,OAAOL;QACP,UAAUM,CAAAA;YACNL,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACM;YACd;QACJ;QACA,oBAAoBF,AAA0B,UAA1BA,MAAM,eAAe;QACzC,SAASA,MAAM,OAAO;QACtB,OAAOF;QACP,aAAaE,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}

package/inputRenderers/SlotInput.js

@@ -1,5 +1,4 @@
-export const SlotInputRenderer = () => {
-  return null;
-};
+const SlotInputRenderer = ()=>null;
+export { SlotInputRenderer };
 
 //# sourceMappingURL=SlotInput.js.map

package/inputRenderers/SlotInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["SlotInputRenderer"],"sources":["SlotInput.tsx"],"sourcesContent":["export const SlotInputRenderer = () => {\n    return null;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB,GAAGA,CAAA,KAAM;EACnC,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"inputRenderers/SlotInput.js","sources":["../../src/inputRenderers/SlotInput.tsx"],"sourcesContent":["export const SlotInputRenderer = () => {\n    return null;\n};\n"],"names":["SlotInputRenderer"],"mappings":"AAAO,MAAMA,oBAAoB,IACtB"}

package/inputRenderers/TagsInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
+export declare const TagsInputRenderer: ({ value, onChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TagsInput.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { Tags } from "@webiny/admin-ui";
+const TagsInputRenderer = ({ value, onChange, input, label })=>{
+    const commitValue = (newValue)=>{
+        onChange(({ value })=>{
+            value.set(newValue);
+        });
+    };
+    return /*#__PURE__*/ react.createElement(Tags, {
+        size: "md",
+        variant: "secondary",
+        value: Array.isArray(value) ? value : [],
+        onChange: commitValue,
+        placeholder: "Add values",
+        label: label,
+        description: input.description,
+        note: input.helperText
+    });
+};
+export { TagsInputRenderer };
+
+//# sourceMappingURL=TagsInput.js.map

package/inputRenderers/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/TagsInput.js","sources":["../../src/inputRenderers/TagsInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TagsInputRenderer = ({ value, onChange, input, label }: ElementInputRendererProps) => {\n    const commitValue = (newValue: string[]) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Tags\n            size={\"md\"}\n            variant={\"secondary\"}\n            value={Array.isArray(value) ? value : []}\n            onChange={commitValue}\n            placeholder={\"Add values\"}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"names":["TagsInputRenderer","value","onChange","input","label","commitValue","newValue","Tags","Array"],"mappings":";;AAIO,MAAMA,oBAAoB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAA6B;IAC1F,MAAMC,cAAc,CAACC;QACjBJ,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACK;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACC,MAAIA;QACD,MAAM;QACN,SAAS;QACT,OAAOC,MAAM,OAAO,CAACP,SAASA,QAAQ,EAAE;QACxC,UAAUI;QACV,aAAa;QACb,OAAOD;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}

package/inputRenderers/TextInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const TextInputRenderer: ({ value, onChange, onPreviewChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TextInput.js

@@ -1,35 +1,28 @@
-import React from "react";
+import react from "react";
 import { Input } from "@webiny/admin-ui";
-export const TextInputRenderer = ({
-  value,
-  onChange,
-  onPreviewChange,
-  input,
-  label
-}) => {
-  const commitValue = newValue => {
-    onChange(({
-      value
-    }) => {
-      value.set(newValue);
+const TextInputRenderer = ({ value, onChange, onPreviewChange, input, label })=>{
+    const commitValue = (newValue)=>{
+        onChange(({ value })=>{
+            value.set(newValue);
+        });
+    };
+    const previewValue = (newValue)=>{
+        onPreviewChange(({ value })=>{
+            value.set(newValue);
+        });
+    };
+    return /*#__PURE__*/ react.createElement(Input, {
+        size: "md",
+        variant: "secondary",
+        value: value,
+        onChange: previewValue,
+        onBlur: (e)=>commitValue(e.currentTarget.value),
+        onEnter: (e)=>commitValue(e.currentTarget.value),
+        label: label,
+        hint: input.description,
+        note: input.helperText
     });
-  };
-  const previewValue = newValue => {
-    onPreviewChange(({
-      value
-    }) => {
-      value.set(newValue);
-    });
-  };
-  return /*#__PURE__*/React.createElement(Input, {
-    value: value,
-    onChange: previewValue,
-    onBlur: e => commitValue(e.currentTarget.value),
-    onEnter: e => commitValue(e.currentTarget.value),
-    label: label,
-    description: input.description,
-    note: input.helperText
-  });
 };
+export { TextInputRenderer };
 
 //# sourceMappingURL=TextInput.js.map

package/inputRenderers/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Input","TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","onEnter","description","note","helperText"],"sources":["TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Input\n            value={value}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            onEnter={e => commitValue(e.currentTarget.value)}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAGxC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,KAAK;IACFE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDa,OAAO,EAAEF,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IACjDI,KAAK,EAAEA,KAAM;IACbU,WAAW,EAAEX,KAAK,CAACW,WAAY;IAC/BC,IAAI,EAAEZ,KAAK,CAACa;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"inputRenderers/TextInput.js","sources":["../../src/inputRenderers/TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Input\n            size={\"md\"}\n            variant={\"secondary\"}\n            value={value}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            onEnter={e => commitValue(e.currentTarget.value)}\n            label={label}\n            hint={input.description}\n            note={input.helperText}\n        />\n    );\n};\n"],"names":["TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","previewValue","Input","e"],"mappings":";;AAIO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,cAAc,CAACC;QACjBL,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,MAAMC,eAAe,CAACD;QAClBJ,gBAAgB,CAAC,EAAEF,KAAK,EAAE;YACtBA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,OAAKA;QACF,MAAM;QACN,SAAS;QACT,OAAOR;QACP,UAAUO;QACV,QAAQE,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC9C,SAASA,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC/C,OAAOL;QACP,MAAMD,MAAM,WAAW;QACvB,MAAMA,MAAM,UAAU;;AAGlC"}

package/inputRenderers/TextareaInput.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const TextareaInputRenderer: ({ value, onChange, onPreviewChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TextareaInput.js

@@ -1,35 +1,28 @@
-import React from "react";
+import react from "react";
 import { Textarea } from "@webiny/admin-ui";
-export const TextareaInputRenderer = ({
-  value,
-  onChange,
-  onPreviewChange,
-  input,
-  label
-}) => {
-  const commitValue = newValue => {
-    onChange(({
-      value
-    }) => {
-      value.set(newValue);
+const TextareaInputRenderer = ({ value, onChange, onPreviewChange, input, label })=>{
+    const commitValue = (newValue)=>{
+        onChange(({ value })=>{
+            value.set(newValue);
+        });
+    };
+    const previewValue = (newValue)=>{
+        onPreviewChange(({ value })=>{
+            value.set(newValue);
+        });
+    };
+    return /*#__PURE__*/ react.createElement(Textarea, {
+        size: "md",
+        variant: "secondary",
+        value: value || "",
+        onChange: previewValue,
+        onBlur: (e)=>commitValue(e.currentTarget.value),
+        label: label,
+        description: input.description,
+        note: input.helperText,
+        rows: 10
     });
-  };
-  const previewValue = newValue => {
-    onPreviewChange(({
-      value
-    }) => {
-      value.set(newValue);
-    });
-  };
-  return /*#__PURE__*/React.createElement(Textarea, {
-    value: value || "",
-    onChange: previewValue,
-    onBlur: e => commitValue(e.currentTarget.value),
-    label: label,
-    description: input.description,
-    note: input.helperText,
-    rows: 10
-  });
 };
+export { TextareaInputRenderer };
 
 //# sourceMappingURL=TextareaInput.js.map

package/inputRenderers/TextareaInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Textarea","TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","description","note","helperText","rows"],"sources":["TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextareaInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Textarea\n            value={value || \"\"}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n            rows={10}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,QAAQ;IACLE,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDI,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEV,KAAK,CAACU,WAAY;IAC/BC,IAAI,EAAEX,KAAK,CAACY,UAAW;IACvBC,IAAI,EAAE;EAAG,CACZ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"inputRenderers/TextareaInput.js","sources":["../../src/inputRenderers/TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextareaInputRenderer = ({\n    value,\n    onChange,\n    onPreviewChange,\n    input,\n    label\n}: ElementInputRendererProps) => {\n    const commitValue = (newValue: string) => {\n        onChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    const previewValue = (newValue: string) => {\n        onPreviewChange(({ value }) => {\n            value.set(newValue);\n        });\n    };\n\n    return (\n        <Textarea\n            size={\"md\"}\n            variant={\"secondary\"}\n            value={value || \"\"}\n            onChange={previewValue}\n            onBlur={e => commitValue(e.currentTarget.value)}\n            label={label}\n            description={input.description}\n            note={input.helperText}\n            rows={10}\n        />\n    );\n};\n"],"names":["TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","previewValue","Textarea","e"],"mappings":";;AAIO,MAAMA,wBAAwB,CAAC,EAClCC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,cAAc,CAACC;QACjBL,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,MAAMC,eAAe,CAACD;QAClBJ,gBAAgB,CAAC,EAAEF,KAAK,EAAE;YACtBA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,MAAM;QACN,SAAS;QACT,OAAOR,SAAS;QAChB,UAAUO;QACV,QAAQE,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC9C,OAAOL;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;QACtB,MAAM;;AAGlB"}

package/inputRenderers/assets/grid-12.js

@@ -0,0 +1,22 @@
+import __rslib_svgr_url__0__ from "../../static/svg/grid-12.e632118c.svg";
+import * as __rspack_external_react from "react";
+const SvgGrid12 = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 74,
+        height: 37,
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd",
+        stroke: "#00CCB0"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M.5.5h73v36H.5z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#FDC5B4",
+        d: "M5.5 5.5h63v26h-63z"
+    })));
+const grid_12 = __rslib_svgr_url__0__;
+export default grid_12;
+export { SvgGrid12 as ReactComponent };
+
+//# sourceMappingURL=grid-12.js.map

package/inputRenderers/assets/grid-12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/assets/grid-12.js","sources":["../../../src/inputRenderers/assets/grid-12.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgGrid12 = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={74} height={37} {...props}><g fill=\"none\" fillRule=\"evenodd\" stroke=\"#00CCB0\"><path d=\"M.5.5h73v36H.5z\" /><path fill=\"#FDC5B4\" d=\"M5.5 5.5h63v26h-63z\" /></g></svg>;\nexport { SvgGrid12 as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/grid-12.e632118c.svg\";"],"names":["SvgGrid12","props"],"mappings":";;AACA,MAAMA,YAAYC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAK,GAAGA,KAAK;qBAAE,sCAAC;QAAE,MAAK;QAAO,UAAS;QAAU,QAAO;qBAAU,sCAAC;QAAK,GAAE;sBAAoB,sCAAC;QAAK,MAAK;QAAU,GAAE;;AAE3M"}