@webiny/app-website-builder 6.0.0-alpha.0

package/DocumentList/components/Header/Title.js

@@ -0,0 +1,30 @@
+import React, { useMemo } from "react";
+import { Heading, Icon, Skeleton } from "@webiny/admin-ui";
+import { ReactComponent as HomeIcon } from "@webiny/icons/home.svg";
+import { ReactComponent as FolderIcon } from "@webiny/icons/folder.svg";
+export const Title = ({
+  title,
+  isRoot
+}) => {
+  const icon = useMemo(() => {
+    return isRoot ? /*#__PURE__*/React.createElement(HomeIcon, null) : /*#__PURE__*/React.createElement(FolderIcon, null);
+  }, [isRoot]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-5/12 wby-pt-md wby-px-lg"
+  }, title && /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-sm wby-items-center"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    label: title,
+    size: "md",
+    color: "neutral-strong"
+  }), /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    as: "h1",
+    className: "wby-truncate"
+  }, title)) || /*#__PURE__*/React.createElement(Skeleton, {
+    size: "xl"
+  }));
+};
+
+//# sourceMappingURL=Title.js.map

package/DocumentList/components/Header/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Heading","Icon","Skeleton","ReactComponent","HomeIcon","FolderIcon","Title","title","isRoot","icon","createElement","className","label","size","color","level","as"],"sources":["Title.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Heading, Icon, Skeleton } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\n\ninterface TitleProps {\n    isRoot: boolean;\n    title?: string;\n}\n\nexport const Title = ({ title, isRoot }: TitleProps) => {\n    const icon = useMemo(() => {\n        return isRoot ? <HomeIcon /> : <FolderIcon />;\n    }, [isRoot]);\n\n    return (\n        <div className={\"wby-w-5/12 wby-pt-md wby-px-lg\"}>\n            {(title && (\n                <div className={\"wby-flex wby-gap-sm wby-items-center\"}>\n                    <Icon icon={icon} label={title} size={\"md\"} color={\"neutral-strong\"} />\n                    <Heading level={4} as={\"h1\"} className={\"wby-truncate\"}>\n                        {title}\n                    </Heading>\n                </div>\n            )) || <Skeleton size={\"xl\"} />}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AAOvE,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAmB,CAAC,KAAK;EACpD,MAAMC,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOS,MAAM,gBAAGV,KAAA,CAAAY,aAAA,CAACN,QAAQ,MAAE,CAAC,gBAAGN,KAAA,CAAAY,aAAA,CAACL,UAAU,MAAE,CAAC;EACjD,CAAC,EAAE,CAACG,MAAM,CAAC,CAAC;EAEZ,oBACIV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAiC,GAC3CJ,KAAK,iBACHT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDb,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,IAAI,EAAEA,IAAK;IAACG,KAAK,EAAEL,KAAM;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,CAAE,CAAC,eACvEhB,KAAA,CAAAY,aAAA,CAACV,OAAO;IAACe,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE,IAAK;IAACL,SAAS,EAAE;EAAe,GAClDJ,KACI,CACR,CACR,iBAAKT,KAAA,CAAAY,aAAA,CAACR,QAAQ;IAACW,IAAI,EAAE;EAAK,CAAE,CAC5B,CAAC;AAEd,CAAC","ignoreList":[]}

package/DocumentList/components/Header/index.d.ts

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

package/DocumentList/components/Header/index.js

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

package/DocumentList/components/Header/index.js.map

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

package/DocumentList/components/Layout/Layout.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface LayoutProps {
+    main: React.ReactNode;
+    sidebar: React.ReactNode;
+}
+declare const Layout: (props: LayoutProps) => React.JSX.Element;
+export { Layout, type LayoutProps };

package/DocumentList/components/Layout/Layout.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView/index.js";
+import { useLayoutId } from "./useLayoutId.js";
+import { WB_PAGE_APP } from "../../../constants.js";
+const Layout = props => {
+  const layoutId = useLayoutId(WB_PAGE_APP);
+  return /*#__PURE__*/React.createElement(SplitView, {
+    layoutId: layoutId
+  }, /*#__PURE__*/React.createElement(LeftPanel, {
+    span: 2
+  }, props.sidebar), /*#__PURE__*/React.createElement(RightPanel, {
+    span: 10
+  }, props.main));
+};
+export { Layout };
+
+//# sourceMappingURL=Layout.js.map

package/DocumentList/components/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LeftPanel","RightPanel","SplitView","useLayoutId","WB_PAGE_APP","Layout","props","layoutId","createElement","span","sidebar","main"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView/index.js\";\nimport { useLayoutId } from \"~/DocumentList/components/Layout/useLayoutId.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\ninterface LayoutProps {\n    main: React.ReactNode;\n    sidebar: React.ReactNode;\n}\n\nconst Layout = (props: LayoutProps) => {\n    const layoutId = useLayoutId(WB_PAGE_APP);\n\n    return (\n        <SplitView layoutId={layoutId}>\n            <LeftPanel span={2}>{props.sidebar}</LeftPanel>\n            <RightPanel span={10}>{props.main}</RightPanel>\n        </SplitView>\n    );\n};\n\nexport { Layout, type LayoutProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,iDAAiD;AAClG,SAASC,WAAW;AACpB,SAASC,WAAW;AAOpB,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACnC,MAAMC,QAAQ,GAAGJ,WAAW,CAACC,WAAW,CAAC;EAEzC,oBACIL,KAAA,CAAAS,aAAA,CAACN,SAAS;IAACK,QAAQ,EAAEA;EAAS,gBAC1BR,KAAA,CAAAS,aAAA,CAACR,SAAS;IAACS,IAAI,EAAE;EAAE,GAAEH,KAAK,CAACI,OAAmB,CAAC,eAC/CX,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACQ,IAAI,EAAE;EAAG,GAAEH,KAAK,CAACK,IAAiB,CACvC,CAAC;AAEpB,CAAC;AAED,SAASN,MAAM","ignoreList":[]}

package/DocumentList/components/Layout/index.d.ts

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

package/DocumentList/components/Layout/index.js

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

package/DocumentList/components/Layout/index.js.map

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

package/DocumentList/components/Layout/useLayoutId.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Generates a `layoutId` to be used with the `<SplitView />` component.
+ * The `layoutId` is essential for saving user preferences into localStorage.
+ * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.
+ *
+ *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.
+ */
+declare const useLayoutId: (applicationId: string) => string | null;
+export { useLayoutId };

package/DocumentList/components/Layout/useLayoutId.js

@@ -0,0 +1,27 @@
+import { useI18N } from "@webiny/app-i18n";
+import { useTenancy } from "@webiny/app-tenancy";
+
+/**
+ * Generates a `layoutId` to be used with the `<SplitView />` component.
+ * The `layoutId` is essential for saving user preferences into localStorage.
+ * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.
+ *
+ *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.
+ */
+const useLayoutId = applicationId => {
+  const {
+    tenant
+  } = useTenancy();
+  const {
+    getCurrentLocale
+  } = useI18N();
+  const localeCode = getCurrentLocale("content");
+  if (!tenant || !localeCode) {
+    console.warn("Missing tenant or localeCode while creating layoutId");
+    return null;
+  }
+  return `T#${tenant}#L#${localeCode}#A#${applicationId}`;
+};
+export { useLayoutId };
+
+//# sourceMappingURL=useLayoutId.js.map

package/DocumentList/components/Layout/useLayoutId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useI18N","useTenancy","useLayoutId","applicationId","tenant","getCurrentLocale","localeCode","console","warn"],"sources":["useLayoutId.ts"],"sourcesContent":["import { useI18N } from \"@webiny/app-i18n\";\nimport { useTenancy } from \"@webiny/app-tenancy\";\n\n/**\n * Generates a `layoutId` to be used with the `<SplitView />` component.\n * The `layoutId` is essential for saving user preferences into localStorage.\n * The generation of the `layoutId` takes into account the current `tenantId`, `localeCode`, and the provided `applicationId`.\n *\n *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.\n */\nconst useLayoutId = (applicationId: string) => {\n    const { tenant } = useTenancy();\n    const { getCurrentLocale } = useI18N();\n    const localeCode = getCurrentLocale(\"content\");\n\n    if (!tenant || !localeCode) {\n        console.warn(\"Missing tenant or localeCode while creating layoutId\");\n        return null;\n    }\n\n    return `T#${tenant}#L#${localeCode}#A#${applicationId}`;\n};\n\nexport { useLayoutId };\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,UAAU,QAAQ,qBAAqB;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAIC,aAAqB,IAAK;EAC3C,MAAM;IAAEC;EAAO,CAAC,GAAGH,UAAU,CAAC,CAAC;EAC/B,MAAM;IAAEI;EAAiB,CAAC,GAAGL,OAAO,CAAC,CAAC;EACtC,MAAMM,UAAU,GAAGD,gBAAgB,CAAC,SAAS,CAAC;EAE9C,IAAI,CAACD,MAAM,IAAI,CAACE,UAAU,EAAE;IACxBC,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;IACpE,OAAO,IAAI;EACf;EAEA,OAAO,KAAKJ,MAAM,MAAME,UAAU,MAAMH,aAAa,EAAE;AAC3D,CAAC;AAED,SAASD,WAAW","ignoreList":[]}

