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

package/DocumentList/components/BulkActions/BulkActionUnpublish.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionUnpublish: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/DocumentList/components/BulkActions/BulkActionUnpublish.js

@@ -0,0 +1,71 @@
+import React, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as UnpublishIcon } from "@webiny/icons/visibility_off.svg";
+import { observer } from "mobx-react-lite";
+import { getPagesLabel } from "./BulkActions.js";
+import { useUnpublishPage } from "../../../features/pages/index.js";
+import { PageListConfig } from "../../../configs/index.js";
+export const BulkActionUnpublish = observer(() => {
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = PageListConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const {
+    unpublishPage
+  } = useUnpublishPage();
+  const pagesLabel = useMemo(() => {
+    return getPagesLabel(worker.items.length);
+  }, [worker.items.length]);
+  const openUnpublishDialog = () => showConfirmationDialog({
+    title: "Unpublish pages",
+    message: `You are about to unpublish ${pagesLabel}. Are you sure you want to continue?`,
+    loadingLabel: `Processing ${pagesLabel}`,
+    execute: async () => {
+      await worker.processInSeries(async ({
+        item,
+        report
+      }) => {
+        try {
+          await unpublishPage({
+            id: item.id
+          });
+          report.success({
+            title: item.properties.title,
+            message: "Page successfully unpublished."
+          });
+        } catch (e) {
+          report.error({
+            title: item.properties.title,
+            message: e.message
+          });
+        }
+      });
+      worker.resetItems();
+      showResultsDialog({
+        results: worker.results,
+        title: "Unpublish pages",
+        message: "Finished unpublishing pages! See full report below:"
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Unpublish ${pagesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(UnpublishIcon, null),
+      onAction: openUnpublishDialog,
+      size: "sm"
+    }, `Unpublish`)
+  });
+});
+
+//# sourceMappingURL=BulkActionUnpublish.js.map

package/DocumentList/components/BulkActions/BulkActionUnpublish.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","UnpublishIcon","observer","getPagesLabel","useUnpublishPage","PageListConfig","BulkActionUnpublish","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","unpublishPage","pagesLabel","items","length","openUnpublishDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionUnpublish.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/DocumentList/components/BulkActions/BulkActions.js\";\nimport { useUnpublishPage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/configs/index.js\";\n\nexport const BulkActionUnpublish = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { unpublishPage } = useUnpublishPage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openUnpublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Unpublish pages\",\n            message: `You are about to unpublish ${pagesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${pagesLabel}`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await unpublishPage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully unpublished.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.properties.title,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Unpublish pages\",\n                    message: \"Finished unpublishing pages! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Unpublish ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<UnpublishIcon />} onAction={openUnpublishDialog} size={\"sm\"}>\n                    {`Unpublish`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,cAAc;AAEvB,OAAO,MAAMC,mBAAmB,GAAGJ,QAAQ,CAAC,MAAM;EAC9C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,UAAU;EAC9E,MAAM;IAAEC;EAAc,CAAC,GAAGJ,UAAU,CAAC,CAAC;EACtC,MAAMK,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,MAAM;IAAEO,sBAAsB;IAAEC;EAAkB,CAAC,GAAGN,SAAS,CAAC,CAAC;EAEjE,MAAM;IAAEO;EAAc,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAE5C,MAAMa,UAAU,GAAGnB,OAAO,CAAC,MAAM;IAC7B,OAAOK,aAAa,CAACU,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACN,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,mBAAmB,GAAGA,CAAA,KACxBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,iBAAiB;IACxBC,OAAO,EAAE,8BAA8BL,UAAU,sCAAsC;IACvFM,YAAY,EAAE,cAAcN,UAAU,EAAE;IACxCO,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMX,MAAM,CAACY,eAAe,CAAC,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMX,aAAa,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAEpCD,MAAM,CAACE,OAAO,CAAC;YACXR,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOS,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTX,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,OAAO,EAAES,CAAC,CAACT;UACf,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;MAEFT,MAAM,CAACoB,UAAU,CAAC,CAAC;MAEnBlB,iBAAiB,CAAC;QACdmB,OAAO,EAAErB,MAAM,CAACqB,OAAO;QACvBb,KAAK,EAAE,iBAAiB;QACxBC,OAAO,EAAE;MACb,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEN,oBACIzB,KAAA,CAAAsC,aAAA,CAACpC,OAAO;IACJqC,IAAI,EAAE,QAAS;IACfC,OAAO,EAAE,aAAapB,UAAU,EAAG;IACnCqB,OAAO,eACHzC,KAAA,CAAAsC,aAAA,CAACvB,aAAa;MAAC2B,IAAI,eAAE1C,KAAA,CAAAsC,aAAA,CAAClC,aAAa,MAAE,CAAE;MAACuC,QAAQ,EAAEpB,mBAAoB;MAACqB,IAAI,EAAE;IAAK,GAC7E,WACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/DocumentList/components/BulkActions/BulkActions.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const getPagesLabel: (count?: number) => string;
+export declare const BulkActions: () => React.JSX.Element | null;

package/DocumentList/components/BulkActions/BulkActions.js

@@ -0,0 +1,49 @@
+import React, { useMemo } from "react";
+import { Text, IconButton } from "@webiny/admin-ui";
+import { ReactComponent as Close } from "@webiny/icons/close.svg";
+import { Buttons } from "@webiny/app-admin";
+import { useDocumentList } from "../../useDocumentList.js";
+import { useSelectPages } from "../../../features/pages/selectPages/useSelectPages.js";
+import { usePageListConfig } from "../../../configs/index.js";
+export const getPagesLabel = (count = 0) => {
+  return `${count} ${count === 1 ? "page" : "pages"}`;
+};
+export const BulkActions = () => {
+  const {
+    browser
+  } = usePageListConfig();
+  const {
+    vm
+  } = useDocumentList();
+  const {
+    selectPages
+  } = useSelectPages();
+  const headline = useMemo(() => {
+    const label = getPagesLabel(vm.selected.length);
+    return `${label} selected`;
+  }, [vm.selected]);
+  if (!vm.selected.length) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, headline)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Buttons, {
+    actions: browser.bulkActions
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(Close, null),
+    onClick: () => selectPages([])
+  }))));
+};
+
+//# sourceMappingURL=BulkActions.js.map

