@webiny/app-website-builder 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/inputRenderers/ObjectInput/ObjectAddButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectAddButton.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectAddButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface ObjectAddButtonProps {\n    text?: string;\n    onClick: () => void;\n}\n\n/**\n * The \"Add\" button shown below a list of object rows.\n */\nexport const ObjectAddButton = ({ text = \"Add\", onClick }: ObjectAddButtonProps) => {\n    return (\n        <div>\n            <Button\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n                text={text}\n                onClick={onClick}\n            />\n        </div>\n    );\n};\n"],"names":["ObjectAddButton","text","onClick","Button","AddIcon"],"mappings":";;;AAYO,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,KAAK,EAAEC,OAAO,EAAwB,GACpE,WAAP,GACI,oBAAC,2BACG,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAOA;QACd,MAAMH;QACN,SAASC"}

package/inputRenderers/ObjectInput/ObjectEmptyState.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ObjectEmptyStateProps {
+    text?: string;
+    addText?: string;
+    onAdd: () => void;
+}
+/**
+ * The empty placeholder shown when a list object field has no items yet.
+ */
+export declare const ObjectEmptyState: ({ text, addText, onAdd }: ObjectEmptyStateProps) => React.JSX.Element;
+export {};

package/inputRenderers/ObjectInput/ObjectEmptyState.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { Button, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+const ObjectEmptyState = ({ text = "Add your first item here", addText = "Add", onAdd })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center gap-sm rounded-md border border-dashed border-neutral-dimmed px-sm py-lg"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, text), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        text: addText,
+        onClick: onAdd
+    }));
+export { ObjectEmptyState };
+
+//# sourceMappingURL=ObjectEmptyState.js.map

package/inputRenderers/ObjectInput/ObjectEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectEmptyState.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectEmptyState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface ObjectEmptyStateProps {\n    text?: string;\n    addText?: string;\n    onAdd: () => void;\n}\n\n/**\n * The empty placeholder shown when a list object field has no items yet.\n */\nexport const ObjectEmptyState = ({\n    text = \"Add your first item here\",\n    addText = \"Add\",\n    onAdd\n}: ObjectEmptyStateProps) => {\n    return (\n        <div\n            className={\n                \"flex flex-col items-center justify-center gap-sm rounded-md border border-dashed border-neutral-dimmed px-sm py-lg\"\n            }\n        >\n            <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                {text}\n            </Text>\n            <Button\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n                text={addText}\n                onClick={onAdd}\n            />\n        </div>\n    );\n};\n"],"names":["ObjectEmptyState","text","addText","onAdd","Text","Button","AddIcon"],"mappings":";;;AAaO,MAAMA,mBAAmB,CAAC,EAC7BC,OAAO,0BAA0B,EACjCC,UAAU,KAAK,EACfC,KAAK,EACe,GACb,WAAP,GACI,oBAAC;QACG,WACI;qBAGJ,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBH,OAAAA,WAAAA,GAEL,oBAACI,QAAMA;QACH,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAOA;QACd,MAAMJ;QACN,SAASC"}

package/inputRenderers/ObjectInput/ObjectFieldHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ObjectFieldHeaderProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+/**
+ * The bold field label with its description stacked below it, shown above a list of object rows.
+ */
+export declare const ObjectFieldHeader: ({ label, description }: ObjectFieldHeaderProps) => React.JSX.Element | null;
+export {};

package/inputRenderers/ObjectInput/ObjectFieldHeader.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { Label, Text } from "@webiny/admin-ui";
+const ObjectFieldHeader = ({ label, description })=>{
+    if (!label) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col"
+    }, /*#__PURE__*/ react.createElement(Label, {
+        text: label,
+        className: "pb-xs"
+    }), description ? /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "font-normal text-neutral-strong"
+    }, description) : null);
+};
+export { ObjectFieldHeader };
+
+//# sourceMappingURL=ObjectFieldHeader.js.map