package/DocumentList/components/Main/CreatePage/CreatePage.d.ts

@@ -0,0 +1,3 @@
+export declare const useCreatePageDialog: (folderId: string) => {
+    showCreatePageDialog: () => void;
+};

package/DocumentList/components/Main/CreatePage/CreatePage.js

@@ -0,0 +1,102 @@
+import React, { useMemo } from "react";
+import { Grid, Select } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { useDialogs } from "@webiny/app-admin";
+import { useCreatePage } from "../../../../features/pages";
+import { usePageTypes } from "../../../../ecommerce/usePageTypes";
+import { useGetEditPageUrl } from "../../../hooks/useGetEditPageUrl";
+import { useRouter } from "@webiny/react-router";
+import { useGetWebsiteBuilderSettings } from "../../../../features";
+export const useCreatePageDialog = folderId => {
+  const dialog = useDialogs();
+  const {
+    createPage
+  } = useCreatePage();
+  const {
+    getEditPageUrl
+  } = useGetEditPageUrl();
+  const {
+    history
+  } = useRouter();
+  const {
+    getSettings
+  } = useGetWebsiteBuilderSettings();
+  const showCreatePageDialog = () => {
+    dialog.showDialog({
+      title: "Create a Page",
+      acceptLabel: "Create",
+      cancelLabel: "Cancel",
+      content: /*#__PURE__*/React.createElement(CreatePageWizard, null),
+      formData: {},
+      onAccept: async formData => {
+        const settings = await getSettings();
+        const input = {
+          location: {
+            folderId
+          },
+          properties: {
+            title: formData.title,
+            path: formData.path
+          },
+          elements: {
+            root: {
+              type: "Webiny/Element",
+              id: "root",
+              component: {
+                name: "Webiny/Root"
+              }
+            }
+          }
+        };
+        const previewUrl = `${settings.previewDomain}${formData.path}`;
+        if (formData.type === "static") {
+          input.metadata = {
+            documentType: "page",
+            pageType: "static",
+            lastPreviewUrl: previewUrl
+          };
+        } else {
+          input.metadata = {
+            documentType: "page",
+            pageType: formData.type,
+            resourceType: formData.resourceType,
+            resourceId: formData.resourceId,
+            lastPreviewUrl: previewUrl
+          };
+        }
+        const result = await createPage(input);
+        history.push(getEditPageUrl(result.id));
+      }
+    });
+  };
+  return {
+    showCreatePageDialog
+  };
+};
+const CreatePageWizard = () => {
+  const {
+    pageTypes
+  } = usePageTypes();
+  const options = useMemo(() => {
+    return Array.from(pageTypes.entries()).map(([, type]) => ({
+      label: type.label,
+      value: type.name
+    }));
+  }, [pageTypes]);
+  const pageTypeBind = useBind({
+    name: "type",
+    validators: [validation.create("required")]
+  });
+  const pageType = pageTypes.get(pageTypeBind.value);
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Select, Object.assign({
+    label: "Page Type"
+  }, pageTypeBind, {
+    value: pageTypeBind.value ?? "",
+    options: options
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, pageType ? pageType.element : null));
+};
+
+//# sourceMappingURL=CreatePage.js.map