package/DocumentList/components/BulkActions/BulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Text","IconButton","ReactComponent","Close","Buttons","useDocumentList","useSelectPages","usePageListConfig","getPagesLabel","count","BulkActions","browser","vm","selectPages","headline","label","selected","length","createElement","className","size","actions","bulkActions","variant","icon","onClick"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/DocumentList/useDocumentList.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport { usePageListConfig } from \"~/configs/index.js\";\n\nexport const getPagesLabel = (count = 0): string => {\n    return `${count} ${count === 1 ? \"page\" : \"pages\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = usePageListConfig();\n    const { vm } = useDocumentList();\n    const { selectPages } = useSelectPages();\n\n    const headline = useMemo((): string => {\n        const label = getPagesLabel(vm.selected.length);\n        return `${label} selected`;\n    }, [vm.selected]);\n\n    if (!vm.selected.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm\"}>\n            <div className={\"wby-flex wby-items-center wby-justify-between wby-gap-sm\"}>\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                </div>\n\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Buttons actions={browser.bulkActions} />\n                    <IconButton\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                        icon={<Close />}\n                        onClick={() => selectPages([])}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AACnD,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,aAAa,GAAGA,CAACC,KAAK,GAAG,CAAC,KAAa;EAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;AACvD,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEK;EAAG,CAAC,GAAGP,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEQ;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAExC,MAAMQ,QAAQ,GAAGf,OAAO,CAAC,MAAc;IACnC,MAAMgB,KAAK,GAAGP,aAAa,CAACI,EAAE,CAACI,QAAQ,CAACC,MAAM,CAAC;IAC/C,OAAO,GAAGF,KAAK,WAAW;EAC9B,CAAC,EAAE,CAACH,EAAE,CAACI,QAAQ,CAAC,CAAC;EAEjB,IAAI,CAACJ,EAAE,CAACI,QAAQ,CAACC,MAAM,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAAyD,gBACrErB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAA2D,gBACvErB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDrB,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACoB,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAA0B,GAClDL,QACC,CACL,CAAC,eAENhB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDrB,KAAA,CAAAoB,aAAA,CAACd,OAAO;IAACiB,OAAO,EAAEV,OAAO,CAACW;EAAY,CAAE,CAAC,eACzCxB,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACPsB,OAAO,EAAE,OAAQ;IACjBH,IAAI,EAAE,IAAK;IACXI,IAAI,eAAE1B,KAAA,CAAAoB,aAAA,CAACf,KAAK,MAAE,CAAE;IAChBsB,OAAO,EAAEA,CAAA,KAAMZ,WAAW,CAAC,EAAE;EAAE,CAClC,CACA,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+export * from "./BulkActions.js";
+export * from "./BulkActionDelete.js";
+export * from "./BulkActionDuplicate.js";
+export * from "./BulkActionMovePage.js";
+export * from "./BulkActionPublish.js";
+export * from "./BulkActionUnpublish.js";

