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

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.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":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/ExpressionRenderer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/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"],"names":["ExpressionRenderer","element","input","value","onChange","options","useSelectFromDocument","document","repeat","StatePathsExtractor","Select","undefined"],"mappings":";;;;AAcO,MAAMA,qBAAqB,CAAC,EAC/BC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACc;IACtB,MAAMC,UAAUC,sBAAsBC,CAAAA;QAClC,MAAMC,SAASD,SAAS,QAAQ,CAACN,QAAQ,EAAE,CAAC,EAAE;QAE9C,IAAIO,QACA,OACI,IAAIC,oBAAoBF,SAAS,KAAK,EACjC,aAAa,CAACC,OAAO,UAAU,EAG/B,MAAM;QAGnB,OACI,IAAIC,oBAAoBF,SAAS,KAAK,EACjC,QAAQ,GAGR,MAAM;IAEnB;IAEA,OAAO,WAAP,GACI,oBAACG,QAAMA;QACH,OAAOR,MAAM,KAAK;QAClB,aAAa;QACb,SAASG;QACT,OAAOF;QACP,UAAUA,CAAAA,QAASC,SAASD,AAAU,OAAVA,QAAeQ,SAAYR;;AAGnE"}

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

@@ -1,34 +1,30 @@
-// @ts-nocheck This is pending implementation!
-import React from "react";
+import react from "react";
 import { InputField } from "./InputField.js";
-export function FieldArray({
-  node,
-  bindings
-}) {
-  // Determine how many items there are
-  const items = new Set(Object.keys(bindings).filter(key => key.startsWith(`${node.name}[`)).map(key => {
-    const match = key.match(/\[(\d+)\]/);
-    return match ? Number(match[1]) : null;
-  }).filter(i => i !== null));
-  return /*#__PURE__*/React.createElement("fieldset", null, /*#__PURE__*/React.createElement("legend", null, node.input.label || node.name), [...items].map(index => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      style: {
-        border: "1px solid #ccc",
-        padding: "0.5em"
-      }
-    }, node.children.map(child => {
-      const cloned = {
-        ...child,
-        path: `${node.name}[${index}].${child.name}`
-      };
-      return /*#__PURE__*/React.createElement(InputField, {
-        key: cloned.path,
-        node: cloned,
-        bindings: bindings
-      });
-    }));
-  }));
+function FieldArray({ node, bindings }) {
+    const items = new Set(Object.keys(bindings).filter((key)=>key.startsWith(`${node.name}[`)).map((key)=>{
+        const match = key.match(/\[(\d+)\]/);
+        return match ? Number(match[1]) : null;
+    }).filter((i)=>null !== i));
+    return /*#__PURE__*/ react.createElement("fieldset", null, /*#__PURE__*/ react.createElement("legend", null, node.input.label || node.name), [
+        ...items
+    ].map((index)=>/*#__PURE__*/ react.createElement("div", {
+            key: index,
+            style: {
+                border: "1px solid #ccc",
+                padding: "0.5em"
+            }
+        }, node.children.map((child)=>{
+            const cloned = {
+                ...child,
+                path: `${node.name}[${index}].${child.name}`
+            };
+            return /*#__PURE__*/ react.createElement(InputField, {
+                key: cloned.path,
+                node: cloned,
+                bindings: bindings
+            });
+        }))));
 }