package/DocumentList/components/Main/CreatePage/CreatePage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Grid","Select","useBind","validation","useDialogs","useCreatePage","usePageTypes","useGetEditPageUrl","useRouter","useGetWebsiteBuilderSettings","useCreatePageDialog","folderId","dialog","createPage","getEditPageUrl","history","getSettings","showCreatePageDialog","showDialog","title","acceptLabel","cancelLabel","content","createElement","CreatePageWizard","formData","onAccept","settings","input","location","properties","path","elements","root","type","id","component","name","previewUrl","previewDomain","metadata","documentType","pageType","lastPreviewUrl","resourceType","resourceId","result","push","pageTypes","options","Array","from","entries","map","label","value","pageTypeBind","validators","create","get","Column","span","Object","assign","Fragment","element"],"sources":["CreatePage.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useCreatePage } from \"~/features/pages\";\nimport { CreatePageParams } from \"~/features/pages/createPage/ICreatePageUseCase\";\nimport { usePageTypes } from \"~/ecommerce/usePageTypes\";\nimport { useGetEditPageUrl } from \"~/DocumentList/hooks/useGetEditPageUrl\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useGetWebsiteBuilderSettings } from \"~/features\";\n\nexport const useCreatePageDialog = (folderId: string) => {\n    const dialog = useDialogs();\n    const { createPage } = useCreatePage();\n    const { getEditPageUrl } = useGetEditPageUrl();\n    const { history } = useRouter();\n    const { getSettings } = useGetWebsiteBuilderSettings();\n\n    const showCreatePageDialog = () => {\n        dialog.showDialog({\n            title: \"Create a Page\",\n            acceptLabel: \"Create\",\n            cancelLabel: \"Cancel\",\n            content: <CreatePageWizard />,\n            formData: {},\n            onAccept: async formData => {\n                const settings = await getSettings();\n\n                const input: CreatePageParams = {\n                    location: {\n                        folderId\n                    },\n                    properties: {\n                        title: formData.title,\n                        path: formData.path\n                    },\n                    elements: {\n                        root: {\n                            type: \"Webiny/Element\",\n                            id: \"root\",\n                            component: {\n                                name: \"Webiny/Root\"\n                            }\n                        }\n                    }\n                };\n\n                const previewUrl = `${settings.previewDomain}${formData.path}`;\n\n                if (formData.type === \"static\") {\n                    input.metadata = {\n                        documentType: \"page\",\n                        pageType: \"static\",\n                        lastPreviewUrl: previewUrl\n                    };\n                } else {\n                    input.metadata = {\n                        documentType: \"page\",\n                        pageType: formData.type,\n                        resourceType: formData.resourceType,\n                        resourceId: formData.resourceId,\n                        lastPreviewUrl: previewUrl\n                    };\n                }\n\n                const result = await createPage(input);\n                history.push(getEditPageUrl(result.id));\n            }\n        });\n    };\n\n    return { showCreatePageDialog };\n};\n\nconst CreatePageWizard = () => {\n    const { pageTypes } = usePageTypes();\n\n    const options = useMemo(() => {\n        return Array.from(pageTypes.entries()).map(([, type]) => ({\n            label: type.label,\n            value: type.name\n        }));\n    }, [pageTypes]);\n\n    const pageTypeBind = useBind({\n        name: \"type\",\n        validators: [validation.create(\"required\")]\n    });\n\n    const pageType = pageTypes.get(pageTypeBind.value);\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Select\n                    label={\"Page Type\"}\n                    {...pageTypeBind}\n                    value={pageTypeBind.value ?? \"\"}\n                    options={options}\n                ></Select>\n            </Grid.Column>\n            <>{pageType ? pageType.element : null}</>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/DocumentList/components/Main/CreatePage/StaticPageForm.d.ts

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

