npm - @webiny/app-website-builder - Versions diffs - 0.0.0-unstable.461c047ab7 → 0.0.0-unstable.9bd236cf5e - Mend

@webiny/app-website-builder 0.0.0-unstable.461c047ab7 → 0.0.0-unstable.9bd236cf5e

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 (382) hide show

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

@@ -22,7 +22,7 @@ export const useBindingsForElement = elementId => {
       resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),
       inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)
     };
-  }, [elementId, breakpoint.name]);
+  }, [elementId, breakpoint.name, breakpoints.length]);
 };
 //# sourceMappingURL=useBindingsForElement.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["toJS","BindingsProcessor","useBreakpoint","useSelectFromDocument","useElementInputsAst","InheritanceProcessor","useBindingsForElement","elementId","breakpoint","breakpoints","inputsAst","document","bindings","breakpointNames","map","bp","name","bindingsProcessor","inheritanceProcessor","rawBindings","resolvedBindings","getBindings","inheritanceMap","getInheritanceMap"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n const { breakpoint, breakpoints } = useBreakpoint();\n const inputsAst = useElementInputsAst(elementId);\n\n return useSelectFromDocument(\n document => {\n const bindings = toJS(document.bindings[elementId]) ?? {};\n\n // Merge element bindings.\n const breakpointNames = breakpoints.map(bp => bp.name);\n const bindingsProcessor = new BindingsProcessor(breakpointNames);\n const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n return {\n rawBindings: bindings,\n resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n };\n },\n [elementId, breakpoint.name]\n );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAO,MAAMC,qBAAqB,GAAIC,SAAiB,IAAK;EACxD,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnD,MAAMQ,SAAS,GAAGN,mBAAmB,CAACG,SAAS,CAAC;EAEhD,OAAOJ,qBAAqB,CACxBQ,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACL,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;;IAEzD;IACA,MAAMM,eAAe,GAAGJ,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;IACtD,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,eAAe,CAAC;IAChE,MAAMK,oBAAoB,GAAG,IAAIb,oBAAoB,CAACQ,eAAe,EAAEH,SAAS,CAAC;IAEjF,OAAO;MACHS,WAAW,EAAEP,QAAQ;MACrBQ,gBAAgB,EAAEH,iBAAiB,CAACI,WAAW,CAACT,QAAQ,EAAEJ,UAAU,CAACQ,IAAI,CAAC;MAC1EM,cAAc,EAAEJ,oBAAoB,CAACK,iBAAiB,CAACX,QAAQ,EAAEJ,UAAU,CAACQ,IAAI;IACpF,CAAC;EACL,CAAC,EACD,CAACT,SAAS,EAAEC,UAAU,CAACQ,IAAI,~~CAC/B~~,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["toJS","BindingsProcessor","useBreakpoint","useSelectFromDocument","useElementInputsAst","InheritanceProcessor","useBindingsForElement","elementId","breakpoint","breakpoints","inputsAst","document","bindings","breakpointNames","map","bp","name","bindingsProcessor","inheritanceProcessor","rawBindings","resolvedBindings","getBindings","inheritanceMap","getInheritanceMap","length"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n const { breakpoint, breakpoints } = useBreakpoint();\n const inputsAst = useElementInputsAst(elementId);\n\n return useSelectFromDocument(\n document => {\n const bindings = toJS(document.bindings[elementId]) ?? {};\n\n // Merge element bindings.\n const breakpointNames = breakpoints.map(bp => bp.name);\n const bindingsProcessor = new BindingsProcessor(breakpointNames);\n const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n return {\n rawBindings: bindings,\n resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n };\n },\n [elementId, breakpoint.name, breakpoints.length]\n );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAO,MAAMC,qBAAqB,GAAIC,SAAiB,IAAK;EACxD,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnD,MAAMQ,SAAS,GAAGN,mBAAmB,CAACG,SAAS,CAAC;EAEhD,OAAOJ,qBAAqB,CACxBQ,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACL,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;;IAEzD;IACA,MAAMM,eAAe,GAAGJ,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;IACtD,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,eAAe,CAAC;IAChE,MAAMK,oBAAoB,GAAG,IAAIb,oBAAoB,CAACQ,eAAe,EAAEH,SAAS,CAAC;IAEjF,OAAO;MACHS,WAAW,EAAEP,QAAQ;MACrBQ,gBAAgB,EAAEH,iBAAiB,CAACI,WAAW,CAACT,QAAQ,EAAEJ,UAAU,CAACQ,IAAI,CAAC;MAC1EM,cAAc,EAAEJ,oBAAoB,CAACK,iBAAiB,CAACX,QAAQ,EAAEJ,UAAU,CAACQ,IAAI;IACpF,CAAC;EACL,CAAC,EACD,CAACT,SAAS,EAAEC,UAAU,CAACQ,IAAI,EAAEP,WAAW,CAACe,MAAM,CACnD,CAAC;AACL,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js CHANGED Viewed

@@ -1,9 +1,12 @@
 import React, { useMemo } from "react";
 import { Text, Tag, Icon, Button, Separator, DropdownMenu, FormComponentLabel } from "@webiny/admin-ui";
 import { useBreakpoint } from "../../hooks/useBreakpoint";
