npm - @webiny/app-website-builder - Versions diffs - 6.0.0-alpha.4 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1185) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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.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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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.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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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":[]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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":[]}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~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","ignoreList":[]}
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.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 CHANGED Viewed

@@ -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", () => {

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~StatePathsExtractor~~","~~describe~~","~~skip~~","it","state","users","name","age","settings","enabled","theme","extractor","paths","getPaths","values","~~expect","~~toEqual","arrayContaining","value","label","type","address","city","zip","childPaths","getChildPaths","mode","debug","flag","count","tags","logs","events"],"sources":["StatePathsExtractor.test.ts"],"sourcesContent":["import { StatePathsExtractor } from \"./StatePathsExtractor\";\n\n// This test is skipped because its underlying functionality is currently not being used.\ndescribe.skip(\"StatePathsExtractor\", () => {\n it(\"extracts all paths including array indexes\", () => {\n const state = {\n users: [\n { name: \"Alice\", age: 30 },\n { name: \"Bob\", age: 25 }\n ],\n settings: {\n enabled: true,\n theme: \"dark\"\n }\n };\n\n const extractor = new StatePathsExtractor(state);\n const paths = extractor.getPaths().values();\n\n expect(paths).toEqual(\n expect.arrayContaining([\n { value: \"$state.users\", label: \"Users\", type: \"array\" },\n { value: \"$state.users.0\", label: \"Users [0]\", type: \"object\" },\n { value: \"$state.users.0.name\", label: \"Users [0] → Name\", type: \"string\" },\n { value: \"$state.users.0.age\", label: \"Users [0] → Age\", type: \"number\" },\n { value: \"$state.settings\", label: \"Settings\", type: \"object\" },\n { value: \"$state.settings.enabled\", label: \"Settings → Enabled\", type: \"boolean\" },\n { value: \"$state.settings.theme\", label: \"Settings → Theme\", type: \"string\" }\n ])\n );\n });\n\n it(\"getChildPaths() returns deeply nested fields without array index\", () => {\n const state = {\n users: [\n {\n name: \"Alice\",\n address: {\n city: \"NY\",\n zip: 10001\n }\n }\n ]\n };\n\n const extractor = new StatePathsExtractor(state);\n const childPaths = extractor.getChildPaths(\"$state.users\");\n\n expect(childPaths).toEqual([\n { value: \"$.name\", label: \"Users → Name\", type: \"string\" },\n { value: \"$.address\", label: \"Users → Address\", type: \"object\" },\n { value: \"$.address.city\", label: \"Users → Address → City\", type: \"string\" },\n { value: \"$.address.zip\", label: \"Users → Address → Zip\", type: \"number\" }\n ]);\n });\n\n it(\"getChildPaths() handles root objects\", () => {\n const state = {\n settings: {\n mode: \"dark\",\n debug: false\n }\n };\n\n const extractor = new StatePathsExtractor(state);\n const childPaths = extractor.getChildPaths(\"$state.settings\");\n\n expect(childPaths).toEqual([\n { value: \"$.mode\", label: \"Settings → Mode\", type: \"string\" },\n { value: \"$.debug\", label: \"Settings → Debug\", type: \"boolean\" }\n ]);\n });\n\n it(\"getChildPaths() returns empty array for primitives or undefined paths\", () => {\n const state = {\n flag: true,\n count: 5\n };\n\n const extractor = new StatePathsExtractor(state);\n\n expect(extractor.getChildPaths(\"$state.flag\")).toEqual([]);\n expect(extractor.getChildPaths(\"$state.count\")).toEqual([]);\n expect(extractor.getChildPaths(\"$state.missing\")).toEqual([]);\n });\n\n it(\"getChildPaths() handles arrays with non-object items\", () => {\n const state = {\n tags: [\"a\", \"b\", \"c\"]\n };\n\n const extractor = new StatePathsExtractor(state);\n const childPaths = extractor.getChildPaths(\"$state.tags\");\n\n expect(childPaths).toEqual([]);\n });\n\n it(\"getChildPaths() handles arrays with null or empty items\", () => {\n const state = {\n logs: [null],\n events: []\n };\n\n const extractor = new StatePathsExtractor(state);\n\n expect(extractor.getChildPaths(\"$state.logs\")).toEqual([]);\n expect(extractor.getChildPaths(\"$state.events\")).toEqual([]);\n });\n});\n"],"mappings":"AAAA,SAASA,mBAAmB;;AAE5B;~~AACAC~~,QAAQ,~~CAACC~~,IAAI,CAAC,qBAAqB,EAAE,MAAM;~~EACvCC~~,EAAE,CAAC,4CAA4C,EAAE,MAAM;IACnD,~~MAAMC~~,KAAK,GAAG;MACVC,KAAK,EAAE,CACH;QAAEC,IAAI,EAAE,OAAO;QAAEC,GAAG,EAAE;MAAG,CAAC,EAC1B;QAAED,IAAI,EAAE,KAAK;QAAEC,GAAG,EAAE;MAAG,CAAC,CAC3B;MACDC,QAAQ,EAAE;QACNC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAE;MACX;IACJ,CAAC;IAED,MAAMC,SAAS,GAAG,~~IAAIX~~,mBAAmB,~~CAACI~~,KAAK,CAAC;IAChD,MAAMQ,KAAK,GAAGD,SAAS,CAACE,QAAQ,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;~~IAE3CC~~,MAAM,~~CAACH~~,KAAK,CAAC,~~CAACI~~,OAAO,~~CACjBD~~,MAAM,~~CAACE~~,eAAe,CAAC,CACnB;MAAEC,KAAK,EAAE,cAAc;MAAEC,KAAK,EAAE,OAAO;MAAEC,IAAI,EAAE;IAAQ,CAAC,EACxD;MAAEF,KAAK,EAAE,gBAAgB;MAAEC,KAAK,EAAE,WAAW;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC/D;MAAEF,KAAK,EAAE,qBAAqB;MAAEC,KAAK,EAAE,kBAAkB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC3E;MAAEF,KAAK,EAAE,oBAAoB;MAAEC,KAAK,EAAE,iBAAiB;MAAEC,IAAI,EAAE;IAAS,CAAC,EACzE;MAAEF,KAAK,EAAE,iBAAiB;MAAEC,KAAK,EAAE,UAAU;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC/D;MAAEF,KAAK,EAAE,yBAAyB;MAAEC,KAAK,EAAE,oBAAoB;MAAEC,IAAI,EAAE;IAAU,CAAC,EAClF;MAAEF,KAAK,EAAE,uBAAuB;MAAEC,KAAK,EAAE,kBAAkB;MAAEC,IAAI,EAAE;IAAS,CAAC,CAChF,CACL,CAAC;EACL,CAAC,CAAC;~~EAEFjB~~,EAAE,CAAC,kEAAkE,EAAE,MAAM;IACzE,~~MAAMC~~,KAAK,GAAG;MACVC,KAAK,EAAE,CACH;QACIC,IAAI,EAAE,OAAO;~~QACbe~~,OAAO,EAAE;UACLC,IAAI,EAAE,IAAI;UACVC,GAAG,EAAE;QACT;MACJ,CAAC;IAET,CAAC;IAED,~~MAAMZ~~,SAAS,GAAG,~~IAAIX~~,mBAAmB,~~CAACI~~,KAAK,CAAC;IAChD,~~MAAMoB~~,UAAU,~~GAAGb~~,SAAS,~~CAACc~~,aAAa,CAAC,cAAc,CAAC;~~IAE1DV~~,MAAM,~~CAACS~~,UAAU,CAAC,CAACR,OAAO,CAAC,CACvB;MAAEE,KAAK,EAAE,QAAQ;MAAEC,KAAK,EAAE,cAAc;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC1D;MAAEF,KAAK,EAAE,WAAW;MAAEC,KAAK,EAAE,iBAAiB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAChE;MAAEF,KAAK,EAAE,gBAAgB;MAAEC,KAAK,EAAE,wBAAwB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC5E;MAAEF,KAAK,EAAE,eAAe;MAAEC,KAAK,EAAE,uBAAuB;MAAEC,IAAI,EAAE;IAAS,CAAC,CAC7E,CAAC;EACN,CAAC,CAAC;~~EAEFjB~~,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC7C,~~MAAMC~~,KAAK,GAAG;MACVI,QAAQ,EAAE;~~QACNkB~~,IAAI,EAAE,MAAM;QACZC,KAAK,EAAE;MACX;IACJ,CAAC;IAED,~~MAAMhB~~,SAAS,GAAG,~~IAAIX~~,mBAAmB,~~CAACI~~,KAAK,CAAC;IAChD,~~MAAMoB~~,UAAU,~~GAAGb~~,SAAS,~~CAACc~~,aAAa,CAAC,iBAAiB,CAAC;~~IAE7DV~~,MAAM,~~CAACS~~,UAAU,CAAC,CAACR,OAAO,CAAC,CACvB;MAAEE,KAAK,EAAE,QAAQ;MAAEC,KAAK,EAAE,iBAAiB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC7D;MAAEF,KAAK,EAAE,SAAS;MAAEC,KAAK,EAAE,kBAAkB;MAAEC,IAAI,EAAE;IAAU,CAAC,CACnE,CAAC;EACN,CAAC,CAAC;~~EAEFjB~~,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,~~MAAMC~~,KAAK,GAAG;~~MACVwB~~,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACX,CAAC;IAED,~~MAAMlB~~,SAAS,GAAG,~~IAAIX~~,mBAAmB,~~CAACI~~,KAAK,CAAC;~~IAEhDW~~,MAAM,~~CAACJ~~,SAAS,~~CAACc~~,aAAa,CAAC,aAAa,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;~~IAC1DD~~,MAAM,~~CAACJ~~,SAAS,~~CAACc~~,aAAa,CAAC,cAAc,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;~~IAC3DD~~,MAAM,~~CAACJ~~,SAAS,~~CAACc~~,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;EACjE,CAAC,CAAC;~~EAEFb~~,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC7D,~~MAAMC~~,KAAK,GAAG;~~MACV0B~~,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG;IACxB,CAAC;IAED,~~MAAMnB~~,SAAS,GAAG,~~IAAIX~~,mBAAmB,~~CAACI~~,KAAK,CAAC;IAChD,~~MAAMoB~~,UAAU,~~GAAGb~~,SAAS,~~CAACc~~,aAAa,CAAC,aAAa,CAAC;~~IAEzDV~~,MAAM,~~CAACS~~,UAAU,CAAC,CAACR,OAAO,CAAC,EAAE,CAAC;EAClC,CAAC,CAAC;~~EAEFb~~,EAAE,CAAC,yDAAyD,EAAE,MAAM;IAChE,~~MAAMC~~,KAAK,GAAG;~~MACV2B~~,IAAI,EAAE,CAAC,IAAI,CAAC;MACZC,MAAM,EAAE;IACZ,CAAC;IAED,~~MAAMrB~~,SAAS,GAAG,~~IAAIX~~,mBAAmB,~~CAACI~~,KAAK,CAAC;~~IAEhDW~~,MAAM,~~CAACJ~~,SAAS,~~CAACc~~,aAAa,CAAC,aAAa,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;~~IAC1DD~~,MAAM,~~CAACJ~~,SAAS,~~CAACc~~,aAAa,CAAC,eAAe,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;EAChE,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["describe","it","expect","StatePathsExtractor","skip","state","users","name","age","settings","enabled","theme","extractor","paths","getPaths","values","toEqual","arrayContaining","value","label","type","address","city","zip","childPaths","getChildPaths","mode","debug","flag","count","tags","logs","events"],"sources":["StatePathsExtractor.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { StatePathsExtractor } from \"./StatePathsExtractor.js\";\n\n// This test is skipped because its underlying functionality is currently not being used.\ndescribe.skip(\"StatePathsExtractor\", () => {\n it(\"extracts all paths including array indexes\", () => {\n const state = {\n users: [\n { name: \"Alice\", age: 30 },\n { name: \"Bob\", age: 25 }\n ],\n settings: {\n enabled: true,\n theme: \"dark\"\n }\n };\n\n const extractor = new StatePathsExtractor(state);\n const paths = extractor.getPaths().values();\n\n expect(paths).toEqual(\n expect.arrayContaining([\n { value: \"$state.users\", label: \"Users\", type: \"array\" },\n { value: \"$state.users.0\", label: \"Users [0]\", type: \"object\" },\n { value: \"$state.users.0.name\", label: \"Users [0] → Name\", type: \"string\" },\n { value: \"$state.users.0.age\", label: \"Users [0] → Age\", type: \"number\" },\n { value: \"$state.settings\", label: \"Settings\", type: \"object\" },\n { value: \"$state.settings.enabled\", label: \"Settings → Enabled\", type: \"boolean\" },\n { value: \"$state.settings.theme\", label: \"Settings → Theme\", type: \"string\" }\n ])\n );\n });\n\n it(\"getChildPaths() returns deeply nested fields without array index\", () => {\n const state = {\n users: [\n {\n name: \"Alice\",\n address: {\n city: \"NY\",\n zip: 10001\n }\n }\n ]\n };\n\n const extractor = new StatePathsExtractor(state);\n const childPaths = extractor.getChildPaths(\"$state.users\");\n\n expect(childPaths).toEqual([\n { value: \"$.name\", label: \"Users → Name\", type: \"string\" },\n { value: \"$.address\", label: \"Users → Address\", type: \"object\" },\n { value: \"$.address.city\", label: \"Users → Address → City\", type: \"string\" },\n { value: \"$.address.zip\", label: \"Users → Address → Zip\", type: \"number\" }\n ]);\n });\n\n it(\"getChildPaths() handles root objects\", () => {\n const state = {\n settings: {\n mode: \"dark\",\n debug: false\n }\n };\n\n const extractor = new StatePathsExtractor(state);\n const childPaths = extractor.getChildPaths(\"$state.settings\");\n\n expect(childPaths).toEqual([\n { value: \"$.mode\", label: \"Settings → Mode\", type: \"string\" },\n { value: \"$.debug\", label: \"Settings → Debug\", type: \"boolean\" }\n ]);\n });\n\n it(\"getChildPaths() returns empty array for primitives or undefined paths\", () => {\n const state = {\n flag: true,\n count: 5\n };\n\n const extractor = new StatePathsExtractor(state);\n\n expect(extractor.getChildPaths(\"$state.flag\")).toEqual([]);\n expect(extractor.getChildPaths(\"$state.count\")).toEqual([]);\n expect(extractor.getChildPaths(\"$state.missing\")).toEqual([]);\n });\n\n it(\"getChildPaths() handles arrays with non-object items\", () => {\n const state = {\n tags: [\"a\", \"b\", \"c\"]\n };\n\n const extractor = new StatePathsExtractor(state);\n const childPaths = extractor.getChildPaths(\"$state.tags\");\n\n expect(childPaths).toEqual([]);\n });\n\n it(\"getChildPaths() handles arrays with null or empty items\", () => {\n const state = {\n logs: [null],\n events: []\n };\n\n const extractor = new StatePathsExtractor(state);\n\n expect(extractor.getChildPaths(\"$state.logs\")).toEqual([]);\n expect(extractor.getChildPaths(\"$state.events\")).toEqual([]);\n });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,QAAQ;AAC7C,SAASC,mBAAmB;;AAE5B;AACAH,QAAQ,CAACI,IAAI,CAAC,qBAAqB,EAAE,MAAM;EACvCH,EAAE,CAAC,4CAA4C,EAAE,MAAM;IACnD,MAAMI,KAAK,GAAG;MACVC,KAAK,EAAE,CACH;QAAEC,IAAI,EAAE,OAAO;QAAEC,GAAG,EAAE;MAAG,CAAC,EAC1B;QAAED,IAAI,EAAE,KAAK;QAAEC,GAAG,EAAE;MAAG,CAAC,CAC3B;MACDC,QAAQ,EAAE;QACNC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAE;MACX;IACJ,CAAC;IAED,MAAMC,SAAS,GAAG,IAAIT,mBAAmB,CAACE,KAAK,CAAC;IAChD,MAAMQ,KAAK,GAAGD,SAAS,CAACE,QAAQ,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAE3Cb,MAAM,CAACW,KAAK,CAAC,CAACG,OAAO,CACjBd,MAAM,CAACe,eAAe,CAAC,CACnB;MAAEC,KAAK,EAAE,cAAc;MAAEC,KAAK,EAAE,OAAO;MAAEC,IAAI,EAAE;IAAQ,CAAC,EACxD;MAAEF,KAAK,EAAE,gBAAgB;MAAEC,KAAK,EAAE,WAAW;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC/D;MAAEF,KAAK,EAAE,qBAAqB;MAAEC,KAAK,EAAE,kBAAkB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC3E;MAAEF,KAAK,EAAE,oBAAoB;MAAEC,KAAK,EAAE,iBAAiB;MAAEC,IAAI,EAAE;IAAS,CAAC,EACzE;MAAEF,KAAK,EAAE,iBAAiB;MAAEC,KAAK,EAAE,UAAU;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC/D;MAAEF,KAAK,EAAE,yBAAyB;MAAEC,KAAK,EAAE,oBAAoB;MAAEC,IAAI,EAAE;IAAU,CAAC,EAClF;MAAEF,KAAK,EAAE,uBAAuB;MAAEC,KAAK,EAAE,kBAAkB;MAAEC,IAAI,EAAE;IAAS,CAAC,CAChF,CACL,CAAC;EACL,CAAC,CAAC;EAEFnB,EAAE,CAAC,kEAAkE,EAAE,MAAM;IACzE,MAAMI,KAAK,GAAG;MACVC,KAAK,EAAE,CACH;QACIC,IAAI,EAAE,OAAO;QACbc,OAAO,EAAE;UACLC,IAAI,EAAE,IAAI;UACVC,GAAG,EAAE;QACT;MACJ,CAAC;IAET,CAAC;IAED,MAAMX,SAAS,GAAG,IAAIT,mBAAmB,CAACE,KAAK,CAAC;IAChD,MAAMmB,UAAU,GAAGZ,SAAS,CAACa,aAAa,CAAC,cAAc,CAAC;IAE1DvB,MAAM,CAACsB,UAAU,CAAC,CAACR,OAAO,CAAC,CACvB;MAAEE,KAAK,EAAE,QAAQ;MAAEC,KAAK,EAAE,cAAc;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC1D;MAAEF,KAAK,EAAE,WAAW;MAAEC,KAAK,EAAE,iBAAiB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAChE;MAAEF,KAAK,EAAE,gBAAgB;MAAEC,KAAK,EAAE,wBAAwB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC5E;MAAEF,KAAK,EAAE,eAAe;MAAEC,KAAK,EAAE,uBAAuB;MAAEC,IAAI,EAAE;IAAS,CAAC,CAC7E,CAAC;EACN,CAAC,CAAC;EAEFnB,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC7C,MAAMI,KAAK,GAAG;MACVI,QAAQ,EAAE;QACNiB,IAAI,EAAE,MAAM;QACZC,KAAK,EAAE;MACX;IACJ,CAAC;IAED,MAAMf,SAAS,GAAG,IAAIT,mBAAmB,CAACE,KAAK,CAAC;IAChD,MAAMmB,UAAU,GAAGZ,SAAS,CAACa,aAAa,CAAC,iBAAiB,CAAC;IAE7DvB,MAAM,CAACsB,UAAU,CAAC,CAACR,OAAO,CAAC,CACvB;MAAEE,KAAK,EAAE,QAAQ;MAAEC,KAAK,EAAE,iBAAiB;MAAEC,IAAI,EAAE;IAAS,CAAC,EAC7D;MAAEF,KAAK,EAAE,SAAS;MAAEC,KAAK,EAAE,kBAAkB;MAAEC,IAAI,EAAE;IAAU,CAAC,CACnE,CAAC;EACN,CAAC,CAAC;EAEFnB,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,MAAMI,KAAK,GAAG;MACVuB,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACX,CAAC;IAED,MAAMjB,SAAS,GAAG,IAAIT,mBAAmB,CAACE,KAAK,CAAC;IAEhDH,MAAM,CAACU,SAAS,CAACa,aAAa,CAAC,aAAa,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;IAC1Dd,MAAM,CAACU,SAAS,CAACa,aAAa,CAAC,cAAc,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;IAC3Dd,MAAM,CAACU,SAAS,CAACa,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;EACjE,CAAC,CAAC;EAEFf,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC7D,MAAMI,KAAK,GAAG;MACVyB,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG;IACxB,CAAC;IAED,MAAMlB,SAAS,GAAG,IAAIT,mBAAmB,CAACE,KAAK,CAAC;IAChD,MAAMmB,UAAU,GAAGZ,SAAS,CAACa,aAAa,CAAC,aAAa,CAAC;IAEzDvB,MAAM,CAACsB,UAAU,CAAC,CAACR,OAAO,CAAC,EAAE,CAAC;EAClC,CAAC,CAAC;EAEFf,EAAE,CAAC,yDAAyD,EAAE,MAAM;IAChE,MAAMI,KAAK,GAAG;MACV0B,IAAI,EAAE,CAAC,IAAI,CAAC;MACZC,MAAM,EAAE;IACZ,CAAC;IAED,MAAMpB,SAAS,GAAG,IAAIT,mBAAmB,CAACE,KAAK,CAAC;IAEhDH,MAAM,CAACU,SAAS,CAACa,aAAa,CAAC,aAAa,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;IAC1Dd,MAAM,CAACU,SAAS,CAACa,aAAa,CAAC,eAAe,CAAC,CAAC,CAACT,OAAO,CAAC,EAAE,CAAC;EAChE,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -13,9 +13,9 @@ export const WithBindingToggle = ({
     setBindingType(type === "static" ? "expression" : "static");
   }, [type, setBindingType]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-relative"