package/DocumentList/components/Main/CreatePage/StaticPageForm.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { UnsetOnUnmount, useBind, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { pagePathFromTitle } from "../../../../shared/pagePathFromTitle";
+const generatePath = form => () => {
+  if (form.data.path) {
+    return;
+  }
+  form.setValue("path", pagePathFromTitle(form.data.title) ?? "");
+};
+export const StaticPageForm = () => {
+  const form = useForm();
+  const titleBind = useBind({
+    name: "title",
+    validators: [validation.create("required")]
+  });
+  const pathBind = useBind({
+    name: "path",
+    validators: [validation.create("required")]
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(UnsetOnUnmount, {
+    name: "title"
+  }, /*#__PURE__*/React.createElement(Input, Object.assign({
+    label: "Title"
+  }, titleBind, {
+    onBlur: generatePath(form)
+  })))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(UnsetOnUnmount, {
+    name: "path"
+  }, /*#__PURE__*/React.createElement(Input, Object.assign({
+    label: "Path"
+  }, pathBind)))));
+};
+
+//# sourceMappingURL=StaticPageForm.js.map

package/DocumentList/components/Main/CreatePage/StaticPageForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","UnsetOnUnmount","useBind","useForm","validation","pagePathFromTitle","generatePath","form","data","path","setValue","title","StaticPageForm","titleBind","name","validators","create","pathBind","createElement","Fragment","Column","span","Object","assign","label","onBlur"],"sources":["StaticPageForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { FormAPI, UnsetOnUnmount, useBind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { pagePathFromTitle } from \"~/shared/pagePathFromTitle\";\n\nconst generatePath = (form: FormAPI) => () => {\n    if (form.data.path) {\n        return;\n    }\n    form.setValue(\"path\", pagePathFromTitle(form.data.title) ?? \"\");\n};\n\nexport const StaticPageForm = () => {\n    const form = useForm();\n    const titleBind = useBind({\n        name: \"title\",\n        validators: [validation.create(\"required\")]\n    });\n    const pathBind = useBind({ name: \"path\", validators: [validation.create(\"required\")] });\n\n    return (\n        <>\n            <Grid.Column span={12}>\n                <UnsetOnUnmount name={\"title\"}>\n                    <Input label={\"Title\"} {...titleBind} onBlur={generatePath(form)} />\n                </UnsetOnUnmount>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <UnsetOnUnmount name={\"path\"}>\n                    <Input label={\"Path\"} {...pathBind} />\n                </UnsetOnUnmount>\n            </Grid.Column>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAAkBC,cAAc,EAAEC,OAAO,EAAEC,OAAO,QAAQ,cAAc;AACxE,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,iBAAiB;AAE1B,MAAMC,YAAY,GAAIC,IAAa,IAAK,MAAM;EAC1C,IAAIA,IAAI,CAACC,IAAI,CAACC,IAAI,EAAE;IAChB;EACJ;EACAF,IAAI,CAACG,QAAQ,CAAC,MAAM,EAAEL,iBAAiB,CAACE,IAAI,CAACC,IAAI,CAACG,KAAK,CAAC,IAAI,EAAE,CAAC;AACnE,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAML,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMU,SAAS,GAAGX,OAAO,CAAC;IACtBY,IAAI,EAAE,OAAO;IACbC,UAAU,EAAE,CAACX,UAAU,CAACY,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGf,OAAO,CAAC;IAAEY,IAAI,EAAE,MAAM;IAAEC,UAAU,EAAE,CAACX,UAAU,CAACY,MAAM,CAAC,UAAU,CAAC;EAAE,CAAC,CAAC;EAEvF,oBACIlB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBvB,KAAA,CAAAoB,aAAA,CAACjB,cAAc;IAACa,IAAI,EAAE;EAAQ,gBAC1BhB,KAAA,CAAAoB,aAAA,CAAClB,KAAK,EAAAsB,MAAA,CAAAC,MAAA;IAACC,KAAK,EAAE;EAAQ,GAAKX,SAAS;IAAEY,MAAM,EAAEnB,YAAY,CAACC,IAAI;EAAE,EAAE,CACvD,CACP,CAAC,eACdT,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBvB,KAAA,CAAAoB,aAAA,CAACjB,cAAc;IAACa,IAAI,EAAE;EAAO,gBACzBhB,KAAA,CAAAoB,aAAA,CAAClB,KAAK,EAAAsB,MAAA,CAAAC,MAAA;IAACC,KAAK,EAAE;EAAO,GAAKP,QAAQ,CAAG,CACzB,CACP,CACf,CAAC;AAEX,CAAC","ignoreList":[]}

package/DocumentList/components/Main/Main.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Main: () => React.JSX.Element;
+export { Main };

package/DocumentList/components/Main/Main.js

@@ -0,0 +1,80 @@
+import React, { useCallback } from "react";
+import debounce from "lodash/debounce";
+import { useCreateDialog, useGetFolderLevelPermission } from "@webiny/app-aco";
+import { Scrollbar } from "@webiny/admin-ui";
+import { useDocumentList } from "../../useDocumentList.js";
+import { Header } from "../Header/index.js";
+import { BottomInfoBar } from "../BottomInfoBar/index.js";
+import { Table } from "../Table/index.js";
+import { Empty } from "../Empty/index.js";
+import { useCreatePageDialog } from "./CreatePage/CreatePage";
+import { useLoadMorePages } from "../../../features/pages/index.js";
+import { BulkActions } from "../BulkActions";
+import { Filters } from "../Filters/index.js";
+const Main = () => {
+  const {
+    vm
+  } = useDocumentList();
+  const {
+    loadMorePages
+  } = useLoadMorePages();
+  const {
+    showDialog: showCreateFolderDialog
+  } = useCreateDialog();
+  const {
+    showCreatePageDialog
+  } = useCreatePageDialog(vm.folderId);
+  const {
+    getFolderLevelPermission: canManageContent
+  } = useGetFolderLevelPermission("canManageContent");
+  const {
+    getFolderLevelPermission: canManageStructure
+  } = useGetFolderLevelPermission("canManageStructure");
+  const canCreateContent = useCallback(folderId => {
+    return canManageContent(folderId);
+  }, [canManageContent]);
+  const canCreateFolder = useCallback(folderId => {
+    return canManageStructure(folderId);
+  }, [canManageStructure]);
+  const onCreateFolder = useCallback(() => {
+    showCreateFolderDialog({
+      currentParentId: vm.folderId
+    });
+  }, [vm.folderId]);
+  const onTableScroll = debounce(async ({
+    scrollFrame
+  }) => {
+    if (scrollFrame.top > 0.8) {
+      await loadMorePages();
+    }
+  }, 200);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-full wby-relative wby-overflow-hidden"
+  }, /*#__PURE__*/React.createElement(Header, {
+    title: vm.title,
+    canCreateFolder: canCreateFolder(vm.folderId),
+    canCreateContent: canCreateContent(vm.folderId),
+    onCreateFolder: onCreateFolder,
+    onCreateDocument: showCreatePageDialog,
+    isRoot: vm.isRoot
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      top: "105px"
+    },
+    className: "wby-w-full wby-overflow-hidden wby-absolute wby-top-0 wby-bottom-0 wby-left-0"
+  }, /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Filters, null), /*#__PURE__*/React.createElement(Scrollbar, {
+    "data-testid": "default-data-list",
+    onScrollFrame: scrollFrame => onTableScroll({
+      scrollFrame
+    })
+  }, vm.isEmpty ? /*#__PURE__*/React.createElement(Empty, {
+    isSearch: vm.isSearch,
+    canCreateFolder: canCreateFolder(vm.folderId),
+    canCreateContent: canCreateContent(vm.folderId),
+    onCreateFolder: onCreateFolder,
+    onCreateDocument: showCreatePageDialog
+  }) : /*#__PURE__*/React.createElement(Table, null)), /*#__PURE__*/React.createElement(BottomInfoBar, null)));
+};
+export { Main };
+
+//# sourceMappingURL=Main.js.map