package/DocumentList/components/BulkActions/index.js

@@ -0,0 +1,8 @@
+export * from "./BulkActions.js";
+export * from "./BulkActionDelete.js";
+export * from "./BulkActionDuplicate.js";
+export * from "./BulkActionMovePage.js";
+export * from "./BulkActionPublish.js";
+export * from "./BulkActionUnpublish.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./BulkActions.js\";\nexport * from \"./BulkActionDelete.js\";\nexport * from \"./BulkActionDuplicate.js\";\nexport * from \"./BulkActionMovePage.js\";\nexport * from \"./BulkActionPublish.js\";\nexport * from \"./BulkActionUnpublish.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/DocumentList/components/Empty/Empty.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface EmptyProps {
+    isSearch: boolean;
+    onCreateDocument: (event: React.SyntheticEvent) => void;
+    onCreateFolder: (event: React.SyntheticEvent) => void;
+    canCreateContent: boolean;
+    canCreateFolder: boolean;
+}
+export declare const Empty: ({ isSearch, onCreateDocument, onCreateFolder, canCreateContent, canCreateFolder }: EmptyProps) => React.JSX.Element;
+export {};

package/DocumentList/components/Empty/Empty.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import EmptyView from "@webiny/app-admin/components/EmptyView";
+import { Button, Tooltip } from "@webiny/admin-ui";
+export const Empty = ({
+  isSearch,
+  onCreateDocument,
+  onCreateFolder,
+  canCreateContent,
+  canCreateFolder
+}) => {
+  if (isSearch) {
+    return /*#__PURE__*/React.createElement(EmptyView, {
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
+      title: "No results found.",
+      action: null
+    });
+  }
+  let createDocumentButton = /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    onClick: onCreateDocument,
+    disabled: !canCreateContent,
+    text: "New page",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  });
+  if (!canCreateContent) {
+    createDocumentButton = /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: createDocumentButton,
+      content: `Cannot create page because you're not an owner.`,
+      side: "bottom"
+    });
+  }
+  let createFolderButton = /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    onClick: onCreateFolder,
+    disabled: !canCreateFolder,
+    text: "New folder",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  });
+  if (!canCreateFolder) {
+    createFolderButton = /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: createFolderButton,
+      content: `Cannot create folder because you're not an owner.`,
+      side: "bottom"
+    });
+  }
+  return /*#__PURE__*/React.createElement(EmptyView, {
+    title: `Nothing to show here. ${canCreateContent ? "Navigate to a different folder or create a..." : "Click on the left side to navigate to a different folder."}`,
+    action: /*#__PURE__*/React.createElement(React.Fragment, null, createFolderButton, createDocumentButton)
+  });
+};
+
+//# sourceMappingURL=Empty.js.map