+export { FieldArray };
 
 //# sourceMappingURL=FieldArray.js.map

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.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":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/FieldArray.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/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"],"names":["FieldArray","node","bindings","items","Set","Object","key","match","Number","i","index","child","cloned","InputField"],"mappings":";;AAKO,SAASA,WAAW,EACvBC,IAAI,EACJC,QAAQ,EAIX;IAEG,MAAMC,QAAQ,IAAIC,IACdC,OAAO,IAAI,CAACH,UACP,MAAM,CAACI,CAAAA,MAAOA,IAAI,UAAU,CAAC,GAAGL,KAAK,IAAI,CAAC,CAAC,CAAC,GAC5C,GAAG,CAACK,CAAAA;QACD,MAAMC,QAAQD,IAAI,KAAK,CAAC;QACxB,OAAOC,QAAQC,OAAOD,KAAK,CAAC,EAAE,IAAI;IACtC,GACC,MAAM,CAAC,CAACE,IAAmBA,AAAM,SAANA;IAGpC,OAAO,WAAP,GACI,oBAAC,gCACG,oBAAC,gBAAQR,KAAK,KAAK,CAAC,KAAK,IAAIA,KAAK,IAAI,GACrC;WAAIE;KAAM,CAAC,GAAG,CAACO,CAAAA,QACL,WAAP,GACI,oBAAC;YAAI,KAAKA;YAAO,OAAO;gBAAE,QAAQ;gBAAkB,SAAS;YAAQ;WAChET,KAAK,QAAQ,CAAC,GAAG,CAACU,CAAAA;YACf,MAAMC,SAAS;gBACX,GAAGD,KAAK;gBACR,MAAM,GAAGV,KAAK,IAAI,CAAC,CAAC,EAAES,MAAM,EAAE,EAAEC,MAAM,IAAI,EAAE;YAChD;YACA,OAAO,WAAP,GACI,oBAACE,YAAUA;gBAAC,KAAKD,OAAO,IAAI;gBAAE,MAAMA;gBAAQ,UAAUV;;QAE9D;AAMxB"}

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

@@ -1,72 +1,27 @@
-import React from "react";
+import react from "react";
 import { useInputRenderer } from "./useInputRenderer.js";
 import { useInputValue } from "./useInputValue.js";
 import { InheritanceLabel } from "../InheritanceLabel.js";