package/inputRenderers/ObjectInput/ObjectFieldHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputRenderers/ObjectInput/ObjectFieldHeader.js","sources":["../../../src/inputRenderers/ObjectInput/ObjectFieldHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Label, Text } from \"@webiny/admin-ui\";\n\ninterface ObjectFieldHeaderProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\n/**\n * The bold field label with its description stacked below it, shown above a list of object rows.\n */\nexport const ObjectFieldHeader = ({ label, description }: ObjectFieldHeaderProps) => {\n    if (!label) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex flex-col\"}>\n            <Label text={label} className={\"pb-xs\"} />\n            {description ? (\n                <Text size={\"sm\"} className={\"font-normal text-neutral-strong\"}>\n                    {description}\n                </Text>\n            ) : null}\n        </div>\n    );\n};\n"],"names":["ObjectFieldHeader","label","description","Label","Text"],"mappings":";;AAWO,MAAMA,oBAAoB,CAAC,EAAEC,KAAK,EAAEC,WAAW,EAA0B;IAC5E,IAAI,CAACD,OACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACE,OAAKA;QAAC,MAAMF;QAAO,WAAW;QAC9BC,cAAc,WAAdA,GACG,oBAACE,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBF,eAEL;AAGhB"}

package/inputRenderers/ObjectInput/ObjectFieldPanel.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface ObjectFieldPanelProps {
+    open: boolean;
+    onClose: () => void;
+    title: React.ReactNode;
+    depth: number;
+    children: React.ReactNode;
+}
+/**
+ * A panel holding an object's fields. It is portaled into the editor sidebar and overlays it
+ * (right-aligned, slightly narrower so the backdrop shows as a thin strip on the left). A nested
+ * object opens another, narrower panel over this one with its own backdrop; backdrops stack and
+ * persist, so each deeper level dims its parent further. Closes on the header button, its own
+ * backdrop, or Escape.
+ */
+export declare const ObjectFieldPanel: ({ open, onClose, title, depth, children }: ObjectFieldPanelProps) => React.ReactPortal | null;
+export {};

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.js

@@ -3,6 +3,8 @@ import { Select } from "@webiny/admin-ui";
 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 })=>{

package/inputRenderers/SelectInput.js.map

@@ -1 +1 @@
-{"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            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,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"}
+{"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/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.js

@@ -12,12 +12,14 @@ const TextInputRenderer = ({ value, onChange, onPreviewChange, input, label })=>
         });
     };
     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,
-        description: input.description,
+        hint: input.description,
         note: input.helperText
     });
 };

package/inputRenderers/TextInput.js.map

@@ -1 +1 @@
-{"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            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"],"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,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,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
+{"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.js

@@ -12,6 +12,8 @@ const TextareaInputRenderer = ({ value, onChange, onPreviewChange, input, label
         });
     };
     return /*#__PURE__*/ react.createElement(Textarea, {
+        size: "md",
+        variant: "secondary",
         value: value || "",
         onChange: previewValue,
         onBlur: (e)=>commitValue(e.currentTarget.value),

package/inputRenderers/TextareaInput.js.map

@@ -1 +1 @@
-{"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            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,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"}
+{"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/modules/AbTesting.d.ts

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

package/modules/AbTesting.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { ExperimentsFeature } from "../features/experiments/index.js";
+import { ExperimentsEditorPresenterFeature } from "../presentation/experiments/ExperimentsEditor/index.js";
+import { ExperimentsManagerPresenterFeature } from "../presentation/experiments/ExperimentsManager/index.js";
+import { ExperimentFormPresenterFeature } from "../presentation/experiments/ExperimentForm/index.js";
+import { ExperimentsEditorConfig } from "../presentation/experiments/config/ExperimentsEditorConfig.js";
+const AbTesting = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentsFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentsEditorPresenterFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentsManagerPresenterFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: ExperimentFormPresenterFeature
+    }), /*#__PURE__*/ react.createElement(ExperimentsEditorConfig, null));
+export { AbTesting };
+
+//# sourceMappingURL=AbTesting.js.map

