@webiny/app-website-builder 6.0.0-alpha.5 → 6.0.0-rc.0

package/BaseEditor/defaultConfig/DefaultEditorConfig.js

@@ -1,17 +1,17 @@
 import React from "react";
 import { ReactComponent as TouchIcon } from "@webiny/icons/touch_app.svg";
-import { Breadcrumbs } from "./Content/Breadcrumbs";
-import { EditorConfig } from "../config";
-import { InfoMessage } from "./Sidebar/InfoMessage";
-import { StyleSettingsGroup } from "./Sidebar/StyleSettings/StyleSettingsGroup";
-import { StyleProperties } from "./Sidebar/StyleSettings/StyleProperties";
-import { ElementSettingsGroup } from "./Sidebar/ElementSettings/ElementSettingsGroup";
-import { InsertElementsTab } from "./Toolbar/InsertElements/InsertElementsTab";
-import { NavigatorTab } from "./Toolbar/Navigator/NavigatorTab";
-import { CommandHandlers } from "../commandHandlers";
-import { ElementSettings } from "./Sidebar/ElementSettings/ElementSettings";
-import { ElementInputRenderers } from "./ElementInputRenderers";
-import { DocumentPreview } from "./Content/Preview/DocumentPreview";
+import { Breadcrumbs } from "./Content/Breadcrumbs/index.js";
+import { EditorConfig } from "../config/index.js";
+import { InfoMessage } from "./Sidebar/InfoMessage.js";
+import { StyleSettingsGroup } from "./Sidebar/StyleSettings/StyleSettingsGroup.js";
+import { StyleProperties } from "./Sidebar/StyleSettings/StyleProperties.js";
+import { ElementSettingsGroup } from "./Sidebar/ElementSettings/ElementSettingsGroup.js";
+import { InsertElementsTab } from "./Toolbar/InsertElements/InsertElementsTab.js";
+import { NavigatorTab } from "./Toolbar/Navigator/NavigatorTab.js";
+import { CommandHandlers } from "../commandHandlers/index.js";
+import { ElementSettings } from "./Sidebar/ElementSettings/ElementSettings.js";
+import { ElementInputRenderers } from "./ElementInputRenderers.js";
+import { DocumentPreview } from "./Content/Preview/DocumentPreview.js";
 const {
   Ui
 } = EditorConfig;