package/DocumentList/components/Empty/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","SearchIcon","AddIcon","EmptyView","Button","Tooltip","Empty","isSearch","onCreateDocument","onCreateFolder","canCreateContent","canCreateFolder","createElement","icon","title","action","createDocumentButton","variant","onClick","disabled","text","trigger","content","side","createFolderButton","Fragment"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface EmptyProps {\n    isSearch: boolean;\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n}\n\nexport const Empty = ({\n    isSearch,\n    onCreateDocument,\n    onCreateFolder,\n    canCreateContent,\n    canCreateFolder\n}: EmptyProps) => {\n    if (isSearch) {\n        return <EmptyView icon={<SearchIcon />} title={\"No results found.\"} action={null} />;\n    }\n\n    let createDocumentButton = (\n        <Button\n            variant={\"primary\"}\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New page\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create page because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    let createFolderButton = (\n        <Button\n            variant={\"secondary\"}\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New folder\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateFolder) {\n        createFolderButton = (\n            <Tooltip\n                trigger={createFolderButton}\n                content={`Cannot create folder because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    return (\n        <EmptyView\n            title={`Nothing to show here. ${\n                canCreateContent\n                    ? \"Navigate to a different folder or create a...\"\n                    : \"Click on the left side to navigate to a different folder.\"\n            }`}\n            action={\n                <>\n                    {createFolderButton}\n                    {createDocumentButton}\n                </>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASD,cAAc,IAAIE,OAAO,QAAQ,uBAAuB;AACjE,OAAOC,SAAS,MAAM,wCAAwC;AAC9D,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AAUlD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAClBC,QAAQ;EACRC,gBAAgB;EAChBC,cAAc;EACdC,gBAAgB;EAChBC;AACQ,CAAC,KAAK;EACd,IAAIJ,QAAQ,EAAE;IACV,oBAAOR,KAAA,CAAAa,aAAA,CAACT,SAAS;MAACU,IAAI,eAAEd,KAAA,CAAAa,aAAA,CAACX,UAAU,MAAE,CAAE;MAACa,KAAK,EAAE,mBAAoB;MAACC,MAAM,EAAE;IAAK,CAAE,CAAC;EACxF;EAEA,IAAIC,oBAAoB,gBACpBjB,KAAA,CAAAa,aAAA,CAACR,MAAM;IACHa,OAAO,EAAE,SAAU;IACnBC,OAAO,EAAEV,gBAAiB;IAC1BW,QAAQ,EAAE,CAACT,gBAAiB;IAC5BU,IAAI,EAAE,UAAW;IACjBP,IAAI,eAAEd,KAAA,CAAAa,aAAA,CAACV,OAAO,MAAE;EAAE,CACrB,CACJ;EAED,IAAI,CAACQ,gBAAgB,EAAE;IACnBM,oBAAoB,gBAChBjB,KAAA,CAAAa,aAAA,CAACP,OAAO;MACJgB,OAAO,EAAEL,oBAAqB;MAC9BM,OAAO,EAAE,iDAAkD;MAC3DC,IAAI,EAAE;IAAS,CAClB,CACJ;EACL;EAEA,IAAIC,kBAAkB,gBAClBzB,KAAA,CAAAa,aAAA,CAACR,MAAM;IACHa,OAAO,EAAE,WAAY;IACrBC,OAAO,EAAET,cAAe;IACxBU,QAAQ,EAAE,CAACR,eAAgB;IAC3BS,IAAI,EAAE,YAAa;IACnBP,IAAI,eAAEd,KAAA,CAAAa,aAAA,CAACV,OAAO,MAAE;EAAE,CACrB,CACJ;EAED,IAAI,CAACS,eAAe,EAAE;IAClBa,kBAAkB,gBACdzB,KAAA,CAAAa,aAAA,CAACP,OAAO;MACJgB,OAAO,EAAEG,kBAAmB;MAC5BF,OAAO,EAAE,mDAAoD;MAC7DC,IAAI,EAAE;IAAS,CAClB,CACJ;EACL;EAEA,oBACIxB,KAAA,CAAAa,aAAA,CAACT,SAAS;IACNW,KAAK,EAAE,yBACHJ,gBAAgB,GACV,+CAA+C,GAC/C,2DAA2D,EAClE;IACHK,MAAM,eACFhB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA0B,QAAA,QACKD,kBAAkB,EAClBR,oBACH;EACL,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

package/DocumentList/components/Empty/index.js

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

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

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

package/DocumentList/components/Filters/FilterByStatus.d.ts

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

package/DocumentList/components/Filters/FilterByStatus.js

@@ -0,0 +1,40 @@
+import React, { useMemo } from "react";
+import { Select } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+const getValidFilterValue = value => {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+export const FilterByStatus = () => {
+  const bind = useBind({
+    name: "status",
+    beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  const options = useMemo(() => {
+    return [{
+      label: "All",
+      value: "all"
+    }, {
+      label: "Draft",
+      value: "draft"
+    }, {
+      label: "Published",
+      value: "published"
+    }, {
+      label: "Unpublished",
+      value: "unpublished"
+    }];
+  }, []);
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+    value: bind.value,
+    size: "md",
+    placeholder: "Filter by status",
+    options: options
+  }));
+};
+
+//# sourceMappingURL=FilterByStatus.js.map

