@webiny/app-website-builder 6.1.0-beta.3 → 6.2.0-beta.0

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/BorderWidth.js

@@ -0,0 +1,138 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { LinkedEditing } from "./LinkedEditing.js";
+import { useStyles } from "../../useStyles.js";
+import { ValueSelector } from "../../ValueSelector.js";
+import { useStyleValue } from "../../useStyleValue.js";
+import { UnitsOptions } from "../../UnitsOptions.js";
+const widthOptions = UnitsOptions.widthUnits().getOptions();
+const heightOptions = UnitsOptions.heightUnits().getOptions();
+export const BorderWidth = observer(({
+  elementId
+}) => {
+  const {
+    onChange,
+    onPreviewChange,
+    metadata
+  } = useStyles(elementId);
+  const borderTopWidth = useStyleValue(elementId, "borderTopWidth");
+  const borderRightWidth = useStyleValue(elementId, "borderRightWidth");
+  const borderBottomWidth = useStyleValue(elementId, "borderBottomWidth");
+  const borderLeftWidth = useStyleValue(elementId, "borderLeftWidth");
+  const linked = metadata.get("borderWidthLinkedEditing") ?? true;
+  const onToggleLinkedEditing = linked => {
+    onChange(({
+      styles,
+      metadata
+    }) => {
+      if (linked) {
+        const value = `${borderTopWidth.value ?? 0}${borderTopWidth.unit}`;
+        styles.set("borderRightWidth", value);
+        styles.set("borderBottomWidth", value);
+        styles.set("borderLeftWidth", value);
+      }
+      metadata.set("borderWidthLinkedEditing", linked);
+    });
+  };
+  const onBorderTopWidthChange = value => {
+    if (linked) {
+      onChange(({
+        styles
+      }) => {
+        styles.set("borderTopWidth", value);
+        styles.set("borderRightWidth", value);
+        styles.set("borderBottomWidth", value);
+        styles.set("borderLeftWidth", value);
+      });
+    } else {
+      borderTopWidth.onChange(value);
+    }
+  };
+  const onBorderTopWidthPreviewChange = value => {
+    if (linked) {
+      onPreviewChange(({
+        styles
+      }) => {
+        styles.set("borderTopWidth", value);
+        styles.set("borderRightWidth", value);
+        styles.set("borderBottomWidth", value);
+        styles.set("borderLeftWidth", value);
+      });
+    } else {
+      borderTopWidth.onChangePreview(value);
+    }
+  };
+  const onReset = () => {
+    if (linked) {
+      onChange(({
+        styles
+      }) => {
+        styles.unset("borderTopWidth");
+        styles.unset("borderRightWidth");
+        styles.unset("borderBottomWidth");
+        styles.unset("borderLeftWidth");
+      });
+    } else {
+      borderTopWidth.onReset();
+    }
+  };
+  const rowClassname = "flex flex-row w-full justify-center items-center py-xs";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col items-center bg-neutral-light border-sm border-neutral-muted relative rounded-md"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "absolute text-sm",
+    style: {
+      top: 3,
+      left: 5
+    }
+  }, "Border width"), /*#__PURE__*/React.createElement(LinkedEditing, {
+    linked: linked,
+    onToggle: onToggleLinkedEditing
+  }), /*#__PURE__*/React.createElement("div", {
+    className: rowClassname,
+    style: {
+      paddingTop: "8px"
+    }
+  }, /*#__PURE__*/React.createElement(ValueSelector, Object.assign({
+    label: linked ? "Border width" : "Top border width"
+  }, borderTopWidth, {
+    onReset: onReset,
+    units: heightOptions,
+    onChange: onBorderTopWidthChange,
+    onChangePreview: onBorderTopWidthPreviewChange
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: rowClassname,
+    style: {
+      width: 168,
+      paddingTop: "8px"
+    }
+  }, /*#__PURE__*/React.createElement(ValueSelector, Object.assign({
+    label: "Left border width"
+  }, borderLeftWidth, {
+    units: widthOptions,
+    disabled: linked
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex border-sm border-neutral-muted bg-neutral-light rounded-md items-center justify-center",
+    style: {
+      width: 170,
+      height: 30
+    }
+  }, "-"), /*#__PURE__*/React.createElement(ValueSelector, Object.assign({
+    label: "Right border width"
+  }, borderRightWidth, {
+    units: widthOptions,
+    disabled: linked
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: rowClassname,
+    style: {
+      padding: "8px 0"
+    }
+  }, /*#__PURE__*/React.createElement(ValueSelector, Object.assign({
+    label: "Bottom border width"
+  }, borderBottomWidth, {
+    units: heightOptions,
+    disabled: linked
+  }))));
+});
+
+//# sourceMappingURL=BorderWidth.js.map

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/BorderWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","LinkedEditing","useStyles","ValueSelector","useStyleValue","UnitsOptions","widthOptions","widthUnits","getOptions","heightOptions","heightUnits","BorderWidth","elementId","onChange","onPreviewChange","metadata","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","linked","get","onToggleLinkedEditing","styles","value","unit","set","onBorderTopWidthChange","onBorderTopWidthPreviewChange","onChangePreview","onReset","unset","rowClassname","createElement","className","style","top","left","onToggle","paddingTop","Object","assign","label","units","width","disabled","height","padding"],"sources":["BorderWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { LinkedEditing } from \"./LinkedEditing.js\";\nimport { useStyles } from \"../../useStyles.js\";\nimport { ValueSelector } from \"../../ValueSelector.js\";\nimport { useStyleValue } from \"../../useStyleValue.js\";\nimport { UnitsOptions } from \"../../UnitsOptions.js\";\n\nconst widthOptions = UnitsOptions.widthUnits().getOptions();\nconst heightOptions = UnitsOptions.heightUnits().getOptions();\n\ninterface BorderWidthProps {\n    elementId: string;\n}\n\nexport const BorderWidth = observer(({ elementId }: BorderWidthProps) => {\n    const { onChange, onPreviewChange, metadata } = useStyles(elementId);\n\n    const borderTopWidth = useStyleValue(elementId, \"borderTopWidth\");\n    const borderRightWidth = useStyleValue(elementId, \"borderRightWidth\");\n    const borderBottomWidth = useStyleValue(elementId, \"borderBottomWidth\");\n    const borderLeftWidth = useStyleValue(elementId, \"borderLeftWidth\");\n\n    const linked = metadata.get<boolean>(\"borderWidthLinkedEditing\") ?? true;\n\n    const onToggleLinkedEditing = (linked: boolean) => {\n        onChange(({ styles, metadata }) => {\n            if (linked) {\n                const value = `${borderTopWidth.value ?? 0}${borderTopWidth.unit}`;\n                styles.set(\"borderRightWidth\", value);\n                styles.set(\"borderBottomWidth\", value);\n                styles.set(\"borderLeftWidth\", value);\n            }\n            metadata.set(\"borderWidthLinkedEditing\", linked);\n        });\n    };\n\n    const onBorderTopWidthChange = (value: string) => {\n        if (linked) {\n            onChange(({ styles }) => {\n                styles.set(\"borderTopWidth\", value);\n                styles.set(\"borderRightWidth\", value);\n                styles.set(\"borderBottomWidth\", value);\n                styles.set(\"borderLeftWidth\", value);\n            });\n        } else {\n            borderTopWidth.onChange(value);\n        }\n    };\n\n    const onBorderTopWidthPreviewChange = (value: string) => {\n        if (linked) {\n            onPreviewChange(({ styles }) => {\n                styles.set(\"borderTopWidth\", value);\n                styles.set(\"borderRightWidth\", value);\n                styles.set(\"borderBottomWidth\", value);\n                styles.set(\"borderLeftWidth\", value);\n            });\n        } else {\n            borderTopWidth.onChangePreview(value);\n        }\n    };\n\n    const onReset = () => {\n        if (linked) {\n            onChange(({ styles }) => {\n                styles.unset(\"borderTopWidth\");\n                styles.unset(\"borderRightWidth\");\n                styles.unset(\"borderBottomWidth\");\n                styles.unset(\"borderLeftWidth\");\n            });\n        } else {\n            borderTopWidth.onReset();\n        }\n    };\n\n    const rowClassname = \"flex flex-row w-full justify-center items-center py-xs\";\n\n    return (\n        <div className=\"flex flex-col items-center bg-neutral-light border-sm border-neutral-muted relative rounded-md\">\n            <span className=\"absolute text-sm\" style={{ top: 3, left: 5 }}>\n                Border width\n            </span>\n\n            <LinkedEditing linked={linked} onToggle={onToggleLinkedEditing} />\n\n            {/* Top border width */}\n            <div className={rowClassname} style={{ paddingTop: \"8px\" }}>\n                <ValueSelector\n                    label={linked ? \"Border width\" : \"Top border width\"}\n                    {...borderTopWidth}\n                    onReset={onReset}\n                    units={heightOptions}\n                    onChange={onBorderTopWidthChange}\n                    onChangePreview={onBorderTopWidthPreviewChange}\n                />\n            </div>\n\n            {/* Center Row (Left + placeholder + Right) */}\n            <div className={rowClassname} style={{ width: 168, paddingTop: \"8px\" }}>\n                <ValueSelector\n                    label={\"Left border width\"}\n                    {...borderLeftWidth}\n                    units={widthOptions}\n                    disabled={linked}\n                />\n                <div\n                    className=\"flex border-sm border-neutral-muted bg-neutral-light rounded-md items-center justify-center\"\n                    style={{ width: 170, height: 30 }}\n                >\n                    -\n                </div>\n                <ValueSelector\n                    label={\"Right border width\"}\n                    {...borderRightWidth}\n                    units={widthOptions}\n                    disabled={linked}\n                />\n            </div>\n\n            {/* Bottom border width */}\n            <div className={rowClassname} style={{ padding: \"8px 0\" }}>\n                <ValueSelector\n                    label={\"Bottom border width\"}\n                    {...borderBottomWidth}\n                    units={heightOptions}\n                    disabled={linked}\n                />\n            </div>\n        </div>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/LinkedEditing.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface LinkedEditingProps {
+    linked: boolean;
+    onToggle: (linked: boolean) => void;
+}
+export declare const LinkedEditing: ({ linked, onToggle }: LinkedEditingProps) => React.JSX.Element;
+export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/LinkedEditing.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent as LinkOn } from "@webiny/icons/link.svg";
+import { ReactComponent as LinkOff } from "@webiny/icons/link_off.svg";
+export const LinkedEditing = ({
+  linked,
+  onToggle
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "absolute cursor-pointer fill-neutral-strong",
+    style: {
+      top: 2,
+      right: 4
+    }
+  }, linked ? /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React.createElement(LinkOff, null),
+    label: "Disable linked editing.",
+    size: "sm",
+    onClick: () => onToggle(false)
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React.createElement(LinkOn, null),
+    label: "Enable linked editing.",
+    size: "sm",
+    onClick: () => onToggle(true)
+  }));
+};
+
+//# sourceMappingURL=LinkedEditing.js.map

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/LinkedEditing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","ReactComponent","LinkOn","LinkOff","LinkedEditing","linked","onToggle","createElement","className","style","top","right","icon","label","size","onClick"],"sources":["LinkedEditing.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as LinkOn } from \"@webiny/icons/link.svg\";\nimport { ReactComponent as LinkOff } from \"@webiny/icons/link_off.svg\";\n\ninterface LinkedEditingProps {\n    linked: boolean;\n    onToggle: (linked: boolean) => void;\n}\n\nexport const LinkedEditing = ({ linked, onToggle }: LinkedEditingProps) => {\n    return (\n        <div className={\"absolute cursor-pointer fill-neutral-strong\"} style={{ top: 2, right: 4 }}>\n            {linked ? (\n                <Icon\n                    icon={<LinkOff />}\n                    label={\"Disable linked editing.\"}\n                    size={\"sm\"}\n                    onClick={() => onToggle(false)}\n                />\n            ) : (\n                <Icon\n                    icon={<LinkOn />}\n                    label={\"Enable linked editing.\"}\n                    size={\"sm\"}\n                    onClick={() => onToggle(true)}\n                />\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,MAAM,QAAQ,wBAAwB;AACjE,SAASD,cAAc,IAAIE,OAAO,QAAQ,4BAA4B;AAOtE,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAA6B,CAAC,KAAK;EACvE,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE,6CAA8C;IAACC,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE;EAAE,GACtFN,MAAM,gBACHN,KAAA,CAAAQ,aAAA,CAACP,IAAI;IACDY,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACJ,OAAO,MAAE,CAAE;IAClBU,KAAK,EAAE,yBAA0B;IACjCC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAAC,KAAK;EAAE,CAClC,CAAC,gBAEFP,KAAA,CAAAQ,aAAA,CAACP,IAAI;IACDY,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACL,MAAM,MAAE,CAAE;IACjBW,KAAK,EAAE,wBAAyB;IAChCC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAAC,IAAI;EAAE,CACjC,CAEJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface BorderProps {
+    elementId: string;
+}
+export declare const Border: ({ elementId }: BorderProps) => React.JSX.Element;
+export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { BorderControl } from "./Border/Border.js";
+export const Border = ({
+  elementId
+}) => {
+  return /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: "Border",
+    description: "Set border width, radius, style, and color"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 280,
+      marginLeft: -8
+    }
+  }, /*#__PURE__*/React.createElement(BorderControl, {
+    elementId: elementId
+  })));
+};
+
+//# sourceMappingURL=Border.js.map

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Accordion","BorderControl","Border","elementId","createElement","Item","title","description","style","width","marginLeft"],"sources":["Border.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { BorderControl } from \"./Border/Border.js\";\n\ninterface BorderProps {\n    elementId: string;\n}\n\nexport const Border = ({ elementId }: BorderProps) => {\n    return (\n        <Accordion.Item title={\"Border\"} description={\"Set border width, radius, style, and color\"}>\n            <div style={{ width: 280, marginLeft: -8 }}>\n                <BorderControl elementId={elementId} />\n            </div>\n        </Accordion.Item>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,aAAa;AAMtB,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EAClD,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,CAACK,IAAI;IAACC,KAAK,EAAE,QAAS;IAACC,WAAW,EAAE;EAA6C,gBACvFR,KAAA,CAAAK,aAAA;IAAKI,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,UAAU,EAAE,CAAC;IAAE;EAAE,gBACvCX,KAAA,CAAAK,aAAA,CAACH,aAAa;IAACE,SAAS,EAAEA;EAAU,CAAE,CACrC,CACO,CAAC;AAEzB,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.js

