@webiny/app-website-builder 0.0.0-unstable.e53eceafb5

package/modules/pages/PageEditor/PageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CompositionScope","EditorConfig","EDITOR_NAME","BasePageEditorConfig","children","createElement","name","inherit","priority","PageEditorConfig","Object","assign"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig } from \"~/BaseEditor\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst BasePageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nexport const PageEditorConfig = Object.assign(BasePageEditorConfig, EditorConfig);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY;AACrB,SAASC,WAAW;AAMpB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAM,aAAA,CAACL,gBAAgB;IAACM,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CR,KAAA,CAAAM,aAAA,CAACJ,YAAY;IAACO,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;AAED,OAAO,MAAMK,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACR,oBAAoB,EAAEF,YAAY,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/BackButton.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function BackButton(): React.JSX.Element;

package/modules/pages/PageEditor/TopBar/BackButton.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from "react";
+import { IconButton } from "@webiny/admin-ui";
+import { useLocation, useNavigate, useRouter } from "@webiny/react-router";
+import { ReactComponent as BackIcon } from "@webiny/icons/arrow_back.svg";
+import { useDocumentEditor } from "../../../../DocumentEditor";
+export function BackButton() {
+  const {
+    key
+  } = useLocation();
+  const navigate = useNavigate();
+  const {
+    search
+  } = useRouter();
+  const editor = useDocumentEditor();
+  const onClick = useCallback(() => {
+    const document = editor.getDocumentState().read();
+    const folderId = search[0].get("folderId") ?? document.properties.folderId ?? "root";
+    navigate(`/website-builder/pages?folderId=${encodeURIComponent(folderId)}`);
+  }, [key, navigate]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "md",
+    onClick: onClick,
+    icon: /*#__PURE__*/React.createElement(BackIcon, null)
+  }));
+}
+
+//# sourceMappingURL=BackButton.js.map

