@webiny/app-website-builder 6.3.0-beta.4 → 6.4.0-beta.0

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.js

@@ -1,26 +1,26 @@
 import { IconButton } from "@webiny/admin-ui";
-import { ReactComponent as AddLinkIcon } from "@webiny/icons/add_link.svg";
-import { ReactComponent as RemoveLinkIcon } from "@webiny/icons/link_off.svg";
-import React, { useCallback } from "react";
-const addIcon = /*#__PURE__*/React.createElement(AddLinkIcon, null);
-const removeIcon = /*#__PURE__*/React.createElement(RemoveLinkIcon, null);
-export const WithBindingToggle = ({
-  setBindingType,
-  type,
-  children
-}) => {
-  const onClick = useCallback(() => {
-    setBindingType(type === "static" ? "expression" : "static");
-  }, [type, setBindingType]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "relative"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    className: "absolute right-0",
-    variant: "ghost",
-    size: "sm",
-    icon: type === "static" ? addIcon : removeIcon,
-    onClick: onClick
-  }), children);
+import { ReactComponent } from "@webiny/icons/add_link.svg";
+import { ReactComponent as link_off_svg_ReactComponent } from "@webiny/icons/link_off.svg";
+import react, { useCallback } from "react";
+const addIcon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+const removeIcon = /*#__PURE__*/ react.createElement(link_off_svg_ReactComponent, null);
+const WithBindingToggle = ({ setBindingType, type, children })=>{
+    const onClick = useCallback(()=>{
+        setBindingType("static" === type ? "expression" : "static");
+    }, [
+        type,
+        setBindingType
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        className: "absolute right-0",
+        variant: "ghost",
+        size: "sm",
+        icon: "static" === type ? addIcon : removeIcon,
+        onClick: onClick
+    }), children);
 };
+export { WithBindingToggle };
 
 //# sourceMappingURL=WithBindingToggle.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconButton","ReactComponent","AddLinkIcon","RemoveLinkIcon","React","useCallback","addIcon","createElement","removeIcon","WithBindingToggle","setBindingType","type","children","onClick","className","variant","size","icon"],"sources":["WithBindingToggle.tsx"],"sourcesContent":["import { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddLinkIcon } from \"@webiny/icons/add_link.svg\";\nimport { ReactComponent as RemoveLinkIcon } from \"@webiny/icons/link_off.svg\";\nimport React, { useCallback } from \"react\";\n\ninterface WithBindingToggleProps {\n    type: \"static\" | \"expression\";\n    setBindingType: (value: \"static\" | \"expression\") => void;\n    children: React.ReactNode;\n}\n\nconst addIcon = <AddLinkIcon />;\nconst removeIcon = <RemoveLinkIcon />;\n\nexport const WithBindingToggle = ({ setBindingType, type, children }: WithBindingToggleProps) => {\n    const onClick = useCallback(() => {\n        setBindingType(type === \"static\" ? \"expression\" : \"static\");\n    }, [type, setBindingType]);\n\n    return (\n        <div className={\"relative\"}>\n            <IconButton\n                className={\"absolute right-0\"}\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={type === \"static\" ? addIcon : removeIcon}\n                onClick={onClick}\n            />\n            {children}\n        </div>\n    );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,WAAW,QAAQ,4BAA4B;AAC1E,SAASD,cAAc,IAAIE,cAAc,QAAQ,4BAA4B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAQ1C,MAAMC,OAAO,gBAAGF,KAAA,CAAAG,aAAA,CAACL,WAAW,MAAE,CAAC;AAC/B,MAAMM,UAAU,gBAAGJ,KAAA,CAAAG,aAAA,CAACJ,cAAc,MAAE,CAAC;AAErC,OAAO,MAAMM,iBAAiB,GAAGA,CAAC;EAAEC,cAAc;EAAEC,IAAI;EAAEC;AAAiC,CAAC,KAAK;EAC7F,MAAMC,OAAO,GAAGR,WAAW,CAAC,MAAM;IAC9BK,cAAc,CAACC,IAAI,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;EAC/D,CAAC,EAAE,CAACA,IAAI,EAAED,cAAc,CAAC,CAAC;EAE1B,oBACIN,KAAA,CAAAG,aAAA;IAAKO,SAAS,EAAE;EAAW,gBACvBV,KAAA,CAAAG,aAAA,CAACP,UAAU;IACPc,SAAS,EAAE,kBAAmB;IAC9BC,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAEN,IAAI,KAAK,QAAQ,GAAGL,OAAO,GAAGE,UAAW;IAC/CK,OAAO,EAAEA;EAAQ,CACpB,CAAC,EACDD,QACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.tsx"],"sourcesContent":["import { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddLinkIcon } from \"@webiny/icons/add_link.svg\";\nimport { ReactComponent as RemoveLinkIcon } from \"@webiny/icons/link_off.svg\";\nimport React, { useCallback } from \"react\";\n\ninterface WithBindingToggleProps {\n    type: \"static\" | \"expression\";\n    setBindingType: (value: \"static\" | \"expression\") => void;\n    children: React.ReactNode;\n}\n\nconst addIcon = <AddLinkIcon />;\nconst removeIcon = <RemoveLinkIcon />;\n\nexport const WithBindingToggle = ({ setBindingType, type, children }: WithBindingToggleProps) => {\n    const onClick = useCallback(() => {\n        setBindingType(type === \"static\" ? \"expression\" : \"static\");\n    }, [type, setBindingType]);\n\n    return (\n        <div className={\"relative\"}>\n            <IconButton\n                className={\"absolute right-0\"}\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={type === \"static\" ? addIcon : removeIcon}\n                onClick={onClick}\n            />\n            {children}\n        </div>\n    );\n};\n"],"names":["addIcon","AddLinkIcon","removeIcon","RemoveLinkIcon","WithBindingToggle","setBindingType","type","children","onClick","useCallback","IconButton"],"mappings":";;;;AAWA,MAAMA,UAAU,WAAHA,GAAG,oBAACC,gBAAWA;AAC5B,MAAMC,aAAa,WAAHA,GAAG,oBAACC,6BAAcA;AAE3B,MAAMC,oBAAoB,CAAC,EAAEC,cAAc,EAAEC,IAAI,EAAEC,QAAQ,EAA0B;IACxF,MAAMC,UAAUC,YAAY;QACxBJ,eAAeC,AAAS,aAATA,OAAoB,eAAe;IACtD,GAAG;QAACA;QAAMD;KAAe;IAEzB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACK,YAAUA;QACP,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAMJ,AAAS,aAATA,OAAoBN,UAAUE;QACpC,SAASM;QAEZD;AAGb"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js