package/modules/AbTesting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/AbTesting.js","sources":["../../src/modules/AbTesting.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { ExperimentsFeature } from \"~/features/experiments/index.js\";\nimport { ExperimentsEditorPresenterFeature } from \"~/presentation/experiments/ExperimentsEditor/index.js\";\nimport { ExperimentsManagerPresenterFeature } from \"~/presentation/experiments/ExperimentsManager/index.js\";\nimport { ExperimentFormPresenterFeature } from \"~/presentation/experiments/ExperimentForm/index.js\";\nimport { ExperimentsEditorConfig } from \"~/presentation/experiments/config/ExperimentsEditorConfig.js\";\n\nexport const AbTesting = () => {\n    return (\n        <>\n            <RegisterFeature feature={ExperimentsFeature} />\n            <RegisterFeature feature={ExperimentsEditorPresenterFeature} />\n            <RegisterFeature feature={ExperimentsManagerPresenterFeature} />\n            <RegisterFeature feature={ExperimentFormPresenterFeature} />\n            <ExperimentsEditorConfig />\n        </>\n    );\n};\n"],"names":["AbTesting","RegisterFeature","ExperimentsFeature","ExperimentsEditorPresenterFeature","ExperimentsManagerPresenterFeature","ExperimentFormPresenterFeature","ExperimentsEditorConfig"],"mappings":";;;;;;;AAQO,MAAMA,YAAY,IACd,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACF,iBAAeA;QAAC,SAASG;sBAC1B,oBAACH,iBAAeA;QAAC,SAASI;sBAC1B,oBAACC,yBAAuBA"}

package/modules/integrations/useIntegrationsDialog.js

@@ -1,20 +1,23 @@
 import react from "react";
 import { useDialogs } from "@webiny/app-admin";
 import { IntegrationsSettings } from "./IntegrationsSettings.js";
-import { useEcommerceApiProvider, useGetEcommerceSettings, useUpdateEcommerceSettings } from "../../features/index.js";
+import { useEcommerceApiProvider } from "../../features/index.js";
+import { useFeature } from "@webiny/app";
 import { useToast } from "@webiny/admin-ui";