package/modules/pages/PageEditor/TopBar/BackButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","IconButton","useLocation","useNavigate","useRouter","ReactComponent","BackIcon","useDocumentEditor","BackButton","key","navigate","search","editor","onClick","document","getDocumentState","read","folderId","get","properties","encodeURIComponent","createElement","Fragment","variant","size","icon"],"sources":["BackButton.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useLocation, useNavigate, useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\n\nexport function BackButton() {\n    const { key } = useLocation();\n    const navigate = useNavigate();\n    const { search } = useRouter();\n    const editor = useDocumentEditor();\n\n    const onClick = useCallback(() => {\n        const document = editor.getDocumentState().read();\n        const folderId = search[0].get(\"folderId\") ?? document.properties.folderId ?? \"root\";\n\n        navigate(`/website-builder/pages?folderId=${encodeURIComponent(folderId)}`);\n    }, [key, navigate]);\n\n    return (\n        <>\n            <IconButton variant={\"ghost\"} size={\"md\"} onClick={onClick} icon={<BackIcon />} />\n        </>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,EAAEC,WAAW,EAAEC,SAAS,QAAQ,sBAAsB;AAC1E,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASC,iBAAiB;AAE1B,OAAO,SAASC,UAAUA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAI,CAAC,GAAGP,WAAW,CAAC,CAAC;EAC7B,MAAMQ,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEQ;EAAO,CAAC,GAAGP,SAAS,CAAC,CAAC;EAC9B,MAAMQ,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAElC,MAAMM,OAAO,GAAGb,WAAW,CAAC,MAAM;IAC9B,MAAMc,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IACjD,MAAMC,QAAQ,GAAGN,MAAM,CAAC,CAAC,CAAC,CAACO,GAAG,CAAC,UAAU,CAAC,IAAIJ,QAAQ,CAACK,UAAU,CAACF,QAAQ,IAAI,MAAM;IAEpFP,QAAQ,CAAC,mCAAmCU,kBAAkB,CAACH,QAAQ,CAAC,EAAE,CAAC;EAC/E,CAAC,EAAE,CAACR,GAAG,EAAEC,QAAQ,CAAC,CAAC;EAEnB,oBACIX,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACIvB,KAAA,CAAAsB,aAAA,CAACpB,UAAU;IAACsB,OAAO,EAAE,OAAQ;IAACC,IAAI,EAAE,IAAK;IAACX,OAAO,EAAEA,OAAQ;IAACY,IAAI,eAAE1B,KAAA,CAAAsB,aAAA,CAACf,QAAQ,MAAE;EAAE,CAAE,CACnF,CAAC;AAEX","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/PublishButton.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PublishButton: () => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/PublishButton.js

@@ -0,0 +1,50 @@
+import React from "react";
+import { Button, useToast } from "@webiny/admin-ui";
+import { useDialogs } from "@webiny/app-admin";
+import { ReactComponent as PublishIcon } from "@webiny/icons/publish.svg";
+import { usePublishPage } from "../../../../features/pages";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
+import { PAGE_LIST_ROUTE } from "../../../../constants";
+import { useRouter } from "@webiny/react-router";
+export const PublishButton = () => {
+  const {
+    history
+  } = useRouter();
+  const {
+    showSuccessToast
+  } = useToast();
+  const {
+    publishPage
+  } = usePublishPage();
+  const {
+    showDialog
+  } = useDialogs();
+  const folderId = useSelectFromDocument(document => document.location.folderId);
+  const id = useSelectFromDocument(document => document.id);
+  const publish = () => {
+    showDialog({
+      title: "Publish page",
+      icon: /*#__PURE__*/React.createElement(PublishIcon, null),
+      content: "You're about to publish this page. Are you sure you want to continue?",
+      acceptLabel: "Yes, publish this page!",
+      cancelLabel: "Cancel",
+      onAccept: async () => {
+        await publishPage({
+          id
+        });
+        showSuccessToast({
+          title: "Page was published successfully!"
+        });
+        history.push(`${PAGE_LIST_ROUTE}?folderId=${encodeURIComponent(folderId)}`);
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    text: "Publish",
+    onClick: publish,
+    icon: /*#__PURE__*/React.createElement(PublishIcon, null)
+  });
+};
+
+//# sourceMappingURL=PublishButton.js.map

package/modules/pages/PageEditor/TopBar/PublishButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","useToast","useDialogs","ReactComponent","PublishIcon","usePublishPage","useSelectFromDocument","PAGE_LIST_ROUTE","useRouter","PublishButton","history","showSuccessToast","publishPage","showDialog","folderId","document","location","id","publish","title","icon","createElement","content","acceptLabel","cancelLabel","onAccept","push","encodeURIComponent","variant","text","onClick"],"sources":["PublishButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, useToast } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/publish.svg\";\nimport { usePublishPage } from \"~/features/pages\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { PAGE_LIST_ROUTE } from \"~/constants\";\nimport { useRouter } from \"@webiny/react-router\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\n\nexport const PublishButton = () => {\n    const { history } = useRouter();\n    const { showSuccessToast } = useToast();\n    const { publishPage } = usePublishPage();\n    const { showDialog } = useDialogs();\n    const folderId = useSelectFromDocument<string, EditorPage>(\n        document => document.location.folderId\n    );\n    const id = useSelectFromDocument(document => document.id);\n\n    const publish = () => {\n        showDialog({\n            title: \"Publish page\",\n            icon: <PublishIcon />,\n            content: \"You're about to publish this page. Are you sure you want to continue?\",\n            acceptLabel: \"Yes, publish this page!\",\n            cancelLabel: \"Cancel\",\n            onAccept: async () => {\n                await publishPage({ id });\n\n                showSuccessToast({\n                    title: \"Page was published successfully!\"\n                });\n\n                history.push(`${PAGE_LIST_ROUTE}?folderId=${encodeURIComponent(folderId)}`);\n            }\n        });\n    };\n\n    return (\n        <Button\n            variant=\"primary\"\n            text={\"Publish\"}\n            onClick={publish}\n            icon={<PublishIcon />}\n        ></Button>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,QAAQ,QAAQ,kBAAkB;AACnD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,WAAW,QAAQ,2BAA2B;AACzE,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,eAAe;AACxB,SAASC,SAAS,QAAQ,sBAAsB;AAGhD,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC/B,MAAM;IAAEG;EAAiB,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACvC,MAAM;IAAEW;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEQ;EAAW,CAAC,GAAGX,UAAU,CAAC,CAAC;EACnC,MAAMY,QAAQ,GAAGR,qBAAqB,CAClCS,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,CAACF,QAClC,CAAC;EACD,MAAMG,EAAE,GAAGX,qBAAqB,CAACS,QAAQ,IAAIA,QAAQ,CAACE,EAAE,CAAC;EAEzD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClBL,UAAU,CAAC;MACPM,KAAK,EAAE,cAAc;MACrBC,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE,CAAC;MACrBkB,OAAO,EAAE,uEAAuE;MAChFC,WAAW,EAAE,yBAAyB;MACtCC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMb,WAAW,CAAC;UAAEK;QAAG,CAAC,CAAC;QAEzBN,gBAAgB,CAAC;UACbQ,KAAK,EAAE;QACX,CAAC,CAAC;QAEFT,OAAO,CAACgB,IAAI,CAAC,GAAGnB,eAAe,aAAaoB,kBAAkB,CAACb,QAAQ,CAAC,EAAE,CAAC;MAC/E;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIf,KAAA,CAAAsB,aAAA,CAACrB,MAAM;IACH4B,OAAO,EAAC,SAAS;IACjBC,IAAI,EAAE,SAAU;IAChBC,OAAO,EAAEZ,OAAQ;IACjBE,IAAI,eAAErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,MAAE;EAAE,CACjB,CAAC;AAElB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/RevisionsMenu.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const RevisionsMenu: () => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/RevisionsMenu.js

@@ -0,0 +1,62 @@
+import React, { useState, useEffect, useCallback } from "react";
+import { Button, DropdownMenu } from "@webiny/admin-ui";
+import { ReactComponent as ArrowDown } from "@webiny/icons/keyboard_arrow_down.svg";
+import { ReactComponent as Draft } from "@webiny/icons/draw.svg";
+import { ReactComponent as Unpublished } from "@webiny/icons/lock.svg";
+import { ReactComponent as Published } from "@webiny/icons/remove_red_eye.svg";
+import { useGetPageRevisions } from "../../../../features/pages";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
+import { PAGE_EDITOR_ROUTE } from "../../../../constants";
+const {
+  Item
+} = DropdownMenu;
+const statusIcon = {
+  draft: /*#__PURE__*/React.createElement(Draft, null),
+  published: /*#__PURE__*/React.createElement(Published, null),
+  unpublished: /*#__PURE__*/React.createElement(Unpublished, null)
+};
+export const RevisionsMenu = () => {
+  const [revisions, setRevisions] = useState([]);
+  const {
+    loading,
+    getPageRevisions
+  } = useGetPageRevisions();
+  const id = useSelectFromDocument(document => document.id);
+  const status = useSelectFromDocument(document => document.status);
+  useEffect(() => {
+    const [entryId] = id.split("#");
+    getPageRevisions({
+      entryId
+    }).then(revisions => {
+      setRevisions(revisions.sort((a, b) => {
+        return new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime();
+      }).reverse());
+    });
+  }, [id, status]);
+  const currentRevision = revisions.find(r => r.id === id);
+  const goToRevision = useCallback(id => {
+    // TODO: make this work without a full app reload
+    window.location.pathname = `${PAGE_EDITOR_ROUTE}/${encodeURIComponent(id)}`;
+  }, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: /*#__PURE__*/React.createElement(Button, {
+      disabled: loading,
+      variant: "ghost",
+      text: currentRevision ? currentRevision.getLabel() : "Loading...",
+      icon: /*#__PURE__*/React.createElement(ArrowDown, null),
+      iconPosition: "end"
+    })
+  }, revisions.map(revision => /*#__PURE__*/React.createElement(Item, {
+    key: revision.id,
+    className: "wby-cursor-pointer",
+    onClick: () => goToRevision(revision.id),
+    disabled: revision.locked,
+    icon: /*#__PURE__*/React.createElement(Item.Icon, {
+      label: revision.getLabel(),
+      element: statusIcon[revision.status]
+    }),
+    text: revision.getLabel()
+  })));
+};
+
+//# sourceMappingURL=RevisionsMenu.js.map

package/modules/pages/PageEditor/TopBar/RevisionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useCallback","Button","DropdownMenu","ReactComponent","ArrowDown","Draft","Unpublished","Published","useGetPageRevisions","useSelectFromDocument","PAGE_EDITOR_ROUTE","Item","statusIcon","draft","createElement","published","unpublished","RevisionsMenu","revisions","setRevisions","loading","getPageRevisions","id","document","status","entryId","split","then","sort","a","b","Date","savedOn","getTime","reverse","currentRevision","find","r","goToRevision","window","location","pathname","encodeURIComponent","trigger","disabled","variant","text","getLabel","icon","iconPosition","map","revision","key","className","onClick","locked","Icon","label","element"],"sources":["RevisionsMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport { Button, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as Draft } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as Unpublished } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as Published } from \"@webiny/icons/remove_red_eye.svg\";\nimport { useGetPageRevisions } from \"~/features/pages\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport type { PageRevision } from \"~/domain/PageRevision\";\nimport { PAGE_EDITOR_ROUTE } from \"~/constants\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\n\nconst { Item } = DropdownMenu;\n\nconst statusIcon: Record<string, JSX.Element> = {\n    draft: <Draft />,\n    published: <Published />,\n    unpublished: <Unpublished />\n};\n\nexport const RevisionsMenu = () => {\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n    const id = useSelectFromDocument(document => document.id);\n    const status = useSelectFromDocument<string, EditorPage>(document => document.status);\n\n    useEffect(() => {\n        const [entryId] = id.split(\"#\");\n        getPageRevisions({ entryId }).then(revisions => {\n            setRevisions(\n                revisions\n                    .sort((a, b) => {\n                        return new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime();\n                    })\n                    .reverse()\n            );\n        });\n    }, [id, status]);\n\n    const currentRevision = revisions.find(r => r.id === id);\n\n    const goToRevision = useCallback((id: string) => {\n        // TODO: make this work without a full app reload\n        window.location.pathname = `${PAGE_EDITOR_ROUTE}/${encodeURIComponent(id)}`;\n    }, []);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    disabled={loading}\n                    variant=\"ghost\"\n                    text={currentRevision ? currentRevision.getLabel() : \"Loading...\"}\n                    icon={<ArrowDown />}\n                    iconPosition={\"end\"}\n                />\n            }\n        >\n            {revisions.map(revision => (\n                <Item\n                    key={revision.id}\n                    className={\"wby-cursor-pointer\"}\n                    onClick={() => goToRevision(revision.id)}\n                    disabled={revision.locked}\n                    icon={\n                        <Item.Icon\n                            label={revision.getLabel()}\n                            element={statusIcon[revision.status]}\n                        />\n                    }\n                    text={revision.getLabel()}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/KeyValueGridEditor.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const KeyValueGridEditor: React.FC;

package/modules/pages/PageEditor/TopBar/Settings/KeyValueGridEditor.js

@@ -0,0 +1,59 @@
+import React, { useState } from "react";
+import { Grid, Input, Button, IconButton, Text } from "@webiny/admin-ui";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+export const KeyValueGridEditor = () => {
+  const [items, setItems] = useState([]);
+  const handleChange = (index, field, value) => {
+    const updated = [...items];
+    updated[index][field] = value;
+    setItems(updated);
+  };
+  const handleDelete = index => {
+    const updated = items.filter((_, i) => i !== index);
+    setItems(updated);
+  };
+  const handleAdd = () => {
+    setItems([...items, {
+      key: "",
+      value: ""
+    }]);
+  };
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "md"
+  }, "Add your SEO tags here.")), items.map((item, index) => /*#__PURE__*/React.createElement(Grid.Column, {
+    key: index,
+    span: 12
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 5
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "Key",
+    value: item.key,
+    onChange: value => handleChange(index, "key", value)
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 5
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "Value",
+    value: item.value,
+    onChange: value => handleChange(index, "value", value)
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 2
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    size: "md",
+    variant: "tertiary",
+    onClick: () => handleDelete(index),
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
+  })))))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12,
+    key: "action"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: handleAdd,
+    variant: "secondary",
+    text: "+ Add"
+  })));
+};
+
+//# sourceMappingURL=KeyValueGridEditor.js.map