-export function InputField({
-  element,
-  node
-}) {
-  const Renderer = useInputRenderer(node.input.renderer);
-  const {
-    value,
-    onChange,
-    onPreviewChange,
-    inheritanceMap,
-    metadata,
-    onReset
-  } = useInputValue(element.id, node);
-  const input = node.input;
-  if (input.type === "object") {
-    // TODO: nested inputs will be implemented at a later stage.
-    return;
-
-    /*if (node.list) {
-        return <FieldArray node={node} bindings={bindings} />;
-    }
-     return (
-        <fieldset>
-            <legend>{input.label}</legend>
-            {node.children.map(child => (
-                <InputField key={child.path} node={child} bindings={bindings} />
-            ))}
-        </fieldset>
-    );*/
-  }
-  const label = node.input.responsive ? /*#__PURE__*/React.createElement(InheritanceLabel, {
-    text: input.label,
-    inheritedFrom: inheritanceMap?.inheritedFrom,
-    isOverridden: inheritanceMap?.overridden ?? false,
-    onReset: onReset
-  }) : input.label;
-  return /*#__PURE__*/React.createElement(Renderer, {
-    metadata: metadata,
-    label: label,
-    value: value?.static,
-    onChange: onChange,
-    onPreviewChange: onPreviewChange,
-    input: node.input
-  });
-
-  // We'll implement expression bindings at a later stage.
-  /*return value.expression ? (
-      <WithBindingToggle type={"expression"} setBindingType={setBindingType}>
-          <ExpressionRenderer
-              element={activeElement!}
-              value={value.expression}
-              onChange={onChange}
-              input={input}
-          />
-      </WithBindingToggle>
-  ) : (
-      <WithBindingToggle type={"static"} setBindingType={setBindingType}>
-          <Renderer
-              value={value.static}
-              onChange={onChange}
-              onPreviewChange={onPreviewChange}
-              input={node.input}
-          />
-      </WithBindingToggle>
-  );*/
+function InputField({ element, node }) {
+    const Renderer = useInputRenderer(node.input.renderer);
+    const { value, onChange, onPreviewChange, inheritanceMap, metadata, onReset } = useInputValue(element.id, node);
+    const input = node.input;
+    if ("object" === input.type) return;
+    const label = node.input.responsive ? /*#__PURE__*/ react.createElement(InheritanceLabel, {
+        text: input.label,
+        inheritedFrom: inheritanceMap?.inheritedFrom,
+        isOverridden: inheritanceMap?.overridden ?? false,
+        onReset: onReset
+    }) : input.label;
+    return /*#__PURE__*/ react.createElement(Renderer, {
+        metadata: metadata,
+        label: label,
+        value: value?.static,
+        onChange: onChange,
+        onPreviewChange: onPreviewChange,
+        input: node.input
+    });
 }
+export { InputField };
 
 //# sourceMappingURL=InputField.js.map

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\";\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":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/InputField.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/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"],"names":["InputField","element","node","Renderer","useInputRenderer","value","onChange","onPreviewChange","inheritanceMap","metadata","onReset","useInputValue","input","label","InheritanceLabel"],"mappings":";;;;AAaO,SAASA,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAmB;IACzD,MAAMC,WAAWC,iBAAiBF,KAAK,KAAK,CAAC,QAAQ;IACrD,MAAM,EAAEG,KAAK,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGC,cAC5EV,QAAQ,EAAE,EACVC;IAEJ,MAAMU,QAAQV,KAAK,KAAK;IAExB,IAAIU,AAAe,aAAfA,MAAM,IAAI,EAEV;IAgBJ,MAAMC,QAAQX,KAAK,KAAK,CAAC,UAAU,GAAG,WAAH,GAC/B,oBAACY,kBAAgBA;QACb,MAAMF,MAAM,KAAK;QACjB,eAAeJ,gBAAgB;QAC/B,cAAcA,gBAAgB,cAAc;QAC5C,SAASE;SAGbE,MAAM,KAAK;IAGf,OAAO,WAAP,GACI,oBAACT,UAAAA;QACG,UAAUM;QACV,OAAOI;QACP,OAAOR,OAAO;QACd,UAAUC;QACV,iBAAiBC;QACjB,OAAOL,KAAK,KAAK;;AAwB7B"}

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

@@ -1,29 +1,21 @@
-import React from "react";
+import react from "react";
 import { Grid } from "@webiny/admin-ui";
 import { InputField } from "./InputField.js";
 import { useActiveElement } from "../../../hooks/useActiveElement.js";
-export const InputRenderer = ({
-  ast,
-  bindings
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ast.map(node => node.input.hideFromUi ? null : /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12,
-    key: node.path
-  }, /*#__PURE__*/React.createElement(ActiveElement, null, element => /*#__PURE__*/React.createElement(InputField, {
-    key: node.path,
-    element: element,
-    node: node,
-    bindings: bindings
-  })))));
-};
-const ActiveElement = ({
-  children
-}) => {
-  const [element] = useActiveElement();
-  if (!element) {
-    return null;
-  }
-  return children(element);
+const InputRenderer = ({ ast, bindings })=>/*#__PURE__*/ react.createElement(react.Fragment, null, ast.map((node)=>node.input.hideFromUi ? null : /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12,
+            key: node.path
+        }, /*#__PURE__*/ react.createElement(ActiveElement, null, (element)=>/*#__PURE__*/ react.createElement(InputField, {
+                key: node.path,
+                element: element,
+                node: node,
+                bindings: bindings
+            })))));
+const ActiveElement = ({ children })=>{
+    const [element] = useActiveElement();
+    if (!element) return null;
+    return children(element);
 };