@@ -1,28 +1,27 @@
 import { toJS } from "mobx";
-import { BindingsProcessor } from "@webiny/website-builder-sdk";
+import { BindingsProcessor, InheritanceProcessor } from "@webiny/website-builder-sdk";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
 import { useElementInputsAst } from "../../../hooks/useElementInputsAst.js";
-import { InheritanceProcessor } from "@webiny/website-builder-sdk";
-export const useBindingsForElement = elementId => {
-  const {
-    breakpoint,
-    breakpoints
-  } = useBreakpoint();
-  const inputsAst = useElementInputsAst(elementId);
-  return useSelectFromDocument(document => {
-    const bindings = toJS(document.bindings[elementId]) ?? {};
-
-    // Merge element bindings.
-    const breakpointNames = breakpoints.map(bp => bp.name);
-    const bindingsProcessor = new BindingsProcessor(breakpointNames);
-    const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);
-    return {
-      rawBindings: bindings,
-      resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),
-      inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)
-    };
-  }, [elementId, breakpoint.name, breakpoints.length]);
+const useBindingsForElement = (elementId)=>{
+    const { breakpoint, breakpoints } = useBreakpoint();
+    const inputsAst = useElementInputsAst(elementId);
+    return useSelectFromDocument((document)=>{
+        const bindings = toJS(document.bindings[elementId]) ?? {};
+        const breakpointNames = breakpoints.map((bp)=>bp.name);
+        const bindingsProcessor = new BindingsProcessor(breakpointNames);
+        const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);
+        return {
+            rawBindings: bindings,
+            resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),
+            inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)
+        };
+    }, [
+        elementId,
+        breakpoint.name,
+        breakpoints.length
+    ]);
 };
+export { useBindingsForElement };
 
 //# sourceMappingURL=useBindingsForElement.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["toJS","BindingsProcessor","useBreakpoint","useSelectFromDocument","useElementInputsAst","InheritanceProcessor","useBindingsForElement","elementId","breakpoint","breakpoints","inputsAst","document","bindings","breakpointNames","map","bp","name","bindingsProcessor","inheritanceProcessor","rawBindings","resolvedBindings","getBindings","inheritanceMap","getInheritanceMap","length"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n    const { breakpoint, breakpoints } = useBreakpoint();\n    const inputsAst = useElementInputsAst(elementId);\n\n    return useSelectFromDocument(\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n\n            // Merge element bindings.\n            const breakpointNames = breakpoints.map(bp => bp.name);\n            const bindingsProcessor = new BindingsProcessor(breakpointNames);\n            const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n            return {\n                rawBindings: bindings,\n                resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n                inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n            };\n        },\n        [elementId, breakpoint.name, breakpoints.length]\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAO,MAAMC,qBAAqB,GAAIC,SAAiB,IAAK;EACxD,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnD,MAAMQ,SAAS,GAAGN,mBAAmB,CAACG,SAAS,CAAC;EAEhD,OAAOJ,qBAAqB,CACxBQ,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACL,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;;IAEzD;IACA,MAAMM,eAAe,GAAGJ,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;IACtD,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,eAAe,CAAC;IAChE,MAAMK,oBAAoB,GAAG,IAAIb,oBAAoB,CAACQ,eAAe,EAAEH,SAAS,CAAC;IAEjF,OAAO;MACHS,WAAW,EAAEP,QAAQ;MACrBQ,gBAAgB,EAAEH,iBAAiB,CAACI,WAAW,CAACT,QAAQ,EAAEJ,UAAU,CAACQ,IAAI,CAAC;MAC1EM,cAAc,EAAEJ,oBAAoB,CAACK,iBAAiB,CAACX,QAAQ,EAAEJ,UAAU,CAACQ,IAAI;IACpF,CAAC;EACL,CAAC,EACD,CAACT,SAAS,EAAEC,UAAU,CAACQ,IAAI,EAAEP,WAAW,CAACe,MAAM,CACnD,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n    const { breakpoint, breakpoints } = useBreakpoint();\n    const inputsAst = useElementInputsAst(elementId);\n\n    return useSelectFromDocument(\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n\n            // Merge element bindings.\n            const breakpointNames = breakpoints.map(bp => bp.name);\n            const bindingsProcessor = new BindingsProcessor(breakpointNames);\n            const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n            return {\n                rawBindings: bindings,\n                resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n                inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n            };\n        },\n        [elementId, breakpoint.name, breakpoints.length]\n    );\n};\n"],"names":["useBindingsForElement","elementId","breakpoint","breakpoints","useBreakpoint","inputsAst","useElementInputsAst","useSelectFromDocument","document","bindings","toJS","breakpointNames","bp","bindingsProcessor","BindingsProcessor","inheritanceProcessor","InheritanceProcessor"],"mappings":";;;;;AAOO,MAAMA,wBAAwB,CAACC;IAClC,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGC;IACpC,MAAMC,YAAYC,oBAAoBL;IAEtC,OAAOM,sBACHC,CAAAA;QACI,MAAMC,WAAWC,KAAKF,SAAS,QAAQ,CAACP,UAAU,KAAK,CAAC;QAGxD,MAAMU,kBAAkBR,YAAY,GAAG,CAACS,CAAAA,KAAMA,GAAG,IAAI;QACrD,MAAMC,oBAAoB,IAAIC,kBAAkBH;QAChD,MAAMI,uBAAuB,IAAIC,qBAAqBL,iBAAiBN;QAEvE,OAAO;YACH,aAAaI;YACb,kBAAkBI,kBAAkB,WAAW,CAACJ,UAAUP,WAAW,IAAI;YACzE,gBAAgBa,qBAAqB,iBAAiB,CAACN,UAAUP,WAAW,IAAI;QACpF;IACJ,GACA;QAACD;QAAWC,WAAW,IAAI;QAAEC,YAAY,MAAM;KAAC;AAExD"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js