package/modules/pages/PageEditor/TopBar/Settings/KeyValueGridEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Grid","Input","Button","IconButton","Text","ReactComponent","DeleteIcon","KeyValueGridEditor","items","setItems","handleChange","index","field","value","updated","handleDelete","filter","_","i","handleAdd","key","createElement","className","Fragment","Column","span","size","map","item","placeholder","onChange","variant","onClick","icon","text"],"sources":["KeyValueGridEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Grid, Input, Button, IconButton, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\n\ntype KeyValue = {\n    key: string;\n    value: string;\n};\n\nexport const KeyValueGridEditor: React.FC = () => {\n    const [items, setItems] = useState<KeyValue[]>([]);\n\n    const handleChange = (index: number, field: \"key\" | \"value\", value: string) => {\n        const updated = [...items];\n        updated[index][field] = value;\n        setItems(updated);\n    };\n\n    const handleDelete = (index: number) => {\n        const updated = items.filter((_, i) => i !== index);\n        setItems(updated);\n    };\n\n    const handleAdd = () => {\n        setItems([...items, { key: \"\", value: \"\" }]);\n    };\n\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <>\n                <Grid.Column span={12}>\n                    <Text size={\"md\"}>Add your SEO tags here.</Text>\n                </Grid.Column>\n                {items.map((item, index) => (\n                    <Grid.Column key={index} span={12}>\n                        <Grid>\n                            <Grid.Column span={5}>\n                                <Input\n                                    placeholder=\"Key\"\n                                    value={item.key}\n                                    onChange={value => handleChange(index, \"key\", value)}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={5}>\n                                <Input\n                                    placeholder=\"Value\"\n                                    value={item.value}\n                                    onChange={value => handleChange(index, \"value\", value)}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={2}>\n                                <IconButton\n                                    size={\"md\"}\n                                    variant={\"tertiary\"}\n                                    onClick={() => handleDelete(index)}\n                                    icon={<DeleteIcon />}\n                                />\n                            </Grid.Column>\n                        </Grid>\n                    </Grid.Column>\n                ))}\n            </>\n            <Grid.Column span={12} key={\"action\"}>\n                <Button onClick={handleAdd} variant={\"secondary\"} text={\"+ Add\"} />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/MetaTags.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface MetaTagsProps {
+    label: string;
+    description: string;
+    bindName: string;
+    keyName: string;
+    keyLabel: string;
+    valueName: string;
+    valueLabel: string;
+}
+export declare const MetaTags: (props: MetaTagsProps) => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/MetaTags.js

@@ -0,0 +1,80 @@
+import React from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { Bind, useBind } from "@webiny/form";
+import { Button, DynamicFieldset, FormComponentDescription, FormComponentLabel, IconButton, Input } from "@webiny/admin-ui";
+const Header = ({
+  label,
+  description
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: label
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description
+  }));
+};
+const Footer = ({
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick,
+    text: "Add tag",
+    variant: "secondary",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }));
+};
+export const MetaTags = props => {
+  const {
+    value,
+    onChange
+  } = useBind({
+    name: props.bindName,
+    defaultValue: []
+  });
+  return /*#__PURE__*/React.createElement(DynamicFieldset, {
+    value: value,
+    onChange: onChange
+  }, ({
+    actions,
+    header,
+    footer,
+    row,
+    empty
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, row(({
+    index
+  }) => /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-start wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: `${props.bindName}.${index}.${props.keyName}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: props.keyLabel,
+    size: "lg"
+  })), /*#__PURE__*/React.createElement(Bind, {
+    name: `${props.bindName}.${index}.${props.valueName}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: props.valueLabel,
+    size: "lg"
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "lg",
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    onClick: actions.remove(index)
+  })))), footer(() => /*#__PURE__*/React.createElement(Footer, {
+    onClick: actions.add()
+  })), header(() => /*#__PURE__*/React.createElement(Header, {
+    label: props.label,
+    description: props.description
+  })), empty(() => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    label: props.label,
+    description: props.description
+  }), /*#__PURE__*/React.createElement(Footer, {
+    onClick: actions.add()
+  })))));
+};
+
+//# sourceMappingURL=MetaTags.js.map