package/DocumentList/components/Main/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","debounce","useCreateDialog","useGetFolderLevelPermission","Scrollbar","useDocumentList","Header","BottomInfoBar","Table","Empty","useCreatePageDialog","useLoadMorePages","BulkActions","Filters","Main","vm","loadMorePages","showDialog","showCreateFolderDialog","showCreatePageDialog","folderId","getFolderLevelPermission","canManageContent","canManageStructure","canCreateContent","canCreateFolder","onCreateFolder","currentParentId","onTableScroll","scrollFrame","top","createElement","className","title","onCreateDocument","isRoot","style","onScrollFrame","isEmpty","isSearch"],"sources":["Main.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { useDocumentList } from \"~/DocumentList/useDocumentList.js\";\nimport { Header } from \"~/DocumentList/components/Header/index.js\";\nimport { BottomInfoBar } from \"~/DocumentList/components/BottomInfoBar/index.js\";\nimport { Table } from \"~/DocumentList/components/Table/index.js\";\nimport { Empty } from \"~/DocumentList/components/Empty/index.js\";\nimport { useCreatePageDialog } from \"./CreatePage/CreatePage\";\nimport { useLoadMorePages } from \"~/features/pages/index.js\";\nimport { BulkActions } from \"../BulkActions\";\nimport { Filters } from \"~/DocumentList/components/Filters/index.js\";\n\nconst Main = () => {\n    const { vm } = useDocumentList();\n    const { loadMorePages } = useLoadMorePages();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const { showCreatePageDialog } = useCreatePageDialog(vm.folderId);\n    const { getFolderLevelPermission: canManageContent } =\n        useGetFolderLevelPermission(\"canManageContent\");\n\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const canCreateContent = useCallback(\n        (folderId: string) => {\n            return canManageContent(folderId);\n        },\n        [canManageContent]\n    );\n\n    const canCreateFolder = useCallback(\n        (folderId: string) => {\n            return canManageStructure(folderId);\n        },\n        [canManageStructure]\n    );\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: vm.folderId });\n    }, [vm.folderId]);\n\n    const onTableScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await loadMorePages();\n        }\n    }, 200);\n\n    return (\n        <div className={\"wby-h-full wby-relative wby-overflow-hidden\"}>\n            <Header\n                title={vm.title}\n                canCreateFolder={canCreateFolder(vm.folderId)}\n                canCreateContent={canCreateContent(vm.folderId)}\n                onCreateFolder={onCreateFolder}\n                onCreateDocument={showCreatePageDialog}\n                isRoot={vm.isRoot}\n            />\n            <div\n                style={{ top: \"105px\" }}\n                className={\n                    \"wby-w-full wby-overflow-hidden wby-absolute wby-top-0 wby-bottom-0 wby-left-0\"\n                }\n            >\n                <BulkActions />\n                <Filters />\n                <Scrollbar\n                    data-testid=\"default-data-list\"\n                    onScrollFrame={scrollFrame => onTableScroll({ scrollFrame })}\n                >\n                    {vm.isEmpty ? (\n                        <Empty\n                            isSearch={vm.isSearch}\n                            canCreateFolder={canCreateFolder(vm.folderId)}\n                            canCreateContent={canCreateContent(vm.folderId)}\n                            onCreateFolder={onCreateFolder}\n                            onCreateDocument={showCreatePageDialog}\n                        />\n                    ) : (\n                        <Table />\n                    )}\n                </Scrollbar>\n                <BottomInfoBar />\n            </div>\n        </div>\n    );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/DocumentList/components/Main/index.d.ts

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