package/DocumentList/components/Filters/FilterByStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Select","useBind","getValidFilterValue","value","undefined","FilterByStatus","bind","name","beforeChange","cb","options","label","createElement","Object","assign","size","placeholder"],"sources":["FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"status\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            { label: \"Draft\", value: \"draft\" },\n            { label: \"Published\", value: \"published\" },\n            { label: \"Unpublished\", value: \"unpublished\" }\n        ];\n    }, []);\n\n    return (\n        <Select\n            {...bind}\n            value={bind.value}\n            size={\"md\"}\n            placeholder={\"Filter by status\"}\n            options={options}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,OAAO,QAAQ,cAAc;AAEtC,MAAMC,mBAAmB,GAAIC,KAAa,IAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,IAAI,GAAGL,OAAO,CAAC;IACjBM,IAAI,EAAE,QAAQ;IACdC,YAAYA,CAACL,KAAK,EAAEM,EAAE,EAAE;MACpBA,EAAE,CAACP,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMO,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAO,CACH;MAAEY,KAAK,EAAE,KAAK;MAAER,KAAK,EAAE;IAAM,CAAC,EAC9B;MAAEQ,KAAK,EAAE,OAAO;MAAER,KAAK,EAAE;IAAQ,CAAC,EAClC;MAAEQ,KAAK,EAAE,WAAW;MAAER,KAAK,EAAE;IAAY,CAAC,EAC1C;MAAEQ,KAAK,EAAE,aAAa;MAAER,KAAK,EAAE;IAAc,CAAC,CACjD;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIL,KAAA,CAAAc,aAAA,CAACZ,MAAM,EAAAa,MAAA,CAAAC,MAAA,KACCR,IAAI;IACRH,KAAK,EAAEG,IAAI,CAACH,KAAM;IAClBY,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,kBAAmB;IAChCN,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV,CAAC","ignoreList":[]}

package/DocumentList/components/Filters/Filters.d.ts

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

package/DocumentList/components/Filters/Filters.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { Filters as BaseFilters } from "@webiny/app-admin";
+import { usePageListConfig } from "../../../configs/index.js";
+import { useFilterPages } from "../../../features/pages/index.js";
+import { useDocumentList } from "../../useDocumentList.js";
+import { useNavigateFolder } from "@webiny/app-aco";
+export const Filters = () => {
+  const {
+    browser
+  } = usePageListConfig();
+  const {
+    vm
+  } = useDocumentList();
+  const {
+    filterPages
+  } = useFilterPages();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const applyFilters = data => {
+    if (!Object.keys(data).length) {
+      return;
+    }
+    const convertedFilters = browser.filtersToWhere.reduce((data, converter) => converter(data), data);
+    filterPages(convertedFilters, currentFolderId);
+  };
+  return /*#__PURE__*/React.createElement(BaseFilters, {
+    filters: browser.filters,
+    show: vm.isFilterVisible,
+    onChange: applyFilters
+  });
+};
+
+//# sourceMappingURL=Filters.js.map

package/DocumentList/components/Filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Filters","BaseFilters","usePageListConfig","useFilterPages","useDocumentList","useNavigateFolder","browser","vm","filterPages","currentFolderId","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","createElement","filters","show","isFilterVisible","onChange"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Filters as BaseFilters, FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { usePageListConfig } from \"~/configs/index.js\";\nimport { useFilterPages } from \"~/features/pages/index.js\";\nimport { useDocumentList } from \"~/DocumentList/useDocumentList.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\n\nexport const Filters = () => {\n    const { browser } = usePageListConfig();\n    const { vm } = useDocumentList();\n    const { filterPages } = useFilterPages();\n    const { currentFolderId } = useNavigateFolder();\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (data, converter) => converter(data),\n            data\n        );\n\n        filterPages(convertedFilters, currentFolderId);\n    };\n\n    return (\n        <BaseFilters filters={browser.filters} show={vm.isFilterVisible} onChange={applyFilters} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,WAAW,QAAyB,mBAAmB;AAC3E,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,eAAe;AACxB,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,OAAO,MAAML,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEM;EAAQ,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEK;EAAG,CAAC,GAAGH,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEI;EAAY,CAAC,GAAGL,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEM;EAAgB,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EAE/C,MAAMK,YAA6B,GAAGC,IAAI,IAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,MAAMC,gBAAgB,GAAGT,OAAO,CAACU,cAAc,CAACC,MAAM,CAClD,CAACN,IAAI,EAAEO,SAAS,KAAKA,SAAS,CAACP,IAAI,CAAC,EACpCA,IACJ,CAAC;IAEDH,WAAW,CAACO,gBAAgB,EAAEN,eAAe,CAAC;EAClD,CAAC;EAED,oBACIV,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IAACmB,OAAO,EAAEd,OAAO,CAACc,OAAQ;IAACC,IAAI,EAAEd,EAAE,CAACe,eAAgB;IAACC,QAAQ,EAAEb;EAAa,CAAE,CAAC;AAEnG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export * from "./Filters.js";
+export * from "./FilterByStatus.js";