+import { GetEcommerceSettingsFeature } from "../../features/ecommerce/settings/getSettings/index.js";
+import { UpdateEcommerceSettingsFeature } from "../../features/ecommerce/settings/updateSettings/index.js";
 const useIntegrationsDialog = ()=>{
     const { showSuccessToast } = useToast();
     const dialogs = useDialogs();
     const provider = useEcommerceApiProvider();
     const manifests = provider.getApiManifests();
-    const { getSettings } = useGetEcommerceSettings();
-    const { updateSettings } = useUpdateEcommerceSettings();
+    const { useCase: getSettings } = useFeature(GetEcommerceSettingsFeature);
+    const { useCase: updateSettings } = useFeature(UpdateEcommerceSettingsFeature);
     const noIntegrations = 0 === manifests.length;
     const showIntegrationsDialog = ()=>{
         dialogs.showDialog({
             title: "Website Builder Integrations",
-            formData: getSettings,
+            formData: ()=>getSettings.execute(),
             description: "Configure your website builder integrations here.",
             acceptLabel: noIntegrations ? null : "Save Settings",
             cancelLabel: noIntegrations ? "Close" : "Cancel",
@@ -22,7 +25,7 @@ const useIntegrationsDialog = ()=>{
                 manifests: manifests
             }),
             onAccept: async (data)=>{
-                await updateSettings(data);
+                await updateSettings.execute(data);
                 showSuccessToast({
                     title: "Success!",
                     description: "Integrations settings were saved successfully.",

package/modules/integrations/useIntegrationsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"modules/integrations/useIntegrationsDialog.js","sources":["../../../src/modules/integrations/useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings.js\";\nimport {\n    useEcommerceApiProvider,\n    useGetEcommerceSettings,\n    useUpdateEcommerceSettings\n} from \"~/features/index.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nexport const useIntegrationsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const provider = useEcommerceApiProvider();\n    const manifests = provider.getApiManifests();\n    const { getSettings } = useGetEcommerceSettings();\n    const { updateSettings } = useUpdateEcommerceSettings();\n\n    const noIntegrations = manifests.length === 0;\n\n    const showIntegrationsDialog = () => {\n        dialogs.showDialog({\n            title: `Website Builder Integrations`,\n            formData: getSettings,\n            description: \"Configure your website builder integrations here.\",\n            acceptLabel: noIntegrations ? null : \"Save Settings\",\n            cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n            content: <IntegrationsSettings manifests={manifests} />,\n            onAccept: async data => {\n                await updateSettings(data);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Integrations settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showIntegrationsDialog };\n};\n"],"names":["useIntegrationsDialog","showSuccessToast","useToast","dialogs","useDialogs","provider","useEcommerceApiProvider","manifests","getSettings","useGetEcommerceSettings","updateSettings","useUpdateEcommerceSettings","noIntegrations","showIntegrationsDialog","IntegrationsSettings","data"],"mappings":";;;;;AAUO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAMC,WAAWC;IACjB,MAAMC,YAAYF,SAAS,eAAe;IAC1C,MAAM,EAAEG,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,iBAAiBL,AAAqB,MAArBA,UAAU,MAAM;IAEvC,MAAMM,yBAAyB;QAC3BV,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,UAAUK;YACV,aAAa;YACb,aAAaI,iBAAiB,OAAO;YACrC,aAAaA,iBAAiB,UAAU;YACxC,SAAS,WAAT,GAAS,oBAACE,sBAAoBA;gBAAC,WAAWP;;YAC1C,UAAU,OAAMQ;gBACZ,MAAML,eAAeK;gBACrBd,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEY;IAAuB;AACpC"}
+{"version":3,"file":"modules/integrations/useIntegrationsDialog.js","sources":["../../../src/modules/integrations/useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings.js\";\nimport { useEcommerceApiProvider } from \"~/features/index.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { GetEcommerceSettingsFeature } from \"~/features/ecommerce/settings/getSettings/index.js\";\nimport { UpdateEcommerceSettingsFeature } from \"~/features/ecommerce/settings/updateSettings/index.js\";\n\nexport const useIntegrationsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const provider = useEcommerceApiProvider();\n    const manifests = provider.getApiManifests();\n    const { useCase: getSettings } = useFeature(GetEcommerceSettingsFeature);\n    const { useCase: updateSettings } = useFeature(UpdateEcommerceSettingsFeature);\n\n    const noIntegrations = manifests.length === 0;\n\n    const showIntegrationsDialog = () => {\n        dialogs.showDialog({\n            title: `Website Builder Integrations`,\n            formData: () => getSettings.execute(),\n            description: \"Configure your website builder integrations here.\",\n            acceptLabel: noIntegrations ? null : \"Save Settings\",\n            cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n            content: <IntegrationsSettings manifests={manifests} />,\n            onAccept: async data => {\n                await updateSettings.execute(data);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Integrations settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showIntegrationsDialog };\n};\n"],"names":["useIntegrationsDialog","showSuccessToast","useToast","dialogs","useDialogs","provider","useEcommerceApiProvider","manifests","getSettings","useFeature","GetEcommerceSettingsFeature","updateSettings","UpdateEcommerceSettingsFeature","noIntegrations","showIntegrationsDialog","IntegrationsSettings","data"],"mappings":";;;;;;;;AASO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAMC,WAAWC;IACjB,MAAMC,YAAYF,SAAS,eAAe;IAC1C,MAAM,EAAE,SAASG,WAAW,EAAE,GAAGC,WAAWC;IAC5C,MAAM,EAAE,SAASC,cAAc,EAAE,GAAGF,WAAWG;IAE/C,MAAMC,iBAAiBN,AAAqB,MAArBA,UAAU,MAAM;IAEvC,MAAMO,yBAAyB;QAC3BX,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,UAAU,IAAMK,YAAY,OAAO;YACnC,aAAa;YACb,aAAaK,iBAAiB,OAAO;YACrC,aAAaA,iBAAiB,UAAU;YACxC,SAAS,WAAT,GAAS,oBAACE,sBAAoBA;gBAAC,WAAWR;;YAC1C,UAAU,OAAMS;gBACZ,MAAML,eAAe,OAAO,CAACK;gBAC7Bf,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEa;IAAuB;AACpC"}

package/modules/shared/FolderCellName.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type FolderTableRow } from "@webiny/app-aco";
+import type { FolderTableRow } from "@webiny/app-aco";
 interface FolderCellNameProps {
     folder: FolderTableRow["data"];
 }