package/DocumentList/components/Main/index.js

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

package/DocumentList/components/Main/index.js.map

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

package/DocumentList/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Sidebar: () => React.JSX.Element;
+export { Sidebar };

package/DocumentList/components/Sidebar/Sidebar.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { FolderTree, useNavigateFolder } from "@webiny/app-aco";
+const Sidebar = () => {
+  const {
+    currentFolderId,
+    navigateToFolder
+  } = useNavigateFolder();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-p-xs wby-overflow-auto",
+    style: {
+      height: "calc(100vh - 69px)"
+    }
+  }, /*#__PURE__*/React.createElement(FolderTree, {
+    focusedFolderId: currentFolderId,
+    onFolderClick: data => navigateToFolder(data.id),
+    enableActions: true,
+    enableCreate: true
+  }));
+};
+export { Sidebar };
+
+//# sourceMappingURL=Sidebar.js.map

package/DocumentList/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FolderTree","useNavigateFolder","Sidebar","currentFolderId","navigateToFolder","createElement","className","style","height","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\n\nconst Sidebar = () => {\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n\n    return (\n        <div className={\"wby-p-xs wby-overflow-auto\"} style={{ height: \"calc(100vh - 69px)\" }}>\n            <FolderTree\n                focusedFolderId={currentFolderId}\n                onFolderClick={data => navigateToFolder(data.id)}\n                enableActions={true}\n                enableCreate={true}\n            />\n        </div>\n    );\n};\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iBAAiB;AAE/D,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEjE,oBACIF,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE,4BAA6B;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAqB;EAAE,gBAClFT,KAAA,CAAAM,aAAA,CAACL,UAAU;IACPS,eAAe,EAAEN,eAAgB;IACjCO,aAAa,EAAEC,IAAI,IAAIP,gBAAgB,CAACO,IAAI,CAACC,EAAE,CAAE;IACjDC,aAAa,EAAE,IAAK;IACpBC,YAAY,EAAE;EAAK,CACtB,CACA,CAAC;AAEd,CAAC;AAED,SAASZ,OAAO","ignoreList":[]}

package/DocumentList/components/Sidebar/index.d.ts

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

package/DocumentList/components/Sidebar/index.js

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

package/DocumentList/components/Sidebar/index.js.map

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

package/DocumentList/components/Table/Actions/ChangeStatus.d.ts

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

package/DocumentList/components/Table/Actions/ChangeStatus.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { ReactComponent as Publish } from "@webiny/icons/visibility.svg";
+import { ReactComponent as Unpublish } from "@webiny/icons/visibility_off.svg";
+import { PageListConfig } from "../../../../configs/index.js";
+import { useDocument } from "../../../hooks/useDocument.js";
+import { usePublishPageConfirmationDialog } from "../../../hooks/usePublishPageConfirmationDialog.js";
+import { useUnpublishPageConfirmationDialog } from "../../../hooks/useUnpublishPageConfirmationDialog.js";
+export const ChangeStatus = () => {
+  const {
+    document
+  } = useDocument();
+  const {
+    openPublishPageConfirmationDialog
+  } = usePublishPageConfirmationDialog({
+    page: document
+  });
+  const {
+    openUnpublishPageConfirmationDialog
+  } = useUnpublishPageConfirmationDialog({
+    page: document
+  });
+  const {
+    OptionsMenuItem
+  } = PageListConfig.Browser.Page.Action;
+  if (document.data.status === "published") {
+    return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+      icon: /*#__PURE__*/React.createElement(Unpublish, null),
+      label: "Unpublish",
+      onAction: openUnpublishPageConfirmationDialog
+    });
+  }
+  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/React.createElement(Publish, null),
+    label: "Publish",
+    onAction: openPublishPageConfirmationDialog
+  });
+};
+
+//# sourceMappingURL=ChangeStatus.js.map