package/DocumentList/components/Filters/index.js

@@ -0,0 +1,4 @@
+export * from "./Filters.js";
+export * from "./FilterByStatus.js";
+
+//# sourceMappingURL=index.js.map

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

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

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

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

package/DocumentList/components/Header/ButtonFilters.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { FiltersToggle } from "@webiny/app-admin";
+import { useDocumentList } from "../../useDocumentList.js";
+export const ButtonFilters = () => {
+  const {
+    vm,
+    showFilters
+  } = useDocumentList();
+  return /*#__PURE__*/React.createElement(FiltersToggle, {
+    onFiltersToggle: () => showFilters(!vm.isFilterVisible),
+    showingFilters: vm.isFilterVisible
+  });
+};
+
+//# sourceMappingURL=ButtonFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FiltersToggle","useDocumentList","ButtonFilters","vm","showFilters","createElement","onFiltersToggle","isFilterVisible","showingFilters"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/DocumentList/useDocumentList.js\";\n\nexport const ButtonFilters = () => {\n    const { vm, showFilters } = useDocumentList();\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={() => showFilters(!vm.isFilterVisible)}\n            showingFilters={vm.isFilterVisible}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC,EAAE;IAAEC;EAAY,CAAC,GAAGH,eAAe,CAAC,CAAC;EAE7C,oBACIF,KAAA,CAAAM,aAAA,CAACL,aAAa;IACVM,eAAe,EAAEA,CAAA,KAAMF,WAAW,CAAC,CAACD,EAAE,CAACI,eAAe,CAAE;IACxDC,cAAc,EAAEL,EAAE,CAACI;EAAgB,CACtC,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface ButtonsCreateProps {
+    onCreateDocument: (event: React.SyntheticEvent) => void;
+    onCreateFolder: (event: React.SyntheticEvent) => void;
+    canCreateFolder: boolean;
+    canCreateContent: boolean;
+}
+export declare const ButtonsCreate: ({ onCreateFolder, onCreateDocument, canCreateContent, canCreateFolder }: ButtonsCreateProps) => React.JSX.Element;
+export {};

package/DocumentList/components/Header/ButtonsCreate.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { ReactComponent as Add } from "@webiny/icons/add.svg";
+import { Button, Tooltip } from "@webiny/admin-ui";
+export const ButtonsCreate = ({
+  onCreateFolder,
+  onCreateDocument,
+  canCreateContent,
+  canCreateFolder
+}) => {
+  let newFolderButton = /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "new-folder-button",
+    onClick: onCreateFolder,
+    disabled: !canCreateFolder,
+    text: "New Folder",
+    icon: /*#__PURE__*/React.createElement(Add, null),
+    variant: "secondary"
+  });
+  if (!canCreateFolder) {
+    newFolderButton = /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Cannot create folder because you're not an owner.`,
+      trigger: newFolderButton
+    });
+  }
+  let newEntryButton = /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "new-entry-button",
+    onClick: onCreateDocument,
+    disabled: !canCreateContent,
+    text: "New Page",
+    icon: /*#__PURE__*/React.createElement(Add, null)
+  });
+  if (!canCreateContent) {
+    newEntryButton = /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Cannot create page because you're not an owner.`,
+      trigger: newEntryButton
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, newFolderButton, newEntryButton);
+};
+
+//# sourceMappingURL=ButtonsCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","Add","Button","Tooltip","ButtonsCreate","onCreateFolder","onCreateDocument","canCreateContent","canCreateFolder","newFolderButton","createElement","onClick","disabled","text","icon","variant","content","trigger","newEntryButton","Fragment"],"sources":["ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface ButtonsCreateProps {\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateDocument,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New Folder\"}\n            icon={<Add />}\n            variant={\"secondary\"}\n        />\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={newFolderButton}\n            />\n        );\n    }\n\n    let newEntryButton = (\n        <Button\n            data-testid=\"new-entry-button\"\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New Page\"}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create page because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,GAAG,QAAQ,uBAAuB;AAC7D,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AASlD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,cAAc;EACdC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACgB,CAAC,KAAK;EACtB,IAAIC,eAAe,gBACfV,KAAA,CAAAW,aAAA,CAACR,MAAM;IACH,eAAY,mBAAmB;IAC/BS,OAAO,EAAEN,cAAe;IACxBO,QAAQ,EAAE,CAACJ,eAAgB;IAC3BK,IAAI,EAAE,YAAa;IACnBC,IAAI,eAAEf,KAAA,CAAAW,aAAA,CAACT,GAAG,MAAE,CAAE;IACdc,OAAO,EAAE;EAAY,CACxB,CACJ;EAED,IAAI,CAACP,eAAe,EAAE;IAClBC,eAAe,gBACXV,KAAA,CAAAW,aAAA,CAACP,OAAO;MACJa,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAER;IAAgB,CAC5B,CACJ;EACL;EAEA,IAAIS,cAAc,gBACdnB,KAAA,CAAAW,aAAA,CAACR,MAAM;IACH,eAAY,kBAAkB;IAC9BS,OAAO,EAAEL,gBAAiB;IAC1BM,QAAQ,EAAE,CAACL,gBAAiB;IAC5BM,IAAI,EAAE,UAAW;IACjBC,IAAI,eAAEf,KAAA,CAAAW,aAAA,CAACT,GAAG,MAAE;EAAE,CACjB,CACJ;EAED,IAAI,CAACM,gBAAgB,EAAE;IACnBW,cAAc,gBACVnB,KAAA,CAAAW,aAAA,CAACP,OAAO;MACJa,OAAO,EAAE,iDAAkD;MAC3DC,OAAO,EAAEC;IAAe,CAC3B,CACJ;EACL;EAEA,oBACInB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAoB,QAAA,QACKV,eAAe,EACfS,cACH,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface HeaderProps {
+    isRoot: boolean;
+    title?: string;
+    canCreateFolder: boolean;
+    canCreateContent: boolean;
+    onCreateDocument: (event?: React.SyntheticEvent) => void;
+    onCreateFolder: (event?: React.SyntheticEvent) => void;
+}
+export declare const Header: (props: HeaderProps) => React.JSX.Element;
+export {};