+export { InputRenderer };
 
 //# sourceMappingURL=InputRenderer.js.map

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.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":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/InputRenderer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/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"],"names":["InputRenderer","ast","bindings","node","Grid","ActiveElement","element","InputField","children","useActiveElement"],"mappings":";;;;AAOO,MAAMA,gBAAgB,CAAC,EAC1BC,GAAG,EACHC,QAAQ,EAIX,GACU,WAAP,GACI,0CACKD,IAAI,GAAG,CAACE,CAAAA,OACLA,KAAK,KAAK,CAAC,UAAU,GAAG,OAAO,WAAP,GACpB,oBAACC,KAAK,MAAM;YAAC,MAAM;YAAI,KAAKD,KAAK,IAAI;yBACjC,oBAACE,eAAaA,MACTC,CAAAA,UAAAA,WAAAA,GACG,oBAACC,YAAUA;gBACP,KAAKJ,KAAK,IAAI;gBACd,SAASG;gBACT,MAAMH;gBACN,UAAUD;;AAe9C,MAAMG,gBAAgB,CAAC,EAAEG,QAAQ,EAAsB;IACnD,MAAM,CAACF,QAAQ,GAAGG;IAClB,IAAI,CAACH,SACD,OAAO;IAGX,OAAOE,SAASF;AACpB"}

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