package/DocumentList/components/Table/Actions/ChangeStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","Publish","Unpublish","PageListConfig","useDocument","usePublishPageConfirmationDialog","useUnpublishPageConfirmationDialog","ChangeStatus","document","openPublishPageConfirmationDialog","page","openUnpublishPageConfirmationDialog","OptionsMenuItem","Browser","Page","Action","data","status","createElement","icon","label","onAction"],"sources":["ChangeStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Publish } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as Unpublish } from \"@webiny/icons/visibility_off.svg\";\nimport { PageListConfig } from \"~/configs/index.js\";\nimport { useDocument } from \"~/DocumentList/hooks/useDocument.js\";\nimport { usePublishPageConfirmationDialog } from \"~/DocumentList/hooks/usePublishPageConfirmationDialog.js\";\nimport { useUnpublishPageConfirmationDialog } from \"~/DocumentList/hooks/useUnpublishPageConfirmationDialog.js\";\n\nexport const ChangeStatus = () => {\n    const { document } = useDocument();\n    const { openPublishPageConfirmationDialog } = usePublishPageConfirmationDialog({\n        page: document\n    });\n    const { openUnpublishPageConfirmationDialog } = useUnpublishPageConfirmationDialog({\n        page: document\n    });\n    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\n    if (document.data.status === \"published\") {\n        return (\n            <OptionsMenuItem\n                icon={<Unpublish />}\n                label={\"Unpublish\"}\n                onAction={openUnpublishPageConfirmationDialog}\n            />\n        );\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<Publish />}\n            label={\"Publish\"}\n            onAction={openPublishPageConfirmationDialog}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,8BAA8B;AACxE,SAASD,cAAc,IAAIE,SAAS,QAAQ,kCAAkC;AAC9E,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,gCAAgC;AACzC,SAASC,kCAAkC;AAE3C,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAS,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAClC,MAAM;IAAEK;EAAkC,CAAC,GAAGJ,gCAAgC,CAAC;IAC3EK,IAAI,EAAEF;EACV,CAAC,CAAC;EACF,MAAM;IAAEG;EAAoC,CAAC,GAAGL,kCAAkC,CAAC;IAC/EI,IAAI,EAAEF;EACV,CAAC,CAAC;EACF,MAAM;IAAEI;EAAgB,CAAC,GAAGT,cAAc,CAACU,OAAO,CAACC,IAAI,CAACC,MAAM;EAE9D,IAAIP,QAAQ,CAACQ,IAAI,CAACC,MAAM,KAAK,WAAW,EAAE;IACtC,oBACIlB,KAAA,CAAAmB,aAAA,CAACN,eAAe;MACZO,IAAI,eAAEpB,KAAA,CAAAmB,aAAA,CAAChB,SAAS,MAAE,CAAE;MACpBkB,KAAK,EAAE,WAAY;MACnBC,QAAQ,EAAEV;IAAoC,CACjD,CAAC;EAEV;EAEA,oBACIZ,KAAA,CAAAmB,aAAA,CAACN,eAAe;IACZO,IAAI,eAAEpB,KAAA,CAAAmB,aAAA,CAACjB,OAAO,MAAE,CAAE;IAClBmB,KAAK,EAAE,SAAU;IACjBC,QAAQ,EAAEZ;EAAkC,CAC/C,CAAC;AAEV,CAAC","ignoreList":[]}

package/DocumentList/components/Table/Actions/Delete.d.ts

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

package/DocumentList/components/Table/Actions/Delete.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { useDocument } from "../../../hooks/useDocument.js";
+import { useDeletePageConfirmationDialog } from "../../../hooks/useDeletePageConfirmationDialog.js";
+import { PageListConfig } from "../../../../configs/index.js";
+export const Delete = () => {
+  const {
+    document
+  } = useDocument();
+  const {
+    openUnpublishPageConfirmationDialog
+  } = useDeletePageConfirmationDialog({
+    page: document
+  });
+  const {
+    OptionsMenuItem
+  } = PageListConfig.Browser.Page.Action;
+  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    label: "Delete",
+    onAction: openUnpublishPageConfirmationDialog,
+    className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+  });
+};
+
+//# sourceMappingURL=Delete.js.map