+    className: "relative"
   }, /*#__PURE__*/React.createElement(IconButton, {
-    className: "wby-absolute wby-right-0",
+    className: "absolute right-0",
     variant: "ghost",
     size: "sm",
     icon: type === "static" ? addIcon : removeIcon,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["IconButton","ReactComponent","AddLinkIcon","RemoveLinkIcon","React","useCallback","addIcon","createElement","removeIcon","WithBindingToggle","setBindingType","type","children","onClick","className","variant","size","icon"],"sources":["WithBindingToggle.tsx"],"sourcesContent":["import { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddLinkIcon } from \"@webiny/icons/add_link.svg\";\nimport { ReactComponent as RemoveLinkIcon } from \"@webiny/icons/link_off.svg\";\nimport React, { useCallback } from \"react\";\n\ninterface WithBindingToggleProps {\n type: \"static\" \| \"expression\";\n setBindingType: (value: \"static\" \| \"expression\") => void;\n children: React.ReactNode;\n}\n\nconst addIcon = <AddLinkIcon />;\nconst removeIcon = <RemoveLinkIcon />;\n\nexport const WithBindingToggle = ({ setBindingType, type, children }: WithBindingToggleProps) => {\n const onClick = useCallback(() => {\n setBindingType(type === \"static\" ? \"expression\" : \"static\");\n }, [type, setBindingType]);\n\n return (\n <div className={\"~~wby-~~relative\"}>\n <IconButton\n className={\"~~wby-~~absolute ~~wby-~~right-0\"}\n variant={\"ghost\"}\n size={\"sm\"}\n icon={type === \"static\" ? addIcon : removeIcon}\n onClick={onClick}\n />\n {children}\n </div>\n );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,WAAW,QAAQ,4BAA4B;AAC1E,SAASD,cAAc,IAAIE,cAAc,QAAQ,4BAA4B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAQ1C,MAAMC,OAAO,gBAAGF,KAAA,CAAAG,aAAA,CAACL,WAAW,MAAE,CAAC;AAC/B,MAAMM,UAAU,gBAAGJ,KAAA,CAAAG,aAAA,CAACJ,cAAc,MAAE,CAAC;AAErC,OAAO,MAAMM,iBAAiB,GAAGA,CAAC;EAAEC,cAAc;EAAEC,IAAI;EAAEC;AAAiC,CAAC,KAAK;EAC7F,MAAMC,OAAO,GAAGR,WAAW,CAAC,MAAM;IAC9BK,cAAc,CAACC,IAAI,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;EAC/D,CAAC,EAAE,CAACA,IAAI,EAAED,cAAc,CAAC,CAAC;EAE1B,oBACIN,KAAA,CAAAG,aAAA;IAAKO,SAAS,EAAE;~~EAAe~~,~~gBAC3BV~~,KAAA,CAAAG,aAAA,CAACP,UAAU;IACPc,SAAS,EAAE,~~0BAA2B~~;~~IACtCC~~,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAEN,IAAI,KAAK,QAAQ,GAAGL,OAAO,GAAGE,UAAW;IAC/CK,OAAO,EAAEA;EAAQ,CACpB,CAAC,EACDD,QACA,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["IconButton","ReactComponent","AddLinkIcon","RemoveLinkIcon","React","useCallback","addIcon","createElement","removeIcon","WithBindingToggle","setBindingType","type","children","onClick","className","variant","size","icon"],"sources":["WithBindingToggle.tsx"],"sourcesContent":["import { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddLinkIcon } from \"@webiny/icons/add_link.svg\";\nimport { ReactComponent as RemoveLinkIcon } from \"@webiny/icons/link_off.svg\";\nimport React, { useCallback } from \"react\";\n\ninterface WithBindingToggleProps {\n type: \"static\" \| \"expression\";\n setBindingType: (value: \"static\" \| \"expression\") => void;\n children: React.ReactNode;\n}\n\nconst addIcon = <AddLinkIcon />;\nconst removeIcon = <RemoveLinkIcon />;\n\nexport const WithBindingToggle = ({ setBindingType, type, children }: WithBindingToggleProps) => {\n const onClick = useCallback(() => {\n setBindingType(type === \"static\" ? \"expression\" : \"static\");\n }, [type, setBindingType]);\n\n return (\n <div className={\"relative\"}>\n <IconButton\n className={\"absolute right-0\"}\n variant={\"ghost\"}\n size={\"sm\"}\n icon={type === \"static\" ? addIcon : removeIcon}\n onClick={onClick}\n />\n {children}\n </div>\n );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,WAAW,QAAQ,4BAA4B;AAC1E,SAASD,cAAc,IAAIE,cAAc,QAAQ,4BAA4B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAQ1C,MAAMC,OAAO,gBAAGF,KAAA,CAAAG,aAAA,CAACL,WAAW,MAAE,CAAC;AAC/B,MAAMM,UAAU,gBAAGJ,KAAA,CAAAG,aAAA,CAACJ,cAAc,MAAE,CAAC;AAErC,OAAO,MAAMM,iBAAiB,GAAGA,CAAC;EAAEC,cAAc;EAAEC,IAAI;EAAEC;AAAiC,CAAC,KAAK;EAC7F,MAAMC,OAAO,GAAGR,WAAW,CAAC,MAAM;IAC9BK,cAAc,CAACC,IAAI,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;EAC/D,CAAC,EAAE,CAACA,IAAI,EAAED,cAAc,CAAC,CAAC;EAE1B,oBACIN,KAAA,CAAAG,aAAA;IAAKO,SAAS,EAAE;EAAW,gBACvBV,KAAA,CAAAG,aAAA,CAACP,UAAU;IACPc,SAAS,EAAE,kBAAmB;IAC9BC,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAEN,IAAI,KAAK,QAAQ,GAAGL,OAAO,GAAGE,UAAW;IAC/CK,OAAO,EAAEA;EAAQ,CACpB,CAAC,EACDD,QACA,CAAC;AAEd,CAAC","ignoreList":[]}