package/DocumentList/components/Header/Header.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Separator } from "@webiny/admin-ui";
+import { ButtonFilters } from "./ButtonFilters.js";
+import { ButtonsCreate } from "./ButtonsCreate";
+import { Search } from "./Search";
+import { Title } from "./Title";
+export const Header = props => {
+  const {
+    title,
+    isRoot,
+    canCreateFolder,
+    canCreateContent,
+    onCreateDocument,
+    onCreateFolder
+  } = props;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-gap-md"
+  }, /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    isRoot: isRoot
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "wby-px-md wby-pb-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm wby-w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-1"
+  }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(ButtonFilters, null), /*#__PURE__*/React.createElement(ButtonsCreate, {
+    canCreateFolder: canCreateFolder,
+    canCreateContent: canCreateContent,
+    onCreateFolder: onCreateFolder,
+    onCreateDocument: onCreateDocument
+  })))))), /*#__PURE__*/React.createElement(Separator, null));
+};
+
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Separator","ButtonFilters","ButtonsCreate","Search","Title","Header","props","title","isRoot","canCreateFolder","canCreateContent","onCreateDocument","onCreateFolder","createElement","Fragment","className"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ButtonFilters } from \"./ButtonFilters.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate\";\nimport { Search } from \"./Search\";\nimport { Title } from \"./Title\";\n\ninterface HeaderProps {\n    isRoot: boolean;\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateDocument: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const { title, isRoot, canCreateFolder, canCreateContent, onCreateDocument, onCreateFolder } =\n        props;\n\n    return (\n        <>\n            <div className={\"wby-flex wby-flex-col wby-gap-md\"}>\n                <Title title={title} isRoot={isRoot} />\n                <div className={\"wby-px-md wby-pb-sm\"}>\n                    <div className={\"wby-flex wby-items-center wby-gap-sm wby-w-full\"}>\n                        <div className={\"wby-flex-1\"}>\n                            <Search />\n                        </div>\n                        <div>\n                            <div className={\"wby-flex wby-gap-sm\"}>\n                                <ButtonFilters />\n                                <ButtonsCreate\n                                    canCreateFolder={canCreateFolder}\n                                    canCreateContent={canCreateContent}\n                                    onCreateFolder={onCreateFolder}\n                                    onCreateDocument={onCreateDocument}\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,KAAK;AAWd,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,eAAe;IAAEC,gBAAgB;IAAEC,gBAAgB;IAAEC;EAAe,CAAC,GACxFN,KAAK;EAET,oBACIP,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAmC,gBAC/ChB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACG,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,CAAE,CAAC,eACvCT,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAsB,gBAClChB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAkD,gBAC9DhB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAa,gBACzBhB,KAAA,CAAAc,aAAA,CAACV,MAAM,MAAE,CACR,CAAC,eACNJ,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAsB,gBAClChB,KAAA,CAAAc,aAAA,CAACZ,aAAa,MAAE,CAAC,eACjBF,KAAA,CAAAc,aAAA,CAACX,aAAa;IACVO,eAAe,EAAEA,eAAgB;IACjCC,gBAAgB,EAAEA,gBAAiB;IACnCE,cAAc,EAAEA,cAAe;IAC/BD,gBAAgB,EAAEA;EAAiB,CACtC,CACA,CACJ,CACJ,CACJ,CACJ,CAAC,eACNZ,KAAA,CAAAc,aAAA,CAACb,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