+import { InlineSvg } from "../Toolbar/InsertElements/InlineSvg";
 const getBreakpointIcon = (breakpoints, name) => {
   const bp = breakpoints.find(breakpoint => breakpoint.name === name);
-  return bp ? bp.icon : null;
+  return bp ? /*#__PURE__*/React.createElement(InlineSvg, {
+    src: bp.icon
+  }) : null;
 };
 const iconClassName = "wby-cursor-pointer wby-mr-xs wby-mb-[2px]";
 export const InheritanceLabel = ({
@@ -21,7 +24,7 @@ export const InheritanceLabel = ({
   const icon = useMemo(() => {
     const bp = inheritedFrom ?? baseBreakpoint.name;
     return getBreakpointIcon(breakpoints, bp);
-  }, [inheritedFrom, breakpoint.name]);
+  }, [inheritedFrom, breakpoint.name, breakpoints.length]);
   if (isBaseBreakpoint) {
     return /*#__PURE__*/React.createElement(FormComponentLabel, {
       text: text
@@ -30,20 +33,11 @@ export const InheritanceLabel = ({
   return /*#__PURE__*/React.createElement("div", {
     className: "wby-flex wby-items-center"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: isOverridden ? /*#__PURE__*/React.createElement(Icon, {
+    trigger: /*#__PURE__*/React.createElement(Icon, {
       icon: icon,
       label: "",
       size: "sm",
-      color: "neutral-strong",
-      className: iconClassName,
-      style: {
-        fill: "hsl(var(--bg-success-default))"
-      }
-    }) : /*#__PURE__*/React.createElement(Icon, {
-      icon: icon,
-      label: "",
-      size: "sm",
-      color: "neutral-strong",
+      color: isOverridden ? "accent" : "neutral-strong",
       className: iconClassName
     }),
     align: "center",

package/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","Text","Tag","Icon","Button","Separator","DropdownMenu","FormComponentLabel","useBreakpoint","getBreakpointIcon","breakpoints","name","bp","find","breakpoint","icon","iconClassName","InheritanceLabel","inheritedFrom","isOverridden","text","onReset","isBaseBreakpoint","baseBreakpoint","~~createElement~~","className","trigger","label","size","color","~~style~~","~~fill~~","~~align~~","~~side","~~width","InheritedFrom","overriddenAt","variant","margin","onClick","content"],"sources":["InheritanceLabel.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n Text,\n Tag,\n Icon,\n Button,\n Separator,\n DropdownMenu,\n FormComponentLabel\n} from \"@webiny/admin-ui\";\nimport ~~type~~ { ~~EditorBreakpoint~~ } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { ~~useBreakpoint~~ } from \"~/BaseEditor/~~hooks~~/~~useBreakpoint~~\";\n\nexport interface InheritanceLabelProps {\n text: React.ReactNode;\n isOverridden: boolean;\n onReset: () => void;\n inheritedFrom?: string;\n}\n\nconst getBreakpointIcon = (breakpoints: ~~EditorBreakpoint~~[], name: string) => {\n const bp = breakpoints.find(breakpoint => breakpoint.name === name);\n return bp ? bp.icon : null;\n};\n\nconst iconClassName = \"wby-cursor-pointer wby-mr-xs wby-mb-[2px]\";\n\nexport const InheritanceLabel = ({\n inheritedFrom,\n isOverridden,\n text,\n onReset\n}: InheritanceLabelProps) => {\n const { breakpoint, breakpoints, isBaseBreakpoint } = useBreakpoint();\n const baseBreakpoint = breakpoints[0];\n\n const icon = useMemo(() => {\n const bp = inheritedFrom ?? baseBreakpoint.name;\n return getBreakpointIcon(breakpoints, bp);\n }, [inheritedFrom, breakpoint.name]);\n\n if (isBaseBreakpoint) {\n return <FormComponentLabel text={text} />;\n }\n\n return (\n <div className={\"wby-flex wby-items-center\"}>\n <DropdownMenu\n trigger={\n ~~isOverridden ? (\n~~ <Icon\n icon={icon}\n label=\"\"\n size=\"sm\"\n color~~=\"neutral-strong\"\n className~~={~~iconClassName}\n style={{~~ ~~fill:~~ \"~~hsl(var(--bg-success-default))~~\" ~~}}\n />\n )~~ : (\~~n <Icon\n icon={icon}\n label=\~~"~~\"\n size=\"sm\"\n color=\"~~neutral-strong\"\n className={iconClassName}\n />\n ~~)\n~~ }\n align=\"center\"\n side=\"bottom\"\n className={\"wy-p-sm wby-shadow-lg\"}\n >\n <div className={\"wby-p-sm wby-text-sm\"} style={{ width: 200 }}>\n <InheritedFrom\n inheritedFrom={inheritedFrom ?? baseBreakpoint.name}\n overriddenAt={isOverridden ? breakpoint.name : null}\n onReset={onReset}\n />\n </div>\n </DropdownMenu>\n <FormComponentLabel text={text} />\n </div>\n );\n};\n\ninterface InheritedFromProps {\n overriddenAt: string \| null;\n inheritedFrom?: string;\n onReset: () => void;\n}\n\nexport const InheritedFrom = ({ overriddenAt, inheritedFrom, onReset }: InheritedFromProps) => {\n if (overriddenAt) {\n return (\n <div>\n This value is set on the current breakpoint.\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n <Button variant={\"primary\"} onClick={onReset} text={\"Reset value\"} size={\"sm\"} />\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n Resetting will inherit the value from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </div>\n );\n }\n\n return (\n <Text size={\"sm\"}>\n This value is inherited from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </Text>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACIC,IAAI,EACJC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,YAAY,EACZC,kBAAkB,QACf,kBAAkB;~~AAEzB~~,SAASC,aAAa;~~AAStB~~,MAAMC,iBAAiB,GAAGA,CAACC,~~WAA+B~~,EAAEC,IAAY,KAAK;~~EACzE~~,MAAMC,EAAE,GAAGF,WAAW,CAACG,IAAI,CAACC,UAAU,IAAIA,UAAU,CAACH,IAAI,KAAKA,IAAI,CAAC;EACnE,OAAOC,EAAE,~~GAAGA~~,EAAE,~~CAACG~~,~~IAAI~~,GAAG,IAAI;~~AAC9B~~,CAAC;AAED,MAAMC,aAAa,GAAG,2CAA2C;AAEjE,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,aAAa;EACbC,YAAY;EACZC,IAAI;EACJC;AACmB,CAAC,KAAK;EACzB,MAAM;~~IAAEP~~,UAAU;IAAEJ,WAAW;~~IAAEY~~;EAAiB,CAAC,~~GAAGd~~,aAAa,CAAC,CAAC;EACrE,~~MAAMe~~,cAAc,~~GAAGb~~,WAAW,CAAC,CAAC,CAAC;EAErC,~~MAAMK~~,IAAI,~~GAAGf~~,OAAO,CAAC,MAAM;IACvB,~~MAAMY~~,EAAE,~~GAAGM~~,aAAa,IAAIK,cAAc,~~CAACZ~~,IAAI;IAC/C,OAAOF,iBAAiB,CAACC,WAAW,EAAEE,EAAE,CAAC;EAC7C,CAAC,EAAE,~~CAACM~~,aAAa,~~EAAEJ~~,UAAU,CAACH,IAAI,CAAC,CAAC;~~EAEpC~~,~~IAAIW~~,gBAAgB,EAAE;IAClB,~~oBAAOvB~~,KAAA,~~CAAAyB~~,aAAA,~~CAACjB~~,kBAAkB;~~MAACa~~,IAAI,EAAEA;IAAK,CAAE,CAAC;EAC7C;EAEA,~~oBACIrB~~,KAAA,~~CAAAyB~~,aAAA;~~IAAKC~~,SAAS,EAAE;EAA4B,~~gBACxC1B~~,KAAA,~~CAAAyB~~,aAAA,~~CAAClB~~,YAAY;~~IACToB~~,OAAO,~~EACHP~~,~~YAAY,gBACRpB,~~KAAA,~~CAAAyB~~,aAAA,~~CAACrB~~,IAAI;~~MACDY~~,IAAI,EAAEA,IAAK;MACXY,KAAK,EAAC,EAAE;MACRC,IAAI,EAAC,IAAI;MACTC,KAAK,~~EAAC~~,~~gBAAgB;MACtBJ~~,~~SAAS~~,~~EAAET~~,~~aAAc;MACzBc~~,~~KAAK,EAAE~~;~~QAAEC~~,~~IAAI,EAAE;MAAiC;IAAE,CACrD,CAAC,gBAEFhC,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MACDY,IAAI,EAAEA,IAAK;MACXY,KAAK,EAAC,EAAE;MACRC,IAAI,EAAC,IAAI;MACTC,KAAK,EAAC,gBAAgB;MACtBJ,~~SAAS,EAAET;IAAc,CAC5B,~~CAER~~;~~IACDgB~~,KAAK,EAAC,QAAQ;IACdC,IAAI,EAAC,QAAQ;~~IACbR~~,SAAS,EAAE;EAAwB,~~gBAEnC1B~~,KAAA,~~CAAAyB~~,aAAA;~~IAAKC~~,SAAS,EAAE,sBAAuB;~~IAACK~~,KAAK,EAAE;~~MAAEI~~,KAAK,EAAE;IAAI;EAAE,~~gBAC1DnC~~,KAAA,~~CAAAyB~~,aAAA,~~CAACW~~,aAAa;~~IACVjB~~,aAAa,EAAEA,aAAa,IAAIK,cAAc,~~CAACZ~~,IAAK;~~IACpDyB~~,YAAY,~~EAAEjB~~,YAAY,~~GAAGL~~,UAAU,CAACH,IAAI,GAAG,IAAK;~~IACpDU~~,OAAO,EAAEA;EAAQ,CACpB,CACA,CACK,CAAC,~~eACftB~~,KAAA,~~CAAAyB~~,aAAA,~~CAACjB~~,kBAAkB;~~IAACa~~,IAAI,EAAEA;EAAK,CAAE,CAChC,CAAC;AAEd,CAAC;AAQD,OAAO,~~MAAMe~~,aAAa,GAAGA,CAAC;EAAEC,YAAY;~~EAAElB~~,aAAa;EAAEG;AAA4B,CAAC,KAAK;EAC3F,~~IAAIe~~,YAAY,EAAE;IACd,~~oBACIrC~~,KAAA,~~CAAAyB~~,aAAA,cAAK,8CAED,~~eAAAzB~~,KAAA,~~CAAAyB~~,aAAA,~~CAACnB~~,SAAS;~~MAACgC~~,OAAO,EAAE,QAAS;MAACC,MAAM,EAAE;IAAK,CAAE,CAAC,~~eAC9CvC~~,KAAA,~~CAAAyB~~,aAAA,~~CAACpB~~,MAAM;~~MAACiC~~,OAAO,EAAE,SAAU;MAACE,OAAO,~~EAAElB~~,OAAQ;MAACD,IAAI,EAAE,aAAc;MAACQ,IAAI,EAAE;IAAK,CAAE,CAAC,~~eACjF7B~~,KAAA,~~CAAAyB~~,aAAA,~~CAACnB~~,SAAS;~~MAACgC~~,OAAO,EAAE,QAAS;MAACC,MAAM,EAAE;IAAK,CAAE,CAAC,6CACL,EAAC,GAAG,~~eAC7CvC~~,KAAA,~~CAAAyB~~,aAAA,~~CAACtB~~,GAAG;~~MAACmC~~,OAAO,EAAE,eAAgB;MAACG,OAAO,~~EAAEtB~~;IAAc,CAAE,CAAC,gBACxD,CAAC;EAEd;EAEA,~~oBACInB~~,KAAA,~~CAAAyB~~,aAAA,~~CAACvB~~,IAAI;~~IAAC2B~~,IAAI,EAAE;EAAK,GAAC,kCACkB,EAAC,GAAG,~~eACpC7B~~,KAAA,~~CAAAyB~~,aAAA,~~CAACtB~~,GAAG;~~IAACmC~~,OAAO,EAAE,eAAgB;IAACG,OAAO,~~EAAEtB~~;EAAc,CAAE,CAAC,gBACvD,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","Text","Tag","Icon","Button","Separator","DropdownMenu","FormComponentLabel","useBreakpoint","InlineSvg","getBreakpointIcon","breakpoints","name","bp","find","breakpoint","createElement","src","icon","iconClassName","InheritanceLabel","inheritedFrom","isOverridden","text","onReset","isBaseBreakpoint","baseBreakpoint","length","className","trigger","label","size","color","align","side","style","width","InheritedFrom","overriddenAt","variant","margin","onClick","content"],"sources":["InheritanceLabel.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n Text,\n Tag,\n Icon,\n Button,\n Separator,\n DropdownMenu,\n FormComponentLabel\n} from \"@webiny/admin-ui\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { InlineSvg } from \"~/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg\";\nimport type { Breakpoint } from \"@webiny/website-builder-sdk\";\n\nexport interface InheritanceLabelProps {\n text: React.ReactNode;\n isOverridden: boolean;\n onReset: () => void;\n inheritedFrom?: string;\n}\n\nconst getBreakpointIcon = (breakpoints: Breakpoint[], name: string) => {\n const bp = breakpoints.find(breakpoint => breakpoint.name === name);\n return bp ? <InlineSvg src={bp.icon} /> : null;\n};\n\nconst iconClassName = \"wby-cursor-pointer wby-mr-xs wby-mb-[2px]\";\n\nexport const InheritanceLabel = ({\n inheritedFrom,\n isOverridden,\n text,\n onReset\n}: InheritanceLabelProps) => {\n const { breakpoint, breakpoints, isBaseBreakpoint } = useBreakpoint();\n const baseBreakpoint = breakpoints[0];\n\n const icon = useMemo(() => {\n const bp = inheritedFrom ?? baseBreakpoint.name;\n return getBreakpointIcon(breakpoints, bp);\n }, [inheritedFrom, breakpoint.name, breakpoints.length]);\n\n if (isBaseBreakpoint) {\n return <FormComponentLabel text={text} />;\n }\n\n return (\n <div className={\"wby-flex wby-items-center\"}>\n <DropdownMenu\n trigger={\n <Icon\n icon={icon}\n label=\"\"\n size=\"sm\"\n color={isOverridden ? \"accent\" : \"neutral-strong\"}\n className={iconClassName}\n />\n }\n align=\"center\"\n side=\"bottom\"\n className={\"wy-p-sm wby-shadow-lg\"}\n >\n <div className={\"wby-p-sm wby-text-sm\"} style={{ width: 200 }}>\n <InheritedFrom\n inheritedFrom={inheritedFrom ?? baseBreakpoint.name}\n overriddenAt={isOverridden ? breakpoint.name : null}\n onReset={onReset}\n />\n </div>\n </DropdownMenu>\n <FormComponentLabel text={text} />\n </div>\n );\n};\n\ninterface InheritedFromProps {\n overriddenAt: string \| null;\n inheritedFrom?: string;\n onReset: () => void;\n}\n\nexport const InheritedFrom = ({ overriddenAt, inheritedFrom, onReset }: InheritedFromProps) => {\n if (overriddenAt) {\n return (\n <div>\n This value is set on the current breakpoint.\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n <Button variant={\"primary\"} onClick={onReset} text={\"Reset value\"} size={\"sm\"} />\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n Resetting will inherit the value from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </div>\n );\n }\n\n return (\n <Text size={\"sm\"}>\n This value is inherited from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </Text>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/StylesStore.js CHANGED Viewed

@@ -19,8 +19,8 @@ export class StylesStore {
     this.breakpointNames = breakpointNames;
     const manifest = $getComponentManifestByElementId(editor, elementId ?? "");
     const inputsAst = ComponentManifestToAstConverter.convert(manifest?.inputs ?? []);
-    this.bindingsProcessor = new BindingsProcessor(this.breakpointNames);
-    this.inheritanceProcessor = new InheritanceProcessor(this.breakpointNames, inputsAst);
+    this.bindingsProcessor = new BindingsProcessor(breakpointNames);
+    this.inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);
     const document = this.editor.getDocumentState().read();
     const editorState = this.editor.getEditorState().read();
     const breakpoint = editorState.breakpoint ?? BASE_BREAKPOINT;
@@ -57,11 +57,11 @@ export class StylesStore {
     });
     const finalStyles = styles.getAll();
     const updatedStyles = this.stylesProcessor.createUpdate(finalStyles, this.currentBreakpoint);
-    this.localPreviewStyles = undefined;
     this.editor.updateDocument(document => {
       updatedStyles.applyToDocument(document);
       this.elementMetadata.applyToDocument(document);
     });
+    this.localPreviewStyles = undefined;
   };
   onPreviewChange = cb => {
     if (!this.stylesProcessor) {

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/StylesStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["StylesBindingsProcessor","BreakpointElementMetadata","ElementMetadata","NullMetadata","StylesMetadata","Commands","autorun","makeAutoObservable","runInAction","InheritanceProcessor","BindingsProcessor","$getComponentManifestByElementId","ComponentManifestToAstConverter","BASE_BREAKPOINT","StylesStore","elementMetadata","devFriendlyStyles","localPreviewStyles","undefined","inheritanceMap","rawBindings","constructor","editor","elementId","breakpointNames","manifest","inputsAst","convert","inputs","bindingsProcessor","inheritanceProcessor","document","getDocumentState","read","editorState","getEditorState","breakpoint","currentBreakpoint","calculateStuff","vm","styles","metadata","onChange","cb","stylesProcessor","StylesValueObject","finalStyles","getAll","updatedStyles","createUpdate","updateDocument","applyToDocument","onPreviewChange","structuredClone","executeCommand","PreviewPatchElement","patch","createJsonPatch","bindings","resolvedBindings","getBindings","getInheritanceMap","toDeepStyles","value","set","key","get","unset"],"sources":["StylesStore.ts"],"sourcesContent":["import type { useDocumentEditor } from \"~/DocumentEditor\";\nimport { StylesBindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"~/BaseEditor/metadata\";\nimport {\n BreakpointElementMetadata,\n ElementMetadata,\n NullMetadata,\n StylesMetadata\n} from \"~/BaseEditor/metadata\";\nimport { Commands } from \"~/BaseEditor\";\nimport type { Editor } from \"~/editorSdk/Editor\";\nimport { autorun, makeAutoObservable, runInAction } from \"mobx\";\nimport { type InheritanceInfo, InheritanceProcessor } from \"@webiny/website-builder-sdk\";\nimport {\n BindingsProcessor,\n type DocumentElementBindings,\n type Document\n} from \"@webiny/website-builder-sdk\";\nimport { $getComponentManifestByElementId } from \"~/editorSdk/utils\";\nimport { ComponentManifestToAstConverter } from \"@webiny/website-builder-sdk\";\nimport { BASE_BREAKPOINT } from \"~/constants\";\n\nexport type ElementBreakpointStyles = {\n styles: Record<string, any>;\n metadata: IMetadata;\n inheritanceMap: InheritanceInfo[\"styles\"];\n};\n\nexport class StylesStore {\n private editor: ReturnType<typeof useDocumentEditor>;\n private elementId: string;\n private breakpointNames: string[];\n private stylesProcessor: StylesBindingsProcessor \| undefined;\n private elementMetadata: IMetadata = new NullMetadata();\n private devFriendlyStyles: Record<string, any> = {};\n private localPreviewStyles: Record<string, any> \| undefined = undefined;\n private currentBreakpoint: string;\n private inheritanceMap: InheritanceInfo[\"styles\"] = {};\n private rawBindings: DocumentElementBindings = {};\n private bindingsProcessor: BindingsProcessor;\n private inheritanceProcessor: InheritanceProcessor;\n constructor(editor: Editor, elementId: string, breakpointNames: string[]) {\n this.editor = editor;\n this.elementId = elementId;\n this.breakpointNames = breakpointNames;\n\n const manifest = $getComponentManifestByElementId(editor, elementId ?? \"\");\n const inputsAst = ComponentManifestToAstConverter.convert(manifest?.inputs ?? []);\n\n this.bindingsProcessor = new BindingsProcessor(this.breakpointNames);\n this.inheritanceProcessor = new InheritanceProcessor(this.breakpointNames, inputsAst);\n\n const document = this.editor.getDocumentState().read();\n const editorState = this.editor.getEditorState().read();\n const breakpoint = editorState.breakpoint ?? BASE_BREAKPOINT;\n this.currentBreakpoint = breakpoint;\n\n // Initial setup.\n this.calculateStuff(document, breakpoint);\n\n autorun(() => {\n const document = this.editor.getDocumentState().read();\n const editorState = this.editor.getEditorState().read();\n const breakpoint = editorState.breakpoint ?? BASE_BREAKPOINT;\n\n runInAction(() => {\n this.currentBreakpoint = breakpoint;\n this.calculateStuff(document, breakpoint);\n });\n });\n\n makeAutoObservable(this);\n }\n\n get vm(): ElementBreakpointStyles {\n return {\n styles: this.localPreviewStyles ?? this.devFriendlyStyles,\n metadata: this.elementMetadata,\n inheritanceMap: this.inheritanceMap\n };\n }\n\n onChange = (cb: (params: { styles: StylesValueObject; metadata: IMetadata }) => void) => {\n if (!this.stylesProcessor) {\n return;\n }\n\n const styles = new StylesValueObject(this.devFriendlyStyles);\n cb({ styles, metadata: this.elementMetadata });\n\n const finalStyles = styles.getAll();\n\n const updatedStyles = this.stylesProcessor.createUpdate(\n finalStyles,\n this.currentBreakpoint\n );\n\n this.localPreviewStyles = undefined;\n\n this.editor.updateDocument(document => {\n updatedStyles.applyToDocument(document);\n this.elementMetadata.applyToDocument(document);\n });\n };\n\n onPreviewChange = (\n cb: (params: { styles: StylesValueObject; metadata: IMetadata }) => void\n ) => {\n if (!this.stylesProcessor) {\n return;\n }\n\n const styles = new StylesValueObject(structuredClone(this.devFriendlyStyles));\n\n cb({ styles, metadata: this.elementMetadata });\n\n const finalStyles = styles.getAll();\n\n this.localPreviewStyles = finalStyles;\n\n const updatedStyles = this.stylesProcessor.createUpdate(\n finalStyles,\n this.currentBreakpoint\n );\n\n this.editor.executeCommand(Commands.PreviewPatchElement, {\n elementId: this.elementId,\n patch: updatedStyles.createJsonPatch(this.rawBindings)\n });\n };\n\n private calculateStuff(document: Document, breakpoint: string) {\n const bindings = document.bindings[this.elementId] ?? {};\n\n this.rawBindings = bindings;\n const resolvedBindings = this.bindingsProcessor.getBindings(bindings, breakpoint);\n\n const inheritanceMap = this.inheritanceProcessor.getInheritanceMap(bindings, breakpoint);\n\n this.inheritanceMap = inheritanceMap.styles;\n\n this.stylesProcessor = new StylesBindingsProcessor(\n this.elementId,\n this.breakpointNames,\n bindings\n );\n\n this.elementMetadata = new StylesMetadata(\n new BreakpointElementMetadata(\n this.breakpointNames,\n breakpoint,\n new ElementMetadata(this.elementId, bindings.metadata)\n )\n );\n\n this.devFriendlyStyles = this.stylesProcessor.toDeepStyles(resolvedBindings.styles);\n }\n}\n\nexport class StylesValueObject {\n private readonly value: Record<string, any>;\n\n constructor(value: any = {}) {\n this.value = value;\n }\n\n set(key: string, value: any) {\n this.value[key] = value;\n }\n\n get(key: string) {\n return this.value[key];\n }\n\n getAll() {\n return this.value;\n }\n\n unset(key: string) {\n delete this.value[key];\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["StylesBindingsProcessor","BreakpointElementMetadata","ElementMetadata","NullMetadata","StylesMetadata","Commands","autorun","makeAutoObservable","runInAction","InheritanceProcessor","BindingsProcessor","$getComponentManifestByElementId","ComponentManifestToAstConverter","BASE_BREAKPOINT","StylesStore","elementMetadata","devFriendlyStyles","localPreviewStyles","undefined","inheritanceMap","rawBindings","constructor","editor","elementId","breakpointNames","manifest","inputsAst","convert","inputs","bindingsProcessor","inheritanceProcessor","document","getDocumentState","read","editorState","getEditorState","breakpoint","currentBreakpoint","calculateStuff","vm","styles","metadata","onChange","cb","stylesProcessor","StylesValueObject","finalStyles","getAll","updatedStyles","createUpdate","updateDocument","applyToDocument","onPreviewChange","structuredClone","executeCommand","PreviewPatchElement","patch","createJsonPatch","bindings","resolvedBindings","getBindings","getInheritanceMap","toDeepStyles","value","set","key","get","unset"],"sources":["StylesStore.ts"],"sourcesContent":["import type { useDocumentEditor } from \"~/DocumentEditor\";\nimport { StylesBindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"~/BaseEditor/metadata\";\nimport {\n BreakpointElementMetadata,\n ElementMetadata,\n NullMetadata,\n StylesMetadata\n} from \"~/BaseEditor/metadata\";\nimport { Commands } from \"~/BaseEditor\";\nimport type { Editor } from \"~/editorSdk/Editor\";\nimport { autorun, makeAutoObservable, runInAction } from \"mobx\";\nimport { type InheritanceInfo, InheritanceProcessor } from \"@webiny/website-builder-sdk\";\nimport {\n BindingsProcessor,\n type DocumentElementBindings,\n type Document\n} from \"@webiny/website-builder-sdk\";\nimport { $getComponentManifestByElementId } from \"~/editorSdk/utils\";\nimport { ComponentManifestToAstConverter } from \"@webiny/website-builder-sdk\";\nimport { BASE_BREAKPOINT } from \"~/constants\";\n\nexport type ElementBreakpointStyles = {\n styles: Record<string, any>;\n metadata: IMetadata;\n inheritanceMap: InheritanceInfo[\"styles\"];\n};\n\nexport class StylesStore {\n private editor: ReturnType<typeof useDocumentEditor>;\n private elementId: string;\n private breakpointNames: string[];\n private stylesProcessor: StylesBindingsProcessor \| undefined;\n private elementMetadata: IMetadata = new NullMetadata();\n private devFriendlyStyles: Record<string, any> = {};\n private localPreviewStyles: Record<string, any> \| undefined = undefined;\n private currentBreakpoint: string;\n private inheritanceMap: InheritanceInfo[\"styles\"] = {};\n private rawBindings: DocumentElementBindings = {};\n private bindingsProcessor: BindingsProcessor;\n private inheritanceProcessor: InheritanceProcessor;\n constructor(editor: Editor, elementId: string, breakpointNames: string[]) {\n this.editor = editor;\n this.elementId = elementId;\n this.breakpointNames = breakpointNames;\n\n const manifest = $getComponentManifestByElementId(editor, elementId ?? \"\");\n const inputsAst = ComponentManifestToAstConverter.convert(manifest?.inputs ?? []);\n\n this.bindingsProcessor = new BindingsProcessor(breakpointNames);\n this.inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n const document = this.editor.getDocumentState().read();\n const editorState = this.editor.getEditorState().read();\n const breakpoint = editorState.breakpoint ?? BASE_BREAKPOINT;\n this.currentBreakpoint = breakpoint;\n\n // Initial setup.\n this.calculateStuff(document, breakpoint);\n\n autorun(() => {\n const document = this.editor.getDocumentState().read();\n const editorState = this.editor.getEditorState().read();\n const breakpoint = editorState.breakpoint ?? BASE_BREAKPOINT;\n\n runInAction(() => {\n this.currentBreakpoint = breakpoint;\n this.calculateStuff(document, breakpoint);\n });\n });\n\n makeAutoObservable(this);\n }\n\n get vm(): ElementBreakpointStyles {\n return {\n styles: this.localPreviewStyles ?? this.devFriendlyStyles,\n metadata: this.elementMetadata,\n inheritanceMap: this.inheritanceMap\n };\n }\n\n onChange = (cb: (params: { styles: StylesValueObject; metadata: IMetadata }) => void) => {\n if (!this.stylesProcessor) {\n return;\n }\n\n const styles = new StylesValueObject(this.devFriendlyStyles);\n cb({ styles, metadata: this.elementMetadata });\n\n const finalStyles = styles.getAll();\n\n const updatedStyles = this.stylesProcessor.createUpdate(\n finalStyles,\n this.currentBreakpoint\n );\n\n this.editor.updateDocument(document => {\n updatedStyles.applyToDocument(document);\n this.elementMetadata.applyToDocument(document);\n });\n\n this.localPreviewStyles = undefined;\n };\n\n onPreviewChange = (\n cb: (params: { styles: StylesValueObject; metadata: IMetadata }) => void\n ) => {\n if (!this.stylesProcessor) {\n return;\n }\n\n const styles = new StylesValueObject(structuredClone(this.devFriendlyStyles));\n\n cb({ styles, metadata: this.elementMetadata });\n\n const finalStyles = styles.getAll();\n\n this.localPreviewStyles = finalStyles;\n\n const updatedStyles = this.stylesProcessor.createUpdate(\n finalStyles,\n this.currentBreakpoint\n );\n\n this.editor.executeCommand(Commands.PreviewPatchElement, {\n elementId: this.elementId,\n patch: updatedStyles.createJsonPatch(this.rawBindings)\n });\n };\n\n private calculateStuff(document: Document, breakpoint: string) {\n const bindings = document.bindings[this.elementId] ?? {};\n\n this.rawBindings = bindings;\n const resolvedBindings = this.bindingsProcessor.getBindings(bindings, breakpoint);\n\n const inheritanceMap = this.inheritanceProcessor.getInheritanceMap(bindings, breakpoint);\n\n this.inheritanceMap = inheritanceMap.styles;\n\n this.stylesProcessor = new StylesBindingsProcessor(\n this.elementId,\n this.breakpointNames,\n bindings\n );\n\n this.elementMetadata = new StylesMetadata(\n new BreakpointElementMetadata(\n this.breakpointNames,\n breakpoint,\n new ElementMetadata(this.elementId, bindings.metadata)\n )\n );\n\n this.devFriendlyStyles = this.stylesProcessor.toDeepStyles(resolvedBindings.styles);\n }\n}\n\nexport class StylesValueObject {\n private readonly value: Record<string, any>;\n\n constructor(value: any = {}) {\n this.value = value;\n }\n\n set(key: string, value: any) {\n this.value[key] = value;\n }\n\n get(key: string) {\n return this.value[key];\n }\n\n getAll() {\n return this.value;\n }\n\n unset(key: string) {\n delete this.value[key];\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles.js CHANGED Viewed

@@ -11,14 +11,15 @@ export function useStyles(elementId) {
     breakpoints
   } = useBreakpoint();
   const store = useMemo(() => {
+    const cacheKey = [elementId, ...breakpoints].join(";");
     // Create or get existing store for this element
-    let store = stylesStores.get(elementId);
+    let store = stylesStores.get(cacheKey);
     if (!store) {
       store = new StylesStore(editor, elementId, breakpoints.map(bp => bp.name));
-      stylesStores.set(elementId, store);
+      stylesStores.set(cacheKey, store);
     }
     return store;
-  }, [elementId]);
+  }, [elementId, breakpoints.length]);
   return {
     store,
     styles: store.vm.styles,

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useMemo","useDocumentEditor","useBreakpoint","StylesStore","stylesStores","Map","useStyles","elementId","editor","breakpoints","store","get","map","bp","name","set","styles","vm","metadata","inheritanceMap","onChange","onPreviewChange"],"sources":["useStyles.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { StylesStore, type ElementBreakpointStyles } from \"./StylesStore\";\n\n// Singleton store container\nconst stylesStores = new Map<string, StylesStore>();\n\nexport type { ElementBreakpointStyles };\n\nexport function useStyles(elementId: string) {\n const editor = useDocumentEditor();\n const { breakpoints } = useBreakpoint();\n\n const store = useMemo(() => {\n // Create or get existing store for this element\n let store = stylesStores.get(~~elementId~~);\n\n if (!store) {\n store = new StylesStore(\n editor,\n elementId,\n breakpoints.map(bp => bp.name)\n );\n stylesStores.set(~~elementId~~, store);\n }\n\n return store;\n }, [elementId]);\n\n return {\n store,\n styles: store.vm.styles,\n metadata: store.vm.metadata,\n inheritanceMap: store.vm.inheritanceMap,\n onChange: store.onChange,\n onPreviewChange: store.onPreviewChange\n };\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,WAAW;;AAEpB;AACA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAAsB,CAAC;AAInD,OAAO,SAASC,SAASA,CAACC,SAAiB,EAAE;EACzC,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEQ;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EAEvC,MAAMQ,KAAK,GAAGV,OAAO,CAAC,MAAM;IACxB;IACA,~~IAAIU~~,KAAK,GAAGN,YAAY,~~CAACO~~,GAAG,~~CAACJ~~,~~SAAS~~,CAAC;~~IAEvC~~,IAAI,~~CAACG~~,KAAK,EAAE;MACRA,KAAK,GAAG,IAAIP,WAAW,CACnBK,MAAM,EACND,SAAS,EACTE,WAAW,~~CAACG~~,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CACjC,CAAC;~~MACDV~~,YAAY,~~CAACW~~,GAAG,~~CAACR~~,~~SAAS~~,~~EAAEG~~,KAAK,CAAC;~~IACtC~~;IAEA,OAAOA,KAAK;EAChB,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;~~EAEf~~,OAAO;~~IACHG~~,KAAK;~~IACLM~~,MAAM,~~EAAEN~~,KAAK,~~CAACO~~,EAAE,CAACD,MAAM;IACvBE,QAAQ,~~EAAER~~,KAAK,~~CAACO~~,EAAE,CAACC,QAAQ;IAC3BC,cAAc,~~EAAET~~,KAAK,~~CAACO~~,EAAE,CAACE,cAAc;IACvCC,QAAQ,~~EAAEV~~,KAAK,~~CAACU~~,QAAQ;IACxBC,eAAe,~~EAAEX~~,KAAK,~~CAACW~~;EAC3B,CAAC;AACL","ignoreList":[]}
1	+ {"version":3,"names":["useMemo","useDocumentEditor","useBreakpoint","StylesStore","stylesStores","Map","useStyles","elementId","editor","breakpoints","store","cacheKey","join","get","map","bp","name","set","length","styles","vm","metadata","inheritanceMap","onChange","onPreviewChange"],"sources":["useStyles.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { StylesStore, type ElementBreakpointStyles } from \"./StylesStore\";\n\n// Singleton store container\nconst stylesStores = new Map<string, StylesStore>();\n\nexport type { ElementBreakpointStyles };\n\nexport function useStyles(elementId: string) {\n const editor = useDocumentEditor();\n const { breakpoints } = useBreakpoint();\n\n const store = useMemo(() => {\n const cacheKey = [elementId, ...breakpoints].join(\";\");\n // Create or get existing store for this element\n let store = stylesStores.get(cacheKey);\n\n if (!store) {\n store = new StylesStore(\n editor,\n elementId,\n breakpoints.map(bp => bp.name)\n );\n stylesStores.set(cacheKey, store);\n }\n\n return store;\n }, [elementId, breakpoints.length]);\n\n return {\n store,\n styles: store.vm.styles,\n metadata: store.vm.metadata,\n inheritanceMap: store.vm.inheritanceMap,\n onChange: store.onChange,\n onPreviewChange: store.onPreviewChange\n };\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,WAAW;;AAEpB;AACA,MAAMC,YAAY,GAAG,IAAIC,GAAG,CAAsB,CAAC;AAInD,OAAO,SAASC,SAASA,CAACC,SAAiB,EAAE;EACzC,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEQ;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EAEvC,MAAMQ,KAAK,GAAGV,OAAO,CAAC,MAAM;IACxB,MAAMW,QAAQ,GAAG,CAACJ,SAAS,EAAE,GAAGE,WAAW,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;IACtD;IACA,IAAIF,KAAK,GAAGN,YAAY,CAACS,GAAG,CAACF,QAAQ,CAAC;IAEtC,IAAI,CAACD,KAAK,EAAE;MACRA,KAAK,GAAG,IAAIP,WAAW,CACnBK,MAAM,EACND,SAAS,EACTE,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CACjC,CAAC;MACDZ,YAAY,CAACa,GAAG,CAACN,QAAQ,EAAED,KAAK,CAAC;IACrC;IAEA,OAAOA,KAAK;EAChB,CAAC,EAAE,CAACH,SAAS,EAAEE,WAAW,CAACS,MAAM,CAAC,CAAC;EAEnC,OAAO;IACHR,KAAK;IACLS,MAAM,EAAET,KAAK,CAACU,EAAE,CAACD,MAAM;IACvBE,QAAQ,EAAEX,KAAK,CAACU,EAAE,CAACC,QAAQ;IAC3BC,cAAc,EAAEZ,KAAK,CAACU,EAAE,CAACE,cAAc;IACvCC,QAAQ,EAAEb,KAAK,CAACa,QAAQ;IACxBC,eAAe,EAAEd,KAAK,CAACc;EAC3B,CAAC;AACL","ignoreList":[]}

package/BaseEditor/hooks/useBreakpoint.d.ts CHANGED Viewed

@@ -1,16 +1,6 @@
-import type React from "react";
-import type { Breakpoint } from "@webiny/website-builder-sdk";
-export type EditorBreakpoint = Breakpoint & {
-    title: string;
-    description: string;
-    icon: React.ReactNode;
-};
 export declare const useBreakpoint: () => {
     isBaseBreakpoint: boolean;
-    breakpoint: import("@webiny/website-builder-sdk/types/WebsiteBuilderTheme").Breakpoint | {
-        name: string;
-        maxWidth: number;
-    };
-    breakpoints: import("@webiny/website-builder-sdk/types/WebsiteBuilderTheme").Breakpoint[];
+    breakpoint: import("@webiny/website-builder-sdk").Breakpoint;
+    breakpoints: import("@webiny/website-builder-sdk").Breakpoint[];
     setBreakpoint: (mode: string) => void;
 };

package/BaseEditor/hooks/useBreakpoint.js CHANGED Viewed

@@ -16,9 +16,13 @@ export const useBreakpoint = () => {
     const bp = breakpoints.find(bp => bp.name === activeBreakpoint);
     return bp ?? {
       name: BASE_BREAKPOINT,
+      title: "Base Breakpoint",
+      description: "",
+      icon: "",
+      minWidth: 0,
       maxWidth: 4000
     };
-  }, [activeBreakpoint, breakpoints]);
+  }, [activeBreakpoint, breakpoints.length]);
   const setBreakpoint = useCallback(mode => {
     editor.updateEditor(state => {
       state.breakpoint = mode;

package/BaseEditor/hooks/useBreakpoint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useMemo","useDocumentEditor","useSelectFromEditor","BASE_BREAKPOINT","useWebsiteBuilderTheme","useBreakpoint","theme","breakpoints","editor","activeBreakpoint","state","breakpoint","name","bp","find","maxWidth","setBreakpoint","mode","updateEditor","isBaseBreakpoint"],"sources":["useBreakpoint.tsx"],"sourcesContent":["import ~~type React from \"react\";\nimport~~ { useCallback, useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport ~~type~~ { ~~Breakpoint } from \"@webiny/website-builder-sdk\";\nimport {~~ BASE_BREAKPOINT } from \"~/constants\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\n\nexport ~~type EditorBreakpoint = Breakpoint & {\n title: string;\n description: string;\n icon: React.ReactNode;\n};\n\nexport~~ const useBreakpoint = () => {\n const { theme } = useWebsiteBuilderTheme();\n const breakpoints = theme?.breakpoints ?? [];\n\n const editor = useDocumentEditor();\n const activeBreakpoint = useSelectFromEditor<string>(state => {\n return state.breakpoint ?? breakpoints[0]?.name ?? \"desktop\";\n });\n\n const breakpoint = useMemo(() => {\n const bp = breakpoints.find(bp => bp.name === activeBreakpoint);\n return (\n bp ?? {\n name: BASE_BREAKPOINT,\n maxWidth: 4000\n }\n );\n }, [activeBreakpoint, breakpoints]);\n\n const setBreakpoint = useCallback(\n (mode: string) => {\n editor.updateEditor(state => {\n state.breakpoint = mode;\n });\n },\n [editor]\n );\n\n return {\n isBaseBreakpoint: breakpoint.name === BASE_BREAKPOINT,\n breakpoint,\n breakpoints,\n setBreakpoint\n };\n};\n"],"mappings":"~~AACA~~,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;~~AAE5B~~,SAASC,eAAe;AACxB,SAASC,sBAAsB;~~AAQ~~/B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAM,CAAC,GAAGF,sBAAsB,CAAC,CAAC;EAC1C,MAAMG,WAAW,GAAGD,KAAK,EAAEC,WAAW,IAAI,EAAE;EAE5C,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAMQ,gBAAgB,GAAGP,mBAAmB,CAASQ,KAAK,IAAI;IAC1D,OAAOA,KAAK,CAACC,UAAU,IAAIJ,WAAW,CAAC,CAAC,CAAC,EAAEK,IAAI,IAAI,SAAS;EAChE,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,OAAO,CAAC,MAAM;IAC7B,MAAMa,EAAE,GAAGN,WAAW,CAACO,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACD,IAAI,KAAKH,gBAAgB,CAAC;IAC/D,OACII,EAAE,IAAI;MACFD,IAAI,EAAET,eAAe;MACrBY,QAAQ,EAAE;IACd,CAAC;EAET,CAAC,EAAE,~~CAACN~~,gBAAgB,EAAEF,WAAW,CAAC,CAAC;~~EAEnC~~,~~MAAMS~~,aAAa,~~GAAGjB~~,WAAW,~~CAC5BkB~~,IAAY,IAAK;~~IACdT~~,MAAM,~~CAACU~~,YAAY,~~CAACR~~,KAAK,IAAI;MACzBA,KAAK,CAACC,UAAU,~~GAAGM~~,IAAI;IAC3B,CAAC,CAAC;EACN,CAAC,EACD,~~CAACT~~,MAAM,CACX,CAAC;EAED,OAAO;~~IACHW~~,gBAAgB,~~EAAER~~,UAAU,CAACC,IAAI,KAAKT,eAAe;IACrDQ,UAAU;IACVJ,WAAW;~~IACXS~~;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useMemo","useDocumentEditor","useSelectFromEditor","BASE_BREAKPOINT","useWebsiteBuilderTheme","useBreakpoint","theme","breakpoints","editor","activeBreakpoint","state","breakpoint","name","bp","find","title","description","icon","minWidth","maxWidth","length","setBreakpoint","mode","updateEditor","isBaseBreakpoint"],"sources":["useBreakpoint.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport { BASE_BREAKPOINT } from \"~/constants\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\n\nexport const useBreakpoint = () => {\n const { theme } = useWebsiteBuilderTheme();\n const breakpoints = theme?.breakpoints ?? [];\n\n const editor = useDocumentEditor();\n const activeBreakpoint = useSelectFromEditor<string>(state => {\n return state.breakpoint ?? breakpoints[0]?.name ?? \"desktop\";\n });\n\n const breakpoint = useMemo(() => {\n const bp = breakpoints.find(bp => bp.name === activeBreakpoint);\n return (\n bp ?? {\n name: BASE_BREAKPOINT,\n title: \"Base Breakpoint\",\n description: \"\",\n icon: \"\",\n minWidth: 0,\n maxWidth: 4000\n }\n );\n }, [activeBreakpoint, breakpoints.length]);\n\n const setBreakpoint = useCallback(\n (mode: string) => {\n editor.updateEditor(state => {\n state.breakpoint = mode;\n });\n },\n [editor]\n );\n\n return {\n isBaseBreakpoint: breakpoint.name === BASE_BREAKPOINT,\n breakpoint,\n breakpoints,\n setBreakpoint\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAM,CAAC,GAAGF,sBAAsB,CAAC,CAAC;EAC1C,MAAMG,WAAW,GAAGD,KAAK,EAAEC,WAAW,IAAI,EAAE;EAE5C,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAMQ,gBAAgB,GAAGP,mBAAmB,CAASQ,KAAK,IAAI;IAC1D,OAAOA,KAAK,CAACC,UAAU,IAAIJ,WAAW,CAAC,CAAC,CAAC,EAAEK,IAAI,IAAI,SAAS;EAChE,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,OAAO,CAAC,MAAM;IAC7B,MAAMa,EAAE,GAAGN,WAAW,CAACO,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACD,IAAI,KAAKH,gBAAgB,CAAC;IAC/D,OACII,EAAE,IAAI;MACFD,IAAI,EAAET,eAAe;MACrBY,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EAAE,EAAE;MACfC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACd,CAAC;EAET,CAAC,EAAE,CAACV,gBAAgB,EAAEF,WAAW,CAACa,MAAM,CAAC,CAAC;EAE1C,MAAMC,aAAa,GAAGtB,WAAW,CAC5BuB,IAAY,IAAK;IACdd,MAAM,CAACe,YAAY,CAACb,KAAK,IAAI;MACzBA,KAAK,CAACC,UAAU,GAAGW,IAAI;IAC3B,CAAC,CAAC;EACN,CAAC,EACD,CAACd,MAAM,CACX,CAAC;EAED,OAAO;IACHgB,gBAAgB,EAAEb,UAAU,CAACC,IAAI,KAAKT,eAAe;IACrDQ,UAAU;IACVJ,WAAW;IACXc;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/Extension.js CHANGED Viewed

@@ -4,16 +4,19 @@ import { HasPermission } from "@webiny/app-security";
 import { ReactComponent as PagesIcon } from "@webiny/icons/table_chart.svg";
 import { PageEditor } from "./modules/pages/PageEditor.js";
 import { PageList } from "./modules/pages/PageList.js";
-import { PAGE_EDITOR_ROUTE, PAGE_LIST_ROUTE } from "./constants.js";
+import { WB_PAGE_EDITOR_ROUTE, WB_PAGES_LIST_ROUTE, WB_REDIRECT_LIST_ROUTE } from "./constants.js";
 import { useSettingsDialog } from "./modules/settings/useSettingsDialog";
 import { useIntegrationsDialog } from "./modules/integrations/useIntegrationsDialog.js";
-import { PagesConfig } from "./modules/pages/PagesConfig";
+import { PagesListConfig } from "./modules/pages/PagesListConfig";
+import { RedirectsList } from "./modules/redirects/RedirectsList";
+import { RedirectsListConfig } from "./modules/redirects/RedirectsListConfig";
 const {
-  Menu
+  Menu,
+  Route
 } = AdminConfig;
 export const Extension = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
-    any: ["wb.page"]
+    any: ["wb.page", "wb.redirect"]
   }, /*#__PURE__*/React.createElement(Menu, {
     name: "wb",
     element: /*#__PURE__*/React.createElement(Menu.Item, {
@@ -33,20 +36,33 @@ export const Extension = () => {
     })
   })), /*#__PURE__*/React.createElement(HasPermission, {
     name: "wb.page"
-  }, /*#__PURE__*/React.createElement(AdminConfig.Route, {
+  }, /*#__PURE__*/React.createElement(Route, {
     name: "wb.pages.list",
-    path: PAGE_LIST_ROUTE,
+    path: WB_PAGES_LIST_ROUTE,
     element: /*#__PURE__*/React.createElement(PageList, null)
-  }), /*#__PURE__*/React.createElement(AdminConfig.Route, {
+  }), /*#__PURE__*/React.createElement(Route, {
     name: "wb.pages.editor",
-    path: `${PAGE_EDITOR_ROUTE}/:id`,
+    path: `${WB_PAGE_EDITOR_ROUTE}/:id`,
     element: /*#__PURE__*/React.createElement(PageEditor, null)
   }), /*#__PURE__*/React.createElement(Menu, {
     name: "wb.pages",
     parent: "wb",
     element: /*#__PURE__*/React.createElement(Menu.Link, {
       text: "Pages",
-      to: PAGE_LIST_ROUTE
+      to: WB_PAGES_LIST_ROUTE
+    })
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    name: "wb.redirect"
+  }, /*#__PURE__*/React.createElement(Route, {
+    name: "wb.redirect.list",
+    path: WB_REDIRECT_LIST_ROUTE,
+    element: /*#__PURE__*/React.createElement(RedirectsList, null)
+  }), /*#__PURE__*/React.createElement(Menu, {
+    name: "wb.redirects",
+    parent: "wb",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Redirects",
+      to: WB_REDIRECT_LIST_ROUTE
     })
   })), /*#__PURE__*/React.createElement(HasPermission, {
     name: "wb.settings"
@@ -58,7 +74,7 @@ export const Extension = () => {
     name: "wb.integrations",
     parent: "wb",
     element: /*#__PURE__*/React.createElement(IntegrationsMenuItem, null)
-  })), /*#__PURE__*/React.createElement(PagesConfig, null));
+  })), /*#__PURE__*/React.createElement(PagesListConfig, null), /*#__PURE__*/React.createElement(RedirectsListConfig, null));
 };
 const SettingsMenuItem = () => {
   const {

package/Extension.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","AdminConfig","HasPermission","ReactComponent","PagesIcon","PageEditor","PageList","~~PAGE_EDITOR_ROUTE~~","~~PAGE_LIST_ROUTE~~","useSettingsDialog","useIntegrationsDialog","~~PagesConfig~~","Menu","Extension","createElement","Fragment","any","name","element","Item","text","icon","Link","Icon","label","parent","Group","~~Route","~~path","to","SettingsMenuItem","IntegrationsMenuItem","showSettingsDialog","onClick","showIntegrationsDialog"],"sources":["Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { ReactComponent as PagesIcon } from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/modules/pages/PageEditor.js\";\nimport { PageList } from \"~/modules/pages/PageList.js\";\nimport { ~~PAGE_EDITOR_ROUTE~~, ~~PAGE_LIST_ROUTE~~ } from \"~/constants.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { ~~PagesConfig~~ } from \"~/modules/pages/~~PagesConfig~~\";\n\nconst { Menu } = AdminConfig;\n\nexport const Extension = () => {\n return (\n <>\n <AdminConfig>\n <HasPermission any={[\"wb.page\"]}>\n <Menu\n name=\"wb\"\n element={\n <Menu.Item\n text={\"Website Builder\"}\n icon={\n <Menu.Link.Icon\n label={\"Website Builder\"}\n element={<PagesIcon />}\n />\n }\n />\n }\n />\n </HasPermission>\n\n <HasPermission any={[\"wb.page\"]}>\n <Menu\n name=\"wb.pagesLabel\"\n parent=\"Wb\"\n element={<Menu.Group text={\"Pages\"} />}\n />\n </HasPermission>\n\n <HasPermission name={\"wb.page\"}>\n <~~AdminConfig~~.Route\n name=\"wb.pages.~~list~~\"\n path={~~PAGE_LIST_ROUTE~~}\n element={<~~PageList~~ />}\n />\n <~~AdminConfig~~.Route\n name=\"wb.~~pages~~.~~editor~~\"\n path={~~`${PAGE_EDITOR_ROUTE~~}~~/:id`}~~\n element={<~~PageEditor~~ />}\n />\n <Menu\n name=\"wb.~~pages~~\"\n parent={\"wb\"}\n element={<Menu.Link text={\"~~Pages~~\"} to={~~PAGE_LIST_ROUTE~~} />}\n />\n </HasPermission>\n <HasPermission name={\"wb.settings\"}>\n <Menu name=\"wb.settings\" parent=\"wb\" element={<SettingsMenuItem />} />\n </HasPermission>\n <Menu name=\"wb.integrations\" parent=\"wb\" element={<IntegrationsMenuItem />} />\n </AdminConfig>\n <~~PagesConfig~~ />\n </>\n );\n};\n\nconst SettingsMenuItem = () => {\n const { showSettingsDialog } = useSettingsDialog();\n return <Menu.Item text={\"Settings\"} onClick={showSettingsDialog} />;\n};\n\nconst IntegrationsMenuItem = () => {\n const { showIntegrationsDialog } = useIntegrationsDialog();\n return <Menu.Item text={\"Integrations\"} onClick={showIntegrationsDialog} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,cAAc,IAAIC,SAAS,QAAQ,+BAA+B;AAC3E,SAASC,UAAU;AACnB,SAASC,QAAQ;AACjB,SAASC,~~iBAAiB~~,EAAEC,~~eAAe~~;~~AAC3C~~,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,~~WAAW~~;~~AAEpB~~,MAAM;EAAEC;~~AAAK~~,CAAC,~~GAAGX~~,WAAW;~~AAE5B~~,OAAO,~~MAAMY~~,SAAS,GAAGA,CAAA,KAAM;EAC3B,~~oBACIb~~,KAAA,~~CAAAc~~,aAAA,~~CAAAd~~,KAAA,~~CAAAe~~,QAAA,~~qBACIf~~,KAAA,~~CAAAc~~,aAAA,~~CAACb~~,WAAW,qBACRD,KAAA,~~CAAAc~~,aAAA,~~CAACZ~~,aAAa;~~IAACc~~,GAAG,EAAE,CAAC,SAAS;EAAE,~~gBAC5BhB~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI;~~IACDK~~,IAAI,EAAC,IAAI;IACTC,OAAO,~~eACHlB~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI,~~CAACO~~,IAAI;MACNC,IAAI,EAAE,iBAAkB;MACxBC,IAAI,~~eACArB~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI,~~CAACU~~,IAAI,CAACC,IAAI;QACXC,KAAK,EAAE,iBAAkB;QACzBN,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACV~~,SAAS,MAAE;MAAE,CAC1B;IACJ,CACJ;EACJ,CACJ,CACU,CAAC,eAEhBJ,KAAA,~~CAAAc~~,aAAA,~~CAACZ~~,aAAa;~~IAACc~~,GAAG,EAAE,CAAC,SAAS;EAAE,~~gBAC5BhB~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI;~~IACDK~~,IAAI,EAAC,eAAe;IACpBQ,MAAM,EAAC,IAAI;IACXP,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI,~~CAACc~~,KAAK;MAACN,IAAI,EAAE;IAAQ,CAAE;EAAE,CAC1C,CACU,CAAC,~~eAEhBpB~~,KAAA,~~CAAAc~~,aAAA,~~CAACZ~~,aAAa;~~IAACe~~,IAAI,EAAE;EAAU,~~gBAC3BjB~~,KAAA,~~CAAAc~~,aAAA,~~CAACb~~,~~WAAW,CAAC0B,~~KAAK;~~IACdV~~,IAAI,EAAC,eAAe;~~IACpBW~~,IAAI,~~EAAEpB~~,~~eAAgB~~;~~IACtBU~~,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACR~~,QAAQ,MAAE;EAAE,~~CACzB~~,CAAC,~~eACFN~~,KAAA,~~CAAAc~~,aAAA,~~CAACb~~,~~WAAW,CAAC0B,~~KAAK;~~IACdV~~,IAAI,EAAC,iBAAiB;~~IACtBW~~,IAAI,EAAE,~~GAAGrB~~,~~iBAAiB~~,MAAO;~~IACjCW~~,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACT~~,UAAU,MAAE;EAAE,CAC3B,CAAC,eACFL,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI;~~IACDK~~,IAAI,EAAC,UAAU;IACfQ,MAAM,EAAE,IAAK;IACbP,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI,~~CAACU~~,IAAI;MAACF,IAAI,EAAE,OAAQ;~~MAACS~~,EAAE,~~EAAErB~~;~~IAAgB~~,CAAE;EAAE,~~CAC9D~~,CACU,CAAC,eAChBR,KAAA,~~CAAAc~~,aAAA,~~CAACZ~~,aAAa;~~IAACe~~,IAAI,EAAE;EAAc,gBAC/~~BjB~~,KAAA,~~CAAAc~~,aAAA,CAACF,IAAI;~~IAACK~~,IAAI,EAAC,aAAa;IAACQ,MAAM,EAAC,IAAI;IAACP,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACgB~~,gBAAgB,MAAE;EAAE,CAAE,CAC1D,CAAC,~~eAChB9B~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI;~~IAACK~~,IAAI,EAAC,iBAAiB;IAACQ,MAAM,EAAC,IAAI;IAACP,OAAO,~~eAAElB~~,KAAA,~~CAAAc~~,aAAA,~~CAACiB~~,oBAAoB,MAAE;EAAE,CAAE,CACpE,CAAC,~~eACd/B~~,KAAA,~~CAAAc~~,aAAA,~~CAACH~~,~~WAAW~~,MAAE,~~CAChB~~,CAAC;AAEX,CAAC;AAED,MAAMmB,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEE;EAAmB,CAAC,~~GAAGvB~~,iBAAiB,CAAC,CAAC;EAClD,~~oBAAOT~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI,~~CAACO~~,IAAI;IAACC,IAAI,EAAE,UAAW;~~IAACa~~,OAAO,EAAED;EAAmB,CAAE,CAAC;AACvE,CAAC;AAED,MAAMD,oBAAoB,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEG;EAAuB,CAAC,~~GAAGxB~~,qBAAqB,CAAC,CAAC;EAC1D,~~oBAAOV~~,KAAA,~~CAAAc~~,aAAA,~~CAACF~~,IAAI,~~CAACO~~,IAAI;IAACC,IAAI,EAAE,cAAe;~~IAACa~~,OAAO,EAAEC;EAAuB,CAAE,CAAC;AAC/E,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","AdminConfig","HasPermission","ReactComponent","PagesIcon","PageEditor","PageList","WB_PAGE_EDITOR_ROUTE","WB_PAGES_LIST_ROUTE","WB_REDIRECT_LIST_ROUTE","useSettingsDialog","useIntegrationsDialog","PagesListConfig","RedirectsList","RedirectsListConfig","Menu","Route","Extension","createElement","Fragment","any","name","element","Item","text","icon","Link","Icon","label","parent","Group","path","to","SettingsMenuItem","IntegrationsMenuItem","showSettingsDialog","onClick","showIntegrationsDialog"],"sources":["Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { ReactComponent as PagesIcon } from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/modules/pages/PageEditor.js\";\nimport { PageList } from \"~/modules/pages/PageList.js\";\nimport { WB_PAGE_EDITOR_ROUTE, WB_PAGES_LIST_ROUTE, WB_REDIRECT_LIST_ROUTE } from \"~/constants.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/modules/pages/PagesListConfig\";\nimport { RedirectsList } from \"~/modules/redirects/RedirectsList\";\nimport { RedirectsListConfig } from \"~/modules/redirects/RedirectsListConfig\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const Extension = () => {\n return (\n <>\n <AdminConfig>\n <HasPermission any={[\"wb.page\", \"wb.redirect\"]}>\n <Menu\n name=\"wb\"\n element={\n <Menu.Item\n text={\"Website Builder\"}\n icon={\n <Menu.Link.Icon\n label={\"Website Builder\"}\n element={<PagesIcon />}\n />\n }\n />\n }\n />\n </HasPermission>\n\n <HasPermission any={[\"wb.page\"]}>\n <Menu\n name=\"wb.pagesLabel\"\n parent=\"Wb\"\n element={<Menu.Group text={\"Pages\"} />}\n />\n </HasPermission>\n\n <HasPermission name={\"wb.page\"}>\n <Route name=\"wb.pages.list\" path={WB_PAGES_LIST_ROUTE} element={<PageList />} />\n <Route\n name=\"wb.pages.editor\"\n path={`${WB_PAGE_EDITOR_ROUTE}/:id`}\n element={<PageEditor />}\n />\n <Menu\n name=\"wb.pages\"\n parent={\"wb\"}\n element={<Menu.Link text={\"Pages\"} to={WB_PAGES_LIST_ROUTE} />}\n />\n </HasPermission>\n <HasPermission name={\"wb.redirect\"}>\n <Route\n name=\"wb.redirect.list\"\n path={WB_REDIRECT_LIST_ROUTE}\n element={<RedirectsList />}\n />\n <Menu\n name=\"wb.redirects\"\n parent={\"wb\"}\n element={<Menu.Link text={\"Redirects\"} to={WB_REDIRECT_LIST_ROUTE} />}\n />\n </HasPermission>\n <HasPermission name={\"wb.settings\"}>\n <Menu name=\"wb.settings\" parent=\"wb\" element={<SettingsMenuItem />} />\n </HasPermission>\n <Menu name=\"wb.integrations\" parent=\"wb\" element={<IntegrationsMenuItem />} />\n </AdminConfig>\n <PagesListConfig />\n <RedirectsListConfig />\n </>\n );\n};\n\nconst SettingsMenuItem = () => {\n const { showSettingsDialog } = useSettingsDialog();\n return <Menu.Item text={\"Settings\"} onClick={showSettingsDialog} />;\n};\n\nconst IntegrationsMenuItem = () => {\n const { showIntegrationsDialog } = useIntegrationsDialog();\n return <Menu.Item text={\"Integrations\"} onClick={showIntegrationsDialog} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/constants.d.ts CHANGED Viewed

@@ -22,6 +22,9 @@ export declare const loadingActions: {
     readonly update: "UPDATE";
 };
 export declare const WB_PAGE_APP = "wb:page";
-export declare const LOCAL_STORAGE_KEY_LATEST_VISITED_FOLDER = "webiny_wb_page_latest_visited_folder";
-export declare const PAGE_LIST_ROUTE = "/website-builder/pages";
-export declare const PAGE_EDITOR_ROUTE = "/website-builder/pages/editor";
+export declare const WB_REDIRECTS_APP = "wb:redirect";
+export declare const WB_PAGE_LATEST_VISITED_FOLDER = "webiny_wb_page_latest_visited_folder";
+export declare const WB_REDIRECT_LATEST_VISITED_FOLDER = "webiny_wb_redirect_latest_visited_folder";
+export declare const WB_REDIRECT_LIST_ROUTE = "/website-builder/redirects";
+export declare const WB_PAGES_LIST_ROUTE = "/website-builder/pages";
+export declare const WB_PAGE_EDITOR_ROUTE = "/website-builder/pages/editor";

package/constants.js CHANGED Viewed

@@ -20,8 +20,11 @@ export const loadingActions = {
   update: "UPDATE"
 };
 export const WB_PAGE_APP = "wb:page";
-export const LOCAL_STORAGE_KEY_LATEST_VISITED_FOLDER = "webiny_wb_page_latest_visited_folder";
-export const PAGE_LIST_ROUTE = "/website-builder/pages";
-export const PAGE_EDITOR_ROUTE = "/website-builder/pages/editor";
+export const WB_REDIRECTS_APP = "wb:redirect";
+export const WB_PAGE_LATEST_VISITED_FOLDER = "webiny_wb_page_latest_visited_folder";
+export const WB_REDIRECT_LATEST_VISITED_FOLDER = "webiny_wb_redirect_latest_visited_folder";
+export const WB_REDIRECT_LIST_ROUTE = "/website-builder/redirects";
+export const WB_PAGES_LIST_ROUTE = "/website-builder/pages";
+export const WB_PAGE_EDITOR_ROUTE = "/website-builder/pages/editor";
 //# sourceMappingURL=constants.js.map

package/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_BREAKPOINT","ROOT_FOLDER","WbPageStatus","Draft","Published","Unpublished","loadingActions","create","createRevisionFrom","delete","duplicate","get","init","list","listMore","move","publish","unpublish","update","WB_PAGE_APP","~~LOCAL_STORAGE_KEY_LATEST_VISITED_FOLDER~~","~~PAGE_LIST_ROUTE~~","~~PAGE_EDITOR_ROUTE~~"],"sources":["constants.ts"],"sourcesContent":["export const BASE_BREAKPOINT = \"desktop\";\nexport { ROOT_FOLDER } from \"@webiny/app-aco/constants\";\n\nexport type WbStatus = (typeof WbPageStatus)[keyof typeof WbPageStatus];\n\nexport const WbPageStatus = {\n Draft: \"draft\",\n Published: \"published\",\n Unpublished: \"unpublished\"\n} as const;\n\nexport type WbLoading = (typeof loadingActions)[keyof typeof loadingActions];\nexport const loadingActions = {\n create: \"CREATE\",\n createRevisionFrom: \"CREATE_REVISION_FROM\",\n delete: \"DELETE\",\n duplicate: \"DUPLICATE\",\n get: \"GET\",\n init: \"INIT\",\n list: \"LIST\",\n listMore: \"LIST_MORE\",\n move: \"MOVE\",\n publish: \"PUBLISH\",\n unpublish: \"UNPUBLISH\",\n update: \"UPDATE\"\n} as const;\n\nexport const WB_PAGE_APP = \"wb:page\";\nexport const ~~LOCAL_STORAGE_KEY_LATEST_VISITED_FOLDER~~ = \"webiny_wb_page_latest_visited_folder\";\nexport const ~~PAGE_LIST_ROUTE~~ = \"/website-builder/pages\";\nexport const ~~PAGE_EDITOR_ROUTE~~ = \"/website-builder/pages/editor\";\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,SAAS;AACxC,SAASC,WAAW,QAAQ,2BAA2B;AAIvD,OAAO,MAAMC,YAAY,GAAG;EACxBC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE,WAAW;EACtBC,WAAW,EAAE;AACjB,CAAU;AAGV,OAAO,MAAMC,cAAc,GAAG;EAC1BC,MAAM,EAAE,QAAQ;EAChBC,kBAAkB,EAAE,sBAAsB;EAC1CC,MAAM,EAAE,QAAQ;EAChBC,SAAS,EAAE,WAAW;EACtBC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,WAAW;EACrBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,WAAW;EACtBC,MAAM,EAAE;AACZ,CAAU;AAEV,OAAO,MAAMC,WAAW,GAAG,SAAS;AACpC,OAAO,MAAMC,~~uCAAuC~~,GAAG,sCAAsC;~~AAC7F~~,OAAO,MAAMC,~~eAAe~~,GAAG,wBAAwB;~~AACvD~~,OAAO,MAAMC,~~iBAAiB~~,GAAG,+BAA+B","ignoreList":[]}
1	+ {"version":3,"names":["BASE_BREAKPOINT","ROOT_FOLDER","WbPageStatus","Draft","Published","Unpublished","loadingActions","create","createRevisionFrom","delete","duplicate","get","init","list","listMore","move","publish","unpublish","update","WB_PAGE_APP","WB_REDIRECTS_APP","WB_PAGE_LATEST_VISITED_FOLDER","WB_REDIRECT_LATEST_VISITED_FOLDER","WB_REDIRECT_LIST_ROUTE","WB_PAGES_LIST_ROUTE","WB_PAGE_EDITOR_ROUTE"],"sources":["constants.ts"],"sourcesContent":["export const BASE_BREAKPOINT = \"desktop\";\nexport { ROOT_FOLDER } from \"@webiny/app-aco/constants\";\n\nexport type WbStatus = (typeof WbPageStatus)[keyof typeof WbPageStatus];\n\nexport const WbPageStatus = {\n Draft: \"draft\",\n Published: \"published\",\n Unpublished: \"unpublished\"\n} as const;\n\nexport type WbLoading = (typeof loadingActions)[keyof typeof loadingActions];\nexport const loadingActions = {\n create: \"CREATE\",\n createRevisionFrom: \"CREATE_REVISION_FROM\",\n delete: \"DELETE\",\n duplicate: \"DUPLICATE\",\n get: \"GET\",\n init: \"INIT\",\n list: \"LIST\",\n listMore: \"LIST_MORE\",\n move: \"MOVE\",\n publish: \"PUBLISH\",\n unpublish: \"UNPUBLISH\",\n update: \"UPDATE\"\n} as const;\n\nexport const WB_PAGE_APP = \"wb:page\";\nexport const WB_REDIRECTS_APP = \"wb:redirect\";\nexport const WB_PAGE_LATEST_VISITED_FOLDER = \"webiny_wb_page_latest_visited_folder\";\nexport const WB_REDIRECT_LATEST_VISITED_FOLDER = \"webiny_wb_redirect_latest_visited_folder\";\nexport const WB_REDIRECT_LIST_ROUTE = \"/website-builder/redirects\";\nexport const WB_PAGES_LIST_ROUTE = \"/website-builder/pages\";\nexport const WB_PAGE_EDITOR_ROUTE = \"/website-builder/pages/editor\";\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,SAAS;AACxC,SAASC,WAAW,QAAQ,2BAA2B;AAIvD,OAAO,MAAMC,YAAY,GAAG;EACxBC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE,WAAW;EACtBC,WAAW,EAAE;AACjB,CAAU;AAGV,OAAO,MAAMC,cAAc,GAAG;EAC1BC,MAAM,EAAE,QAAQ;EAChBC,kBAAkB,EAAE,sBAAsB;EAC1CC,MAAM,EAAE,QAAQ;EAChBC,SAAS,EAAE,WAAW;EACtBC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,WAAW;EACrBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,WAAW;EACtBC,MAAM,EAAE;AACZ,CAAU;AAEV,OAAO,MAAMC,WAAW,GAAG,SAAS;AACpC,OAAO,MAAMC,gBAAgB,GAAG,aAAa;AAC7C,OAAO,MAAMC,6BAA6B,GAAG,sCAAsC;AACnF,OAAO,MAAMC,iCAAiC,GAAG,0CAA0C;AAC3F,OAAO,MAAMC,sBAAsB,GAAG,4BAA4B;AAClE,OAAO,MAAMC,mBAAmB,GAAG,wBAAwB;AAC3D,OAAO,MAAMC,oBAAoB,GAAG,+BAA+B","ignoreList":[]}

package/domain/Redirect/RedirectDto.d.ts CHANGED Viewed

@@ -9,6 +9,11 @@ export interface RedirectDto {
     savedOn: string;
     modifiedBy: WbIdentity;
     modifiedOn: string;
+    title: string;
+    redirectFrom: string;
+    redirectTo: string;
+    redirectType: string;
+    isEnabled: boolean;
 }
 export declare class RedirectDtoMapper {
     static toDTO(redirect: Redirect): RedirectDto;

package/domain/Redirect/RedirectDto.js CHANGED Viewed

@@ -8,7 +8,12 @@ export class RedirectDtoMapper {
       savedBy: redirect.savedBy,
       savedOn: redirect.savedOn,
       modifiedBy: redirect.modifiedBy,
-      modifiedOn: redirect.modifiedOn
+      modifiedOn: redirect.modifiedOn,
+      title: `${redirect.redirectFrom} -> ${redirect.redirectTo}`,
+      redirectFrom: redirect.redirectFrom,
+      redirectTo: redirect.redirectTo,
+      redirectType: redirect.redirectType,
+      isEnabled: redirect.isEnabled
     };
   }
 }

package/domain/Redirect/RedirectDto.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["RedirectDtoMapper","toDTO","redirect","id","location","createdBy","createdOn","savedBy","savedOn","modifiedBy","modifiedOn"],"sources":["RedirectDto.ts"],"sourcesContent":["import type { WbIdentity, WbLocation } from \"~/types\";\nimport type { Redirect } from \"~/domain/Redirect/index.js\";\n\nexport interface RedirectDto {\n id: string;\n location: WbLocation;\n createdBy: WbIdentity;\n createdOn: string;\n savedBy: WbIdentity;\n savedOn: string;\n modifiedBy: WbIdentity;\n modifiedOn: string;\n}\n\nexport class RedirectDtoMapper {\n static toDTO(redirect: Redirect): RedirectDto {\n return {\n id: redirect.id,\n location: redirect.location,\n createdBy: redirect.createdBy,\n createdOn: redirect.createdOn,\n savedBy: redirect.savedBy,\n savedOn: redirect.savedOn,\n modifiedBy: redirect.modifiedBy,\n modifiedOn: redirect.modifiedOn\n };\n }\n}\n"],"mappings":"~~AAcA~~,OAAO,MAAMA,iBAAiB,CAAC;EAC3B,OAAOC,KAAKA,CAACC,QAAkB,EAAe;IAC1C,OAAO;MACHC,EAAE,EAAED,QAAQ,CAACC,EAAE;MACfC,QAAQ,EAAEF,QAAQ,CAACE,QAAQ;MAC3BC,SAAS,EAAEH,QAAQ,CAACG,SAAS;MAC7BC,SAAS,EAAEJ,QAAQ,CAACI,SAAS;MAC7BC,OAAO,EAAEL,QAAQ,CAACK,OAAO;MACzBC,OAAO,EAAEN,QAAQ,CAACM,OAAO;MACzBC,UAAU,EAAEP,QAAQ,CAACO,UAAU;MAC/BC,UAAU,EAAER,QAAQ,CAACQ;~~IACzB~~,CAAC;EACL;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["RedirectDtoMapper","toDTO","redirect","id","location","createdBy","createdOn","savedBy","savedOn","modifiedBy","modifiedOn","title","redirectFrom","redirectTo","redirectType","isEnabled"],"sources":["RedirectDto.ts"],"sourcesContent":["import type { WbIdentity, WbLocation } from \"~/types\";\nimport type { Redirect } from \"~/domain/Redirect/index.js\";\n\nexport interface RedirectDto {\n id: string;\n location: WbLocation;\n createdBy: WbIdentity;\n createdOn: string;\n savedBy: WbIdentity;\n savedOn: string;\n modifiedBy: WbIdentity;\n modifiedOn: string;\n title: string;\n redirectFrom: string;\n redirectTo: string;\n redirectType: string;\n isEnabled: boolean;\n}\n\nexport class RedirectDtoMapper {\n static toDTO(redirect: Redirect): RedirectDto {\n return {\n id: redirect.id,\n location: redirect.location,\n createdBy: redirect.createdBy,\n createdOn: redirect.createdOn,\n savedBy: redirect.savedBy,\n savedOn: redirect.savedOn,\n modifiedBy: redirect.modifiedBy,\n modifiedOn: redirect.modifiedOn,\n title: `${redirect.redirectFrom} -> ${redirect.redirectTo}`,\n redirectFrom: redirect.redirectFrom,\n redirectTo: redirect.redirectTo,\n redirectType: redirect.redirectType,\n isEnabled: redirect.isEnabled\n };\n }\n}\n"],"mappings":"AAmBA,OAAO,MAAMA,iBAAiB,CAAC;EAC3B,OAAOC,KAAKA,CAACC,QAAkB,EAAe;IAC1C,OAAO;MACHC,EAAE,EAAED,QAAQ,CAACC,EAAE;MACfC,QAAQ,EAAEF,QAAQ,CAACE,QAAQ;MAC3BC,SAAS,EAAEH,QAAQ,CAACG,SAAS;MAC7BC,SAAS,EAAEJ,QAAQ,CAACI,SAAS;MAC7BC,OAAO,EAAEL,QAAQ,CAACK,OAAO;MACzBC,OAAO,EAAEN,QAAQ,CAACM,OAAO;MACzBC,UAAU,EAAEP,QAAQ,CAACO,UAAU;MAC/BC,UAAU,EAAER,QAAQ,CAACQ,UAAU;MAC/BC,KAAK,EAAE,GAAGT,QAAQ,CAACU,YAAY,OAAOV,QAAQ,CAACW,UAAU,EAAE;MAC3DD,YAAY,EAAEV,QAAQ,CAACU,YAAY;MACnCC,UAAU,EAAEX,QAAQ,CAACW,UAAU;MAC/BC,YAAY,EAAEZ,QAAQ,CAACY,YAAY;MACnCC,SAAS,EAAEb,QAAQ,CAACa;IACxB,CAAC;EACL;AACJ","ignoreList":[]}

package/features/redirects/getRedirect/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "./useGetRedirect";

package/features/redirects/getRedirect/index.js ADDED Viewed

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

package/features/redirects/getRedirect/index.js.map ADDED Viewed

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

package/features/redirects/getRedirect/useGetRedirect.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const useGetRedirect: () => {
+    getRedirect: ({ id }: {
+        id: string;
+    }) => Promise<import("../../../domain/Redirect/index.js").RedirectDto | undefined>;
+};

package/features/redirects/getRedirect/useGetRedirect.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+import { RedirectDtoMapper, redirectListCache } from "../../../domain/Redirect/index.js";
+export const useGetRedirect = () => {
+  const getRedirect = useCallback(async ({
+    id
+  }) => {
+    const redirect = redirectListCache.getItem(item => item.id === id);
+    if (redirect) {
+      return RedirectDtoMapper.toDTO(redirect);
+    }
+    return undefined;
+  }, [redirectListCache]);
+  return {
+    getRedirect
+  };
+};
+//# sourceMappingURL=useGetRedirect.js.map

package/features/redirects/getRedirect/useGetRedirect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["useCallback","RedirectDtoMapper","redirectListCache","useGetRedirect","getRedirect","id","redirect","getItem","item","toDTO","undefined"],"sources":["useGetRedirect.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { RedirectDtoMapper, redirectListCache } from \"~/domain/Redirect/index.js\";\n\nexport const useGetRedirect = () => {\n const getRedirect = useCallback(\n async ({ id }: { id: string }) => {\n const redirect = redirectListCache.getItem(item => item.id === id);\n if (redirect) {\n return RedirectDtoMapper.toDTO(redirect);\n }\n return undefined;\n },\n [redirectListCache]\n );\n return { getRedirect };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB,EAAEC,iBAAiB;AAE7C,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,WAAW,GAAGJ,WAAW,CAC3B,OAAO;IAAEK;EAAmB,CAAC,KAAK;IAC9B,MAAMC,QAAQ,GAAGJ,iBAAiB,CAACK,OAAO,CAACC,IAAI,IAAIA,IAAI,CAACH,EAAE,KAAKA,EAAE,CAAC;IAClE,IAAIC,QAAQ,EAAE;MACV,OAAOL,iBAAiB,CAACQ,KAAK,CAACH,QAAQ,CAAC;IAC5C;IACA,OAAOI,SAAS;EACpB,CAAC,EACD,CAACR,iBAAiB,CACtB,CAAC;EACD,OAAO;IAAEE;EAAY,CAAC;AAC1B,CAAC","ignoreList":[]}

package/features/redirects/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from "./getRedirect/index.js";
 export * from "./loadRedirects/index.js";
 export * from "./createRedirect/index.js";
 export * from "./updateRedirect/index.js";

package/features/redirects/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from "./getRedirect/index.js";
 export * from "./loadRedirects/index.js";
 export * from "./createRedirect/index.js";
 export * from "./updateRedirect/index.js";

package/features/redirects/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./loadRedirects/index.js\";\nexport * from \"./createRedirect/index.js\";\nexport * from \"./updateRedirect/index.js\";\nexport * from \"./deleteRedirect/index.js\";\nexport * from \"./moveRedirect/index.js\";\nexport * from \"./useGetRedirectGraphQLFields.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./getRedirect/index.js\";\nexport * from \"./loadRedirects/index.js\";\nexport * from \"./createRedirect/index.js\";\nexport * from \"./updateRedirect/index.js\";\nexport * from \"./deleteRedirect/index.js\";\nexport * from \"./moveRedirect/index.js\";\nexport * from \"./useGetRedirectGraphQLFields.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/features/redirects/loadRedirects/ListRedirectsGqlGateway.js CHANGED Viewed

@@ -37,8 +37,7 @@ export class ListRedirectsGqlGateway {
       variables: {
         ...params,
         where: {
-          ...(params.where ?? {}),
-          latest: true
+          ...(params.where ?? {})
         }
       },
       fetchPolicy: "network-only"

package/features/redirects/loadRedirects/ListRedirectsGqlGateway.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["gql","LIST_META_FIELD","ERROR_FIELD","LIST_PAGES","PAGES_FIELDS","ListRedirectsGqlGateway","constructor","client","modelFields","execute","params","data","response","query","variables","where","~~latest","~~fetchPolicy","Error","error","meta","websiteBuilder","listRedirects","message","redirects"],"sources":["ListRedirectsGqlGateway.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport gql from \"graphql-tag\";\nimport type { RedirectGatewayDto } from \"~/features/redirects/loadRedirects/RedirectGatewayDto.js\";\nimport type { IListRedirectsGateway } from \"./IListRedirectsGateway.js\";\nimport { type ListRedirectsGatewayParams } from \"./IListRedirectsGateway.js\";\nimport { type WbError, type WbListMeta } from \"~/types\";\n\nconst LIST_META_FIELD = /* GraphQL / `\n meta {\n cursor\n totalCount\n hasMoreItems\n }\n`;\n\nconst ERROR_FIELD = / GraphQL */ `\n error {\n code\n data\n message\n }\n`;\n\nexport interface ListRedirectsResponse {\n websiteBuilder: {\n listRedirects: {\n data: RedirectGatewayDto[] \| null;\n meta: WbListMeta;\n error: WbError \| null;\n };\n };\n}\n\nexport interface ListRedirectsQueryVariables {\n where: {\n [key: string]: any;\n };\n limit: number;\n sort?: string[];\n after?: string \| null;\n search?: string;\n}\n\nexport const LIST_PAGES = (PAGES_FIELDS: string) => gql`\n query ListRedirects($where: WbRedirectsListWhereInput, $limit: Int, $after: String, $sort: [WbRedirectListSorter], $search: String) {\n websiteBuilder {\n listRedirects(where: $where, limit: $limit, after: $after, sort: $sort, search: $search) {\n data ${PAGES_FIELDS}\n ${LIST_META_FIELD}\n ${ERROR_FIELD}\n }\n }\n }\n`;\n\nexport class ListRedirectsGqlGateway implements IListRedirectsGateway {\n private client: ApolloClient<any>;\n private modelFields: string;\n\n constructor(client: ApolloClient<any>, modelFields: string) {\n this.client = client;\n this.modelFields = modelFields;\n }\n\n async execute(params: ListRedirectsGatewayParams) {\n const { data: response } = await this.client.query<\n ListRedirectsResponse,\n ListRedirectsQueryVariables\n >({\n query: LIST_PAGES(this.modelFields),\n variables: {\n ...params,\n where: {\n ...(params.where ?? {})~~,\n latest: true~~\n }\n },\n fetchPolicy: \"network-only\"\n });\n\n if (!response) {\n throw new Error(\"Network error while listing redirects.\");\n }\n\n const { data, error, meta } = response.websiteBuilder.listRedirects;\n\n if (!data) {\n throw new Error(error?.message \|\| \"Could not fetch redirects.\");\n }\n\n return {\n redirects: data,\n meta\n };\n }\n}\n"],"mappings":"AACA,OAAOA,GAAG,MAAM,aAAa;AAM7B,MAAMC,eAAe,GAAG,aAAc;AACtC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAG,aAAc;AAClC;AACA;AACA;AACA;AACA;AACA,CAAC;AAsBD,OAAO,MAAMC,UAAU,GAAIC,YAAoB,IAAKJ,GAAG;AACvD;AACA;AACA;AACA,uBAAuBI,YAAY;AACnC,kBAAkBH,eAAe;AACjC,kBAAkBC,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,uBAAuB,CAAkC;EAIlEC,WAAWA,CAACC,MAAyB,EAAEC,WAAmB,EAAE;IACxD,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACC,WAAW,GAAGA,WAAW;EAClC;EAEA,MAAMC,OAAOA,CAACC,MAAkC,EAAE;IAC9C,MAAM;MAAEC,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACL,MAAM,CAACM,KAAK,CAGhD;MACEA,KAAK,EAAEV,UAAU,CAAC,IAAI,CAACK,WAAW,CAAC;MACnCM,SAAS,EAAE;QACP,GAAGJ,MAAM;QACTK,KAAK,EAAE;UACH,IAAIL,MAAM,CAACK,KAAK,IAAI,CAAC,CAAC~~,CAAC~~;~~UACvBC,MAAM,EAAE~~;~~QACZ;~~MACJ,CAAC;MACDC,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,~~CAACL~~,QAAQ,EAAE;MACX,MAAM,~~IAAIM~~,KAAK,CAAC,wCAAwC,CAAC;IAC7D;IAEA,MAAM;~~MAAEP~~,IAAI;~~MAAEQ~~,KAAK;MAAEC;IAAK,CAAC,~~GAAGR~~,QAAQ,~~CAACS~~,cAAc,CAACC,aAAa;IAEnE,IAAI,~~CAACX~~,IAAI,EAAE;MACP,MAAM,~~IAAIO~~,KAAK,CAACC,KAAK,EAAEI,OAAO,IAAI,4BAA4B,CAAC;IACnE;IAEA,OAAO;MACHC,SAAS,~~EAAEb~~,IAAI;~~MACfS~~;IACJ,CAAC;EACL;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["gql","LIST_META_FIELD","ERROR_FIELD","LIST_PAGES","PAGES_FIELDS","ListRedirectsGqlGateway","constructor","client","modelFields","execute","params","data","response","query","variables","where","fetchPolicy","Error","error","meta","websiteBuilder","listRedirects","message","redirects"],"sources":["ListRedirectsGqlGateway.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport gql from \"graphql-tag\";\nimport type { RedirectGatewayDto } from \"~/features/redirects/loadRedirects/RedirectGatewayDto.js\";\nimport type { IListRedirectsGateway } from \"./IListRedirectsGateway.js\";\nimport { type ListRedirectsGatewayParams } from \"./IListRedirectsGateway.js\";\nimport { type WbError, type WbListMeta } from \"~/types\";\n\nconst LIST_META_FIELD = /* GraphQL / `\n meta {\n cursor\n totalCount\n hasMoreItems\n }\n`;\n\nconst ERROR_FIELD = / GraphQL */ `\n error {\n code\n data\n message\n }\n`;\n\nexport interface ListRedirectsResponse {\n websiteBuilder: {\n listRedirects: {\n data: RedirectGatewayDto[] \| null;\n meta: WbListMeta;\n error: WbError \| null;\n };\n };\n}\n\nexport interface ListRedirectsQueryVariables {\n where: {\n [key: string]: any;\n };\n limit: number;\n sort?: string[];\n after?: string \| null;\n search?: string;\n}\n\nexport const LIST_PAGES = (PAGES_FIELDS: string) => gql`\n query ListRedirects($where: WbRedirectsListWhereInput, $limit: Int, $after: String, $sort: [WbRedirectListSorter], $search: String) {\n websiteBuilder {\n listRedirects(where: $where, limit: $limit, after: $after, sort: $sort, search: $search) {\n data ${PAGES_FIELDS}\n ${LIST_META_FIELD}\n ${ERROR_FIELD}\n }\n }\n }\n`;\n\nexport class ListRedirectsGqlGateway implements IListRedirectsGateway {\n private client: ApolloClient<any>;\n private modelFields: string;\n\n constructor(client: ApolloClient<any>, modelFields: string) {\n this.client = client;\n this.modelFields = modelFields;\n }\n\n async execute(params: ListRedirectsGatewayParams) {\n const { data: response } = await this.client.query<\n ListRedirectsResponse,\n ListRedirectsQueryVariables\n >({\n query: LIST_PAGES(this.modelFields),\n variables: {\n ...params,\n where: {\n ...(params.where ?? {})\n }\n },\n fetchPolicy: \"network-only\"\n });\n\n if (!response) {\n throw new Error(\"Network error while listing redirects.\");\n }\n\n const { data, error, meta } = response.websiteBuilder.listRedirects;\n\n if (!data) {\n throw new Error(error?.message \|\| \"Could not fetch redirects.\");\n }\n\n return {\n redirects: data,\n meta\n };\n }\n}\n"],"mappings":"AACA,OAAOA,GAAG,MAAM,aAAa;AAM7B,MAAMC,eAAe,GAAG,aAAc;AACtC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAG,aAAc;AAClC;AACA;AACA;AACA;AACA;AACA,CAAC;AAsBD,OAAO,MAAMC,UAAU,GAAIC,YAAoB,IAAKJ,GAAG;AACvD;AACA;AACA;AACA,uBAAuBI,YAAY;AACnC,kBAAkBH,eAAe;AACjC,kBAAkBC,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,uBAAuB,CAAkC;EAIlEC,WAAWA,CAACC,MAAyB,EAAEC,WAAmB,EAAE;IACxD,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACC,WAAW,GAAGA,WAAW;EAClC;EAEA,MAAMC,OAAOA,CAACC,MAAkC,EAAE;IAC9C,MAAM;MAAEC,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACL,MAAM,CAACM,KAAK,CAGhD;MACEA,KAAK,EAAEV,UAAU,CAAC,IAAI,CAACK,WAAW,CAAC;MACnCM,SAAS,EAAE;QACP,GAAGJ,MAAM;QACTK,KAAK,EAAE;UACH,IAAIL,MAAM,CAACK,KAAK,IAAI,CAAC,CAAC;QAC1B;MACJ,CAAC;MACDC,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,CAACJ,QAAQ,EAAE;MACX,MAAM,IAAIK,KAAK,CAAC,wCAAwC,CAAC;IAC7D;IAEA,MAAM;MAAEN,IAAI;MAAEO,KAAK;MAAEC;IAAK,CAAC,GAAGP,QAAQ,CAACQ,cAAc,CAACC,aAAa;IAEnE,IAAI,CAACV,IAAI,EAAE;MACP,MAAM,IAAIM,KAAK,CAACC,KAAK,EAAEI,OAAO,IAAI,4BAA4B,CAAC;IACnE;IAEA,OAAO;MACHC,SAAS,EAAEZ,IAAI;MACfQ;IACJ,CAAC;EACL;AACJ","ignoreList":[]}