package/modules/pages/PageEditor/TopBar/Settings/MetaTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","AddIcon","DeleteIcon","Bind","useBind","Button","DynamicFieldset","FormComponentDescription","FormComponentLabel","IconButton","Input","Header","label","description","createElement","Fragment","text","Footer","onClick","className","variant","size","icon","MetaTags","props","value","onChange","name","bindName","defaultValue","actions","header","footer","row","empty","index","keyName","placeholder","keyLabel","valueName","valueLabel","remove","add"],"sources":["MetaTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport {\n    Button,\n    DynamicFieldset,\n    FormComponentDescription,\n    FormComponentLabel,\n    IconButton,\n    Input\n} from \"@webiny/admin-ui\";\n\ninterface HeaderProps {\n    label: string;\n    description: string;\n}\n\nconst Header = ({ label, description }: HeaderProps) => {\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <FormComponentDescription text={description} />\n        </>\n    );\n};\n\ninterface FooterProps {\n    onClick: () => void;\n}\n\nconst Footer = ({ onClick }: FooterProps) => {\n    return (\n        <div className={\"wby-mt-md\"}>\n            <Button\n                onClick={onClick}\n                text=\"Add tag\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport interface MetaTagsProps {\n    label: string;\n    description: string;\n    bindName: string;\n    keyName: string;\n    keyLabel: string;\n    valueName: string;\n    valueLabel: string;\n}\n\nexport const MetaTags = (props: MetaTagsProps) => {\n    const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n    return (\n        <DynamicFieldset value={value} onChange={onChange}>\n            {({ actions, header, footer, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <div className={\"wby-mt-md\"}>\n                            <div className={\"wby-flex wby-items-start wby-gap-sm\"}>\n                                <Bind name={`${props.bindName}.${index}.${props.keyName}`}>\n                                    <Input placeholder={props.keyLabel} size={\"lg\"} />\n                                </Bind>\n                                <Bind name={`${props.bindName}.${index}.${props.valueName}`}>\n                                    <Input placeholder={props.valueLabel} size={\"lg\"} />\n                                </Bind>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"lg\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={actions.remove(index)}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                    {footer(() => (\n                        <Footer onClick={actions.add()} />\n                    ))}\n                    {header(() => (\n                        <Header label={props.label} description={props.description} />\n                    ))}\n                    {empty(() => (\n                        <>\n                            <Header label={props.label} description={props.description} />\n                            <Footer onClick={actions.add()} />\n                        </>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SettingsDialogBody: () => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js

@@ -0,0 +1,164 @@
+import React from "react";
+import { FileManager } from "@webiny/app-admin";
+import { Tabs, Grid, Input, Textarea, FilePicker } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { ReactComponent as SeoIcon } from "@webiny/icons/search.svg";
+import { ReactComponent as SocialIcon } from "@webiny/icons/thumb_up.svg";
+import { MetaTags } from "./MetaTags";
+import { SimpleTags } from "./SimpleTags";
+import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue";
+export const SettingsDialogBody = () => {
+  return /*#__PURE__*/React.createElement(Tabs, {
+    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "general",
+      value: "general",
+      trigger: "General",
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      content: /*#__PURE__*/React.createElement(GeneralSettingsForm, null)
+    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "seo",
+      value: "seo",
+      trigger: "SEO",
+      icon: /*#__PURE__*/React.createElement(SeoIcon, null),
+      content: /*#__PURE__*/React.createElement(SeoSettingsForm, null)
+    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "social",
+      value: "social",
+      trigger: "Social",
+      icon: /*#__PURE__*/React.createElement(SocialIcon, null),
+      content: /*#__PURE__*/React.createElement(SocialSettingsForm, null)
+    })]
+  });
+};
+const GeneralSettingsForm = () => {
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.title"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Page title"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.path"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Path"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.snippet"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Snippet"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.image"
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FileManager, {
+    images: true,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: "Image",
+      description: "Select an image to represent this page",
+      type: "compact",
+      value: value,
+      onSelectItem: () => showFileManager(file => {
+        onChange(fileManagerItemToValue(file));
+      }),
+      onRemoveItem: () => onChange(undefined)
+    })
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(SimpleTags, {
+    bindName: "properties.tags",
+    label: "Tags",
+    description: "Add page tags. These can be used for page rendering, filtering, etc."
+  })));
+};
+const SeoSettingsForm = () => {
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.title"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Title",
+    description: "SEO title"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.description"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Description",
+    description: "SEO description"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(MetaTags, {
+    label: "Meta Tags",
+    description: "Add SEO tags",
+    bindName: "properties.seo.metaTags",
+    keyName: "name",
+    keyLabel: "Name",
+    valueName: "content",
+    valueLabel: "Content"
+  })));
+};
+const SocialSettingsForm = () => {
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.social.title"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Title",
+    description: "Title for social platforms (og:title)"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.social.description"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Description",
+    description: "Description for social platforms (og:description)"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.social.image"
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FileManager, {
+    images: true,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: "Image",
+      description: "Select an image for social platforms (og:image)",
+      type: "compact",
+      value: value,
+      onSelectItem: () => showFileManager(file => {
+        onChange(fileManagerItemToValue(file));
+      }),
+      onRemoveItem: () => onChange(undefined)
+    })
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(MetaTags, {
+    label: "Meta Tags",
+    description: "Add more Open Graph tags",
+    bindName: "properties.social.metaTags",
+    keyName: "property",
+    keyLabel: "Property",
+    valueName: "content",
+    valueLabel: "Content"
+  })));
+};
+
+//# sourceMappingURL=SettingsDialogBody.js.map

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FileManager","Tabs","Grid","Input","Textarea","FilePicker","Bind","ReactComponent","SettingsIcon","SeoIcon","SocialIcon","MetaTags","SimpleTags","fileManagerItemToValue","SettingsDialogBody","createElement","tabs","Tab","key","value","trigger","icon","content","GeneralSettingsForm","SeoSettingsForm","SocialSettingsForm","className","Column","span","name","label","onChange","images","render","showFileManager","description","type","onSelectItem","file","onRemoveItem","undefined","bindName","keyName","keyLabel","valueName","valueLabel"],"sources":["SettingsDialogBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { Tabs, Grid, Input, Textarea, FilePicker } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ReactComponent as SeoIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as SocialIcon } from \"@webiny/icons/thumb_up.svg\";\nimport { MetaTags } from \"./MetaTags\";\nimport { SimpleTags } from \"~/modules/pages/PageEditor/TopBar/Settings/SimpleTags\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue\";\n\nexport const SettingsDialogBody = () => {\n    return (\n        <Tabs\n            tabs={[\n                <Tabs.Tab\n                    key={\"general\"}\n                    value={\"general\"}\n                    trigger={\"General\"}\n                    icon={<SettingsIcon />}\n                    content={<GeneralSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"seo\"}\n                    value={\"seo\"}\n                    trigger={\"SEO\"}\n                    icon={<SeoIcon />}\n                    content={<SeoSettingsForm />}\n                />,\n                <Tabs.Tab\n                    key={\"social\"}\n                    value={\"social\"}\n                    trigger={\"Social\"}\n                    icon={<SocialIcon />}\n                    content={<SocialSettingsForm />}\n                />\n            ]}\n        />\n    );\n};\n\nconst GeneralSettingsForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.title\"}>\n                    <Input label={\"Page title\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.path\"}>\n                    <Input label={\"Path\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.snippet\"}>\n                    <Textarea label={\"Snippet\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.image\"}>\n                    {({ value, onChange }) => (\n                        <FileManager\n                            images={true}\n                            render={({ showFileManager }) => (\n                                <FilePicker\n                                    label={\"Image\"}\n                                    description=\"Select an image to represent this page\"\n                                    type=\"compact\"\n                                    value={value}\n                                    onSelectItem={() =>\n                                        showFileManager(file => {\n                                            onChange(fileManagerItemToValue(file));\n                                        })\n                                    }\n                                    onRemoveItem={() => onChange(undefined)}\n                                />\n                            )}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <SimpleTags\n                    bindName={\"properties.tags\"}\n                    label={\"Tags\"}\n                    description={\n                        \"Add page tags. These can be used for page rendering, filtering, etc.\"\n                    }\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SeoSettingsForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.title\"}>\n                    <Input label={\"Title\"} description={\"SEO title\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.seo.description\"}>\n                    <Textarea label={\"Description\"} description={\"SEO description\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <MetaTags\n                    label={\"Meta Tags\"}\n                    description={\"Add SEO tags\"}\n                    bindName={\"properties.seo.metaTags\"}\n                    keyName={\"name\"}\n                    keyLabel={\"Name\"}\n                    valueName={\"content\"}\n                    valueLabel={\"Content\"}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst SocialSettingsForm = () => {\n    return (\n        <Grid className={\"wby-mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.title\"}>\n                    <Input label={\"Title\"} description={\"Title for social platforms (og:title)\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.description\"}>\n                    <Textarea\n                        label={\"Description\"}\n                        description={\"Description for social platforms (og:description)\"}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"properties.social.image\"}>\n                    {({ value, onChange }) => (\n                        <FileManager\n                            images={true}\n                            render={({ showFileManager }) => (\n                                <FilePicker\n                                    label={\"Image\"}\n                                    description=\"Select an image for social platforms (og:image)\"\n                                    type=\"compact\"\n                                    value={value}\n                                    onSelectItem={() =>\n                                        showFileManager(file => {\n                                            onChange(fileManagerItemToValue(file));\n                                        })\n                                    }\n                                    onRemoveItem={() => onChange(undefined)}\n                                />\n                            )}\n                        />\n                    )}\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <MetaTags\n                    label={\"Meta Tags\"}\n                    description={\"Add more Open Graph tags\"}\n                    bindName={\"properties.social.metaTags\"}\n                    keyName={\"property\"}\n                    keyLabel={\"Property\"}\n                    valueName={\"content\"}\n                    valueLabel={\"Content\"}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface MetaTagsProps {
+    bindName: string;
+    label: string;
+    description: string;
+}
+export declare const SimpleTags: (props: MetaTagsProps) => React.JSX.Element;