@@ -2,6 +2,7 @@ import React, { useCallback } from "react";
 import { Accordion } from "@webiny/admin-ui";
 import { useActiveElement } from "../../../hooks/useActiveElement.js";
 import { Background } from "./Groups/Background.js";
+import { Border } from "./Groups/Border.js";
 import { MarginPadding } from "./Groups/MarginPadding.js";
 import { VisibilityGroup } from "./Groups/VisibilityGroup.js";
 import { useElementComponentManifest } from "../../Content/Preview/useElementComponentManifest.js";
@@ -29,6 +30,8 @@ const ElementStyleProperties = ({
     elementId: element.id
   }), isHidden(StyleSettings.MarginPadding) ? null : /*#__PURE__*/React.createElement(MarginPadding, {
     elementId: element.id
+  }), isHidden(StyleSettings.Border) ? null : /*#__PURE__*/React.createElement(Border, {
+    elementId: element.id
   }), isHidden(StyleSettings.Background) ? null : /*#__PURE__*/React.createElement(Background, {
     elementId: element.id
   }), isHidden(StyleSettings.Visibility) ? null : /*#__PURE__*/React.createElement(VisibilityGroup, {

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Accordion","useActiveElement","Background","MarginPadding","VisibilityGroup","useElementComponentManifest","StyleSettings","Layout","StyleProperties","element","createElement","ElementStyleProperties","defaultHidden","componentManifest","id","hideStyles","hideStyleSettings","isHidden","name","includes","elementId","Visibility"],"sources":["StyleProperties.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { Background } from \"./Groups/Background.js\";\nimport { MarginPadding } from \"./Groups/MarginPadding.js\";\nimport { VisibilityGroup } from \"./Groups/VisibilityGroup.js\";\nimport { useElementComponentManifest } from \"~/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js\";\nimport { StyleSettings } from \"@webiny/website-builder-sdk\";\nimport { Layout } from \"./Groups/Layout.js\";\n\nexport const StyleProperties = () => {\n    const [element] = useActiveElement();\n    if (!element) {\n        return null;\n    }\n\n    return <ElementStyleProperties element={element} />;\n};\n\nconst defaultHidden: string[] = [];\n\nconst ElementStyleProperties = ({ element }: { element: DocumentElement }) => {\n    const componentManifest = useElementComponentManifest(element.id);\n    const hideStyles = componentManifest?.hideStyleSettings ?? defaultHidden;\n\n    const isHidden = useCallback(\n        (name: string) => {\n            return hideStyles.includes(name);\n        },\n        [hideStyles]\n    );\n\n    return (\n        <Accordion>\n            {isHidden(StyleSettings.Layout) ? null : <Layout elementId={element.id} />}\n            {isHidden(StyleSettings.MarginPadding) ? null : (\n                <MarginPadding elementId={element.id} />\n            )}\n            {isHidden(StyleSettings.Background) ? null : <Background elementId={element.id} />}\n            {isHidden(StyleSettings.Visibility) ? null : <VisibilityGroup elementId={element.id} />}\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,gBAAgB;AAEzB,SAASC,UAAU;AACnB,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,2BAA2B;AACpC,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,MAAM;AAEf,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,OAAO,CAAC,GAAGR,gBAAgB,CAAC,CAAC;EACpC,IAAI,CAACQ,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACC,sBAAsB;IAACF,OAAO,EAAEA;EAAQ,CAAE,CAAC;AACvD,CAAC;AAED,MAAMG,aAAuB,GAAG,EAAE;AAElC,MAAMD,sBAAsB,GAAGA,CAAC;EAAEF;AAAsC,CAAC,KAAK;EAC1E,MAAMI,iBAAiB,GAAGR,2BAA2B,CAACI,OAAO,CAACK,EAAE,CAAC;EACjE,MAAMC,UAAU,GAAGF,iBAAiB,EAAEG,iBAAiB,IAAIJ,aAAa;EAExE,MAAMK,QAAQ,GAAGlB,WAAW,CACvBmB,IAAY,IAAK;IACd,OAAOH,UAAU,CAACI,QAAQ,CAACD,IAAI,CAAC;EACpC,CAAC,EACD,CAACH,UAAU,CACf,CAAC;EAED,oBACIjB,KAAA,CAAAY,aAAA,CAACV,SAAS,QACLiB,QAAQ,CAACX,aAAa,CAACC,MAAM,CAAC,GAAG,IAAI,gBAAGT,KAAA,CAAAY,aAAA,CAACH,MAAM;IAACa,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAAC,EACzEG,QAAQ,CAACX,aAAa,CAACH,aAAa,CAAC,GAAG,IAAI,gBACzCL,KAAA,CAAAY,aAAA,CAACP,aAAa;IAACiB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAC1C,EACAG,QAAQ,CAACX,aAAa,CAACJ,UAAU,CAAC,GAAG,IAAI,gBAAGJ,KAAA,CAAAY,aAAA,CAACR,UAAU;IAACkB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAAC,EACjFG,QAAQ,CAACX,aAAa,CAACe,UAAU,CAAC,GAAG,IAAI,gBAAGvB,KAAA,CAAAY,aAAA,CAACN,eAAe;IAACgB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAC/E,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","Accordion","useActiveElement","Background","Border","MarginPadding","VisibilityGroup","useElementComponentManifest","StyleSettings","Layout","StyleProperties","element","createElement","ElementStyleProperties","defaultHidden","componentManifest","id","hideStyles","hideStyleSettings","isHidden","name","includes","elementId","Visibility"],"sources":["StyleProperties.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { Background } from \"./Groups/Background.js\";\nimport { Border } from \"./Groups/Border.js\";\nimport { MarginPadding } from \"./Groups/MarginPadding.js\";\nimport { VisibilityGroup } from \"./Groups/VisibilityGroup.js\";\nimport { useElementComponentManifest } from \"~/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js\";\nimport { StyleSettings } from \"@webiny/website-builder-sdk\";\nimport { Layout } from \"./Groups/Layout.js\";\n\nexport const StyleProperties = () => {\n    const [element] = useActiveElement();\n    if (!element) {\n        return null;\n    }\n\n    return <ElementStyleProperties element={element} />;\n};\n\nconst defaultHidden: string[] = [];\n\nconst ElementStyleProperties = ({ element }: { element: DocumentElement }) => {\n    const componentManifest = useElementComponentManifest(element.id);\n    const hideStyles = componentManifest?.hideStyleSettings ?? defaultHidden;\n\n    const isHidden = useCallback(\n        (name: string) => {\n            return hideStyles.includes(name);\n        },\n        [hideStyles]\n    );\n\n    return (\n        <Accordion>\n            {isHidden(StyleSettings.Layout) ? null : <Layout elementId={element.id} />}\n            {isHidden(StyleSettings.MarginPadding) ? null : (\n                <MarginPadding elementId={element.id} />\n            )}\n            {isHidden(StyleSettings.Border) ? null : <Border elementId={element.id} />}\n            {isHidden(StyleSettings.Background) ? null : <Background elementId={element.id} />}\n            {isHidden(StyleSettings.Visibility) ? null : <VisibilityGroup elementId={element.id} />}\n        </Accordion>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,gBAAgB;AAEzB,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,2BAA2B;AACpC,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,MAAM;AAEf,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,OAAO,CAAC,GAAGT,gBAAgB,CAAC,CAAC;EACpC,IAAI,CAACS,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOZ,KAAA,CAAAa,aAAA,CAACC,sBAAsB;IAACF,OAAO,EAAEA;EAAQ,CAAE,CAAC;AACvD,CAAC;AAED,MAAMG,aAAuB,GAAG,EAAE;AAElC,MAAMD,sBAAsB,GAAGA,CAAC;EAAEF;AAAsC,CAAC,KAAK;EAC1E,MAAMI,iBAAiB,GAAGR,2BAA2B,CAACI,OAAO,CAACK,EAAE,CAAC;EACjE,MAAMC,UAAU,GAAGF,iBAAiB,EAAEG,iBAAiB,IAAIJ,aAAa;EAExE,MAAMK,QAAQ,GAAGnB,WAAW,CACvBoB,IAAY,IAAK;IACd,OAAOH,UAAU,CAACI,QAAQ,CAACD,IAAI,CAAC;EACpC,CAAC,EACD,CAACH,UAAU,CACf,CAAC;EAED,oBACIlB,KAAA,CAAAa,aAAA,CAACX,SAAS,QACLkB,QAAQ,CAACX,aAAa,CAACC,MAAM,CAAC,GAAG,IAAI,gBAAGV,KAAA,CAAAa,aAAA,CAACH,MAAM;IAACa,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAAC,EACzEG,QAAQ,CAACX,aAAa,CAACH,aAAa,CAAC,GAAG,IAAI,gBACzCN,KAAA,CAAAa,aAAA,CAACP,aAAa;IAACiB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAC1C,EACAG,QAAQ,CAACX,aAAa,CAACJ,MAAM,CAAC,GAAG,IAAI,gBAAGL,KAAA,CAAAa,aAAA,CAACR,MAAM;IAACkB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAAC,EACzEG,QAAQ,CAACX,aAAa,CAACL,UAAU,CAAC,GAAG,IAAI,gBAAGJ,KAAA,CAAAa,aAAA,CAACT,UAAU;IAACmB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAAC,EACjFG,QAAQ,CAACX,aAAa,CAACe,UAAU,CAAC,GAAG,IAAI,gBAAGxB,KAAA,CAAAa,aAAA,CAACN,eAAe;IAACgB,SAAS,EAAEX,OAAO,CAACK;EAAG,CAAE,CAC/E,CAAC;AAEpB,CAAC","ignoreList":[]}

package/Extension.js

@@ -16,7 +16,25 @@ import { PageListFeature } from "./presentation/pages/PageList/feature.js";
 import { Extension as NavigationExtension } from "./presentation/navigation/Extension.js";
 import { NextjsConfigFeature } from "./presentation/navigation/NextjsConfig/feature.js";
 import { WB_PERMISSIONS_SCHEMA } from "./constants.js";
+import { WbPermissionsFeature } from "./features/permissions/feature.js";
 import { HasPermission } from "./presentation/security/HasPermission.js";
+import { TranslatePageFeature } from "./features/pages/translatePage/index.js";
+import { DeletePageFeature } from "./features/pages/deletePage/index.js";
+import { MovePageFeature } from "./features/pages/movePage/index.js";
+import { PublishPageFeature } from "./features/pages/publishPage/index.js";
+import { UnpublishPageFeature } from "./features/pages/unpublishPage/index.js";
+import { DuplicatePageFeature } from "./features/pages/duplicatePage/index.js";
+import { CreatePageRevisionFromFeature } from "./features/pages/createPageRevisionFrom/index.js";
+import { UpdatePageFeature } from "./features/pages/updatePage/index.js";
+import { CreatePageFeature as CreatePageHeadlessFeature } from "./features/pages/createPage/index.js";
+import { GetPageFeature } from "./features/pages/getPage/index.js";
+import { GetPageRevisionsFeature } from "./features/pages/getPageRevisions/index.js";
+import { SelectPagesFeature } from "./features/pages/selectPages/index.js";
+import { SharedPageInfrastructureFeature } from "./features/pages/shared/feature.js";
+import { LoadPagesFeature } from "./features/pages/loadPages/index.js";
+import { CreatePageConfig } from "./presentation/pages/CreatePage/CreatePageConfig.js";
+import { TranslatePageConfig } from "./presentation/pages/TranslatePage/TranslatePageConfig.js";
+import { CreatePageFeature } from "./presentation/pages/CreatePage/feature.js";
 const {
   Security,
   Menu,
@@ -30,7 +48,39 @@ export const Extension = () => {
     PageListFeature.register(container);
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: SharedPageInfrastructureFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
     feature: NextjsConfigFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: WbPermissionsFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: TranslatePageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: DeletePageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: MovePageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: PublishPageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: UnpublishPageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: DuplicatePageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: CreatePageRevisionFromFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: UpdatePageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: CreatePageHeadlessFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: GetPageFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: GetPageRevisionsFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: SelectPagesFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: LoadPagesFeature
+  }), /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: CreatePageFeature
   }), /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Security.Permissions, {
     name: "website-builder",
     title: "Website Builder",
@@ -93,7 +143,7 @@ export const Extension = () => {
     name: "wb.integrations",
     parent: "wb",
     element: /*#__PURE__*/React.createElement(IntegrationsMenuItem, null)
-  }))), /*#__PURE__*/React.createElement(PagesListConfig, null), /*#__PURE__*/React.createElement(RedirectsListConfig, null));
+  }))), /*#__PURE__*/React.createElement(PagesListConfig, null), /*#__PURE__*/React.createElement(RedirectsListConfig, null), /*#__PURE__*/React.createElement(CreatePageConfig, null), /*#__PURE__*/React.createElement(TranslatePageConfig, null));
 };
 Extension.displayName = "WbExtension";
 const SettingsMenuItem = () => {

package/Extension.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","AdminConfig","RegisterFeature","useContainer","useRouter","ReactComponent","PagesIcon","PermissionsIcon","PageEditor","PageList","useSettingsDialog","useIntegrationsDialog","PagesListConfig","RedirectsList","RedirectsListConfig","Routes","PagesWidget","PageListFeature","Extension","NavigationExtension","NextjsConfigFeature","WB_PERMISSIONS_SCHEMA","HasPermission","Security","Menu","Route","Dashboard","router","container","register","createElement","Fragment","feature","Permissions","name","title","description","icon","schema","any","element","Item","text","Link","Icon","label","entity","route","Pages","List","Editor","parent","to","getLink","pinnable","Widget","column","Redirects","SettingsMenuItem","IntegrationsMenuItem","displayName","showSettingsDialog","onClick","showIntegrationsDialog"],"sources":["Extension.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { AdminConfig, RegisterFeature, useContainer } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as PagesIcon } from \"@webiny/icons/table_chart.svg\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/modules/pages/PageEditor.js\";\nimport { PageList } from \"~/modules/pages/PageList.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog.js\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/modules/pages/PagesListConfig.js\";\nimport { RedirectsList } from \"~/modules/redirects/RedirectsList.js\";\nimport { RedirectsListConfig } from \"~/modules/redirects/RedirectsListConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PagesWidget } from \"~/modules/widgets/PagesWidget.js\";\nimport { PageListFeature } from \"~/presentation/pages/PageList/feature.js\";\nimport { Extension as NavigationExtension } from \"./presentation/navigation/Extension.js\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { WB_PERMISSIONS_SCHEMA } from \"~/constants.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nconst { Security, Menu, Route, Dashboard } = AdminConfig;\n\nexport const Extension = () => {\n    const router = useRouter();\n    const container = useContainer();\n\n    useEffect(() => {\n        PageListFeature.register(container);\n    }, []);\n\n    return (\n        <>\n            <RegisterFeature feature={NextjsConfigFeature} />\n            <AdminConfig>\n                <Security.Permissions\n                    name=\"website-builder\"\n                    title=\"Website Builder\"\n                    description=\"Manage Website Builder permissions.\"\n                    icon={<PermissionsIcon />}\n                    schema={WB_PERMISSIONS_SCHEMA}\n                />\n                <HasPermission any={[\"page\", \"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 entity={\"page\"}>\n                    <Route route={Routes.Pages.List} element={<PageList />} />\n                    <Route route={Routes.Pages.Editor} element={<PageEditor />} />\n                    <Menu\n                        name=\"wb.pages\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Pages\"}\n                                to={router.getLink(Routes.Pages.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                    <Dashboard.Widget name=\"wb.pages\" column={\"left\"} element={<PagesWidget />} />\n                    <NavigationExtension />\n                </HasPermission>\n\n                <HasPermission entity={\"redirect\"}>\n                    <Route route={Routes.Redirects.List} element={<RedirectsList />} />\n                    <Menu\n                        name=\"wb.redirects\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Redirects\"}\n                                to={router.getLink(Routes.Redirects.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <HasPermission entity={\"settings\"}>\n                    <Menu name=\"wb.settings\" parent=\"wb\" element={<SettingsMenuItem />} />\n                </HasPermission>\n                <HasPermission entity={\"integrations\"}>\n                    <Menu name=\"wb.integrations\" parent=\"wb\" element={<IntegrationsMenuItem />} />\n                </HasPermission>\n            </AdminConfig>\n            <PagesListConfig />\n            <RedirectsListConfig />\n        </>\n    );\n};\n\nExtension.displayName = \"WbExtension\";\n\nconst SettingsMenuItem = () => {\n    const { showSettingsDialog } = useSettingsDialog();\n    return <Menu.Item text={\"Settings\"} onClick={showSettingsDialog} pinnable={true} />;\n};\n\nconst IntegrationsMenuItem = () => {\n    const { showIntegrationsDialog } = useIntegrationsDialog();\n    return <Menu.Item text={\"Integrations\"} onClick={showIntegrationsDialog} pinnable={true} />;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","AdminConfig","RegisterFeature","useContainer","useRouter","ReactComponent","PagesIcon","PermissionsIcon","PageEditor","PageList","useSettingsDialog","useIntegrationsDialog","PagesListConfig","RedirectsList","RedirectsListConfig","Routes","PagesWidget","PageListFeature","Extension","NavigationExtension","NextjsConfigFeature","WB_PERMISSIONS_SCHEMA","WbPermissionsFeature","HasPermission","TranslatePageFeature","DeletePageFeature","MovePageFeature","PublishPageFeature","UnpublishPageFeature","DuplicatePageFeature","CreatePageRevisionFromFeature","UpdatePageFeature","CreatePageFeature","CreatePageHeadlessFeature","GetPageFeature","GetPageRevisionsFeature","SelectPagesFeature","SharedPageInfrastructureFeature","LoadPagesFeature","CreatePageConfig","TranslatePageConfig","Security","Menu","Route","Dashboard","router","container","register","createElement","Fragment","feature","Permissions","name","title","description","icon","schema","any","element","Item","text","Link","Icon","label","entity","route","Pages","List","Editor","parent","to","getLink","pinnable","Widget","column","Redirects","SettingsMenuItem","IntegrationsMenuItem","displayName","showSettingsDialog","onClick","showIntegrationsDialog"],"sources":["Extension.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { AdminConfig, RegisterFeature, useContainer } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as PagesIcon } from \"@webiny/icons/table_chart.svg\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/modules/pages/PageEditor.js\";\nimport { PageList } from \"~/modules/pages/PageList.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog.js\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/modules/pages/PagesListConfig.js\";\nimport { RedirectsList } from \"~/modules/redirects/RedirectsList.js\";\nimport { RedirectsListConfig } from \"~/modules/redirects/RedirectsListConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PagesWidget } from \"~/modules/widgets/PagesWidget.js\";\nimport { PageListFeature } from \"~/presentation/pages/PageList/feature.js\";\nimport { Extension as NavigationExtension } from \"./presentation/navigation/Extension.js\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { WB_PERMISSIONS_SCHEMA } from \"~/constants.js\";\nimport { WbPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { TranslatePageFeature } from \"~/features/pages/translatePage/index.js\";\nimport { DeletePageFeature } from \"~/features/pages/deletePage/index.js\";\nimport { MovePageFeature } from \"~/features/pages/movePage/index.js\";\nimport { PublishPageFeature } from \"~/features/pages/publishPage/index.js\";\nimport { UnpublishPageFeature } from \"~/features/pages/unpublishPage/index.js\";\nimport { DuplicatePageFeature } from \"~/features/pages/duplicatePage/index.js\";\nimport { CreatePageRevisionFromFeature } from \"~/features/pages/createPageRevisionFrom/index.js\";\nimport { UpdatePageFeature } from \"~/features/pages/updatePage/index.js\";\nimport { CreatePageFeature as CreatePageHeadlessFeature } from \"~/features/pages/createPage/index.js\";\nimport { GetPageFeature } from \"~/features/pages/getPage/index.js\";\nimport { GetPageRevisionsFeature } from \"~/features/pages/getPageRevisions/index.js\";\nimport { SelectPagesFeature } from \"~/features/pages/selectPages/index.js\";\nimport { SharedPageInfrastructureFeature } from \"~/features/pages/shared/feature.js\";\nimport { LoadPagesFeature } from \"~/features/pages/loadPages/index.js\";\nimport { CreatePageConfig } from \"./presentation/pages/CreatePage/CreatePageConfig.js\";\nimport { TranslatePageConfig } from \"./presentation/pages/TranslatePage/TranslatePageConfig.js\";\nimport { CreatePageFeature } from \"~/presentation/pages/CreatePage/feature.js\";\n\nconst { Security, Menu, Route, Dashboard } = AdminConfig;\n\nexport const Extension = () => {\n    const router = useRouter();\n    const container = useContainer();\n\n    useEffect(() => {\n        PageListFeature.register(container);\n    }, []);\n\n    return (\n        <>\n            <RegisterFeature feature={SharedPageInfrastructureFeature} />\n            <RegisterFeature feature={NextjsConfigFeature} />\n            <RegisterFeature feature={WbPermissionsFeature} />\n            <RegisterFeature feature={TranslatePageFeature} />\n            <RegisterFeature feature={DeletePageFeature} />\n            <RegisterFeature feature={MovePageFeature} />\n            <RegisterFeature feature={PublishPageFeature} />\n            <RegisterFeature feature={UnpublishPageFeature} />\n            <RegisterFeature feature={DuplicatePageFeature} />\n            <RegisterFeature feature={CreatePageRevisionFromFeature} />\n            <RegisterFeature feature={UpdatePageFeature} />\n            <RegisterFeature feature={CreatePageHeadlessFeature} />\n            <RegisterFeature feature={GetPageFeature} />\n            <RegisterFeature feature={GetPageRevisionsFeature} />\n            <RegisterFeature feature={SelectPagesFeature} />\n            <RegisterFeature feature={LoadPagesFeature} />\n            <RegisterFeature feature={CreatePageFeature} />\n            <AdminConfig>\n                <Security.Permissions\n                    name=\"website-builder\"\n                    title=\"Website Builder\"\n                    description=\"Manage Website Builder permissions.\"\n                    icon={<PermissionsIcon />}\n                    schema={WB_PERMISSIONS_SCHEMA}\n                />\n                <HasPermission any={[\"page\", \"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 entity={\"page\"}>\n                    <Route route={Routes.Pages.List} element={<PageList />} />\n                    <Route route={Routes.Pages.Editor} element={<PageEditor />} />\n                    <Menu\n                        name=\"wb.pages\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Pages\"}\n                                to={router.getLink(Routes.Pages.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                    <Dashboard.Widget name=\"wb.pages\" column={\"left\"} element={<PagesWidget />} />\n                    <NavigationExtension />\n                </HasPermission>\n\n                <HasPermission entity={\"redirect\"}>\n                    <Route route={Routes.Redirects.List} element={<RedirectsList />} />\n                    <Menu\n                        name=\"wb.redirects\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Redirects\"}\n                                to={router.getLink(Routes.Redirects.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <HasPermission entity={\"settings\"}>\n                    <Menu name=\"wb.settings\" parent=\"wb\" element={<SettingsMenuItem />} />\n                </HasPermission>\n                <HasPermission entity={\"integrations\"}>\n                    <Menu name=\"wb.integrations\" parent=\"wb\" element={<IntegrationsMenuItem />} />\n                </HasPermission>\n            </AdminConfig>\n            <PagesListConfig />\n            <RedirectsListConfig />\n            <CreatePageConfig />\n            <TranslatePageConfig />\n        </>\n    );\n};\n\nExtension.displayName = \"WbExtension\";\n\nconst SettingsMenuItem = () => {\n    const { showSettingsDialog } = useSettingsDialog();\n    return <Menu.Item text={\"Settings\"} onClick={showSettingsDialog} pinnable={true} />;\n};\n\nconst IntegrationsMenuItem = () => {\n    const { showIntegrationsDialog } = useIntegrationsDialog();\n    return <Menu.Item text={\"Integrations\"} onClick={showIntegrationsDialog} pinnable={true} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/ecommerce/EcommerceIntegration.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { IEcommerceApi, IEcommerceApiFactory, SettingsInput as ISettingsInput, Resource as IResource } from "./types.js";
-import type { ResourcePageProps } from "./components/ResourcePage.js";
+import type { EcommerceResourcePageTypeConfig } from "./components/ResourcePage.js";
 export interface CustomResourcePickerProps<T = any> {
     value?: T;
     onChange(val: T | undefined): void;
@@ -11,9 +11,14 @@ export type EcommerceIntegrationProps = {
     settings: ISettingsInput[];
     children?: React.ReactNode;
 };
-export type PageTypeProps = Omit<ResourcePageProps, "apiName">;
+export type PageTypeProps = (Omit<EcommerceResourcePageTypeConfig, "apiName"> & {
+    remove?: never;
+}) | {
+    name: string;
+    remove: true;
+};
 export declare const EcommerceIntegration: ((props: EcommerceIntegrationProps) => React.JSX.Element) & {
-    PageType: (props: PageTypeProps) => null;
+    PageType: (props: PageTypeProps) => React.JSX.Element | null;
 };
 export declare namespace EcommerceIntegration {
     type Props = EcommerceIntegrationProps;

package/ecommerce/EcommerceIntegration.js

@@ -1,12 +1,20 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useMemo } from "react";
+import { useContainer } from "@webiny/app";
 import { Editor } from "../index.js";
 import { CreateInputRenderers } from "./CreateInputRenderers.js";
-import { ResourcePage } from "./components/ResourcePage.js";
+import { EcommerceResourcePageType, createResourcePickerRenderer } from "./components/ResourcePage.js";
+import { AdminConfig } from "@webiny/app-admin";
 import { createGenericContext } from "@webiny/app";
-import { EcommerceApiManifest, useEcommerceApiProvider, usePageTypes } from "../features/index.js";
+import { EcommerceApiManifest, EcommerceApiProviderAbstraction, useEcommerceApiProvider } from "../features/index.js";
+import { PageType as PageTypeAbstraction } from "../presentation/pages/CreatePage/abstractions.js";
+import { createPageTypeRemovalDecorator } from "../presentation/pages/CreatePage/PageTypeProvider.js";
 const Context = createGenericContext("EcommerceIntegrationContext");
 const EcommerceIntegrationBase = props => {
   const provider = useEcommerceApiProvider();
+  const container = useContainer();
+  useMemo(() => {
+    container.registerInstance(EcommerceApiProviderAbstraction, provider);
+  }, []);
   useEffect(() => {
     provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));
   }, []);
@@ -22,19 +30,30 @@ const PageType = props => {
   const {
     pluginName
   } = Context.useHook();
-  const {
-    addPageType
-  } = usePageTypes();
-  useEffect(() => {
-    addPageType({
-      name: props.name,
-      label: props.label,
-      element: /*#__PURE__*/React.createElement(ResourcePage, Object.assign({}, props, {
-        apiName: pluginName
-      }))
+  const container = useContainer();
+  const provider = useEcommerceApiProvider();
+  const renderer = useMemo(() => {
+    if (props.remove) {
+      container.registerDecorator(createPageTypeRemovalDecorator(props.name));
+      return undefined;
+    }
+    const pageType = new EcommerceResourcePageType({
+      ...props,
+      apiName: pluginName
+    }, provider);
+    container.registerInstance(PageTypeAbstraction, pageType);
+    return createResourcePickerRenderer({
+      pluginName,
+      resourceType: props.resourceType
     });
   }, []);
-  return null;
+  if (!renderer) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Form.FieldRenderer, {
+    name: "resource-picker",
+    component: renderer
+  }));
 };
 export const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, {
   PageType

package/ecommerce/EcommerceIntegration.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Editor","CreateInputRenderers","ResourcePage","createGenericContext","EcommerceApiManifest","useEcommerceApiProvider","usePageTypes","Context","EcommerceIntegrationBase","props","provider","addApiManifest","name","init","settings","createElement","Provider","pluginName","EditorConfig","priority","children","PageType","useHook","addPageType","label","element","Object","assign","apiName","EcommerceIntegration"],"sources":["EcommerceIntegration.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Editor } from \"~/index.js\";\nimport type {\n    IEcommerceApi,\n    IEcommerceApiFactory,\n    SettingsInput as ISettingsInput,\n    Resource as IResource\n} from \"./types.js\";\nimport { CreateInputRenderers } from \"./CreateInputRenderers.js\";\nimport type { ResourcePageProps } from \"./components/ResourcePage.js\";\nimport { ResourcePage } from \"./components/ResourcePage.js\";\nimport { createGenericContext } from \"@webiny/app\";\nimport { EcommerceApiManifest, useEcommerceApiProvider, usePageTypes } from \"~/features/index.js\";\n\nexport interface CustomResourcePickerProps<T = any> {\n    value?: T;\n    onChange(val: T | undefined): void;\n}\n\nexport type EcommerceIntegrationProps = {\n    name: string;\n    init: IEcommerceApiFactory;\n    settings: ISettingsInput[];\n    children?: React.ReactNode;\n};\n\nconst Context = createGenericContext<{ pluginName: string }>(\"EcommerceIntegrationContext\");\n\nconst EcommerceIntegrationBase = (props: EcommerceIntegrationProps) => {\n    const provider = useEcommerceApiProvider();\n\n    useEffect(() => {\n        provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));\n    }, []);\n\n    return (\n        <Context.Provider pluginName={props.name}>\n            <Editor.EditorConfig priority={\"secondary\"}>\n                <CreateInputRenderers pluginName={props.name} />\n            </Editor.EditorConfig>\n            {props.children}\n        </Context.Provider>\n    );\n};\n\nexport type PageTypeProps = Omit<ResourcePageProps, \"apiName\">;\n\nconst PageType = (props: PageTypeProps) => {\n    const { pluginName } = Context.useHook();\n    const { addPageType } = usePageTypes();\n\n    useEffect(() => {\n        addPageType({\n            name: props.name,\n            label: props.label,\n            element: <ResourcePage {...props} apiName={pluginName} />\n        });\n    }, []);\n\n    return null;\n};\n\nexport const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, { PageType });\n\nexport namespace EcommerceIntegration {\n    export type Props = EcommerceIntegrationProps;\n    export type EcommerceApi = IEcommerceApi;\n    export type EcommerceApiFactory = IEcommerceApiFactory;\n    export type SettingsInput = ISettingsInput;\n    export type Resource = IResource;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,MAAM;AAOf,SAASC,oBAAoB;AAE7B,SAASC,YAAY;AACrB,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,oBAAoB,EAAEC,uBAAuB,EAAEC,YAAY;AAcpE,MAAMC,OAAO,GAAGJ,oBAAoB,CAAyB,6BAA6B,CAAC;AAE3F,MAAMK,wBAAwB,GAAIC,KAAgC,IAAK;EACnE,MAAMC,QAAQ,GAAGL,uBAAuB,CAAC,CAAC;EAE1CN,SAAS,CAAC,MAAM;IACZW,QAAQ,CAACC,cAAc,CAAC,IAAIP,oBAAoB,CAACK,KAAK,CAACG,IAAI,EAAEH,KAAK,CAACI,IAAI,EAAEJ,KAAK,CAACK,QAAQ,CAAC,CAAC;EAC7F,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIhB,KAAA,CAAAiB,aAAA,CAACR,OAAO,CAACS,QAAQ;IAACC,UAAU,EAAER,KAAK,CAACG;EAAK,gBACrCd,KAAA,CAAAiB,aAAA,CAACf,MAAM,CAACkB,YAAY;IAACC,QAAQ,EAAE;EAAY,gBACvCrB,KAAA,CAAAiB,aAAA,CAACd,oBAAoB;IAACgB,UAAU,EAAER,KAAK,CAACG;EAAK,CAAE,CAC9B,CAAC,EACrBH,KAAK,CAACW,QACO,CAAC;AAE3B,CAAC;AAID,MAAMC,QAAQ,GAAIZ,KAAoB,IAAK;EACvC,MAAM;IAAEQ;EAAW,CAAC,GAAGV,OAAO,CAACe,OAAO,CAAC,CAAC;EACxC,MAAM;IAAEC;EAAY,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAEtCP,SAAS,CAAC,MAAM;IACZwB,WAAW,CAAC;MACRX,IAAI,EAAEH,KAAK,CAACG,IAAI;MAChBY,KAAK,EAAEf,KAAK,CAACe,KAAK;MAClBC,OAAO,eAAE3B,KAAA,CAAAiB,aAAA,CAACb,YAAY,EAAAwB,MAAA,CAAAC,MAAA,KAAKlB,KAAK;QAAEmB,OAAO,EAAEX;MAAW,EAAE;IAC5D,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAED,OAAO,MAAMY,oBAAoB,GAAGH,MAAM,CAACC,MAAM,CAACnB,wBAAwB,EAAE;EAAEa;AAAS,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useContainer","Editor","CreateInputRenderers","EcommerceResourcePageType","createResourcePickerRenderer","AdminConfig","createGenericContext","EcommerceApiManifest","EcommerceApiProviderAbstraction","useEcommerceApiProvider","PageType","PageTypeAbstraction","createPageTypeRemovalDecorator","Context","EcommerceIntegrationBase","props","provider","container","registerInstance","addApiManifest","name","init","settings","createElement","Provider","pluginName","EditorConfig","priority","children","useHook","renderer","remove","registerDecorator","undefined","pageType","apiName","resourceType","Form","FieldRenderer","component","EcommerceIntegration","Object","assign"],"sources":["EcommerceIntegration.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { Editor } from \"~/index.js\";\nimport type {\n    IEcommerceApi,\n    IEcommerceApiFactory,\n    SettingsInput as ISettingsInput,\n    Resource as IResource\n} from \"./types.js\";\nimport { CreateInputRenderers } from \"./CreateInputRenderers.js\";\nimport type { EcommerceResourcePageTypeConfig } from \"./components/ResourcePage.js\";\nimport {\n    EcommerceResourcePageType,\n    createResourcePickerRenderer\n} from \"./components/ResourcePage.js\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { createGenericContext } from \"@webiny/app\";\nimport {\n    EcommerceApiManifest,\n    EcommerceApiProviderAbstraction,\n    useEcommerceApiProvider\n} from \"~/features/index.js\";\nimport { PageType as PageTypeAbstraction } from \"~/presentation/pages/CreatePage/abstractions.js\";\nimport { createPageTypeRemovalDecorator } from \"~/presentation/pages/CreatePage/PageTypeProvider.js\";\n\nexport interface CustomResourcePickerProps<T = any> {\n    value?: T;\n    onChange(val: T | undefined): void;\n}\n\nexport type EcommerceIntegrationProps = {\n    name: string;\n    init: IEcommerceApiFactory;\n    settings: ISettingsInput[];\n    children?: React.ReactNode;\n};\n\nconst Context = createGenericContext<{ pluginName: string }>(\"EcommerceIntegrationContext\");\n\nconst EcommerceIntegrationBase = (props: EcommerceIntegrationProps) => {\n    const provider = useEcommerceApiProvider();\n    const container = useContainer();\n\n    useMemo(() => {\n        container.registerInstance(EcommerceApiProviderAbstraction, provider);\n    }, []);\n\n    useEffect(() => {\n        provider.addApiManifest(new EcommerceApiManifest(props.name, props.init, props.settings));\n    }, []);\n\n    return (\n        <Context.Provider pluginName={props.name}>\n            <Editor.EditorConfig priority={\"secondary\"}>\n                <CreateInputRenderers pluginName={props.name} />\n            </Editor.EditorConfig>\n            {props.children}\n        </Context.Provider>\n    );\n};\n\nexport type PageTypeProps =\n    | (Omit<EcommerceResourcePageTypeConfig, \"apiName\"> & { remove?: never })\n    | { name: string; remove: true };\n\nconst PageType = (props: PageTypeProps) => {\n    const { pluginName } = Context.useHook();\n    const container = useContainer();\n    const provider = useEcommerceApiProvider();\n\n    const renderer = useMemo(() => {\n        if (props.remove) {\n            container.registerDecorator(createPageTypeRemovalDecorator(props.name));\n            return undefined;\n        }\n\n        const pageType = new EcommerceResourcePageType({ ...props, apiName: pluginName }, provider);\n        container.registerInstance(PageTypeAbstraction, pageType);\n\n        return createResourcePickerRenderer({\n            pluginName,\n            resourceType: props.resourceType\n        });\n    }, []);\n\n    if (!renderer) {\n        return null;\n    }\n\n    return (\n        <AdminConfig>\n            <AdminConfig.Form.FieldRenderer name={\"resource-picker\"} component={renderer} />\n        </AdminConfig>\n    );\n};\n\nexport const EcommerceIntegration = Object.assign(EcommerceIntegrationBase, { PageType });\n\nexport namespace EcommerceIntegration {\n    export type Props = EcommerceIntegrationProps;\n    export type EcommerceApi = IEcommerceApi;\n    export type EcommerceApiFactory = IEcommerceApiFactory;\n    export type SettingsInput = ISettingsInput;\n    export type Resource = IResource;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,MAAM;AAOf,SAASC,oBAAoB;AAE7B,SACIC,yBAAyB,EACzBC,4BAA4B;AAEhC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SACIC,oBAAoB,EACpBC,+BAA+B,EAC/BC,uBAAuB;AAE3B,SAASC,QAAQ,IAAIC,mBAAmB;AACxC,SAASC,8BAA8B;AAcvC,MAAMC,OAAO,GAAGP,oBAAoB,CAAyB,6BAA6B,CAAC;AAE3F,MAAMQ,wBAAwB,GAAIC,KAAgC,IAAK;EACnE,MAAMC,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAC1C,MAAMQ,SAAS,GAAGjB,YAAY,CAAC,CAAC;EAEhCD,OAAO,CAAC,MAAM;IACVkB,SAAS,CAACC,gBAAgB,CAACV,+BAA+B,EAAEQ,QAAQ,CAAC;EACzE,CAAC,EAAE,EAAE,CAAC;EAENlB,SAAS,CAAC,MAAM;IACZkB,QAAQ,CAACG,cAAc,CAAC,IAAIZ,oBAAoB,CAACQ,KAAK,CAACK,IAAI,EAAEL,KAAK,CAACM,IAAI,EAAEN,KAAK,CAACO,QAAQ,CAAC,CAAC;EAC7F,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIzB,KAAA,CAAA0B,aAAA,CAACV,OAAO,CAACW,QAAQ;IAACC,UAAU,EAAEV,KAAK,CAACK;EAAK,gBACrCvB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,CAACyB,YAAY;IAACC,QAAQ,EAAE;EAAY,gBACvC9B,KAAA,CAAA0B,aAAA,CAACrB,oBAAoB;IAACuB,UAAU,EAAEV,KAAK,CAACK;EAAK,CAAE,CAC9B,CAAC,EACrBL,KAAK,CAACa,QACO,CAAC;AAE3B,CAAC;AAMD,MAAMlB,QAAQ,GAAIK,KAAoB,IAAK;EACvC,MAAM;IAAEU;EAAW,CAAC,GAAGZ,OAAO,CAACgB,OAAO,CAAC,CAAC;EACxC,MAAMZ,SAAS,GAAGjB,YAAY,CAAC,CAAC;EAChC,MAAMgB,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAE1C,MAAMqB,QAAQ,GAAG/B,OAAO,CAAC,MAAM;IAC3B,IAAIgB,KAAK,CAACgB,MAAM,EAAE;MACdd,SAAS,CAACe,iBAAiB,CAACpB,8BAA8B,CAACG,KAAK,CAACK,IAAI,CAAC,CAAC;MACvE,OAAOa,SAAS;IACpB;IAEA,MAAMC,QAAQ,GAAG,IAAI/B,yBAAyB,CAAC;MAAE,GAAGY,KAAK;MAAEoB,OAAO,EAAEV;IAAW,CAAC,EAAET,QAAQ,CAAC;IAC3FC,SAAS,CAACC,gBAAgB,CAACP,mBAAmB,EAAEuB,QAAQ,CAAC;IAEzD,OAAO9B,4BAA4B,CAAC;MAChCqB,UAAU;MACVW,YAAY,EAAErB,KAAK,CAACqB;IACxB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACN,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACIjC,KAAA,CAAA0B,aAAA,CAAClB,WAAW,qBACRR,KAAA,CAAA0B,aAAA,CAAClB,WAAW,CAACgC,IAAI,CAACC,aAAa;IAAClB,IAAI,EAAE,iBAAkB;IAACmB,SAAS,EAAET;EAAS,CAAE,CACtE,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMU,oBAAoB,GAAGC,MAAM,CAACC,MAAM,CAAC5B,wBAAwB,EAAE;EAAEJ;AAAS,CAAC,CAAC","ignoreList":[]}

package/ecommerce/components/ResourcePage.d.ts

@@ -1,10 +1,31 @@
 import React from "react";
+import type { IFormModel, IFieldVM } from "@webiny/app-admin";
+import type { IPageType } from "../../presentation/pages/CreatePage/abstractions.js";
+import type { CreatePageParams } from "../../features/pages/createPage/abstractions.js";
+import type { IEcommerceApiProvider } from "../../features/index.js";
 import type { Resource } from "../types.js";
-export interface ResourcePageProps {
-    apiName: string;
+interface ResourcePickerRendererConfig {
+    pluginName: string;
+    resourceType: string;
+}
+export declare function createResourcePickerRenderer(config: ResourcePickerRendererConfig): React.FunctionComponent<{
+    field: IFieldVM;
+}>;
+export interface EcommerceResourcePageTypeConfig {
     name: string;
     label: string;
     resourceType: string;
     previewPath: (resource: Resource) => string;
+    apiName: string;
+}
+export declare class EcommerceResourcePageType implements IPageType {
+    private config;
+    private provider;
+    readonly name: string;
+    readonly label: string;
+    constructor(config: EcommerceResourcePageTypeConfig, provider: IEcommerceApiProvider);
+    modifyForm(form: IFormModel): void;
+    mapFromForm(data: Record<string, unknown>, input: CreatePageParams): void;
+    private onResourceSelected;
 }
-export declare const ResourcePage: (props: ResourcePageProps) => React.JSX.Element;
+export {};