@@ -1,30 +1,49 @@
-const scalars = ["string", "number", "boolean"];
-export class PathType {
-  constructor(nativeType) {
-    this.nativeType = nativeType;
-  }
-  toString() {
-    return this.nativeType;
-  }
-  matches(expected) {
-    const map = {
-      text: ["string"],
-      longText: ["string"],
-      number: ["number"],
-      boolean: ["boolean"],
-      array: ["array"],
-      object: ["object"],
-      json: ["object"]
-    };
-    const allowed = map[expected] || [];
-    return allowed.includes(this.nativeType);
-  }
-  isArray() {
-    return this.nativeType === "array";
-  }
-  isScalar() {
-    return scalars.includes(this.nativeType);
-  }
+const scalars = [
+    "string",
+    "number",
+    "boolean"
+];
+class PathType {
+    constructor(nativeType){
+        this.nativeType = nativeType;
+    }
+    toString() {
+        return this.nativeType;
+    }
+    matches(expected) {
+        const map = {
+            text: [
+                "string"
+            ],
+            longText: [
+                "string"
+            ],
+            number: [
+                "number"
+            ],
+            boolean: [
+                "boolean"
+            ],
+            array: [
+                "array"
+            ],
+            object: [
+                "object"
+            ],
+            json: [
+                "object"
+            ]
+        };
+        const allowed = map[expected] || [];
+        return allowed.includes(this.nativeType);
+    }
+    isArray() {
+        return "array" === this.nativeType;
+    }
+    isScalar() {
+        return scalars.includes(this.nativeType);
+    }
 }
+export { PathType };
 
 //# sourceMappingURL=PathType.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["scalars","PathType","constructor","nativeType","toString","matches","expected","map","text","longText","number","boolean","array","object","json","allowed","includes","isArray","isScalar"],"sources":["PathType.ts"],"sourcesContent":["const scalars = [\"string\", \"number\", \"boolean\"];\n\nexport class PathType {\n    private readonly nativeType: string;\n\n    constructor(nativeType: string) {\n        this.nativeType = nativeType;\n    }\n\n    public toString(): string {\n        return this.nativeType;\n    }\n\n    public matches(expected: string): boolean {\n        const map: Record<string, string[]> = {\n            text: [\"string\"],\n            longText: [\"string\"],\n            number: [\"number\"],\n            boolean: [\"boolean\"],\n            array: [\"array\"],\n            object: [\"object\"],\n            json: [\"object\"]\n        };\n\n        const allowed = map[expected] || [];\n        return allowed.includes(this.nativeType);\n    }\n\n    isArray() {\n        return this.nativeType === \"array\";\n    }\n\n    isScalar() {\n        return scalars.includes(this.nativeType);\n    }\n}\n"],"mappings":"AAAA,MAAMA,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;AAE/C,OAAO,MAAMC,QAAQ,CAAC;EAGlBC,WAAWA,CAACC,UAAkB,EAAE;IAC5B,IAAI,CAACA,UAAU,GAAGA,UAAU;EAChC;EAEOC,QAAQA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACD,UAAU;EAC1B;EAEOE,OAAOA,CAACC,QAAgB,EAAW;IACtC,MAAMC,GAA6B,GAAG;MAClCC,IAAI,EAAE,CAAC,QAAQ,CAAC;MAChBC,QAAQ,EAAE,CAAC,QAAQ,CAAC;MACpBC,MAAM,EAAE,CAAC,QAAQ,CAAC;MAClBC,OAAO,EAAE,CAAC,SAAS,CAAC;MACpBC,KAAK,EAAE,CAAC,OAAO,CAAC;MAChBC,MAAM,EAAE,CAAC,QAAQ,CAAC;MAClBC,IAAI,EAAE,CAAC,QAAQ;IACnB,CAAC;IAED,MAAMC,OAAO,GAAGR,GAAG,CAACD,QAAQ,CAAC,IAAI,EAAE;IACnC,OAAOS,OAAO,CAACC,QAAQ,CAAC,IAAI,CAACb,UAAU,CAAC;EAC5C;EAEAc,OAAOA,CAAA,EAAG;IACN,OAAO,IAAI,CAACd,UAAU,KAAK,OAAO;EACtC;EAEAe,QAAQA,CAAA,EAAG;IACP,OAAOlB,OAAO,CAACgB,QAAQ,CAAC,IAAI,CAACb,UAAU,CAAC;EAC5C;AACJ","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/PathType.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/PathType.ts"],"sourcesContent":["const scalars = [\"string\", \"number\", \"boolean\"];\n\nexport class PathType {\n    private readonly nativeType: string;\n\n    constructor(nativeType: string) {\n        this.nativeType = nativeType;\n    }\n\n    public toString(): string {\n        return this.nativeType;\n    }\n\n    public matches(expected: string): boolean {\n        const map: Record<string, string[]> = {\n            text: [\"string\"],\n            longText: [\"string\"],\n            number: [\"number\"],\n            boolean: [\"boolean\"],\n            array: [\"array\"],\n            object: [\"object\"],\n            json: [\"object\"]\n        };\n\n        const allowed = map[expected] || [];\n        return allowed.includes(this.nativeType);\n    }\n\n    isArray() {\n        return this.nativeType === \"array\";\n    }\n\n    isScalar() {\n        return scalars.includes(this.nativeType);\n    }\n}\n"],"names":["scalars","PathType","nativeType","expected","map","allowed"],"mappings":"AAAA,MAAMA,UAAU;IAAC;IAAU;IAAU;CAAU;AAExC,MAAMC;IAGT,YAAYC,UAAkB,CAAE;QAC5B,IAAI,CAAC,UAAU,GAAGA;IACtB;IAEO,WAAmB;QACtB,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEO,QAAQC,QAAgB,EAAW;QACtC,MAAMC,MAAgC;YAClC,MAAM;gBAAC;aAAS;YAChB,UAAU;gBAAC;aAAS;YACpB,QAAQ;gBAAC;aAAS;YAClB,SAAS;gBAAC;aAAU;YACpB,OAAO;gBAAC;aAAQ;YAChB,QAAQ;gBAAC;aAAS;YAClB,MAAM;gBAAC;aAAS;QACpB;QAEA,MAAMC,UAAUD,GAAG,CAACD,SAAS,IAAI,EAAE;QACnC,OAAOE,QAAQ,QAAQ,CAAC,IAAI,CAAC,UAAU;IAC3C;IAEA,UAAU;QACN,OAAO,AAAoB,YAApB,IAAI,CAAC,UAAU;IAC1B;IAEA,WAAW;QACP,OAAOL,QAAQ,QAAQ,CAAC,IAAI,CAAC,UAAU;IAC3C;AACJ"}

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

@@ -1,41 +1,37 @@
-export class StatePathsCollection {
-  constructor(items) {
-    this.items = items;
-  }
-  map(callback) {
-    const mapped = this.items.map(callback);
-    return new StatePathsCollection(mapped);
-  }
-  filter(callback) {
-    const filtered = this.items.filter(callback);
-    return new StatePathsCollection(filtered);
-  }
-  filterScalars() {
-    const filtered = this.items.filter(item => {
-      return item.type.isScalar();
-    });
-    return new StatePathsCollection(filtered);
-  }
-  filterArray() {
-    const filtered = this.items.filter(item => {
-      return item.type.isArray();
-    });
-    return new StatePathsCollection(filtered);
-  }
-  sort(compareFn) {
-    const sorted = [...this.items];
-    if (compareFn) {
-      sorted.sort(compareFn);
-    } else {
-      sorted.sort((a, b) => {
-        return a.label.localeCompare(b.label);
-      });
+class StatePathsCollection {
+    constructor(items){
+        this.items = items;
+    }
+    map(callback) {
+        const mapped = this.items.map(callback);
+        return new StatePathsCollection(mapped);
+    }
+    filter(callback) {
+        const filtered = this.items.filter(callback);
+        return new StatePathsCollection(filtered);
+    }
+    filterScalars() {
+        const filtered = this.items.filter((item)=>item.type.isScalar());
+        return new StatePathsCollection(filtered);
+    }
+    filterArray() {
+        const filtered = this.items.filter((item)=>item.type.isArray());
+        return new StatePathsCollection(filtered);
+    }
+    sort(compareFn) {
+        const sorted = [
+            ...this.items
+        ];
+        if (compareFn) sorted.sort(compareFn);
+        else sorted.sort((a, b)=>a.label.localeCompare(b.label));
+        return new StatePathsCollection(sorted);
+    }
+    values() {
+        return [
+            ...this.items
+        ];
     }
-    return new StatePathsCollection(sorted);
-  }
-  values() {
-    return [...this.items];
-  }
 }
+export { StatePathsCollection };
 
 //# sourceMappingURL=StatePathsCollection.js.map

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.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":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsCollection.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/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"],"names":["StatePathsCollection","items","callback","mapped","filtered","item","compareFn","sorted","a","b"],"mappings":"AAQO,MAAMA;IAGT,YAAYC,KAAmB,CAAE;QAC7B,IAAI,CAAC,KAAK,GAAGA;IACjB;IAEO,IAAIC,QAAkD,EAAwB;QACjF,MAAMC,SAAS,IAAI,CAAC,KAAK,CAAC,GAAG,CAACD;QAC9B,OAAO,IAAIF,qBAAqBG;IACpC;IAEO,OAAOD,QAAsD,EAAwB;QACxF,MAAME,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAACF;QACnC,OAAO,IAAIF,qBAAqBI;IACpC;IAEO,gBAAsC;QACzC,MAAMA,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,OACxBA,KAAK,IAAI,CAAC,QAAQ;QAE7B,OAAO,IAAIL,qBAAqBI;IACpC;IAEO,cAAoC;QACvC,MAAMA,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,OACxBA,KAAK,IAAI,CAAC,OAAO;QAE5B,OAAO,IAAIL,qBAAqBI;IACpC;IAEO,KAAKE,SAAoD,EAAwB;QACpF,MAAMC,SAAS;eAAI,IAAI,CAAC,KAAK;SAAC;QAE9B,IAAID,WACAC,OAAO,IAAI,CAACD;aAEZC,OAAO,IAAI,CAAC,CAACC,GAAGC,IACLD,EAAE,KAAK,CAAC,aAAa,CAACC,EAAE,KAAK;QAI5C,OAAO,IAAIT,qBAAqBO;IACpC;IAEO,SAAuB;QAC1B,OAAO;eAAI,IAAI,CAAC,KAAK;SAAC;IAC1B;AACJ"}