package/BaseEditor/defaultConfig/DefaultEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","TouchIcon","Breadcrumbs","EditorConfig","InfoMessage","StyleSettingsGroup","StyleProperties","ElementSettingsGroup","InsertElementsTab","NavigatorTab","CommandHandlers","ElementSettings","ElementInputRenderers","DocumentPreview","Ui","ClickToActivate","createElement","NoActiveElement","icon","message","DefaultEditorConfig","memo","Fragment","Content","Element","name","element","Toolbar","group","Sidebar","Group","OnActiveElement","displayName"],"sources":["DefaultEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TouchIcon } from \"@webiny/icons/touch_app.svg\";\nimport { Breadcrumbs } from \"./Content/Breadcrumbs\";\nimport { EditorConfig } from \"~/BaseEditor/config\";\nimport { InfoMessage } from \"./Sidebar/InfoMessage\";\nimport { StyleSettingsGroup } from \"./Sidebar/StyleSettings/StyleSettingsGroup\";\nimport { StyleProperties } from \"./Sidebar/StyleSettings/StyleProperties\";\nimport { ElementSettingsGroup } from \"./Sidebar/ElementSettings/ElementSettingsGroup\";\nimport { InsertElementsTab } from \"./Toolbar/InsertElements/InsertElementsTab\";\nimport { NavigatorTab } from \"./Toolbar/Navigator/NavigatorTab\";\nimport { CommandHandlers } from \"~/BaseEditor/commandHandlers\";\nimport { ElementSettings } from \"./Sidebar/ElementSettings/ElementSettings\";\nimport { ElementInputRenderers } from \"./ElementInputRenderers\";\nimport { DocumentPreview } from \"./Content/Preview/DocumentPreview\";\n\nconst { Ui } = EditorConfig;\n\nconst ClickToActivate = () => {\n    return (\n        <Ui.NoActiveElement>\n            <InfoMessage\n                icon={<TouchIcon />}\n                message={\"Select an element on the canvas to activate this panel.\"}\n            />\n        </Ui.NoActiveElement>\n    );\n};\n\nexport const DefaultEditorConfig = React.memo(() => {\n    return (\n        <>\n            <EditorConfig>\n                <CommandHandlers />\n                <ElementInputRenderers />\n                <Ui.Content.Element name={\"breadcrumbs\"} element={<Breadcrumbs />} />\n                <Ui.Content.Element name={\"preview\"} element={<DocumentPreview />} />\n                <Ui.Toolbar.Element\n                    name={\"insertElements\"}\n                    group={\"tabs\"}\n                    element={<InsertElementsTab />}\n                />\n                <Ui.Toolbar.Element name={\"navigator\"} group={\"tabs\"} element={<NavigatorTab />} />\n                {/* Sidebar Groups */}\n                <Ui.Sidebar.Group name={\"element\"} element={<ElementSettingsGroup />} />\n                <Ui.Sidebar.Group name={\"style\"} element={<StyleSettingsGroup />} />\n                {/* Style Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"styleSettings\"}\n                    group={\"style\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <StyleProperties />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                <Ui.Sidebar.Element\n                    name={\"styleInactive\"}\n                    group={\"style\"}\n                    element={<ClickToActivate />}\n                />\n                {/* Element Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"elementInactive\"}\n                    group={\"element\"}\n                    element={<ClickToActivate />}\n                />\n                {/* This element renders element properties. */}\n                <Ui.Sidebar.Element\n                    name={\"elementSettings\"}\n                    group={\"element\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <ElementSettings />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                {/*<Ui.Sidebar.Element\n                    name={\"stateEditor\"}\n                    group={\"element\"}\n                    element={<DocumentStateEditor />}\n                />*/}\n            </EditorConfig>\n        </>\n    );\n});\n\nDefaultEditorConfig.displayName = \"DefaultEditorConfig\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","TouchIcon","Breadcrumbs","EditorConfig","InfoMessage","StyleSettingsGroup","StyleProperties","ElementSettingsGroup","InsertElementsTab","NavigatorTab","CommandHandlers","ElementSettings","ElementInputRenderers","DocumentPreview","Ui","ClickToActivate","createElement","NoActiveElement","icon","message","DefaultEditorConfig","memo","Fragment","Content","Element","name","element","Toolbar","group","Sidebar","Group","OnActiveElement","displayName"],"sources":["DefaultEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TouchIcon } from \"@webiny/icons/touch_app.svg\";\nimport { Breadcrumbs } from \"./Content/Breadcrumbs/index.js\";\nimport { EditorConfig } from \"~/BaseEditor/config/index.js\";\nimport { InfoMessage } from \"./Sidebar/InfoMessage.js\";\nimport { StyleSettingsGroup } from \"./Sidebar/StyleSettings/StyleSettingsGroup.js\";\nimport { StyleProperties } from \"./Sidebar/StyleSettings/StyleProperties.js\";\nimport { ElementSettingsGroup } from \"./Sidebar/ElementSettings/ElementSettingsGroup.js\";\nimport { InsertElementsTab } from \"./Toolbar/InsertElements/InsertElementsTab.js\";\nimport { NavigatorTab } from \"./Toolbar/Navigator/NavigatorTab.js\";\nimport { CommandHandlers } from \"~/BaseEditor/commandHandlers/index.js\";\nimport { ElementSettings } from \"./Sidebar/ElementSettings/ElementSettings.js\";\nimport { ElementInputRenderers } from \"./ElementInputRenderers.js\";\nimport { DocumentPreview } from \"./Content/Preview/DocumentPreview.js\";\n\nconst { Ui } = EditorConfig;\n\nconst ClickToActivate = () => {\n    return (\n        <Ui.NoActiveElement>\n            <InfoMessage\n                icon={<TouchIcon />}\n                message={\"Select an element on the canvas to activate this panel.\"}\n            />\n        </Ui.NoActiveElement>\n    );\n};\n\nexport const DefaultEditorConfig = React.memo(() => {\n    return (\n        <>\n            <EditorConfig>\n                <CommandHandlers />\n                <ElementInputRenderers />\n                <Ui.Content.Element name={\"breadcrumbs\"} element={<Breadcrumbs />} />\n                <Ui.Content.Element name={\"preview\"} element={<DocumentPreview />} />\n                <Ui.Toolbar.Element\n                    name={\"insertElements\"}\n                    group={\"tabs\"}\n                    element={<InsertElementsTab />}\n                />\n                <Ui.Toolbar.Element name={\"navigator\"} group={\"tabs\"} element={<NavigatorTab />} />\n                {/* Sidebar Groups */}\n                <Ui.Sidebar.Group name={\"element\"} element={<ElementSettingsGroup />} />\n                <Ui.Sidebar.Group name={\"style\"} element={<StyleSettingsGroup />} />\n                {/* Style Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"styleSettings\"}\n                    group={\"style\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <StyleProperties />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                <Ui.Sidebar.Element\n                    name={\"styleInactive\"}\n                    group={\"style\"}\n                    element={<ClickToActivate />}\n                />\n                {/* Element Settings Tab */}\n                <Ui.Sidebar.Element\n                    name={\"elementInactive\"}\n                    group={\"element\"}\n                    element={<ClickToActivate />}\n                />\n                {/* This element renders element properties. */}\n                <Ui.Sidebar.Element\n                    name={\"elementSettings\"}\n                    group={\"element\"}\n                    element={\n                        <Ui.OnActiveElement>\n                            <ElementSettings />\n                        </Ui.OnActiveElement>\n                    }\n                />\n                {/*<Ui.Sidebar.Element\n                    name={\"stateEditor\"}\n                    group={\"element\"}\n                    element={<DocumentStateEditor />}\n                />*/}\n            </EditorConfig>\n        </>\n    );\n});\n\nDefaultEditorConfig.displayName = \"DefaultEditorConfig\";\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/DocumentStateEditor/DocumentStateEditor.js

@@ -3,7 +3,7 @@ import MonacoEditor from "@monaco-editor/react";
 import { Button } from "@webiny/admin-ui";
 import { useDialogs } from "@webiny/app-admin";
 import { Bind } from "@webiny/form";
-import { useDocumentEditor } from "../../../DocumentEditor";
+import { useDocumentEditor } from "../../../DocumentEditor/index.js";
 import { autorun, toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 const monacoOptions = {
@@ -59,7 +59,7 @@ export const DocumentStateEditor = observer(() => {
     });
   };
   return /*#__PURE__*/React.createElement(Button, {
-    className: "wby-absolute wby-bottom-0 wby-w-full",
+    className: "absolute bottom-0 w-full",
     variant: "secondary",
     onClick: openDialog,
     text: "Edit State"

package/BaseEditor/defaultConfig/DocumentStateEditor/DocumentStateEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","MonacoEditor","Button","useDialogs","Bind","useDocumentEditor","autorun","toJS","observer","monacoOptions","minimap","enabled","DialogForm","createElement","name","value","onChange","style","height","language","defaultValue","options","DocumentStateEditor","dialog","editor","state","setState","JSON","stringify","getDocumentState","read","openDialog","showDialog","title","content","key","formData","acceptLabel","cancelLabel","onAccept","updateDocument","document","parse","className","variant","onClick","text"],"sources":["DocumentStateEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { autorun, toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst DialogForm = () => {\n    return (\n        <Bind name={\"state\"}>\n            {({ value, onChange }) => (\n                <div style={{ height: \"60vh\" }}>\n                    <MonacoEditor\n                        language={\"json\"}\n                        defaultValue={value}\n                        options={monacoOptions}\n                        onChange={onChange}\n                    />\n                </div>\n            )}\n        </Bind>\n    );\n};\n\nexport const DocumentStateEditor = observer(() => {\n    const dialog = useDialogs();\n    const editor = useDocumentEditor<EditorDocument>();\n    const [state, setState] = useState(() =>\n        JSON.stringify(toJS(editor.getDocumentState().read().state), null, 2)\n    );\n\n    useEffect(() => {\n        autorun(() => {\n            const state = editor.getDocumentState().read().state;\n            setState(JSON.stringify(toJS(state), null, 2));\n        });\n    }, []);\n\n    const openDialog = () => {\n        dialog.showDialog({\n            title: \"Document State\",\n            content: <DialogForm key={state} />,\n            formData: {\n                state\n            },\n            acceptLabel: \"Save State\",\n            cancelLabel: \"Cancel\",\n            onAccept: ({ state }: GenericFormData) => {\n                editor.updateDocument(document => {\n                    document.state = JSON.parse(state);\n                });\n            }\n        });\n    };\n\n    return (\n        <Button\n            className=\"wby-absolute wby-bottom-0 wby-w-full\"\n            variant=\"secondary\"\n            onClick={openDialog}\n            text=\"Edit State\"\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,iBAAiB;AAC1B,SAASC,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,QAAQ,QAAQ,iBAAiB;AAG1C,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAErD,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACrB,oBACId,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACU,IAAI,EAAE;EAAQ,GACf,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA;IAAKI,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,gBAC3BpB,KAAA,CAAAe,aAAA,CAACZ,YAAY;IACTkB,QAAQ,EAAE,MAAO;IACjBC,YAAY,EAAEL,KAAM;IACpBM,OAAO,EAAEZ,aAAc;IACvBO,QAAQ,EAAEA;EAAS,CACtB,CACA,CAEP,CAAC;AAEf,CAAC;AAED,OAAO,MAAMM,mBAAmB,GAAGd,QAAQ,CAAC,MAAM;EAC9C,MAAMe,MAAM,GAAGpB,UAAU,CAAC,CAAC;EAC3B,MAAMqB,MAAM,GAAGnB,iBAAiB,CAAiB,CAAC;EAClD,MAAM,CAACoB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,QAAQ,CAAC,MAC/B2B,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACiB,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CACxE,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZO,OAAO,CAAC,MAAM;MACV,MAAMmB,KAAK,GAAGD,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK;MACpDC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACkB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,UAAU,GAAGA,CAAA,KAAM;IACrBR,MAAM,CAACS,UAAU,CAAC;MACdC,KAAK,EAAE,gBAAgB;MACvBC,OAAO,eAAEpC,KAAA,CAAAe,aAAA,CAACD,UAAU;QAACuB,GAAG,EAAEV;MAAM,CAAE,CAAC;MACnCW,QAAQ,EAAE;QACNX;MACJ,CAAC;MACDY,WAAW,EAAE,YAAY;MACzBC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAEA,CAAC;QAAEd;MAAuB,CAAC,KAAK;QACtCD,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAAChB,KAAK,GAAGE,IAAI,CAACe,KAAK,CAACjB,KAAK,CAAC;QACtC,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACI3B,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHyC,SAAS,EAAC,sCAAsC;IAChDC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEd,UAAW;IACpBe,IAAI,EAAC;EAAY,CACpB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","MonacoEditor","Button","useDialogs","Bind","useDocumentEditor","autorun","toJS","observer","monacoOptions","minimap","enabled","DialogForm","createElement","name","value","onChange","style","height","language","defaultValue","options","DocumentStateEditor","dialog","editor","state","setState","JSON","stringify","getDocumentState","read","openDialog","showDialog","title","content","key","formData","acceptLabel","cancelLabel","onAccept","updateDocument","document","parse","className","variant","onClick","text"],"sources":["DocumentStateEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport MonacoEditor from \"@monaco-editor/react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind } from \"@webiny/form\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { autorun, toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\n\nconst monacoOptions = { minimap: { enabled: false } };\n\nconst DialogForm = () => {\n    return (\n        <Bind name={\"state\"}>\n            {({ value, onChange }) => (\n                <div style={{ height: \"60vh\" }}>\n                    <MonacoEditor\n                        language={\"json\"}\n                        defaultValue={value}\n                        options={monacoOptions}\n                        onChange={onChange}\n                    />\n                </div>\n            )}\n        </Bind>\n    );\n};\n\nexport const DocumentStateEditor = observer(() => {\n    const dialog = useDialogs();\n    const editor = useDocumentEditor<EditorDocument>();\n    const [state, setState] = useState(() =>\n        JSON.stringify(toJS(editor.getDocumentState().read().state), null, 2)\n    );\n\n    useEffect(() => {\n        autorun(() => {\n            const state = editor.getDocumentState().read().state;\n            setState(JSON.stringify(toJS(state), null, 2));\n        });\n    }, []);\n\n    const openDialog = () => {\n        dialog.showDialog({\n            title: \"Document State\",\n            content: <DialogForm key={state} />,\n            formData: {\n                state\n            },\n            acceptLabel: \"Save State\",\n            cancelLabel: \"Cancel\",\n            onAccept: ({ state }: GenericFormData) => {\n                editor.updateDocument(document => {\n                    document.state = JSON.parse(state);\n                });\n            }\n        });\n    };\n\n    return (\n        <Button\n            className=\"absolute bottom-0 w-full\"\n            variant=\"secondary\"\n            onClick={openDialog}\n            text=\"Edit State\"\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,iBAAiB;AAC1B,SAASC,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,QAAQ,QAAQ,iBAAiB;AAG1C,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAErD,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACrB,oBACId,KAAA,CAAAe,aAAA,CAACT,IAAI;IAACU,IAAI,EAAE;EAAQ,GACf,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA;IAAKI,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,gBAC3BpB,KAAA,CAAAe,aAAA,CAACZ,YAAY;IACTkB,QAAQ,EAAE,MAAO;IACjBC,YAAY,EAAEL,KAAM;IACpBM,OAAO,EAAEZ,aAAc;IACvBO,QAAQ,EAAEA;EAAS,CACtB,CACA,CAEP,CAAC;AAEf,CAAC;AAED,OAAO,MAAMM,mBAAmB,GAAGd,QAAQ,CAAC,MAAM;EAC9C,MAAMe,MAAM,GAAGpB,UAAU,CAAC,CAAC;EAC3B,MAAMqB,MAAM,GAAGnB,iBAAiB,CAAiB,CAAC;EAClD,MAAM,CAACoB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,QAAQ,CAAC,MAC/B2B,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACiB,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CACxE,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZO,OAAO,CAAC,MAAM;MACV,MAAMmB,KAAK,GAAGD,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACL,KAAK;MACpDC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACrB,IAAI,CAACkB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,UAAU,GAAGA,CAAA,KAAM;IACrBR,MAAM,CAACS,UAAU,CAAC;MACdC,KAAK,EAAE,gBAAgB;MACvBC,OAAO,eAAEpC,KAAA,CAAAe,aAAA,CAACD,UAAU;QAACuB,GAAG,EAAEV;MAAM,CAAE,CAAC;MACnCW,QAAQ,EAAE;QACNX;MACJ,CAAC;MACDY,WAAW,EAAE,YAAY;MACzBC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAEA,CAAC;QAAEd;MAAuB,CAAC,KAAK;QACtCD,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAAChB,KAAK,GAAGE,IAAI,CAACe,KAAK,CAACjB,KAAK,CAAC;QACtC,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACI3B,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHyC,SAAS,EAAC,0BAA0B;IACpCC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEd,UAAW;IACpBe,IAAI,EAAC;EAAY,CACpB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/DocumentStateEditor/index.d.ts

@@ -1 +1 @@
-export * from "./DocumentStateEditor";
+export * from "./DocumentStateEditor.js";

package/BaseEditor/defaultConfig/DocumentStateEditor/index.js

@@ -1,3 +1,3 @@
-export * from "./DocumentStateEditor";
+export * from "./DocumentStateEditor.js";
 
 //# sourceMappingURL=index.js.map

package/BaseEditor/defaultConfig/DocumentStateEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DocumentStateEditor\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DocumentStateEditor.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/BaseEditor/defaultConfig/ElementInputRenderers.js

@@ -1,16 +1,16 @@
 import React from "react";
-import { EditorConfig } from "./..";
-import { TextInputRenderer } from "../../inputRenderers/TextInput";
-import { NumberInputRenderer } from "../../inputRenderers/NumberInput";
-import { BooleanInputRenderer } from "../../inputRenderers/BooleanInput";
-import { TextareaInputRenderer } from "../../inputRenderers/TextareaInput";
-import { LexicalInputRenderer } from "../../inputRenderers/LexicalInput/LexicalInput";
-import { DefaultLexicalConfig } from "../../inputRenderers/LexicalInput/DefaultLexicalConfig";
-import { SlotInputRenderer } from "../../inputRenderers/SlotInput";
-import { GridLayoutInputRenderer } from "../../inputRenderers/GridLayoutInput";
-import { SelectInputRenderer } from "../../inputRenderers/SelectInput";
-import { FileInputRenderer } from "../../inputRenderers/FileInput";
-import { FragmentSelectorInputRenderer } from "../../inputRenderers/FragmentSelectorInput";
+import { EditorConfig } from "../index.js";
+import { TextInputRenderer } from "../../inputRenderers/TextInput.js";
+import { NumberInputRenderer } from "../../inputRenderers/NumberInput.js";
+import { BooleanInputRenderer } from "../../inputRenderers/BooleanInput.js";
+import { TextareaInputRenderer } from "../../inputRenderers/TextareaInput.js";
+import { LexicalInputRenderer } from "../../inputRenderers/LexicalInput/LexicalInput.js";
+import { DefaultLexicalConfig } from "../../inputRenderers/LexicalInput/DefaultLexicalConfig.js";
+import { SlotInputRenderer } from "../../inputRenderers/SlotInput.js";
+import { GridLayoutInputRenderer } from "../../inputRenderers/GridLayoutInput.js";
+import { SelectInputRenderer } from "../../inputRenderers/SelectInput.js";
+import { FileInputRenderer } from "../../inputRenderers/FileInput.js";
+import { FragmentSelectorInputRenderer } from "../../inputRenderers/FragmentSelectorInput.js";
 export const ElementInputRenderers = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorConfig.ElementInput.Renderer, {
     name: "Webiny/Slot",

package/BaseEditor/defaultConfig/ElementInputRenderers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","EditorConfig","TextInputRenderer","NumberInputRenderer","BooleanInputRenderer","TextareaInputRenderer","LexicalInputRenderer","DefaultLexicalConfig","SlotInputRenderer","GridLayoutInputRenderer","SelectInputRenderer","FileInputRenderer","FragmentSelectorInputRenderer","ElementInputRenderers","createElement","Fragment","ElementInput","Renderer","name","component"],"sources":["ElementInputRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"~/BaseEditor\";\nimport { TextInputRenderer } from \"~/inputRenderers/TextInput\";\nimport { NumberInputRenderer } from \"~/inputRenderers/NumberInput\";\nimport { BooleanInputRenderer } from \"~/inputRenderers/BooleanInput\";\nimport { TextareaInputRenderer } from \"~/inputRenderers/TextareaInput\";\nimport { LexicalInputRenderer } from \"~/inputRenderers/LexicalInput/LexicalInput\";\nimport { DefaultLexicalConfig } from \"~/inputRenderers/LexicalInput/DefaultLexicalConfig\";\nimport { SlotInputRenderer } from \"~/inputRenderers/SlotInput\";\nimport { GridLayoutInputRenderer } from \"~/inputRenderers/GridLayoutInput\";\nimport { SelectInputRenderer } from \"~/inputRenderers/SelectInput\";\nimport { FileInputRenderer } from \"~/inputRenderers/FileInput\";\nimport { FragmentSelectorInputRenderer } from \"~/inputRenderers/FragmentSelectorInput\";\n\nexport const ElementInputRenderers = () => {\n    return (\n        <>\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Slot\"}\n                component={SlotInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Input\"}\n                component={TextInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Select\"}\n                component={SelectInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Textarea\"}\n                component={TextareaInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Number\"}\n                component={NumberInputRenderer}\n            />\n            {/* Configure Lexical Editor*/}\n            <DefaultLexicalConfig />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Lexical\"}\n                component={LexicalInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Switch\"}\n                component={BooleanInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/GridLayout\"}\n                component={GridLayoutInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FileManager\"}\n                component={FileInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FragmentSelector\"}\n                component={FragmentSelectorInputRenderer}\n            />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,6BAA6B;AAEtC,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,aAAc;IACpBC,SAAS,EAAEX;EAAkB,CAChC,CAAC,eACFR,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,cAAe;IACrBC,SAAS,EAAEjB;EAAkB,CAChC,CAAC,eACFF,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAET;EAAoB,CAClC,CAAC,eACFV,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,iBAAkB;IACxBC,SAAS,EAAEd;EAAsB,CACpC,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEhB;EAAoB,CAClC,CAAC,eAEFH,KAAA,CAAAc,aAAA,CAACP,oBAAoB,MAAE,CAAC,eACxBP,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,gBAAiB;IACvBC,SAAS,EAAEb;EAAqB,CACnC,CAAC,eACFN,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEf;EAAqB,CACnC,CAAC,eACFJ,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,mBAAoB;IAC1BC,SAAS,EAAEV;EAAwB,CACtC,CAAC,eACFT,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,oBAAqB;IAC3BC,SAAS,EAAER;EAAkB,CAChC,CAAC,eACFX,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,yBAA0B;IAChCC,SAAS,EAAEP;EAA8B,CAC5C,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","EditorConfig","TextInputRenderer","NumberInputRenderer","BooleanInputRenderer","TextareaInputRenderer","LexicalInputRenderer","DefaultLexicalConfig","SlotInputRenderer","GridLayoutInputRenderer","SelectInputRenderer","FileInputRenderer","FragmentSelectorInputRenderer","ElementInputRenderers","createElement","Fragment","ElementInput","Renderer","name","component"],"sources":["ElementInputRenderers.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"~/BaseEditor/index.js\";\nimport { TextInputRenderer } from \"~/inputRenderers/TextInput.js\";\nimport { NumberInputRenderer } from \"~/inputRenderers/NumberInput.js\";\nimport { BooleanInputRenderer } from \"~/inputRenderers/BooleanInput.js\";\nimport { TextareaInputRenderer } from \"~/inputRenderers/TextareaInput.js\";\nimport { LexicalInputRenderer } from \"~/inputRenderers/LexicalInput/LexicalInput.js\";\nimport { DefaultLexicalConfig } from \"~/inputRenderers/LexicalInput/DefaultLexicalConfig.js\";\nimport { SlotInputRenderer } from \"~/inputRenderers/SlotInput.js\";\nimport { GridLayoutInputRenderer } from \"~/inputRenderers/GridLayoutInput.js\";\nimport { SelectInputRenderer } from \"~/inputRenderers/SelectInput.js\";\nimport { FileInputRenderer } from \"~/inputRenderers/FileInput.js\";\nimport { FragmentSelectorInputRenderer } from \"~/inputRenderers/FragmentSelectorInput.js\";\n\nexport const ElementInputRenderers = () => {\n    return (\n        <>\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Slot\"}\n                component={SlotInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Input\"}\n                component={TextInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Select\"}\n                component={SelectInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Textarea\"}\n                component={TextareaInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Number\"}\n                component={NumberInputRenderer}\n            />\n            {/* Configure Lexical Editor*/}\n            <DefaultLexicalConfig />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Lexical\"}\n                component={LexicalInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/Switch\"}\n                component={BooleanInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/GridLayout\"}\n                component={GridLayoutInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FileManager\"}\n                component={FileInputRenderer}\n            />\n            <EditorConfig.ElementInput.Renderer\n                name={\"Webiny/FragmentSelector\"}\n                component={FragmentSelectorInputRenderer}\n            />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,6BAA6B;AAEtC,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,aAAc;IACpBC,SAAS,EAAEX;EAAkB,CAChC,CAAC,eACFR,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,cAAe;IACrBC,SAAS,EAAEjB;EAAkB,CAChC,CAAC,eACFF,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAET;EAAoB,CAClC,CAAC,eACFV,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,iBAAkB;IACxBC,SAAS,EAAEd;EAAsB,CACpC,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEhB;EAAoB,CAClC,CAAC,eAEFH,KAAA,CAAAc,aAAA,CAACP,oBAAoB,MAAE,CAAC,eACxBP,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,gBAAiB;IACvBC,SAAS,EAAEb;EAAqB,CACnC,CAAC,eACFN,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,eAAgB;IACtBC,SAAS,EAAEf;EAAqB,CACnC,CAAC,eACFJ,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,mBAAoB;IAC1BC,SAAS,EAAEV;EAAwB,CACtC,CAAC,eACFT,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,oBAAqB;IAC3BC,SAAS,EAAER;EAAkB,CAChC,CAAC,eACFX,KAAA,CAAAc,aAAA,CAACb,YAAY,CAACe,YAAY,CAACC,QAAQ;IAC/BC,IAAI,EAAE,yBAA0B;IAChCC,SAAS,EAAEP;EAA8B,CAC5C,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
 import React from "react";
-import { EditorConfig } from "../../..";
+import { EditorConfig } from "../../../index.js";
 
 // TODO: find a good place for this!
 export const COLORS = {
@@ -22,7 +22,7 @@ const SidebarActions = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   backgroundColor: COLORS.lightGray,
   borderTop: `1px solid ${COLORS.gray}`,
   justifyContent: "center"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVsZW1lbnRBY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiRWxlbWVudEFjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBFZGl0b3JDb25maWcgfSBmcm9tIFwifi9CYXNlRWRpdG9yXCI7XG5cbi8vIFRPRE86IGZpbmQgYSBnb29kIHBsYWNlIGZvciB0aGlzIVxuZXhwb3J0IGNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IFNpZGViYXJBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5saWdodEdyYXksXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBFbGVtZW50QWN0aW9ucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U2lkZWJhckFjdGlvbnM+XG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLkVsZW1lbnRBY3Rpb25zIC8+XG4gICAgICAgIDwvU2lkZWJhckFjdGlvbnM+XG4gICAgKTtcbn07XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVsZW1lbnRBY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiRWxlbWVudEFjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBFZGl0b3JDb25maWcgfSBmcm9tIFwifi9CYXNlRWRpdG9yL2luZGV4LmpzXCI7XG5cbi8vIFRPRE86IGZpbmQgYSBnb29kIHBsYWNlIGZvciB0aGlzIVxuZXhwb3J0IGNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IFNpZGViYXJBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5saWdodEdyYXksXG4gICAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Q09MT1JTLmdyYXl9YCxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBFbGVtZW50QWN0aW9ucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U2lkZWJhckFjdGlvbnM+XG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLkVsZW1lbnRBY3Rpb25zIC8+XG4gICAgICAgIDwvU2lkZWJhckFjdGlvbnM+XG4gICAgKTtcbn07XG4iXX0= */");
 export const ElementActions = () => {
   return /*#__PURE__*/React.createElement(SidebarActions, null, /*#__PURE__*/React.createElement(EditorConfig.ElementActions, null));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","EditorConfig","COLORS","lightGray","gray","darkGray","darkestGray","black","SidebarActions","_styled","process","env","NODE_ENV","target","label","display","flexWrap","borderBottom","backgroundColor","borderTop","justifyContent","ElementActions","createElement"],"sources":["ElementActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { EditorConfig } from \"~/BaseEditor\";\n\n// TODO: find a good place for this!\nexport const COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst SidebarActions = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    borderBottom: `1px solid ${COLORS.gray}`,\n    backgroundColor: COLORS.lightGray,\n    borderTop: `1px solid ${COLORS.gray}`,\n    justifyContent: \"center\"\n});\n\nexport const ElementActions = () => {\n    return (\n        <SidebarActions>\n            <EditorConfig.ElementActions />\n        </SidebarActions>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY;;AAErB;AACA,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,qBAAqB;EAChCC,IAAI,EAAE,uBAAuB;EAC7BC,QAAQ,EAAE,qBAAqB;EAC/BC,WAAW,EAAE,qBAAqB;EAClCC,KAAK,EAAE;AACX,CAAC;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACjCC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,YAAY,EAAE,aAAaf,MAAM,CAACE,IAAI,EAAE;EACxCc,eAAe,EAAEhB,MAAM,CAACC,SAAS;EACjCgB,SAAS,EAAE,aAAajB,MAAM,CAACE,IAAI,EAAE;EACrCgB,cAAc,EAAE;AACpB,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,u0CAAC;AAEF,OAAO,MAAMS,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIrB,KAAA,CAAAsB,aAAA,CAACd,cAAc,qBACXR,KAAA,CAAAsB,aAAA,CAACrB,YAAY,CAACoB,cAAc,MAAE,CAClB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","EditorConfig","COLORS","lightGray","gray","darkGray","darkestGray","black","SidebarActions","_styled","process","env","NODE_ENV","target","label","display","flexWrap","borderBottom","backgroundColor","borderTop","justifyContent","ElementActions","createElement"],"sources":["ElementActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { EditorConfig } from \"~/BaseEditor/index.js\";\n\n// TODO: find a good place for this!\nexport const COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst SidebarActions = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    borderBottom: `1px solid ${COLORS.gray}`,\n    backgroundColor: COLORS.lightGray,\n    borderTop: `1px solid ${COLORS.gray}`,\n    justifyContent: \"center\"\n});\n\nexport const ElementActions = () => {\n    return (\n        <SidebarActions>\n            <EditorConfig.ElementActions />\n        </SidebarActions>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY;;AAErB;AACA,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,qBAAqB;EAChCC,IAAI,EAAE,uBAAuB;EAC7BC,QAAQ,EAAE,qBAAqB;EAC/BC,WAAW,EAAE,qBAAqB;EAClCC,KAAK,EAAE;AACX,CAAC;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACjCC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,YAAY,EAAE,aAAaf,MAAM,CAACE,IAAI,EAAE;EACxCc,eAAe,EAAEhB,MAAM,CAACC,SAAS;EACjCgB,SAAS,EAAE,aAAajB,MAAM,CAACE,IAAI,EAAE;EACrCgB,cAAc,EAAE;AACpB,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,m1CAAC;AAEF,OAAO,MAAMS,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIrB,KAAA,CAAAsB,aAAA,CAACd,cAAc,qBACXR,KAAA,CAAAsB,aAAA,CAACrB,YAAY,CAACoB,cAAc,MAAE,CAClB,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -1,10 +1,10 @@
 import React, { useMemo } from "react";
 import { Grid } from "@webiny/admin-ui";
-import { useComponent } from "../../../hooks/useComponent";
-import { InputRenderer } from "./InputRenderer";
+import { useComponent } from "../../../hooks/useComponent.js";
+import { InputRenderer } from "./InputRenderer.js";
 import { ComponentManifestToAstConverter } from "@webiny/website-builder-sdk";
-import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument";
-import { InfoMessage } from "../InfoMessage";
+import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
+import { InfoMessage } from "../InfoMessage.js";
 export const ElementInputs = ({
   element
 }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Grid","useComponent","InputRenderer","ComponentManifestToAstConverter","useSelectFromDocument","InfoMessage","ElementInputs","element","component","name","bindings","document","id","inputs","inputsAst","convert","hasEditableInputs","filter","input","type","length","createElement","message","key","ast"],"sources":["ElementInputs.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { useComponent } from \"~/BaseEditor/hooks/useComponent\";\nimport { InputRenderer } from \"./InputRenderer\";\nimport { ComponentManifestToAstConverter } from \"@webiny/website-builder-sdk\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { InfoMessage } from \"~/BaseEditor/defaultConfig/Sidebar/InfoMessage\";\n\ninterface ElementInputsProps {\n    element: DocumentElement;\n}\n\nexport const ElementInputs = ({ element }: ElementInputsProps) => {\n    const component = useComponent(element.component.name);\n\n    const bindings = useSelectFromDocument(\n        document => {\n            return document.bindings[element.id] ?? { inputs: {} };\n        },\n        [element.id]\n    );\n\n    const inputsAst = useMemo(() => {\n        return ComponentManifestToAstConverter.convert(component.inputs ?? []);\n    }, [component.name, element.id]);\n\n    const hasEditableInputs = useMemo(() => {\n        return inputsAst.filter(input => input.type !== \"slot\").length > 0;\n    }, [inputsAst]);\n\n    if (!element) {\n        return null;\n    }\n\n    if (!hasEditableInputs) {\n        return <InfoMessage message={\"This element has no inputs.\"} />;\n    }\n\n    return (\n        <Grid>\n            {/*<Grid.Column key={\"repeat\"} span={12}>*/}\n            {/*    <Select*/}\n            {/*        label={\"Repeat for each\"}*/}\n            {/*        placeholder={\"Select binding\"}*/}\n            {/*        options={arrayOptions}*/}\n            {/*        value={repeat.value ?? \"\"}*/}\n            {/*        onChange={value => repeat.onChange(value === \"\" ? undefined : value)}*/}\n            {/*    />*/}\n            {/*</Grid.Column>*/}\n            <InputRenderer key={element.id} ast={inputsAst} bindings={bindings.inputs} />\n        </Grid>\n    );\n};\n\n// interface ElementInputProps {\n//     element: DocumentElement;\n//     input: ComponentInput;\n// }\n//\n// const ElementInput = ({ element, input }: ElementInputProps) => {\n//     const Renderer = useInputRenderer(input.renderer || \"__unknown__\");\n//\n//     const { value, onChange, onPreviewChange, setBindingType } = useInputValue(element, input);\n//\n//     /*   return (\n//         <Renderer\n//             value={value.static}\n//             input={input}\n//             onChange={onChange}\n//             onPreviewChange={onPreviewChange}\n//         />\n//     );*/\n//     if (value.expression) {\n//         return (\n//             <WithBindingToggle type={\"expression\"} setBindingType={setBindingType}>\n//                 <ExpressionRenderer\n//                     element={element}\n//                     value={value.expression}\n//                     onChange={onChange}\n//                     input={input}\n//                 />\n//             </WithBindingToggle>\n//         );\n//     }\n//\n//     return (\n//         <WithBindingToggle type={\"static\"} setBindingType={setBindingType}>\n//             <Renderer\n//                 value={value.static}\n//                 input={input}\n//                 onChange={onChange}\n//                 onPreviewChange={onPreviewChange}\n//             />\n//         </WithBindingToggle>\n//     );\n// };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,+BAA+B,QAAQ,6BAA6B;AAC7E,SAASC,qBAAqB;AAC9B,SAASC,WAAW;AAMpB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC9D,MAAMC,SAAS,GAAGP,YAAY,CAACM,OAAO,CAACC,SAAS,CAACC,IAAI,CAAC;EAEtD,MAAMC,QAAQ,GAAGN,qBAAqB,CAClCO,QAAQ,IAAI;IACR,OAAOA,QAAQ,CAACD,QAAQ,CAACH,OAAO,CAACK,EAAE,CAAC,IAAI;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;EAC1D,CAAC,EACD,CAACN,OAAO,CAACK,EAAE,CACf,CAAC;EAED,MAAME,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,OAAOI,+BAA+B,CAACY,OAAO,CAACP,SAAS,CAACK,MAAM,IAAI,EAAE,CAAC;EAC1E,CAAC,EAAE,CAACL,SAAS,CAACC,IAAI,EAAEF,OAAO,CAACK,EAAE,CAAC,CAAC;EAEhC,MAAMI,iBAAiB,GAAGjB,OAAO,CAAC,MAAM;IACpC,OAAOe,SAAS,CAACG,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAK,MAAM,CAAC,CAACC,MAAM,GAAG,CAAC;EACtE,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,IAAI,CAACP,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,IAAI,CAACS,iBAAiB,EAAE;IACpB,oBAAOlB,KAAA,CAAAuB,aAAA,CAAChB,WAAW;MAACiB,OAAO,EAAE;IAA8B,CAAE,CAAC;EAClE;EAEA,oBACIxB,KAAA,CAAAuB,aAAA,CAACrB,IAAI,qBAUDF,KAAA,CAAAuB,aAAA,CAACnB,aAAa;IAACqB,GAAG,EAAEhB,OAAO,CAACK,EAAG;IAACY,GAAG,EAAEV,SAAU;IAACJ,QAAQ,EAAEA,QAAQ,CAACG;EAAO,CAAE,CAC1E,CAAC;AAEf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Grid","useComponent","InputRenderer","ComponentManifestToAstConverter","useSelectFromDocument","InfoMessage","ElementInputs","element","component","name","bindings","document","id","inputs","inputsAst","convert","hasEditableInputs","filter","input","type","length","createElement","message","key","ast"],"sources":["ElementInputs.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { useComponent } from \"~/BaseEditor/hooks/useComponent.js\";\nimport { InputRenderer } from \"./InputRenderer.js\";\nimport { ComponentManifestToAstConverter } from \"@webiny/website-builder-sdk\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { InfoMessage } from \"~/BaseEditor/defaultConfig/Sidebar/InfoMessage.js\";\n\ninterface ElementInputsProps {\n    element: DocumentElement;\n}\n\nexport const ElementInputs = ({ element }: ElementInputsProps) => {\n    const component = useComponent(element.component.name);\n\n    const bindings = useSelectFromDocument(\n        document => {\n            return document.bindings[element.id] ?? { inputs: {} };\n        },\n        [element.id]\n    );\n\n    const inputsAst = useMemo(() => {\n        return ComponentManifestToAstConverter.convert(component.inputs ?? []);\n    }, [component.name, element.id]);\n\n    const hasEditableInputs = useMemo(() => {\n        return inputsAst.filter(input => input.type !== \"slot\").length > 0;\n    }, [inputsAst]);\n\n    if (!element) {\n        return null;\n    }\n\n    if (!hasEditableInputs) {\n        return <InfoMessage message={\"This element has no inputs.\"} />;\n    }\n\n    return (\n        <Grid>\n            {/*<Grid.Column key={\"repeat\"} span={12}>*/}\n            {/*    <Select*/}\n            {/*        label={\"Repeat for each\"}*/}\n            {/*        placeholder={\"Select binding\"}*/}\n            {/*        options={arrayOptions}*/}\n            {/*        value={repeat.value ?? \"\"}*/}\n            {/*        onChange={value => repeat.onChange(value === \"\" ? undefined : value)}*/}\n            {/*    />*/}\n            {/*</Grid.Column>*/}\n            <InputRenderer key={element.id} ast={inputsAst} bindings={bindings.inputs} />\n        </Grid>\n    );\n};\n\n// interface ElementInputProps {\n//     element: DocumentElement;\n//     input: ComponentInput;\n// }\n//\n// const ElementInput = ({ element, input }: ElementInputProps) => {\n//     const Renderer = useInputRenderer(input.renderer || \"__unknown__\");\n//\n//     const { value, onChange, onPreviewChange, setBindingType } = useInputValue(element, input);\n//\n//     /*   return (\n//         <Renderer\n//             value={value.static}\n//             input={input}\n//             onChange={onChange}\n//             onPreviewChange={onPreviewChange}\n//         />\n//     );*/\n//     if (value.expression) {\n//         return (\n//             <WithBindingToggle type={\"expression\"} setBindingType={setBindingType}>\n//                 <ExpressionRenderer\n//                     element={element}\n//                     value={value.expression}\n//                     onChange={onChange}\n//                     input={input}\n//                 />\n//             </WithBindingToggle>\n//         );\n//     }\n//\n//     return (\n//         <WithBindingToggle type={\"static\"} setBindingType={setBindingType}>\n//             <Renderer\n//                 value={value.static}\n//                 input={input}\n//                 onChange={onChange}\n//                 onPreviewChange={onPreviewChange}\n//             />\n//         </WithBindingToggle>\n//     );\n// };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,+BAA+B,QAAQ,6BAA6B;AAC7E,SAASC,qBAAqB;AAC9B,SAASC,WAAW;AAMpB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC9D,MAAMC,SAAS,GAAGP,YAAY,CAACM,OAAO,CAACC,SAAS,CAACC,IAAI,CAAC;EAEtD,MAAMC,QAAQ,GAAGN,qBAAqB,CAClCO,QAAQ,IAAI;IACR,OAAOA,QAAQ,CAACD,QAAQ,CAACH,OAAO,CAACK,EAAE,CAAC,IAAI;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;EAC1D,CAAC,EACD,CAACN,OAAO,CAACK,EAAE,CACf,CAAC;EAED,MAAME,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC5B,OAAOI,+BAA+B,CAACY,OAAO,CAACP,SAAS,CAACK,MAAM,IAAI,EAAE,CAAC;EAC1E,CAAC,EAAE,CAACL,SAAS,CAACC,IAAI,EAAEF,OAAO,CAACK,EAAE,CAAC,CAAC;EAEhC,MAAMI,iBAAiB,GAAGjB,OAAO,CAAC,MAAM;IACpC,OAAOe,SAAS,CAACG,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAK,MAAM,CAAC,CAACC,MAAM,GAAG,CAAC;EACtE,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,IAAI,CAACP,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,IAAI,CAACS,iBAAiB,EAAE;IACpB,oBAAOlB,KAAA,CAAAuB,aAAA,CAAChB,WAAW;MAACiB,OAAO,EAAE;IAA8B,CAAE,CAAC;EAClE;EAEA,oBACIxB,KAAA,CAAAuB,aAAA,CAACrB,IAAI,qBAUDF,KAAA,CAAAuB,aAAA,CAACnB,aAAa;IAACqB,GAAG,EAAEhB,OAAO,CAACK,EAAG;IAACY,GAAG,EAAEV,SAAU;IAACJ,QAAQ,EAAEA,QAAQ,CAACG;EAAO,CAAE,CAC1E,CAAC;AAEf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { useActiveElement } from "../../../hooks/useActiveElement";
-import { ElementInputs } from "./ElementInputs";
+import { useActiveElement } from "../../../hooks/useActiveElement.js";
+import { ElementInputs } from "./ElementInputs.js";
 export const ElementSettings = () => {
   const [element] = useActiveElement();
   if (!element) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useActiveElement","ElementInputs","ElementSettings","element","createElement"],"sources":["ElementSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement\";\nimport { ElementInputs } from \"./ElementInputs\";\n\nexport const ElementSettings = () => {\n    const [element] = useActiveElement();\n\n    if (!element) {\n        return null;\n    }\n\n    return <ElementInputs element={element} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,OAAO,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAEpC,IAAI,CAACG,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,aAAa;IAACE,OAAO,EAAEA;EAAQ,CAAE,CAAC;AAC9C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useActiveElement","ElementInputs","ElementSettings","element","createElement"],"sources":["ElementSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\nimport { ElementInputs } from \"./ElementInputs.js\";\n\nexport const ElementSettings = () => {\n    const [element] = useActiveElement();\n\n    if (!element) {\n        return null;\n    }\n\n    return <ElementInputs element={element} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,OAAO,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAEpC,IAAI,CAACG,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,aAAa;IAACE,OAAO,EAAEA;EAAQ,CAAE,CAAC;AAC9C,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { Sidebar } from "../../../config/Sidebar/Sidebar";
-import { ScrollableContainer } from "../../../config/Sidebar/ScrollableContainer";
+import { Sidebar } from "../../../config/Sidebar/Sidebar.js";
+import { ScrollableContainer } from "../../../config/Sidebar/ScrollableContainer.js";
 export const ElementSettingsGroup = () => {
   return /*#__PURE__*/React.createElement(ScrollableContainer, {
     tabIndex: -1

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

@@ -1 +1 @@
-{"version":3,"names":["React","Sidebar","ScrollableContainer","ElementSettingsGroup","createElement","tabIndex","Group","Tab","name","label","element","Elements","group"],"sources":["ElementSettingsGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"~/BaseEditor/config/Sidebar/Sidebar\";\nimport { ScrollableContainer } from \"~/BaseEditor/config/Sidebar/ScrollableContainer\";\n\nexport const ElementSettingsGroup = () => {\n    return (\n        <ScrollableContainer tabIndex={-1}>\n            <Sidebar.Group.Tab\n                name={\"element\"}\n                label={\"Element\"}\n                element={<Sidebar.Elements group={\"element\"} />}\n            />\n        </ScrollableContainer>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,oBACIH,KAAA,CAAAI,aAAA,CAACF,mBAAmB;IAACG,QAAQ,EAAE,CAAC;EAAE,gBAC9BL,KAAA,CAAAI,aAAA,CAACH,OAAO,CAACK,KAAK,CAACC,GAAG;IACdC,IAAI,EAAE,SAAU;IAChBC,KAAK,EAAE,SAAU;IACjBC,OAAO,eAAEV,KAAA,CAAAI,aAAA,CAACH,OAAO,CAACU,QAAQ;MAACC,KAAK,EAAE;IAAU,CAAE;EAAE,CACnD,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Sidebar","ScrollableContainer","ElementSettingsGroup","createElement","tabIndex","Group","Tab","name","label","element","Elements","group"],"sources":["ElementSettingsGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"~/BaseEditor/config/Sidebar/Sidebar.js\";\nimport { ScrollableContainer } from \"~/BaseEditor/config/Sidebar/ScrollableContainer.js\";\n\nexport const ElementSettingsGroup = () => {\n    return (\n        <ScrollableContainer tabIndex={-1}>\n            <Sidebar.Group.Tab\n                name={\"element\"}\n                label={\"Element\"}\n                element={<Sidebar.Elements group={\"element\"} />}\n            />\n        </ScrollableContainer>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,oBACIH,KAAA,CAAAI,aAAA,CAACF,mBAAmB;IAACG,QAAQ,EAAE,CAAC;EAAE,gBAC9BL,KAAA,CAAAI,aAAA,CAACH,OAAO,CAACK,KAAK,CAACC,GAAG;IACdC,IAAI,EAAE,SAAU;IAChBC,KAAK,EAAE,SAAU;IACjBC,OAAO,eAAEV,KAAA,CAAAI,aAAA,CAACH,OAAO,CAACU,QAAQ;MAACC,KAAK,EAAE;IAAU,CAAE;EAAE,CACnD,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { Select } from "@webiny/admin-ui";
-import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument";
-import { StatePathsExtractor } from "./StatePathsExtractor";
+import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
+import { StatePathsExtractor } from "./StatePathsExtractor.js";
 export const ExpressionRenderer = ({
   element,
   input,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Select","useSelectFromDocument","StatePathsExtractor","ExpressionRenderer","element","input","value","onChange","options","document","repeat","bindings","id","$repeat","state","getChildPaths","expression","values","getPaths","createElement","label","placeholder","undefined"],"sources":["ExpressionRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\n\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { StatePathsExtractor } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor\";\nimport type { ComponentInput, DocumentElement } from \"@webiny/website-builder-sdk\";\n\ninterface ExpressionRendererProps {\n    element: DocumentElement;\n    input: ComponentInput;\n    value: string;\n    onChange: (value: string) => void;\n}\n\nexport const ExpressionRenderer = ({\n    element,\n    input,\n    value,\n    onChange\n}: ExpressionRendererProps) => {\n    const options = useSelectFromDocument(document => {\n        const repeat = document.bindings[element.id]?.$repeat;\n\n        if (repeat) {\n            return (\n                new StatePathsExtractor(document.state)\n                    .getChildPaths(repeat.expression)\n                    // TODO: implement data type adapters\n                    // .filter(option => option.type.matches(input.dataType))\n                    .values()\n            );\n        }\n        return (\n            new StatePathsExtractor(document.state)\n                .getPaths()\n                // TODO: implement data type adapters\n                // .filter(option => option.type.matches(input.dataType))\n                .values()\n        );\n    });\n\n    return (\n        <Select\n            label={input.label}\n            placeholder={\"Select binding\"}\n            options={options}\n            value={value}\n            onChange={value => onChange(value === \"\" ? undefined : value)}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAU5B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACqB,CAAC,KAAK;EAC3B,MAAMC,OAAO,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAC9C,MAAMC,MAAM,GAAGD,QAAQ,CAACE,QAAQ,CAACP,OAAO,CAACQ,EAAE,CAAC,EAAEC,OAAO;IAErD,IAAIH,MAAM,EAAE;MACR,OACI,IAAIR,mBAAmB,CAACO,QAAQ,CAACK,KAAK,CAAC,CAClCC,aAAa,CAACL,MAAM,CAACM,UAAU;MAChC;MACA;MAAA,CACCC,MAAM,CAAC,CAAC;IAErB;IACA,OACI,IAAIf,mBAAmB,CAACO,QAAQ,CAACK,KAAK,CAAC,CAClCI,QAAQ,CAAC;IACV;IACA;IAAA,CACCD,MAAM,CAAC,CAAC;EAErB,CAAC,CAAC;EAEF,oBACIlB,KAAA,CAAAoB,aAAA,CAACnB,MAAM;IACHoB,KAAK,EAAEf,KAAK,CAACe,KAAM;IACnBC,WAAW,EAAE,gBAAiB;IAC9Bb,OAAO,EAAEA,OAAQ;IACjBF,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAED,KAAK,IAAIC,QAAQ,CAACD,KAAK,KAAK,EAAE,GAAGgB,SAAS,GAAGhB,KAAK;EAAE,CACjE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Select","useSelectFromDocument","StatePathsExtractor","ExpressionRenderer","element","input","value","onChange","options","document","repeat","bindings","id","$repeat","state","getChildPaths","expression","values","getPaths","createElement","label","placeholder","undefined"],"sources":["ExpressionRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\n\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { StatePathsExtractor } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor.js\";\nimport type { ComponentInput, DocumentElement } from \"@webiny/website-builder-sdk\";\n\ninterface ExpressionRendererProps {\n    element: DocumentElement;\n    input: ComponentInput;\n    value: string;\n    onChange: (value: string) => void;\n}\n\nexport const ExpressionRenderer = ({\n    element,\n    input,\n    value,\n    onChange\n}: ExpressionRendererProps) => {\n    const options = useSelectFromDocument(document => {\n        const repeat = document.bindings[element.id]?.$repeat;\n\n        if (repeat) {\n            return (\n                new StatePathsExtractor(document.state)\n                    .getChildPaths(repeat.expression)\n                    // TODO: implement data type adapters\n                    // .filter(option => option.type.matches(input.dataType))\n                    .values()\n            );\n        }\n        return (\n            new StatePathsExtractor(document.state)\n                .getPaths()\n                // TODO: implement data type adapters\n                // .filter(option => option.type.matches(input.dataType))\n                .values()\n        );\n    });\n\n    return (\n        <Select\n            label={input.label}\n            placeholder={\"Select binding\"}\n            options={options}\n            value={value}\n            onChange={value => onChange(value === \"\" ? undefined : value)}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAU5B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACqB,CAAC,KAAK;EAC3B,MAAMC,OAAO,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAC9C,MAAMC,MAAM,GAAGD,QAAQ,CAACE,QAAQ,CAACP,OAAO,CAACQ,EAAE,CAAC,EAAEC,OAAO;IAErD,IAAIH,MAAM,EAAE;MACR,OACI,IAAIR,mBAAmB,CAACO,QAAQ,CAACK,KAAK,CAAC,CAClCC,aAAa,CAACL,MAAM,CAACM,UAAU;MAChC;MACA;MAAA,CACCC,MAAM,CAAC,CAAC;IAErB;IACA,OACI,IAAIf,mBAAmB,CAACO,QAAQ,CAACK,KAAK,CAAC,CAClCI,QAAQ,CAAC;IACV;IACA;IAAA,CACCD,MAAM,CAAC,CAAC;EAErB,CAAC,CAAC;EAEF,oBACIlB,KAAA,CAAAoB,aAAA,CAACnB,MAAM;IACHoB,KAAK,EAAEf,KAAK,CAACe,KAAM;IACnBC,WAAW,EAAE,gBAAiB;IAC9Bb,OAAO,EAAEA,OAAQ;IACjBF,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAED,KAAK,IAAIC,QAAQ,CAACD,KAAK,KAAK,EAAE,GAAGgB,SAAS,GAAGhB,KAAK;EAAE,CACjE,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 // @ts-nocheck This is pending implementation!
 import React from "react";
-import { InputField } from "./InputField";
+import { InputField } from "./InputField.js";
 export function FieldArray({
   node,
   bindings

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

@@ -1 +1 @@
-{"version":3,"names":["React","InputField","FieldArray","node","bindings","items","Set","Object","keys","filter","key","startsWith","name","map","match","Number","i","createElement","input","label","index","style","border","padding","children","child","cloned","path"],"sources":["FieldArray.tsx"],"sourcesContent":["// @ts-nocheck This is pending implementation!\nimport React from \"react\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { InputField } from \"./InputField\";\n\nexport function FieldArray({\n    node,\n    bindings\n}: {\n    node: InputAstNode;\n    bindings: Record<string, any>;\n}) {\n    // Determine how many items there are\n    const items = new Set(\n        Object.keys(bindings)\n            .filter(key => key.startsWith(`${node.name}[`))\n            .map(key => {\n                const match = key.match(/\\[(\\d+)\\]/);\n                return match ? Number(match[1]) : null;\n            })\n            .filter((i): i is number => i !== null)\n    );\n\n    return (\n        <fieldset>\n            <legend>{node.input.label || node.name}</legend>\n            {[...items].map(index => {\n                return (\n                    <div key={index} style={{ border: \"1px solid #ccc\", padding: \"0.5em\" }}>\n                        {node.children.map(child => {\n                            const cloned = {\n                                ...child,\n                                path: `${node.name}[${index}].${child.name}`\n                            };\n                            return (\n                                <InputField key={cloned.path} node={cloned} bindings={bindings} />\n                            );\n                        })}\n                    </div>\n                );\n            })}\n        </fieldset>\n    );\n}\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;AAEnB,OAAO,SAASC,UAAUA,CAAC;EACvBC,IAAI;EACJC;AAIJ,CAAC,EAAE;EACC;EACA,MAAMC,KAAK,GAAG,IAAIC,GAAG,CACjBC,MAAM,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAChBK,MAAM,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,GAAGR,IAAI,CAACS,IAAI,GAAG,CAAC,CAAC,CAC9CC,GAAG,CAACH,GAAG,IAAI;IACR,MAAMI,KAAK,GAAGJ,GAAG,CAACI,KAAK,CAAC,WAAW,CAAC;IACpC,OAAOA,KAAK,GAAGC,MAAM,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;EAC1C,CAAC,CAAC,CACDL,MAAM,CAAEO,CAAC,IAAkBA,CAAC,KAAK,IAAI,CAC9C,CAAC;EAED,oBACIhB,KAAA,CAAAiB,aAAA,gCACIjB,KAAA,CAAAiB,aAAA,iBAASd,IAAI,CAACe,KAAK,CAACC,KAAK,IAAIhB,IAAI,CAACS,IAAa,CAAC,EAC/C,CAAC,GAAGP,KAAK,CAAC,CAACQ,GAAG,CAACO,KAAK,IAAI;IACrB,oBACIpB,KAAA,CAAAiB,aAAA;MAAKP,GAAG,EAAEU,KAAM;MAACC,KAAK,EAAE;QAAEC,MAAM,EAAE,gBAAgB;QAAEC,OAAO,EAAE;MAAQ;IAAE,GAClEpB,IAAI,CAACqB,QAAQ,CAACX,GAAG,CAACY,KAAK,IAAI;MACxB,MAAMC,MAAM,GAAG;QACX,GAAGD,KAAK;QACRE,IAAI,EAAE,GAAGxB,IAAI,CAACS,IAAI,IAAIQ,KAAK,KAAKK,KAAK,CAACb,IAAI;MAC9C,CAAC;MACD,oBACIZ,KAAA,CAAAiB,aAAA,CAAChB,UAAU;QAACS,GAAG,EAAEgB,MAAM,CAACC,IAAK;QAACxB,IAAI,EAAEuB,MAAO;QAACtB,QAAQ,EAAEA;MAAS,CAAE,CAAC;IAE1E,CAAC,CACA,CAAC;EAEd,CAAC,CACK,CAAC;AAEnB","ignoreList":[]}
+{"version":3,"names":["React","InputField","FieldArray","node","bindings","items","Set","Object","keys","filter","key","startsWith","name","map","match","Number","i","createElement","input","label","index","style","border","padding","children","child","cloned","path"],"sources":["FieldArray.tsx"],"sourcesContent":["// @ts-nocheck This is pending implementation!\nimport React from \"react\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { InputField } from \"./InputField.js\";\n\nexport function FieldArray({\n    node,\n    bindings\n}: {\n    node: InputAstNode;\n    bindings: Record<string, any>;\n}) {\n    // Determine how many items there are\n    const items = new Set(\n        Object.keys(bindings)\n            .filter(key => key.startsWith(`${node.name}[`))\n            .map(key => {\n                const match = key.match(/\\[(\\d+)\\]/);\n                return match ? Number(match[1]) : null;\n            })\n            .filter((i): i is number => i !== null)\n    );\n\n    return (\n        <fieldset>\n            <legend>{node.input.label || node.name}</legend>\n            {[...items].map(index => {\n                return (\n                    <div key={index} style={{ border: \"1px solid #ccc\", padding: \"0.5em\" }}>\n                        {node.children.map(child => {\n                            const cloned = {\n                                ...child,\n                                path: `${node.name}[${index}].${child.name}`\n                            };\n                            return (\n                                <InputField key={cloned.path} node={cloned} bindings={bindings} />\n                            );\n                        })}\n                    </div>\n                );\n            })}\n        </fieldset>\n    );\n}\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU;AAEnB,OAAO,SAASC,UAAUA,CAAC;EACvBC,IAAI;EACJC;AAIJ,CAAC,EAAE;EACC;EACA,MAAMC,KAAK,GAAG,IAAIC,GAAG,CACjBC,MAAM,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAChBK,MAAM,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,GAAGR,IAAI,CAACS,IAAI,GAAG,CAAC,CAAC,CAC9CC,GAAG,CAACH,GAAG,IAAI;IACR,MAAMI,KAAK,GAAGJ,GAAG,CAACI,KAAK,CAAC,WAAW,CAAC;IACpC,OAAOA,KAAK,GAAGC,MAAM,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;EAC1C,CAAC,CAAC,CACDL,MAAM,CAAEO,CAAC,IAAkBA,CAAC,KAAK,IAAI,CAC9C,CAAC;EAED,oBACIhB,KAAA,CAAAiB,aAAA,gCACIjB,KAAA,CAAAiB,aAAA,iBAASd,IAAI,CAACe,KAAK,CAACC,KAAK,IAAIhB,IAAI,CAACS,IAAa,CAAC,EAC/C,CAAC,GAAGP,KAAK,CAAC,CAACQ,GAAG,CAACO,KAAK,IAAI;IACrB,oBACIpB,KAAA,CAAAiB,aAAA;MAAKP,GAAG,EAAEU,KAAM;MAACC,KAAK,EAAE;QAAEC,MAAM,EAAE,gBAAgB;QAAEC,OAAO,EAAE;MAAQ;IAAE,GAClEpB,IAAI,CAACqB,QAAQ,CAACX,GAAG,CAACY,KAAK,IAAI;MACxB,MAAMC,MAAM,GAAG;QACX,GAAGD,KAAK;QACRE,IAAI,EAAE,GAAGxB,IAAI,CAACS,IAAI,IAAIQ,KAAK,KAAKK,KAAK,CAACb,IAAI;MAC9C,CAAC;MACD,oBACIZ,KAAA,CAAAiB,aAAA,CAAChB,UAAU;QAACS,GAAG,EAAEgB,MAAM,CAACC,IAAK;QAACxB,IAAI,EAAEuB,MAAO;QAACtB,QAAQ,EAAEA;MAAS,CAAE,CAAC;IAE1E,CAAC,CACA,CAAC;EAEd,CAAC,CACK,CAAC;AAEnB","ignoreList":[]}

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

@@ -1,8 +1,7 @@
 import React from "react";
-// import { FieldArray } from "./FieldArray";
-import { useInputRenderer } from "./useInputRenderer";
-import { useInputValue } from "./useInputValue";
-import { InheritanceLabel } from "../InheritanceLabel";
+import { useInputRenderer } from "./useInputRenderer.js";
+import { useInputValue } from "./useInputValue.js";
+import { InheritanceLabel } from "../InheritanceLabel.js";
 export function InputField({
   element,
   node

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

@@ -1 +1 @@
-{"version":3,"names":["React","useInputRenderer","useInputValue","InheritanceLabel","InputField","element","node","Renderer","input","renderer","value","onChange","onPreviewChange","inheritanceMap","metadata","onReset","id","type","label","responsive","createElement","text","inheritedFrom","isOverridden","overridden","static"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\n// import { FieldArray } from \"./FieldArray\";\nimport { useInputRenderer } from \"./useInputRenderer\";\nimport { useInputValue } from \"./useInputValue\";\nimport type { DocumentElement, DocumentElementBindings } from \"@webiny/website-builder-sdk\";\nimport { InheritanceLabel } from \"../InheritanceLabel\";\n\ninterface InputFieldProps {\n    node: InputAstNode;\n    element: DocumentElement;\n    bindings: DocumentElementBindings[\"inputs\"];\n}\n\nexport function InputField({ element, node }: InputFieldProps) {\n    const Renderer = useInputRenderer(node.input.renderer!);\n    const { value, onChange, onPreviewChange, inheritanceMap, metadata, onReset } = useInputValue(\n        element.id,\n        node\n    );\n    const input = node.input;\n\n    if (input.type === \"object\") {\n        // TODO: nested inputs will be implemented at a later stage.\n        return;\n\n        /*if (node.list) {\n            return <FieldArray node={node} bindings={bindings} />;\n        }\n\n        return (\n            <fieldset>\n                <legend>{input.label}</legend>\n                {node.children.map(child => (\n                    <InputField key={child.path} node={child} bindings={bindings} />\n                ))}\n            </fieldset>\n        );*/\n    }\n\n    const label = node.input.responsive ? (\n        <InheritanceLabel\n            text={input.label}\n            inheritedFrom={inheritanceMap?.inheritedFrom}\n            isOverridden={inheritanceMap?.overridden ?? false}\n            onReset={onReset}\n        />\n    ) : (\n        input.label\n    );\n\n    return (\n        <Renderer\n            metadata={metadata}\n            label={label}\n            value={value?.static}\n            onChange={onChange}\n            onPreviewChange={onPreviewChange}\n            input={node.input}\n        />\n    );\n\n    // We'll implement expression bindings at a later stage.\n    /*return value.expression ? (\n        <WithBindingToggle type={\"expression\"} setBindingType={setBindingType}>\n            <ExpressionRenderer\n                element={activeElement!}\n                value={value.expression}\n                onChange={onChange}\n                input={input}\n            />\n        </WithBindingToggle>\n    ) : (\n        <WithBindingToggle type={\"static\"} setBindingType={setBindingType}>\n            <Renderer\n                value={value.static}\n                onChange={onChange}\n                onPreviewChange={onPreviewChange}\n                input={node.input}\n            />\n        </WithBindingToggle>\n    );*/\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB;AACA,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,SAASC,gBAAgB;AAQzB,OAAO,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC;AAAsB,CAAC,EAAE;EAC3D,MAAMC,QAAQ,GAAGN,gBAAgB,CAACK,IAAI,CAACE,KAAK,CAACC,QAAS,CAAC;EACvD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,eAAe;IAAEC,cAAc;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGb,aAAa,CACzFG,OAAO,CAACW,EAAE,EACVV,IACJ,CAAC;EACD,MAAME,KAAK,GAAGF,IAAI,CAACE,KAAK;EAExB,IAAIA,KAAK,CAACS,IAAI,KAAK,QAAQ,EAAE;IACzB;IACA;;IAEA;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAEI;EAEA,MAAMC,KAAK,GAAGZ,IAAI,CAACE,KAAK,CAACW,UAAU,gBAC/BnB,KAAA,CAAAoB,aAAA,CAACjB,gBAAgB;IACbkB,IAAI,EAAEb,KAAK,CAACU,KAAM;IAClBI,aAAa,EAAET,cAAc,EAAES,aAAc;IAC7CC,YAAY,EAAEV,cAAc,EAAEW,UAAU,IAAI,KAAM;IAClDT,OAAO,EAAEA;EAAQ,CACpB,CAAC,GAEFP,KAAK,CAACU,KACT;EAED,oBACIlB,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IACLO,QAAQ,EAAEA,QAAS;IACnBI,KAAK,EAAEA,KAAM;IACbR,KAAK,EAAEA,KAAK,EAAEe,MAAO;IACrBd,QAAQ,EAAEA,QAAS;IACnBC,eAAe,EAAEA,eAAgB;IACjCJ,KAAK,EAAEF,IAAI,CAACE;EAAM,CACrB,CAAC;;EAGN;EACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","useInputRenderer","useInputValue","InheritanceLabel","InputField","element","node","Renderer","input","renderer","value","onChange","onPreviewChange","inheritanceMap","metadata","onReset","id","type","label","responsive","createElement","text","inheritedFrom","isOverridden","overridden","static"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { useInputRenderer } from \"./useInputRenderer.js\";\nimport { useInputValue } from \"./useInputValue.js\";\nimport type { DocumentElement, DocumentElementBindings } from \"@webiny/website-builder-sdk\";\nimport { InheritanceLabel } from \"../InheritanceLabel.js\";\n\ninterface InputFieldProps {\n    node: InputAstNode;\n    element: DocumentElement;\n    bindings: DocumentElementBindings[\"inputs\"];\n}\n\nexport function InputField({ element, node }: InputFieldProps) {\n    const Renderer = useInputRenderer(node.input.renderer!);\n    const { value, onChange, onPreviewChange, inheritanceMap, metadata, onReset } = useInputValue(\n        element.id,\n        node\n    );\n    const input = node.input;\n\n    if (input.type === \"object\") {\n        // TODO: nested inputs will be implemented at a later stage.\n        return;\n\n        /*if (node.list) {\n            return <FieldArray node={node} bindings={bindings} />;\n        }\n\n        return (\n            <fieldset>\n                <legend>{input.label}</legend>\n                {node.children.map(child => (\n                    <InputField key={child.path} node={child} bindings={bindings} />\n                ))}\n            </fieldset>\n        );*/\n    }\n\n    const label = node.input.responsive ? (\n        <InheritanceLabel\n            text={input.label}\n            inheritedFrom={inheritanceMap?.inheritedFrom}\n            isOverridden={inheritanceMap?.overridden ?? false}\n            onReset={onReset}\n        />\n    ) : (\n        input.label\n    );\n\n    return (\n        <Renderer\n            metadata={metadata}\n            label={label}\n            value={value?.static}\n            onChange={onChange}\n            onPreviewChange={onPreviewChange}\n            input={node.input}\n        />\n    );\n\n    // We'll implement expression bindings at a later stage.\n    /*return value.expression ? (\n        <WithBindingToggle type={\"expression\"} setBindingType={setBindingType}>\n            <ExpressionRenderer\n                element={activeElement!}\n                value={value.expression}\n                onChange={onChange}\n                input={input}\n            />\n        </WithBindingToggle>\n    ) : (\n        <WithBindingToggle type={\"static\"} setBindingType={setBindingType}>\n            <Renderer\n                value={value.static}\n                onChange={onChange}\n                onPreviewChange={onPreviewChange}\n                input={node.input}\n            />\n        </WithBindingToggle>\n    );*/\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,SAASC,gBAAgB;AAQzB,OAAO,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC;AAAsB,CAAC,EAAE;EAC3D,MAAMC,QAAQ,GAAGN,gBAAgB,CAACK,IAAI,CAACE,KAAK,CAACC,QAAS,CAAC;EACvD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,eAAe;IAAEC,cAAc;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGb,aAAa,CACzFG,OAAO,CAACW,EAAE,EACVV,IACJ,CAAC;EACD,MAAME,KAAK,GAAGF,IAAI,CAACE,KAAK;EAExB,IAAIA,KAAK,CAACS,IAAI,KAAK,QAAQ,EAAE;IACzB;IACA;;IAEA;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAEI;EAEA,MAAMC,KAAK,GAAGZ,IAAI,CAACE,KAAK,CAACW,UAAU,gBAC/BnB,KAAA,CAAAoB,aAAA,CAACjB,gBAAgB;IACbkB,IAAI,EAAEb,KAAK,CAACU,KAAM;IAClBI,aAAa,EAAET,cAAc,EAAES,aAAc;IAC7CC,YAAY,EAAEV,cAAc,EAAEW,UAAU,IAAI,KAAM;IAClDT,OAAO,EAAEA;EAAQ,CACpB,CAAC,GAEFP,KAAK,CAACU,KACT;EAED,oBACIlB,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IACLO,QAAQ,EAAEA,QAAS;IACnBI,KAAK,EAAEA,KAAM;IACbR,KAAK,EAAEA,KAAK,EAAEe,MAAO;IACrBd,QAAQ,EAAEA,QAAS;IACnBC,eAAe,EAAEA,eAAgB;IACjCJ,KAAK,EAAEF,IAAI,CAACE;EAAM,CACrB,CAAC;;EAGN;EACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { Grid } from "@webiny/admin-ui";
-import { InputField } from "./InputField";
-import { useActiveElement } from "../../../hooks/useActiveElement";
+import { InputField } from "./InputField.js";
+import { useActiveElement } from "../../../hooks/useActiveElement.js";
 export const InputRenderer = ({
   ast,
   bindings

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

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","InputField","useActiveElement","InputRenderer","ast","bindings","createElement","Fragment","map","node","input","hideFromUi","Column","span","key","path","ActiveElement","element","children"],"sources":["InputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { InputField } from \"./InputField\";\nimport type { DocumentElement, DocumentElementBindings } from \"@webiny/website-builder-sdk\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement\";\n\nexport const InputRenderer = ({\n    ast,\n    bindings\n}: {\n    ast: InputAstNode[];\n    bindings: DocumentElementBindings[\"inputs\"];\n}) => {\n    return (\n        <>\n            {ast.map(node =>\n                node.input.hideFromUi ? null : (\n                    <Grid.Column span={12} key={node.path}>\n                        <ActiveElement>\n                            {element => (\n                                <InputField\n                                    key={node.path}\n                                    element={element}\n                                    node={node}\n                                    bindings={bindings}\n                                />\n                            )}\n                        </ActiveElement>\n                    </Grid.Column>\n                )\n            )}\n        </>\n    );\n};\n\ntype ActiveElementProps = {\n    children: (element: DocumentElement) => React.ReactNode;\n};\n\nconst ActiveElement = ({ children }: ActiveElementProps) => {\n    const [element] = useActiveElement();\n    if (!element) {\n        return null;\n    }\n\n    return children(element);\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,UAAU;AAEnB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,GAAG;EACHC;AAIJ,CAAC,KAAK;EACF,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACKH,GAAG,CAACI,GAAG,CAACC,IAAI,IACTA,IAAI,CAACC,KAAK,CAACC,UAAU,GAAG,IAAI,gBACxBZ,KAAA,CAAAO,aAAA,CAACN,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE,EAAG;IAACC,GAAG,EAAEL,IAAI,CAACM;EAAK,gBAClChB,KAAA,CAAAO,aAAA,CAACU,aAAa,QACTC,OAAO,iBACJlB,KAAA,CAAAO,aAAA,CAACL,UAAU;IACPa,GAAG,EAAEL,IAAI,CAACM,IAAK;IACfE,OAAO,EAAEA,OAAQ;IACjBR,IAAI,EAAEA,IAAK;IACXJ,QAAQ,EAAEA;EAAS,CACtB,CAEM,CACN,CAErB,CACF,CAAC;AAEX,CAAC;AAMD,MAAMW,aAAa,GAAGA,CAAC;EAAEE;AAA6B,CAAC,KAAK;EACxD,MAAM,CAACD,OAAO,CAAC,GAAGf,gBAAgB,CAAC,CAAC;EACpC,IAAI,CAACe,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,OAAOC,QAAQ,CAACD,OAAO,CAAC;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Grid","InputField","useActiveElement","InputRenderer","ast","bindings","createElement","Fragment","map","node","input","hideFromUi","Column","span","key","path","ActiveElement","element","children"],"sources":["InputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { InputField } from \"./InputField.js\";\nimport type { DocumentElement, DocumentElementBindings } from \"@webiny/website-builder-sdk\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\n\nexport const InputRenderer = ({\n    ast,\n    bindings\n}: {\n    ast: InputAstNode[];\n    bindings: DocumentElementBindings[\"inputs\"];\n}) => {\n    return (\n        <>\n            {ast.map(node =>\n                node.input.hideFromUi ? null : (\n                    <Grid.Column span={12} key={node.path}>\n                        <ActiveElement>\n                            {element => (\n                                <InputField\n                                    key={node.path}\n                                    element={element}\n                                    node={node}\n                                    bindings={bindings}\n                                />\n                            )}\n                        </ActiveElement>\n                    </Grid.Column>\n                )\n            )}\n        </>\n    );\n};\n\ntype ActiveElementProps = {\n    children: (element: DocumentElement) => React.ReactNode;\n};\n\nconst ActiveElement = ({ children }: ActiveElementProps) => {\n    const [element] = useActiveElement();\n    if (!element) {\n        return null;\n    }\n\n    return children(element);\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,UAAU;AAEnB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,GAAG;EACHC;AAIJ,CAAC,KAAK;EACF,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACKH,GAAG,CAACI,GAAG,CAACC,IAAI,IACTA,IAAI,CAACC,KAAK,CAACC,UAAU,GAAG,IAAI,gBACxBZ,KAAA,CAAAO,aAAA,CAACN,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE,EAAG;IAACC,GAAG,EAAEL,IAAI,CAACM;EAAK,gBAClChB,KAAA,CAAAO,aAAA,CAACU,aAAa,QACTC,OAAO,iBACJlB,KAAA,CAAAO,aAAA,CAACL,UAAU;IACPa,GAAG,EAAEL,IAAI,CAACM,IAAK;IACfE,OAAO,EAAEA,OAAQ;IACjBR,IAAI,EAAEA,IAAK;IACXJ,QAAQ,EAAEA;EAAS,CACtB,CAEM,CACN,CAErB,CACF,CAAC;AAEX,CAAC;AAMD,MAAMW,aAAa,GAAGA,CAAC;EAAEE;AAA6B,CAAC,KAAK;EACxD,MAAM,CAACD,OAAO,CAAC,GAAGf,gBAAgB,CAAC,CAAC;EACpC,IAAI,CAACe,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,OAAOC,QAAQ,CAACD,OAAO,CAAC;AAC5B,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsCollection.d.ts

@@ -1,4 +1,4 @@
-import type { PathType } from "./PathType";
+import type { PathType } from "./PathType.js";
 export type PathOption = {
     value: string;
     label: string;

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

@@ -1 +1 @@
-{"version":3,"names":["StatePathsCollection","constructor","items","map","callback","mapped","filter","filtered","filterScalars","item","type","isScalar","filterArray","isArray","sort","compareFn","sorted","a","b","label","localeCompare","values"],"sources":["StatePathsCollection.ts"],"sourcesContent":["import type { PathType } from \"./PathType\";\n\nexport type PathOption = {\n    value: string;\n    label: string;\n    type: PathType;\n};\n\nexport class StatePathsCollection {\n    private readonly items: PathOption[];\n\n    constructor(items: PathOption[]) {\n        this.items = items;\n    }\n\n    public map(callback: (item: PathOption, index: number) => any): StatePathsCollection {\n        const mapped = this.items.map(callback);\n        return new StatePathsCollection(mapped);\n    }\n\n    public filter(callback: (item: PathOption, index: number) => boolean): StatePathsCollection {\n        const filtered = this.items.filter(callback);\n        return new StatePathsCollection(filtered);\n    }\n\n    public filterScalars(): StatePathsCollection {\n        const filtered = this.items.filter(item => {\n            return item.type.isScalar();\n        });\n        return new StatePathsCollection(filtered);\n    }\n\n    public filterArray(): StatePathsCollection {\n        const filtered = this.items.filter(item => {\n            return item.type.isArray();\n        });\n        return new StatePathsCollection(filtered);\n    }\n\n    public sort(compareFn?: (a: PathOption, b: PathOption) => number): StatePathsCollection {\n        const sorted = [...this.items];\n\n        if (compareFn) {\n            sorted.sort(compareFn);\n        } else {\n            sorted.sort((a, b) => {\n                return a.label.localeCompare(b.label);\n            });\n        }\n\n        return new StatePathsCollection(sorted);\n    }\n\n    public values(): PathOption[] {\n        return [...this.items];\n    }\n}\n"],"mappings":"AAQA,OAAO,MAAMA,oBAAoB,CAAC;EAG9BC,WAAWA,CAACC,KAAmB,EAAE;IAC7B,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB;EAEOC,GAAGA,CAACC,QAAkD,EAAwB;IACjF,MAAMC,MAAM,GAAG,IAAI,CAACH,KAAK,CAACC,GAAG,CAACC,QAAQ,CAAC;IACvC,OAAO,IAAIJ,oBAAoB,CAACK,MAAM,CAAC;EAC3C;EAEOC,MAAMA,CAACF,QAAsD,EAAwB;IACxF,MAAMG,QAAQ,GAAG,IAAI,CAACL,KAAK,CAACI,MAAM,CAACF,QAAQ,CAAC;IAC5C,OAAO,IAAIJ,oBAAoB,CAACO,QAAQ,CAAC;EAC7C;EAEOC,aAAaA,CAAA,EAAyB;IACzC,MAAMD,QAAQ,GAAG,IAAI,CAACL,KAAK,CAACI,MAAM,CAACG,IAAI,IAAI;MACvC,OAAOA,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,OAAO,IAAIX,oBAAoB,CAACO,QAAQ,CAAC;EAC7C;EAEOK,WAAWA,CAAA,EAAyB;IACvC,MAAML,QAAQ,GAAG,IAAI,CAACL,KAAK,CAACI,MAAM,CAACG,IAAI,IAAI;MACvC,OAAOA,IAAI,CAACC,IAAI,CAACG,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,IAAIb,oBAAoB,CAACO,QAAQ,CAAC;EAC7C;EAEOO,IAAIA,CAACC,SAAoD,EAAwB;IACpF,MAAMC,MAAM,GAAG,CAAC,GAAG,IAAI,CAACd,KAAK,CAAC;IAE9B,IAAIa,SAAS,EAAE;MACXC,MAAM,CAACF,IAAI,CAACC,SAAS,CAAC;IAC1B,CAAC,MAAM;MACHC,MAAM,CAACF,IAAI,CAAC,CAACG,CAAC,EAAEC,CAAC,KAAK;QAClB,OAAOD,CAAC,CAACE,KAAK,CAACC,aAAa,CAACF,CAAC,CAACC,KAAK,CAAC;MACzC,CAAC,CAAC;IACN;IAEA,OAAO,IAAInB,oBAAoB,CAACgB,MAAM,CAAC;EAC3C;EAEOK,MAAMA,CAAA,EAAiB;IAC1B,OAAO,CAAC,GAAG,IAAI,CAACnB,KAAK,CAAC;EAC1B;AACJ","ignoreList":[]}
+{"version":3,"names":["StatePathsCollection","constructor","items","map","callback","mapped","filter","filtered","filterScalars","item","type","isScalar","filterArray","isArray","sort","compareFn","sorted","a","b","label","localeCompare","values"],"sources":["StatePathsCollection.ts"],"sourcesContent":["import type { PathType } from \"./PathType.js\";\n\nexport type PathOption = {\n    value: string;\n    label: string;\n    type: PathType;\n};\n\nexport class StatePathsCollection {\n    private readonly items: PathOption[];\n\n    constructor(items: PathOption[]) {\n        this.items = items;\n    }\n\n    public map(callback: (item: PathOption, index: number) => any): StatePathsCollection {\n        const mapped = this.items.map(callback);\n        return new StatePathsCollection(mapped);\n    }\n\n    public filter(callback: (item: PathOption, index: number) => boolean): StatePathsCollection {\n        const filtered = this.items.filter(callback);\n        return new StatePathsCollection(filtered);\n    }\n\n    public filterScalars(): StatePathsCollection {\n        const filtered = this.items.filter(item => {\n            return item.type.isScalar();\n        });\n        return new StatePathsCollection(filtered);\n    }\n\n    public filterArray(): StatePathsCollection {\n        const filtered = this.items.filter(item => {\n            return item.type.isArray();\n        });\n        return new StatePathsCollection(filtered);\n    }\n\n    public sort(compareFn?: (a: PathOption, b: PathOption) => number): StatePathsCollection {\n        const sorted = [...this.items];\n\n        if (compareFn) {\n            sorted.sort(compareFn);\n        } else {\n            sorted.sort((a, b) => {\n                return a.label.localeCompare(b.label);\n            });\n        }\n\n        return new StatePathsCollection(sorted);\n    }\n\n    public values(): PathOption[] {\n        return [...this.items];\n    }\n}\n"],"mappings":"AAQA,OAAO,MAAMA,oBAAoB,CAAC;EAG9BC,WAAWA,CAACC,KAAmB,EAAE;IAC7B,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB;EAEOC,GAAGA,CAACC,QAAkD,EAAwB;IACjF,MAAMC,MAAM,GAAG,IAAI,CAACH,KAAK,CAACC,GAAG,CAACC,QAAQ,CAAC;IACvC,OAAO,IAAIJ,oBAAoB,CAACK,MAAM,CAAC;EAC3C;EAEOC,MAAMA,CAACF,QAAsD,EAAwB;IACxF,MAAMG,QAAQ,GAAG,IAAI,CAACL,KAAK,CAACI,MAAM,CAACF,QAAQ,CAAC;IAC5C,OAAO,IAAIJ,oBAAoB,CAACO,QAAQ,CAAC;EAC7C;EAEOC,aAAaA,CAAA,EAAyB;IACzC,MAAMD,QAAQ,GAAG,IAAI,CAACL,KAAK,CAACI,MAAM,CAACG,IAAI,IAAI;MACvC,OAAOA,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,OAAO,IAAIX,oBAAoB,CAACO,QAAQ,CAAC;EAC7C;EAEOK,WAAWA,CAAA,EAAyB;IACvC,MAAML,QAAQ,GAAG,IAAI,CAACL,KAAK,CAACI,MAAM,CAACG,IAAI,IAAI;MACvC,OAAOA,IAAI,CAACC,IAAI,CAACG,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,IAAIb,oBAAoB,CAACO,QAAQ,CAAC;EAC7C;EAEOO,IAAIA,CAACC,SAAoD,EAAwB;IACpF,MAAMC,MAAM,GAAG,CAAC,GAAG,IAAI,CAACd,KAAK,CAAC;IAE9B,IAAIa,SAAS,EAAE;MACXC,MAAM,CAACF,IAAI,CAACC,SAAS,CAAC;IAC1B,CAAC,MAAM;MACHC,MAAM,CAACF,IAAI,CAAC,CAACG,CAAC,EAAEC,CAAC,KAAK;QAClB,OAAOD,CAAC,CAACE,KAAK,CAACC,aAAa,CAACF,CAAC,CAACC,KAAK,CAAC;MACzC,CAAC,CAAC;IACN;IAEA,OAAO,IAAInB,oBAAoB,CAACgB,MAAM,CAAC;EAC3C;EAEOK,MAAMA,CAAA,EAAiB;IAC1B,OAAO,CAAC,GAAG,IAAI,CAACnB,KAAK,CAAC;EAC1B;AACJ","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor.d.ts

@@ -1,4 +1,4 @@
-import { StatePathsCollection } from "./StatePathsCollection";
+import { StatePathsCollection } from "./StatePathsCollection.js";
 export declare class StatePathsExtractor {
     private readonly state;
     constructor(state: Record<string, any>);

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

@@ -1,6 +1,6 @@
-import get from "lodash/get";
-import { StatePathsCollection } from "./StatePathsCollection";
-import { PathType } from "./PathType";
+import get from "lodash/get.js";
+import { StatePathsCollection } from "./StatePathsCollection.js";
+import { PathType } from "./PathType.js";
 export class StatePathsExtractor {
   constructor(state) {
     this.state = state;

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

@@ -1 +1 @@
-{"version":3,"names":["get","StatePathsCollection","PathType","StatePathsExtractor","constructor","state","getPaths","extractPaths","obj","path","labelPath","result","key","value","Object","entries","currentPath","currentLabelPath","toLabel","valueType","getValueType","dotPath","join","label","push","type","matches","i","length","item","indexedPath","String","itemType","labelWithIndex","indexedLabelPath","itemDotPath","itemLabel","getChildPaths","rawPath","replace","node","undefined","baseLabel","split","pop","target","Array","isArray","extractRelativeNoIndexPaths","map","opt","str","toUpperCase"],"sources":["StatePathsExtractor.ts"],"sourcesContent":["import get from \"lodash/get\";\nimport { StatePathsCollection, type PathOption } from \"./StatePathsCollection\";\nimport { PathType } from \"./PathType\";\n\nexport class StatePathsExtractor {\n    private readonly state: Record<string, any>;\n\n    constructor(state: Record<string, any>) {\n        this.state = state;\n    }\n\n    public getPaths(): StatePathsCollection {\n        return new StatePathsCollection(this.extractPaths(this.state));\n    }\n\n    private extractPaths(\n        obj: any,\n        path: string[] = [],\n        labelPath: string[] = [],\n        result: PathOption[] = []\n    ): PathOption[] {\n        for (const [key, value] of Object.entries(obj)) {\n            const currentPath = [...path, key];\n            const currentLabelPath = [...labelPath, this.toLabel(key)];\n            const valueType = this.getValueType(value);\n\n            const dotPath = `$state.${currentPath.join(\".\")}`;\n            const label = currentLabelPath.join(\" → \");\n\n            result.push({ value: dotPath, label, type: valueType });\n\n            if (valueType.matches(\"object\")) {\n                this.extractPaths(value, currentPath, currentLabelPath, result);\n            }\n\n            if (valueType.matches(\"array\")) {\n                // @ts-expect-error We know it's an array.\n                for (let i = 0; i < value.length; i++) {\n                    // @ts-expect-error We know it's an array.\n                    const item = value[i];\n                    const indexedPath = [...currentPath, String(i)];\n                    const itemType = this.getValueType(item);\n\n                    const labelWithIndex = `${this.toLabel(key)} [${i}]`;\n                    const indexedLabelPath = [...labelPath, labelWithIndex];\n\n                    const itemDotPath = `$state.${indexedPath.join(\".\")}`;\n                    const itemLabel = indexedLabelPath.join(\" → \");\n\n                    result.push({ value: itemDotPath, label: itemLabel, type: itemType });\n\n                    if (itemType.matches(\"object\")) {\n                        this.extractPaths(item, indexedPath, indexedLabelPath, result);\n                    }\n                }\n            }\n        }\n\n        return result;\n    }\n\n    public getChildPaths(path: string): StatePathsCollection {\n        const rawPath = path.replace(/^\\$state\\./, \"\");\n        const node = get(this.state, rawPath);\n\n        if (node === undefined || node === null) {\n            return new StatePathsCollection([]);\n        }\n\n        const baseLabel = this.toLabel(rawPath.split(\".\").pop() || \"\");\n\n        // If array, assume inspecting the first item\n        const target = Array.isArray(node) ? node[0] : node;\n\n        if (typeof target !== \"object\" || target === null) {\n            return new StatePathsCollection([]);\n        }\n\n        const result: PathOption[] = [];\n        this.extractRelativeNoIndexPaths(target, [], [baseLabel], result);\n\n        return new StatePathsCollection(\n            result.map(opt => ({\n                ...opt,\n                value: `$.${opt.value}`\n            }))\n        );\n    }\n\n    private extractRelativeNoIndexPaths(\n        obj: any,\n        path: string[] = [],\n        labelPath: string[] = [],\n        result: PathOption[] = []\n    ): void {\n        for (const [key, value] of Object.entries<any>(obj)) {\n            const currentPath = [...path, key];\n            const currentLabelPath = [...labelPath, this.toLabel(key)];\n            const type = this.getValueType(value);\n\n            result.push({\n                value: currentPath.join(\".\"),\n                label: currentLabelPath.join(\" → \"),\n                type\n            });\n\n            if (type.matches(\"object\")) {\n                this.extractRelativeNoIndexPaths(value, currentPath, currentLabelPath, result);\n            }\n\n            if (type.isArray() && value.length > 0 && typeof value[0] === \"object\") {\n                this.extractRelativeNoIndexPaths(value[0], currentPath, currentLabelPath, result);\n            }\n        }\n    }\n\n    private toLabel(key: string): string {\n        return key.replace(/([a-z])([A-Z])/g, \"$1 $2\").replace(/^./, str => str.toUpperCase());\n    }\n\n    private getValueType(value: any): PathType {\n        if (Array.isArray(value)) {\n            return new PathType(\"array\");\n        }\n\n        if (value === null) {\n            return new PathType(\"null\");\n        }\n\n        return new PathType(typeof value);\n    }\n}\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,YAAY;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,QAAQ;AAEjB,OAAO,MAAMC,mBAAmB,CAAC;EAG7BC,WAAWA,CAACC,KAA0B,EAAE;IACpC,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB;EAEOC,QAAQA,CAAA,EAAyB;IACpC,OAAO,IAAIL,oBAAoB,CAAC,IAAI,CAACM,YAAY,CAAC,IAAI,CAACF,KAAK,CAAC,CAAC;EAClE;EAEQE,YAAYA,CAChBC,GAAQ,EACRC,IAAc,GAAG,EAAE,EACnBC,SAAmB,GAAG,EAAE,EACxBC,MAAoB,GAAG,EAAE,EACb;IACZ,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACP,GAAG,CAAC,EAAE;MAC5C,MAAMQ,WAAW,GAAG,CAAC,GAAGP,IAAI,EAAEG,GAAG,CAAC;MAClC,MAAMK,gBAAgB,GAAG,CAAC,GAAGP,SAAS,EAAE,IAAI,CAACQ,OAAO,CAACN,GAAG,CAAC,CAAC;MAC1D,MAAMO,SAAS,GAAG,IAAI,CAACC,YAAY,CAACP,KAAK,CAAC;MAE1C,MAAMQ,OAAO,GAAG,UAAUL,WAAW,CAACM,IAAI,CAAC,GAAG,CAAC,EAAE;MACjD,MAAMC,KAAK,GAAGN,gBAAgB,CAACK,IAAI,CAAC,KAAK,CAAC;MAE1CX,MAAM,CAACa,IAAI,CAAC;QAAEX,KAAK,EAAEQ,OAAO;QAAEE,KAAK;QAAEE,IAAI,EAAEN;MAAU,CAAC,CAAC;MAEvD,IAAIA,SAAS,CAACO,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC7B,IAAI,CAACnB,YAAY,CAACM,KAAK,EAAEG,WAAW,EAAEC,gBAAgB,EAAEN,MAAM,CAAC;MACnE;MAEA,IAAIQ,SAAS,CAACO,OAAO,CAAC,OAAO,CAAC,EAAE;QAC5B;QACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,KAAK,CAACe,MAAM,EAAED,CAAC,EAAE,EAAE;UACnC;UACA,MAAME,IAAI,GAAGhB,KAAK,CAACc,CAAC,CAAC;UACrB,MAAMG,WAAW,GAAG,CAAC,GAAGd,WAAW,EAAEe,MAAM,CAACJ,CAAC,CAAC,CAAC;UAC/C,MAAMK,QAAQ,GAAG,IAAI,CAACZ,YAAY,CAACS,IAAI,CAAC;UAExC,MAAMI,cAAc,GAAG,GAAG,IAAI,CAACf,OAAO,CAACN,GAAG,CAAC,KAAKe,CAAC,GAAG;UACpD,MAAMO,gBAAgB,GAAG,CAAC,GAAGxB,SAAS,EAAEuB,cAAc,CAAC;UAEvD,MAAME,WAAW,GAAG,UAAUL,WAAW,CAACR,IAAI,CAAC,GAAG,CAAC,EAAE;UACrD,MAAMc,SAAS,GAAGF,gBAAgB,CAACZ,IAAI,CAAC,KAAK,CAAC;UAE9CX,MAAM,CAACa,IAAI,CAAC;YAAEX,KAAK,EAAEsB,WAAW;YAAEZ,KAAK,EAAEa,SAAS;YAAEX,IAAI,EAAEO;UAAS,CAAC,CAAC;UAErE,IAAIA,QAAQ,CAACN,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC5B,IAAI,CAACnB,YAAY,CAACsB,IAAI,EAAEC,WAAW,EAAEI,gBAAgB,EAAEvB,MAAM,CAAC;UAClE;QACJ;MACJ;IACJ;IAEA,OAAOA,MAAM;EACjB;EAEO0B,aAAaA,CAAC5B,IAAY,EAAwB;IACrD,MAAM6B,OAAO,GAAG7B,IAAI,CAAC8B,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;IAC9C,MAAMC,IAAI,GAAGxC,GAAG,CAAC,IAAI,CAACK,KAAK,EAAEiC,OAAO,CAAC;IAErC,IAAIE,IAAI,KAAKC,SAAS,IAAID,IAAI,KAAK,IAAI,EAAE;MACrC,OAAO,IAAIvC,oBAAoB,CAAC,EAAE,CAAC;IACvC;IAEA,MAAMyC,SAAS,GAAG,IAAI,CAACxB,OAAO,CAACoB,OAAO,CAACK,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;;IAE9D;IACA,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACP,IAAI,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI;IAEnD,IAAI,OAAOK,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,EAAE;MAC/C,OAAO,IAAI5C,oBAAoB,CAAC,EAAE,CAAC;IACvC;IAEA,MAAMU,MAAoB,GAAG,EAAE;IAC/B,IAAI,CAACqC,2BAA2B,CAACH,MAAM,EAAE,EAAE,EAAE,CAACH,SAAS,CAAC,EAAE/B,MAAM,CAAC;IAEjE,OAAO,IAAIV,oBAAoB,CAC3BU,MAAM,CAACsC,GAAG,CAACC,GAAG,KAAK;MACf,GAAGA,GAAG;MACNrC,KAAK,EAAE,KAAKqC,GAAG,CAACrC,KAAK;IACzB,CAAC,CAAC,CACN,CAAC;EACL;EAEQmC,2BAA2BA,CAC/BxC,GAAQ,EACRC,IAAc,GAAG,EAAE,EACnBC,SAAmB,GAAG,EAAE,EACxBC,MAAoB,GAAG,EAAE,EACrB;IACJ,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAAMP,GAAG,CAAC,EAAE;MACjD,MAAMQ,WAAW,GAAG,CAAC,GAAGP,IAAI,EAAEG,GAAG,CAAC;MAClC,MAAMK,gBAAgB,GAAG,CAAC,GAAGP,SAAS,EAAE,IAAI,CAACQ,OAAO,CAACN,GAAG,CAAC,CAAC;MAC1D,MAAMa,IAAI,GAAG,IAAI,CAACL,YAAY,CAACP,KAAK,CAAC;MAErCF,MAAM,CAACa,IAAI,CAAC;QACRX,KAAK,EAAEG,WAAW,CAACM,IAAI,CAAC,GAAG,CAAC;QAC5BC,KAAK,EAAEN,gBAAgB,CAACK,IAAI,CAAC,KAAK,CAAC;QACnCG;MACJ,CAAC,CAAC;MAEF,IAAIA,IAAI,CAACC,OAAO,CAAC,QAAQ,CAAC,EAAE;QACxB,IAAI,CAACsB,2BAA2B,CAACnC,KAAK,EAAEG,WAAW,EAAEC,gBAAgB,EAAEN,MAAM,CAAC;MAClF;MAEA,IAAIc,IAAI,CAACsB,OAAO,CAAC,CAAC,IAAIlC,KAAK,CAACe,MAAM,GAAG,CAAC,IAAI,OAAOf,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;QACpE,IAAI,CAACmC,2BAA2B,CAACnC,KAAK,CAAC,CAAC,CAAC,EAAEG,WAAW,EAAEC,gBAAgB,EAAEN,MAAM,CAAC;MACrF;IACJ;EACJ;EAEQO,OAAOA,CAACN,GAAW,EAAU;IACjC,OAAOA,GAAG,CAAC2B,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAEY,GAAG,IAAIA,GAAG,CAACC,WAAW,CAAC,CAAC,CAAC;EAC1F;EAEQhC,YAAYA,CAACP,KAAU,EAAY;IACvC,IAAIiC,KAAK,CAACC,OAAO,CAAClC,KAAK,CAAC,EAAE;MACtB,OAAO,IAAIX,QAAQ,CAAC,OAAO,CAAC;IAChC;IAEA,IAAIW,KAAK,KAAK,IAAI,EAAE;MAChB,OAAO,IAAIX,QAAQ,CAAC,MAAM,CAAC;IAC/B;IAEA,OAAO,IAAIA,QAAQ,CAAC,OAAOW,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}
+{"version":3,"names":["get","StatePathsCollection","PathType","StatePathsExtractor","constructor","state","getPaths","extractPaths","obj","path","labelPath","result","key","value","Object","entries","currentPath","currentLabelPath","toLabel","valueType","getValueType","dotPath","join","label","push","type","matches","i","length","item","indexedPath","String","itemType","labelWithIndex","indexedLabelPath","itemDotPath","itemLabel","getChildPaths","rawPath","replace","node","undefined","baseLabel","split","pop","target","Array","isArray","extractRelativeNoIndexPaths","map","opt","str","toUpperCase"],"sources":["StatePathsExtractor.ts"],"sourcesContent":["import get from \"lodash/get.js\";\nimport { StatePathsCollection, type PathOption } from \"./StatePathsCollection.js\";\nimport { PathType } from \"./PathType.js\";\n\nexport class StatePathsExtractor {\n    private readonly state: Record<string, any>;\n\n    constructor(state: Record<string, any>) {\n        this.state = state;\n    }\n\n    public getPaths(): StatePathsCollection {\n        return new StatePathsCollection(this.extractPaths(this.state));\n    }\n\n    private extractPaths(\n        obj: any,\n        path: string[] = [],\n        labelPath: string[] = [],\n        result: PathOption[] = []\n    ): PathOption[] {\n        for (const [key, value] of Object.entries(obj)) {\n            const currentPath = [...path, key];\n            const currentLabelPath = [...labelPath, this.toLabel(key)];\n            const valueType = this.getValueType(value);\n\n            const dotPath = `$state.${currentPath.join(\".\")}`;\n            const label = currentLabelPath.join(\" → \");\n\n            result.push({ value: dotPath, label, type: valueType });\n\n            if (valueType.matches(\"object\")) {\n                this.extractPaths(value, currentPath, currentLabelPath, result);\n            }\n\n            if (valueType.matches(\"array\")) {\n                // @ts-expect-error We know it's an array.\n                for (let i = 0; i < value.length; i++) {\n                    // @ts-expect-error We know it's an array.\n                    const item = value[i];\n                    const indexedPath = [...currentPath, String(i)];\n                    const itemType = this.getValueType(item);\n\n                    const labelWithIndex = `${this.toLabel(key)} [${i}]`;\n                    const indexedLabelPath = [...labelPath, labelWithIndex];\n\n                    const itemDotPath = `$state.${indexedPath.join(\".\")}`;\n                    const itemLabel = indexedLabelPath.join(\" → \");\n\n                    result.push({ value: itemDotPath, label: itemLabel, type: itemType });\n\n                    if (itemType.matches(\"object\")) {\n                        this.extractPaths(item, indexedPath, indexedLabelPath, result);\n                    }\n                }\n            }\n        }\n\n        return result;\n    }\n\n    public getChildPaths(path: string): StatePathsCollection {\n        const rawPath = path.replace(/^\\$state\\./, \"\");\n        const node = get(this.state, rawPath);\n\n        if (node === undefined || node === null) {\n            return new StatePathsCollection([]);\n        }\n\n        const baseLabel = this.toLabel(rawPath.split(\".\").pop() || \"\");\n\n        // If array, assume inspecting the first item\n        const target = Array.isArray(node) ? node[0] : node;\n\n        if (typeof target !== \"object\" || target === null) {\n            return new StatePathsCollection([]);\n        }\n\n        const result: PathOption[] = [];\n        this.extractRelativeNoIndexPaths(target, [], [baseLabel], result);\n\n        return new StatePathsCollection(\n            result.map(opt => ({\n                ...opt,\n                value: `$.${opt.value}`\n            }))\n        );\n    }\n\n    private extractRelativeNoIndexPaths(\n        obj: any,\n        path: string[] = [],\n        labelPath: string[] = [],\n        result: PathOption[] = []\n    ): void {\n        for (const [key, value] of Object.entries<any>(obj)) {\n            const currentPath = [...path, key];\n            const currentLabelPath = [...labelPath, this.toLabel(key)];\n            const type = this.getValueType(value);\n\n            result.push({\n                value: currentPath.join(\".\"),\n                label: currentLabelPath.join(\" → \"),\n                type\n            });\n\n            if (type.matches(\"object\")) {\n                this.extractRelativeNoIndexPaths(value, currentPath, currentLabelPath, result);\n            }\n\n            if (type.isArray() && value.length > 0 && typeof value[0] === \"object\") {\n                this.extractRelativeNoIndexPaths(value[0], currentPath, currentLabelPath, result);\n            }\n        }\n    }\n\n    private toLabel(key: string): string {\n        return key.replace(/([a-z])([A-Z])/g, \"$1 $2\").replace(/^./, str => str.toUpperCase());\n    }\n\n    private getValueType(value: any): PathType {\n        if (Array.isArray(value)) {\n            return new PathType(\"array\");\n        }\n\n        if (value === null) {\n            return new PathType(\"null\");\n        }\n\n        return new PathType(typeof value);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor.test.js

@@ -1,4 +1,5 @@
-import { StatePathsExtractor } from "./StatePathsExtractor";
+import { describe, it, expect } from "vitest";
+import { StatePathsExtractor } from "./StatePathsExtractor.js";
 
 // This test is skipped because its underlying functionality is currently not being used.
 describe.skip("StatePathsExtractor", () => {