@@ -1,11 +1,12 @@
 import { useMemo } from "react";
 import { useSelectFromEditor } from "../../../hooks/useSelectFromEditor.js";
 import { ElementFactory } from "@webiny/website-builder-sdk";
-export const useElementFactory = () => {
-  const components = useSelectFromEditor(state => {
-    return state.components;
-  });
-  return useMemo(() => new ElementFactory(components), [components]);
+const useElementFactory = ()=>{
+    const components = useSelectFromEditor((state)=>state.components);
+    return useMemo(()=>new ElementFactory(components), [
+        components
+    ]);
 };
+export { useElementFactory };
 
 //# sourceMappingURL=useElementFactory.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useSelectFromEditor","ElementFactory","useElementFactory","components","state"],"sources":["useElementFactory.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport const useElementFactory = () => {\n    const components = useSelectFromEditor(state => {\n        return state.components;\n    });\n\n    return useMemo(() => new ElementFactory(components), [components]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,UAAU,GAAGH,mBAAmB,CAACI,KAAK,IAAI;IAC5C,OAAOA,KAAK,CAACD,UAAU;EAC3B,CAAC,CAAC;EAEF,OAAOJ,OAAO,CAAC,MAAM,IAAIE,cAAc,CAACE,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AACtE,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport const useElementFactory = () => {\n    const components = useSelectFromEditor(state => {\n        return state.components;\n    });\n\n    return useMemo(() => new ElementFactory(components), [components]);\n};\n"],"names":["useElementFactory","components","useSelectFromEditor","state","useMemo","ElementFactory"],"mappings":";;;AAIO,MAAMA,oBAAoB;IAC7B,MAAMC,aAAaC,oBAAoBC,CAAAA,QAC5BA,MAAM,UAAU;IAG3B,OAAOC,QAAQ,IAAM,IAAIC,eAAeJ,aAAa;QAACA;KAAW;AACrE"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js

@@ -1,16 +1,13 @@
-import React from "react";
+import react from "react";
 import { useEditorConfig } from "../../../config/EditorConfig.js";
-const NullRenderer = ({
-  name
-}) => {
-  return /*#__PURE__*/React.createElement("div", null, "Missing renderer \"", name, "\".");
-};
-export const useInputRenderer = name => {
-  const config = useEditorConfig();
-  const renderer = config.inputRenderers.find(renderer => renderer.name === name);
-  return renderer ? renderer.component : () => /*#__PURE__*/React.createElement(NullRenderer, {
-    name: name
-  });
+const NullRenderer = ({ name })=>/*#__PURE__*/ react.createElement("div", null, 'Missing renderer "', name, '".');
+const useInputRenderer = (name)=>{
+    const config = useEditorConfig();
+    const renderer = config.inputRenderers.find((renderer)=>renderer.name === name);
+    return renderer ? renderer.component : ()=>/*#__PURE__*/ react.createElement(NullRenderer, {
+            name: name
+        });
 };
+export { useInputRenderer };
 
 //# sourceMappingURL=useInputRenderer.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEditorConfig","NullRenderer","name","createElement","useInputRenderer","config","renderer","inputRenderers","find","component"],"sources":["useInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEditorConfig } from \"~/BaseEditor/config/EditorConfig.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\n\nconst NullRenderer = ({ name }: { name: string }) => {\n    return <div>Missing renderer &quot;{name}&quot;.</div>;\n};\n\nexport const useInputRenderer = (name: string): React.ComponentType<ElementInputRendererProps> => {\n    const config = useEditorConfig();\n\n    const renderer = config.inputRenderers.find(renderer => renderer.name === name);\n\n    return renderer ? renderer.component : () => <NullRenderer name={name} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAGxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACjD,oBAAOH,KAAA,CAAAI,aAAA,cAAK,qBAAuB,EAACD,IAAI,EAAC,KAAY,CAAC;AAC1D,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAIF,IAAY,IAAqD;EAC9F,MAAMG,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,QAAQ,GAAGD,MAAM,CAACE,cAAc,CAACC,IAAI,CAACF,QAAQ,IAAIA,QAAQ,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/E,OAAOI,QAAQ,GAAGA,QAAQ,CAACG,SAAS,GAAG,mBAAMV,KAAA,CAAAI,aAAA,CAACF,YAAY;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAC7E,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEditorConfig } from \"~/BaseEditor/config/EditorConfig.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\n\nconst NullRenderer = ({ name }: { name: string }) => {\n    return <div>Missing renderer &quot;{name}&quot;.</div>;\n};\n\nexport const useInputRenderer = (name: string): React.ComponentType<ElementInputRendererProps> => {\n    const config = useEditorConfig();\n\n    const renderer = config.inputRenderers.find(renderer => renderer.name === name);\n\n    return renderer ? renderer.component : () => <NullRenderer name={name} />;\n};\n"],"names":["NullRenderer","name","useInputRenderer","config","useEditorConfig","renderer"],"mappings":";;AAIA,MAAMA,eAAe,CAAC,EAAEC,IAAI,EAAoB,GACrC,WAAP,GAAO,oBAAC,aAAI,sBAAwBA,MAAK;AAGtC,MAAMC,mBAAmB,CAACD;IAC7B,MAAME,SAASC;IAEf,MAAMC,WAAWF,OAAO,cAAc,CAAC,IAAI,CAACE,CAAAA,WAAYA,SAAS,IAAI,KAAKJ;IAE1E,OAAOI,WAAWA,SAAS,SAAS,GAAG,kBAAM,oBAACL,cAAYA;YAAC,MAAMC;;AACrE"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.js

@@ -3,196 +3,167 @@ import set from "lodash/set.js";
 import { generateAlphaNumericLowerCaseId } from "@webiny/utils/generateId.js";
 import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
 import { Commands } from "../../../index.js";
-import { functionConverter, InputsBindingsProcessor, StylesBindingsProcessor, createElement } from "@webiny/website-builder-sdk";
-import { executeOnChange, applyAncestorUpdates } from "../../../../editorSdk/utils/executeOnChange.js";
+import { InputsBindingsProcessor, StylesBindingsProcessor, createElement, functionConverter } from "@webiny/website-builder-sdk";
+import { applyAncestorUpdates, executeOnChange } from "../../../../editorSdk/utils/executeOnChange.js";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { useBindingsForElement } from "./useBindingsForElement.js";
 import { useElementInputsAst } from "../../../hooks/useElementInputsAst.js";
 import { BreakpointElementMetadata, ElementMetadata, InputMetadata } from "../../../metadata/index.js";
 import { useElementFactory } from "./useElementFactory.js";
-export class InputValueObject {
-  constructor(value) {
-    this.value = value;
-  }
-  set(value) {
-    this.value = value;
-  }
-  get() {
-    return this.value;
-  }
-  unset() {
-    this.value = undefined;
-  }
+class InputValueObject {
+    constructor(value){
+        this.value = value;
+    }
+    set(value) {
+        this.value = value;
+    }
+    get() {
+        return this.value;
+    }
+    unset() {
+        this.value = void 0;
+    }
 }
 function convertBracketPathToDotPath(path) {
-  return path.replace(/\/(\d+)\//g, ".$1");
+    return path.replace(/\/(\d+)\//g, ".$1");
 }
-
-/**
- * This makes UI interaction smoother (input blur in particular).
- */
-const withTimeout = cb => {
-  return (...args) => {
-    setTimeout(() => {
-      cb(...args);
-    }, 0);
-  };
-};
-export const useInputValue = (elementId, node) => {
-  const {
-    breakpoint,
-    breakpoints
-  } = useBreakpoint();
-  const editor = useDocumentEditor();
-  const inputsAst = useElementInputsAst(elementId);
-  const elementFactory = useElementFactory();
-  const breakpointNames = useMemo(() => breakpoints.map(bp => bp.name), []);
-
-  // These bindings already include per-breakpoint overrides.
-  const {
-    rawBindings,
-    resolvedBindings,
-    inheritanceMap
-  } = useBindingsForElement(elementId);
-  const stylesProcessor = useMemo(() => {
-    return new StylesBindingsProcessor(elementId ?? "", breakpointNames, rawBindings);
-  }, [elementId, rawBindings]);
-  const inputsProcessor = useMemo(() => {
-    return new InputsBindingsProcessor(elementId ?? "", inputsAst, breakpointNames, rawBindings, elementFactory);
-  }, [elementId, rawBindings]);
-
-  // This value is the final calculated breakpoint value.
-  const value = resolvedBindings.inputs[node.path];
-  const inputMetadata = useMemo(() => {
-    let elementMetadata = new ElementMetadata(elementId, rawBindings.metadata);
-    if (node.input.responsive) {
-      elementMetadata = new BreakpointElementMetadata(breakpointNames, breakpoint.name, elementMetadata);
-    }
-    const valueId = value?.id ?? generateAlphaNumericLowerCaseId();
-    return new InputMetadata(valueId, elementMetadata);
-  }, [elementId, breakpoint.name, rawBindings]);
-  const [localState, setLocalValue] = useState();
-  const onChange = useCallback(withTimeout(cb => {
-    const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);
-    const valueObject = new InputValueObject(value);
-    const updaterInput = {
-      value: valueObject,
-      metadata: inputMetadata
+const withTimeout = (cb)=>(...args)=>{
+        setTimeout(()=>{
+            cb(...args);
+        }, 0);
     };
-
-    // Change the input value (and metadata).
-    cb(updaterInput);
-    const valuePath = convertBracketPathToDotPath(node.path);
-    const devFriendlyInputs = set(structuredClone(deepInputs), valuePath, valueObject.get());
-    const devFriendlyStyles = stylesProcessor.toDeepStyles(rawBindings.styles ?? {});
-
-    // Process input's `onChange`.
-    if (node.input.onChange) {
-      const callback = functionConverter.deserialize(
-      // TODO: we know it's a string, but on the frontend it's a function. Fix types.
-      node.input.onChange);
-
-      // Run onChange callback.
-      const publicApi = {
-        inputs: devFriendlyInputs,
-        styles: devFriendlyStyles,
-        createElement: params => {
-          return createElement(params);
+const useInputValue = (elementId, node)=>{
+    const { breakpoint, breakpoints } = useBreakpoint();
+    const editor = useDocumentEditor();
+    const inputsAst = useElementInputsAst(elementId);
+    const elementFactory = useElementFactory();
+    const breakpointNames = useMemo(()=>breakpoints.map((bp)=>bp.name), []);
+    const { rawBindings, resolvedBindings, inheritanceMap } = useBindingsForElement(elementId);
+    const stylesProcessor = useMemo(()=>new StylesBindingsProcessor(elementId ?? "", breakpointNames, rawBindings), [
+        elementId,
+        rawBindings
+    ]);
+    const inputsProcessor = useMemo(()=>new InputsBindingsProcessor(elementId ?? "", inputsAst, breakpointNames, rawBindings, elementFactory), [
+        elementId,
+        rawBindings
+    ]);
+    const value = resolvedBindings.inputs[node.path];
+    const inputMetadata = useMemo(()=>{
+        let elementMetadata = new ElementMetadata(elementId, rawBindings.metadata);
+        if (node.input.responsive) elementMetadata = new BreakpointElementMetadata(breakpointNames, breakpoint.name, elementMetadata);
+        const valueId = value?.id ?? generateAlphaNumericLowerCaseId();
+        return new InputMetadata(valueId, elementMetadata);
+    }, [
+        elementId,
+        breakpoint.name,
+        rawBindings
+    ]);
+    const [localState, setLocalValue] = useState();
+    const onChange = useCallback(withTimeout((cb)=>{
+        const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);
+        const valueObject = new InputValueObject(value);
+        const updaterInput = {
+            value: valueObject,
+            metadata: inputMetadata
+        };
+        cb(updaterInput);
+        const valuePath = convertBracketPathToDotPath(node.path);
+        const devFriendlyInputs = set(structuredClone(deepInputs), valuePath, valueObject.get());
+        const devFriendlyStyles = stylesProcessor.toDeepStyles(rawBindings.styles ?? {});
+        if (node.input.onChange) {
+            const callback = functionConverter.deserialize(node.input.onChange);
+            const publicApi = {
+                inputs: devFriendlyInputs,
+                styles: devFriendlyStyles,
+                createElement: (params)=>createElement(params)
+            };
+            callback(publicApi, {
+                breakpoint: breakpoint.name
+            });
         }
-      };
-
-      // Run input's `onChange` callback.
-      callback(publicApi, {
-        breakpoint: breakpoint.name
-      });
-    }
-
-    // Run manifest.onChange + onDescendantChange on ancestors
-    const ancestorUpdates = executeOnChange({
-      editor,
-      elementId,
-      deepInputs: devFriendlyInputs,
-      action: "update",
-      breakpointNames,
-      baseBreakpoint: breakpoint.name,
-      elementFactory,
-      deepStyles: devFriendlyStyles
-    });
-    editor.updateDocument(document => {
-      const inputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);
-      const styles = stylesProcessor.createUpdate(devFriendlyStyles, breakpoint.name);
-      inputs.applyToDocument(document);
-      styles.applyToDocument(document);
-      inputMetadata.applyToDocument(document);
-      applyAncestorUpdates(document, ancestorUpdates, breakpointNames, breakpoint.name, elementFactory);
-    });
-
-    // Clear local value
-    setLocalValue(undefined);
-  }), [elementId, resolvedBindings, breakpoint]);
-
-  /**
-   * In preview, we do not update the editor document. Instead, we create a patch and send it to the preview app.
-   */
-  const onPreviewChange = useCallback(cb => {
-    const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);
-    const valueObject = new InputValueObject(localState ?? value);
-    const updaterInput = {
-      value: valueObject,
-      metadata: inputMetadata
+        const ancestorUpdates = executeOnChange({
+            editor,
+            elementId,
+            deepInputs: devFriendlyInputs,
+            action: "update",
+            breakpointNames,
+            baseBreakpoint: breakpoint.name,
+            elementFactory,
+            deepStyles: devFriendlyStyles
+        });
+        editor.updateDocument((document)=>{
+            const inputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);
+            const styles = stylesProcessor.createUpdate(devFriendlyStyles, breakpoint.name);
+            inputs.applyToDocument(document);
+            styles.applyToDocument(document);
+            inputMetadata.applyToDocument(document);
+            applyAncestorUpdates(document, ancestorUpdates, breakpointNames, breakpoint.name, elementFactory);
+        });
+        setLocalValue(void 0);
+    }), [
+        elementId,
+        resolvedBindings,
+        breakpoint
+    ]);
+    const onPreviewChange = useCallback((cb)=>{
+        const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);
+        const valueObject = new InputValueObject(localState ?? value);
+        const updaterInput = {
+            value: valueObject,
+            metadata: inputMetadata
+        };
+        cb(updaterInput);
+        const valuePath = convertBracketPathToDotPath(node.path);
+        const devFriendlyInputs = set(structuredClone(deepInputs), valuePath, valueObject.get());
+        setLocalValue({
+            static: valueObject.get()
+        });
+        const updatedInputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);
+        const patch = updatedInputs.createJsonPatch(rawBindings);
+        editor.executeCommand(Commands.PreviewPatchElement, {
+            elementId,
+            patch
+        });
+    }, [
+        elementId,
+        rawBindings,
+        localState
+    ]);
+    const setBindingType = useCallback((type)=>{
+        editor.updateDocument((state)=>{
+            const bindings = state.bindings[elementId];
+            const valueBinding = bindings.inputs[node.path];
+            if ("static" === type) delete valueBinding.expression;
+            else valueBinding.expression = "$noop";
+            state.bindings[elementId] = {
+                ...bindings,
+                inputs: {
+                    ...bindings.inputs,
+                    [node.path]: valueBinding
+                }
+            };
+        });
+    }, [
+        elementId
+    ]);
+    const onReset = useCallback(()=>{
+        onChange(({ value, metadata })=>{
+            value.unset();
+            metadata.unset();
+        });
+    }, [
+        onChange
+    ]);
+    return {
+        value: localState ?? value,
+        metadata: inputMetadata,
+        inheritanceMap: inheritanceMap.inputs[node.path],
+        onReset,
+        onChange,
+        onPreviewChange,
+        setBindingType
     };
-
-    // Change the input value (and metadata).
-    cb(updaterInput);
-    const valuePath = convertBracketPathToDotPath(node.path);
-    const devFriendlyInputs = set(structuredClone(deepInputs), valuePath, valueObject.get());
-    setLocalValue({
-      static: valueObject.get()
-    });
-    const updatedInputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);
-    const patch = updatedInputs.createJsonPatch(rawBindings);
-    editor.executeCommand(Commands.PreviewPatchElement, {
-      elementId,
-      patch
-    });
-  }, [elementId, rawBindings, localState]);
-  const setBindingType = useCallback(type => {
-    editor.updateDocument(state => {
-      const bindings = state.bindings[elementId];
-      const valueBinding = bindings.inputs[node.path];
-      if (type === "static") {
-        // Switching to static bindings means we have to remove the expression binding.
-        delete valueBinding.expression;
-      } else {
-        valueBinding.expression = "$noop";
-      }
-      state.bindings[elementId] = {
-        ...bindings,
-        inputs: {
-          ...bindings.inputs,
-          [node.path]: valueBinding
-        }
-      };
-    });
-  }, [elementId]);
-  const onReset = useCallback(() => {
-    onChange(({
-      value,
-      metadata
-    }) => {
-      value.unset();
-      metadata.unset();
-    });
-  }, [onChange]);
-  return {
-    value: localState ?? value,
-    metadata: inputMetadata,
-    inheritanceMap: inheritanceMap.inputs[node.path],
-    onReset,
-    onChange,
-    onPreviewChange,
-    setBindingType
-  };
 };
+export { InputValueObject, useInputValue };
 
 //# sourceMappingURL=useInputValue.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","useState","set","generateAlphaNumericLowerCaseId","useDocumentEditor","Commands","functionConverter","InputsBindingsProcessor","StylesBindingsProcessor","createElement","executeOnChange","applyAncestorUpdates","useBreakpoint","useBindingsForElement","useElementInputsAst","BreakpointElementMetadata","ElementMetadata","InputMetadata","useElementFactory","InputValueObject","constructor","value","get","unset","undefined","convertBracketPathToDotPath","path","replace","withTimeout","cb","args","setTimeout","useInputValue","elementId","node","breakpoint","breakpoints","editor","inputsAst","elementFactory","breakpointNames","map","bp","name","rawBindings","resolvedBindings","inheritanceMap","stylesProcessor","inputsProcessor","inputs","inputMetadata","elementMetadata","metadata","input","responsive","valueId","id","localState","setLocalValue","onChange","deepInputs","toDeepInputs","valueObject","updaterInput","valuePath","devFriendlyInputs","structuredClone","devFriendlyStyles","toDeepStyles","styles","callback","deserialize","publicApi","params","ancestorUpdates","action","baseBreakpoint","deepStyles","updateDocument","document","createUpdate","applyToDocument","onPreviewChange","static","updatedInputs","patch","createJsonPatch","executeCommand","PreviewPatchElement","setBindingType","type","state","bindings","valueBinding","expression","onReset"],"sources":["useInputValue.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport set from \"lodash/set.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils/generateId.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport type { ValueBinding, CreateElementParams } from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport {\n    functionConverter,\n    InputsBindingsProcessor,\n    StylesBindingsProcessor,\n    createElement\n} from \"@webiny/website-builder-sdk\";\nimport { executeOnChange, applyAncestorUpdates } from \"~/editorSdk/utils/executeOnChange.js\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useBindingsForElement } from \"./useBindingsForElement.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport {\n    BreakpointElementMetadata,\n    ElementMetadata,\n    InputMetadata,\n    type IMetadata\n} from \"~/BaseEditor/metadata/index.js\";\nimport { useElementFactory } from \"./useElementFactory.js\";\n\nexport type OnChangeParams = {\n    value: InputValueObject;\n    metadata: IMetadata;\n};\n\nexport type InputBindingOnChange = (cb: (params: OnChangeParams) => void) => void;\n\nexport class InputValueObject {\n    private value: any;\n\n    constructor(value: any) {\n        this.value = value;\n    }\n\n    set(value: any) {\n        this.value = value;\n    }\n\n    get() {\n        return this.value;\n    }\n\n    unset() {\n        this.value = undefined;\n    }\n}\n\nfunction convertBracketPathToDotPath(path: string): string {\n    return path.replace(/\\/(\\d+)\\//g, \".$1\");\n}\n\n/**\n * This makes UI interaction smoother (input blur in particular).\n */\nconst withTimeout = <T extends (...args: any[]) => unknown>(cb: T): T => {\n    return ((...args: Parameters<T>) => {\n        setTimeout(() => {\n            cb(...args);\n        }, 0);\n    }) as unknown as T;\n};\n\nexport const useInputValue = (elementId: string, node: InputAstNode) => {\n    const { breakpoint, breakpoints } = useBreakpoint();\n    const editor = useDocumentEditor();\n    const inputsAst = useElementInputsAst(elementId);\n    const elementFactory = useElementFactory();\n\n    const breakpointNames = useMemo(() => breakpoints.map(bp => bp.name), []);\n\n    // These bindings already include per-breakpoint overrides.\n    const { rawBindings, resolvedBindings, inheritanceMap } = useBindingsForElement(elementId);\n\n    const stylesProcessor = useMemo(() => {\n        return new StylesBindingsProcessor(elementId ?? \"\", breakpointNames, rawBindings);\n    }, [elementId, rawBindings]);\n\n    const inputsProcessor = useMemo(() => {\n        return new InputsBindingsProcessor(\n            elementId ?? \"\",\n            inputsAst,\n            breakpointNames,\n            rawBindings,\n            elementFactory\n        );\n    }, [elementId, rawBindings]);\n\n    // This value is the final calculated breakpoint value.\n    const value = resolvedBindings.inputs[node.path];\n\n    const inputMetadata = useMemo((): IMetadata => {\n        let elementMetadata: IMetadata = new ElementMetadata(elementId, rawBindings.metadata);\n\n        if (node.input.responsive) {\n            elementMetadata = new BreakpointElementMetadata(\n                breakpointNames,\n                breakpoint.name,\n                elementMetadata\n            );\n        }\n\n        const valueId = value?.id ?? generateAlphaNumericLowerCaseId();\n\n        return new InputMetadata(valueId, elementMetadata);\n    }, [elementId, breakpoint.name, rawBindings]);\n\n    const [localState, setLocalValue] = useState<ValueBinding>();\n\n    const onChange = useCallback(\n        withTimeout((cb: (params: OnChangeParams) => void) => {\n            const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n            const valueObject = new InputValueObject(value);\n\n            const updaterInput = {\n                value: valueObject,\n                metadata: inputMetadata\n            };\n\n            // Change the input value (and metadata).\n            cb(updaterInput);\n\n            const valuePath = convertBracketPathToDotPath(node.path);\n            const devFriendlyInputs = set(\n                structuredClone(deepInputs),\n                valuePath,\n                valueObject.get()\n            );\n\n            const devFriendlyStyles = stylesProcessor.toDeepStyles(rawBindings.styles ?? {});\n\n            // Process input's `onChange`.\n            if (node.input.onChange) {\n                const callback = functionConverter.deserialize(\n                    // TODO: we know it's a string, but on the frontend it's a function. Fix types.\n                    node.input.onChange! as any as string\n                );\n\n                // Run onChange callback.\n                const publicApi = {\n                    inputs: devFriendlyInputs,\n                    styles: devFriendlyStyles,\n                    createElement: (params: CreateElementParams) => {\n                        return createElement(params);\n                    }\n                };\n\n                // Run input's `onChange` callback.\n                callback(publicApi, {\n                    breakpoint: breakpoint.name\n                });\n            }\n\n            // Run manifest.onChange + onDescendantChange on ancestors\n            const ancestorUpdates = executeOnChange({\n                editor,\n                elementId,\n                deepInputs: devFriendlyInputs,\n                action: \"update\",\n                breakpointNames,\n                baseBreakpoint: breakpoint.name,\n                elementFactory,\n                deepStyles: devFriendlyStyles\n            });\n\n            editor.updateDocument(document => {\n                const inputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n                const styles = stylesProcessor.createUpdate(devFriendlyStyles, breakpoint.name);\n\n                inputs.applyToDocument(document);\n                styles.applyToDocument(document);\n\n                inputMetadata.applyToDocument(document);\n\n                applyAncestorUpdates(\n                    document,\n                    ancestorUpdates,\n                    breakpointNames,\n                    breakpoint.name,\n                    elementFactory\n                );\n            });\n\n            // Clear local value\n            setLocalValue(undefined);\n        }),\n        [elementId, resolvedBindings, breakpoint]\n    );\n\n    /**\n     * In preview, we do not update the editor document. Instead, we create a patch and send it to the preview app.\n     */\n    const onPreviewChange = useCallback(\n        (cb: (params: OnChangeParams) => void) => {\n            const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n            const valueObject = new InputValueObject(localState ?? value);\n\n            const updaterInput = {\n                value: valueObject,\n                metadata: inputMetadata\n            };\n\n            // Change the input value (and metadata).\n            cb(updaterInput);\n\n            const valuePath = convertBracketPathToDotPath(node.path);\n            const devFriendlyInputs = set(\n                structuredClone(deepInputs),\n                valuePath,\n                valueObject.get()\n            );\n\n            setLocalValue({ static: valueObject.get() });\n\n            const updatedInputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n            const patch = updatedInputs.createJsonPatch(rawBindings);\n\n            editor.executeCommand(Commands.PreviewPatchElement, { elementId, patch });\n        },\n        [elementId, rawBindings, localState]\n    );\n\n    const setBindingType = useCallback(\n        (type: \"static\" | \"expression\") => {\n            editor.updateDocument(state => {\n                const bindings = state.bindings[elementId];\n                const valueBinding = bindings.inputs![node.path];\n\n                if (type === \"static\") {\n                    // Switching to static bindings means we have to remove the expression binding.\n                    delete valueBinding.expression;\n                } else {\n                    valueBinding.expression = \"$noop\";\n                }\n\n                state.bindings[elementId] = {\n                    ...bindings,\n                    inputs: {\n                        ...bindings.inputs,\n                        [node.path]: valueBinding\n                    }\n                };\n            });\n        },\n        [elementId]\n    );\n\n    const onReset = useCallback(() => {\n        onChange(({ value, metadata }) => {\n            value.unset();\n            metadata.unset();\n        });\n    }, [onChange]);\n\n    return {\n        value: localState ?? value,\n        metadata: inputMetadata,\n        inheritanceMap: inheritanceMap.inputs[node.path],\n        onReset,\n        onChange,\n        onPreviewChange,\n        setBindingType\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport set from \"lodash/set.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils/generateId.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport type { ValueBinding, CreateElementParams } from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport {\n    functionConverter,\n    InputsBindingsProcessor,\n    StylesBindingsProcessor,\n    createElement\n} from \"@webiny/website-builder-sdk\";\nimport { executeOnChange, applyAncestorUpdates } from \"~/editorSdk/utils/executeOnChange.js\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useBindingsForElement } from \"./useBindingsForElement.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport {\n    BreakpointElementMetadata,\n    ElementMetadata,\n    InputMetadata,\n    type IMetadata\n} from \"~/BaseEditor/metadata/index.js\";\nimport { useElementFactory } from \"./useElementFactory.js\";\n\nexport type OnChangeParams = {\n    value: InputValueObject;\n    metadata: IMetadata;\n};\n\nexport type InputBindingOnChange = (cb: (params: OnChangeParams) => void) => void;\n\nexport class InputValueObject {\n    private value: any;\n\n    constructor(value: any) {\n        this.value = value;\n    }\n\n    set(value: any) {\n        this.value = value;\n    }\n\n    get() {\n        return this.value;\n    }\n\n    unset() {\n        this.value = undefined;\n    }\n}\n\nfunction convertBracketPathToDotPath(path: string): string {\n    return path.replace(/\\/(\\d+)\\//g, \".$1\");\n}\n\n/**\n * This makes UI interaction smoother (input blur in particular).\n */\nconst withTimeout = <T extends (...args: any[]) => unknown>(cb: T): T => {\n    return ((...args: Parameters<T>) => {\n        setTimeout(() => {\n            cb(...args);\n        }, 0);\n    }) as unknown as T;\n};\n\nexport const useInputValue = (elementId: string, node: InputAstNode) => {\n    const { breakpoint, breakpoints } = useBreakpoint();\n    const editor = useDocumentEditor();\n    const inputsAst = useElementInputsAst(elementId);\n    const elementFactory = useElementFactory();\n\n    const breakpointNames = useMemo(() => breakpoints.map(bp => bp.name), []);\n\n    // These bindings already include per-breakpoint overrides.\n    const { rawBindings, resolvedBindings, inheritanceMap } = useBindingsForElement(elementId);\n\n    const stylesProcessor = useMemo(() => {\n        return new StylesBindingsProcessor(elementId ?? \"\", breakpointNames, rawBindings);\n    }, [elementId, rawBindings]);\n\n    const inputsProcessor = useMemo(() => {\n        return new InputsBindingsProcessor(\n            elementId ?? \"\",\n            inputsAst,\n            breakpointNames,\n            rawBindings,\n            elementFactory\n        );\n    }, [elementId, rawBindings]);\n\n    // This value is the final calculated breakpoint value.\n    const value = resolvedBindings.inputs[node.path];\n\n    const inputMetadata = useMemo((): IMetadata => {\n        let elementMetadata: IMetadata = new ElementMetadata(elementId, rawBindings.metadata);\n\n        if (node.input.responsive) {\n            elementMetadata = new BreakpointElementMetadata(\n                breakpointNames,\n                breakpoint.name,\n                elementMetadata\n            );\n        }\n\n        const valueId = value?.id ?? generateAlphaNumericLowerCaseId();\n\n        return new InputMetadata(valueId, elementMetadata);\n    }, [elementId, breakpoint.name, rawBindings]);\n\n    const [localState, setLocalValue] = useState<ValueBinding>();\n\n    const onChange = useCallback(\n        withTimeout((cb: (params: OnChangeParams) => void) => {\n            const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n            const valueObject = new InputValueObject(value);\n\n            const updaterInput = {\n                value: valueObject,\n                metadata: inputMetadata\n            };\n\n            // Change the input value (and metadata).\n            cb(updaterInput);\n\n            const valuePath = convertBracketPathToDotPath(node.path);\n            const devFriendlyInputs = set(\n                structuredClone(deepInputs),\n                valuePath,\n                valueObject.get()\n            );\n\n            const devFriendlyStyles = stylesProcessor.toDeepStyles(rawBindings.styles ?? {});\n\n            // Process input's `onChange`.\n            if (node.input.onChange) {\n                const callback = functionConverter.deserialize(\n                    // TODO: we know it's a string, but on the frontend it's a function. Fix types.\n                    node.input.onChange! as any as string\n                );\n\n                // Run onChange callback.\n                const publicApi = {\n                    inputs: devFriendlyInputs,\n                    styles: devFriendlyStyles,\n                    createElement: (params: CreateElementParams) => {\n                        return createElement(params);\n                    }\n                };\n\n                // Run input's `onChange` callback.\n                callback(publicApi, {\n                    breakpoint: breakpoint.name\n                });\n            }\n\n            // Run manifest.onChange + onDescendantChange on ancestors\n            const ancestorUpdates = executeOnChange({\n                editor,\n                elementId,\n                deepInputs: devFriendlyInputs,\n                action: \"update\",\n                breakpointNames,\n                baseBreakpoint: breakpoint.name,\n                elementFactory,\n                deepStyles: devFriendlyStyles\n            });\n\n            editor.updateDocument(document => {\n                const inputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n                const styles = stylesProcessor.createUpdate(devFriendlyStyles, breakpoint.name);\n\n                inputs.applyToDocument(document);\n                styles.applyToDocument(document);\n\n                inputMetadata.applyToDocument(document);\n\n                applyAncestorUpdates(\n                    document,\n                    ancestorUpdates,\n                    breakpointNames,\n                    breakpoint.name,\n                    elementFactory\n                );\n            });\n\n            // Clear local value\n            setLocalValue(undefined);\n        }),\n        [elementId, resolvedBindings, breakpoint]\n    );\n\n    /**\n     * In preview, we do not update the editor document. Instead, we create a patch and send it to the preview app.\n     */\n    const onPreviewChange = useCallback(\n        (cb: (params: OnChangeParams) => void) => {\n            const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n            const valueObject = new InputValueObject(localState ?? value);\n\n            const updaterInput = {\n                value: valueObject,\n                metadata: inputMetadata\n            };\n\n            // Change the input value (and metadata).\n            cb(updaterInput);\n\n            const valuePath = convertBracketPathToDotPath(node.path);\n            const devFriendlyInputs = set(\n                structuredClone(deepInputs),\n                valuePath,\n                valueObject.get()\n            );\n\n            setLocalValue({ static: valueObject.get() });\n\n            const updatedInputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n            const patch = updatedInputs.createJsonPatch(rawBindings);\n\n            editor.executeCommand(Commands.PreviewPatchElement, { elementId, patch });\n        },\n        [elementId, rawBindings, localState]\n    );\n\n    const setBindingType = useCallback(\n        (type: \"static\" | \"expression\") => {\n            editor.updateDocument(state => {\n                const bindings = state.bindings[elementId];\n                const valueBinding = bindings.inputs![node.path];\n\n                if (type === \"static\") {\n                    // Switching to static bindings means we have to remove the expression binding.\n                    delete valueBinding.expression;\n                } else {\n                    valueBinding.expression = \"$noop\";\n                }\n\n                state.bindings[elementId] = {\n                    ...bindings,\n                    inputs: {\n                        ...bindings.inputs,\n                        [node.path]: valueBinding\n                    }\n                };\n            });\n        },\n        [elementId]\n    );\n\n    const onReset = useCallback(() => {\n        onChange(({ value, metadata }) => {\n            value.unset();\n            metadata.unset();\n        });\n    }, [onChange]);\n\n    return {\n        value: localState ?? value,\n        metadata: inputMetadata,\n        inheritanceMap: inheritanceMap.inputs[node.path],\n        onReset,\n        onChange,\n        onPreviewChange,\n        setBindingType\n    };\n};\n"],"names":["InputValueObject","value","undefined","convertBracketPathToDotPath","path","withTimeout","cb","args","setTimeout","useInputValue","elementId","node","breakpoint","breakpoints","useBreakpoint","editor","useDocumentEditor","inputsAst","useElementInputsAst","elementFactory","useElementFactory","breakpointNames","useMemo","bp","rawBindings","resolvedBindings","inheritanceMap","useBindingsForElement","stylesProcessor","StylesBindingsProcessor","inputsProcessor","InputsBindingsProcessor","inputMetadata","elementMetadata","ElementMetadata","BreakpointElementMetadata","valueId","generateAlphaNumericLowerCaseId","InputMetadata","localState","setLocalValue","useState","onChange","useCallback","deepInputs","valueObject","updaterInput","valuePath","devFriendlyInputs","set","structuredClone","devFriendlyStyles","callback","functionConverter","publicApi","params","createElement","ancestorUpdates","executeOnChange","document","inputs","styles","applyAncestorUpdates","onPreviewChange","updatedInputs","patch","Commands","setBindingType","type","state","bindings","valueBinding","onReset","metadata"],"mappings":"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"}