package/DocumentList/components/Header/Search.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
+import { useLoadPages, useSearchPages } from "../../../features/pages/index.js";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { useDocumentList } from "../../useDocumentList.js";
+export const Search = () => {
+  const {
+    vm
+  } = useDocumentList();
+  const {
+    searchPages
+  } = useSearchPages();
+  const {
+    loadPages
+  } = useLoadPages();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: vm.searchQuery,
+    onChange: value => {
+      const searchQuery = value.trim();
+      if (searchQuery === vm.searchQuery) {
+        return;
+      }
+      if (!searchQuery) {
+        loadPages({
+          folderId: currentFolderId
+        });
+        return;
+      }
+      searchPages(searchQuery, currentFolderId);
+    }
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: e => onChange(e.target.value),
+    forwardEventOnChange: true,
+    placeholder: "Search...",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
+      label: "Search"
+    }),
+    size: "md",
+    variant: "ghost",
+    className: "wby-w-full"
+  }));
+};
+
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","SearchIcon","DelayedOnChange","Icon","Input","useLoadPages","useSearchPages","useNavigateFolder","useDocumentList","Search","vm","searchPages","loadPages","currentFolderId","createElement","value","searchQuery","onChange","trim","folderId","e","target","forwardEventOnChange","placeholder","startIcon","icon","label","size","variant","className"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { useLoadPages, useSearchPages } from \"~/features/pages/index.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useDocumentList } from \"~/DocumentList/useDocumentList.js\";\n\nexport const Search = () => {\n    const { vm } = useDocumentList();\n    const { searchPages } = useSearchPages();\n    const { loadPages } = useLoadPages();\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <DelayedOnChange\n            value={vm.searchQuery}\n            onChange={value => {\n                const searchQuery = value.trim();\n\n                if (searchQuery === vm.searchQuery) {\n                    return;\n                }\n\n                if (!searchQuery) {\n                    loadPages({ folderId: currentFolderId });\n                    return;\n                }\n\n                searchPages(searchQuery, currentFolderId);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={\"Search...\"}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                    className={\"wby-w-full\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,YAAY,EAAEC,cAAc;AACrC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,eAAe;AAExB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAG,CAAC,GAAGF,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEG;EAAY,CAAC,GAAGL,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEM;EAAU,CAAC,GAAGP,YAAY,CAAC,CAAC;EACpC,MAAM;IAAEQ;EAAgB,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAE/C,oBACIR,KAAA,CAAAe,aAAA,CAACZ,eAAe;IACZa,KAAK,EAAEL,EAAE,CAACM,WAAY;IACtBC,QAAQ,EAAEF,KAAK,IAAI;MACf,MAAMC,WAAW,GAAGD,KAAK,CAACG,IAAI,CAAC,CAAC;MAEhC,IAAIF,WAAW,KAAKN,EAAE,CAACM,WAAW,EAAE;QAChC;MACJ;MAEA,IAAI,CAACA,WAAW,EAAE;QACdJ,SAAS,CAAC;UAAEO,QAAQ,EAAEN;QAAgB,CAAC,CAAC;QACxC;MACJ;MAEAF,WAAW,CAACK,WAAW,EAAEH,eAAe,CAAC;IAC7C;EAAE,GAED,CAAC;IAAEE,KAAK;IAAEE;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA,CAACV,KAAK;IACFW,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEG,CAAC,IAAIH,QAAQ,CAACG,CAAC,CAACC,MAAM,CAACN,KAAK,CAAE;IACxCO,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAE,WAAY;IACzBC,SAAS,eAAEzB,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACsB,IAAI,eAAE1B,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;MAACyB,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,EAAE;EAAa,CAC3B,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface TitleProps {
+    isRoot: boolean;
+    title?: string;
+}
+export declare const Title: ({ title, isRoot }: TitleProps) => React.JSX.Element;
+export {};