package/DocumentList/components/Table/Actions/Delete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","DeleteIcon","useDocument","useDeletePageConfirmationDialog","PageListConfig","Delete","document","openUnpublishPageConfirmationDialog","page","OptionsMenuItem","Browser","Page","Action","createElement","icon","label","onAction","className"],"sources":["Delete.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useDocument } from \"~/DocumentList/hooks/useDocument.js\";\nimport { useDeletePageConfirmationDialog } from \"~/DocumentList/hooks/useDeletePageConfirmationDialog.js\";\nimport { PageListConfig } from \"~/configs/index.js\";\n\nexport const Delete = () => {\n    const { document } = useDocument();\n    const { openUnpublishPageConfirmationDialog } = useDeletePageConfirmationDialog({\n        page: document\n    });\n    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Delete\"}\n            onAction={openUnpublishPageConfirmationDialog}\n            className={\"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,WAAW;AACpB,SAASC,+BAA+B;AACxC,SAASC,cAAc;AAEvB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAS,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAClC,MAAM;IAAEK;EAAoC,CAAC,GAAGJ,+BAA+B,CAAC;IAC5EK,IAAI,EAAEF;EACV,CAAC,CAAC;EACF,MAAM;IAAEG;EAAgB,CAAC,GAAGL,cAAc,CAACM,OAAO,CAACC,IAAI,CAACC,MAAM;EAE9D,oBACIb,KAAA,CAAAc,aAAA,CAACJ,eAAe;IACZK,IAAI,eAAEf,KAAA,CAAAc,aAAA,CAACZ,UAAU,MAAE,CAAE;IACrBc,KAAK,EAAE,QAAS;IAChBC,QAAQ,EAAET,mCAAoC;IAC9CU,SAAS,EAAE;EAA6D,CAC3E,CAAC;AAEV,CAAC","ignoreList":[]}

package/DocumentList/components/Table/Actions/Duplicate.d.ts

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

package/DocumentList/components/Table/Actions/Duplicate.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { ReactComponent as DuplicateIcon } from "@webiny/icons/library_add.svg";
+import { useDocument } from "../../../hooks/useDocument.js";
+import { useDuplicatePageConfirmationDialog } from "../../../hooks/useDuplicatePageConfirmationDialog.js";
+import { PageListConfig } from "../../../../configs/index.js";
+export const Duplicate = () => {
+  const {
+    document
+  } = useDocument();
+  const {
+    openDuplicatePageConfirmationDialog
+  } = useDuplicatePageConfirmationDialog({
+    page: document
+  });
+  const {
+    OptionsMenuItem
+  } = PageListConfig.Browser.Page.Action;
+  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/React.createElement(DuplicateIcon, null),
+    label: "Duplicate",
+    onAction: openDuplicatePageConfirmationDialog
+  });
+};
+
+//# sourceMappingURL=Duplicate.js.map

package/DocumentList/components/Table/Actions/Duplicate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","DuplicateIcon","useDocument","useDuplicatePageConfirmationDialog","PageListConfig","Duplicate","document","openDuplicatePageConfirmationDialog","page","OptionsMenuItem","Browser","Page","Action","createElement","icon","label","onAction"],"sources":["Duplicate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DuplicateIcon } from \"@webiny/icons/library_add.svg\";\nimport { useDocument } from \"~/DocumentList/hooks/useDocument.js\";\nimport { useDuplicatePageConfirmationDialog } from \"~/DocumentList/hooks/useDuplicatePageConfirmationDialog.js\";\nimport { PageListConfig } from \"~/configs/index.js\";\n\nexport const Duplicate = () => {\n    const { document } = useDocument();\n    const { openDuplicatePageConfirmationDialog } = useDuplicatePageConfirmationDialog({\n        page: document\n    });\n    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\n    return (\n        <OptionsMenuItem\n            icon={<DuplicateIcon />}\n            label={\"Duplicate\"}\n            onAction={openDuplicatePageConfirmationDialog}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,+BAA+B;AAC/E,SAASC,WAAW;AACpB,SAASC,kCAAkC;AAC3C,SAASC,cAAc;AAEvB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAS,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAClC,MAAM;IAAEK;EAAoC,CAAC,GAAGJ,kCAAkC,CAAC;IAC/EK,IAAI,EAAEF;EACV,CAAC,CAAC;EACF,MAAM;IAAEG;EAAgB,CAAC,GAAGL,cAAc,CAACM,OAAO,CAACC,IAAI,CAACC,MAAM;EAE9D,oBACIb,KAAA,CAAAc,aAAA,CAACJ,eAAe;IACZK,IAAI,eAAEf,KAAA,CAAAc,aAAA,CAACZ,aAAa,MAAE,CAAE;IACxBc,KAAK,EAAE,WAAY;IACnBC,QAAQ,EAAET;EAAoC,CACjD,CAAC;AAEV,CAAC","ignoreList":[]}

package/DocumentList/components/Table/Actions/Edit.d.ts

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