@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

package/modules/pages/PagesList/components/Header/Header.js.map

@@ -1 +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.js\";\nimport { Search } from \"./Search.js\";\nimport { Title } from \"./Title.js\";\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={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={isRoot} />\n                <div className={\"px-md pb-sm\"}>\n                    <div className={\"flex items-center gap-sm w-full\"}>\n                        <div className={\"flex-1\"}>\n                            <Search />\n                        </div>\n                        <div>\n                            <div className={\"flex 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;EAAuB,gBACnChB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACG,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,CAAE,CAAC,eACvCT,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BhB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAkC,gBAC9ChB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAS,gBACrBhB,KAAA,CAAAc,aAAA,CAACV,MAAM,MAAE,CACR,CAAC,eACNJ,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BhB,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":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Header/Header.js","sources":["../../../../../../src/modules/pages/PagesList/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ButtonFilters } from \"./ButtonFilters.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate.js\";\nimport { Search } from \"./Search.js\";\nimport { Title } from \"./Title.js\";\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={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={isRoot} />\n                <div className={\"px-md pb-sm\"}>\n                    <div className={\"flex items-center gap-sm w-full\"}>\n                        <div className={\"flex-1\"}>\n                            <Search />\n                        </div>\n                        <div>\n                            <div className={\"flex 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"],"names":["Header","props","title","isRoot","canCreateFolder","canCreateContent","onCreateDocument","onCreateFolder","Title","Search","ButtonFilters","ButtonsCreate","Separator"],"mappings":";;;;;;AAgBO,MAAMA,SAAS,CAACC;IACnB,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAE,GACxFN;IAEJ,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACO,OAAKA;QAAC,OAAON;QAAO,QAAQC;sBAC7B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAMA,QAAAA,WAAAA,GAEX,oBAAC,2BACG,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,eAAaA;QACV,iBAAiBP;QACjB,kBAAkBC;QAClB,gBAAgBE;QAChB,kBAAkBD;2BAO1C,oBAACM,WAASA;AAGtB"}

package/modules/pages/PagesList/components/Header/Search.js

@@ -1,54 +1,39 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import react from "react";
+import { ReactComponent } 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,
-          resetSearch: true
-        });
-        return;
-      }
-      searchPages(searchQuery, currentFolderId);
-    }
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(Input, {
-    value: value,
-    onChange: e => onChange(e.target.value),
-    forwardEventOnChange: true,
-    placeholder: vm.searchLabel,
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
-      label: "Search"
-    }),
-    size: "md",
-    variant: "ghost",
-    className: "w-full"
-  }));
+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) return void loadPages({
+                folderId: currentFolderId,
+                resetSearch: true
+            });
+            searchPages(searchQuery, currentFolderId);
+        }
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
+            value: value,
+            onChange: (e)=>onChange(e.target.value),
+            forwardEventOnChange: true,
+            placeholder: vm.searchLabel,
+            startIcon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Search"
+            }),
+            size: "md",
+            variant: "ghost",
+            className: "w-full"
+        }));
 };
+export { Search };
 
 //# sourceMappingURL=Search.js.map

package/modules/pages/PagesList/components/Header/Search.js.map

@@ -1 +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","resetSearch","e","target","forwardEventOnChange","placeholder","searchLabel","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 \"~/modules/pages/PagesList/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, resetSearch: true });\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={vm.searchLabel}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                    className={\"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,eAAe;UAAEO,WAAW,EAAE;QAAK,CAAC,CAAC;QAC3D;MACJ;MAEAT,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,EAAEI,CAAC,IAAIJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACP,KAAK,CAAE;IACxCQ,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAEd,EAAE,CAACe,WAAY;IAC5BC,SAAS,eAAE3B,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACwB,IAAI,eAAE5B,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;MAAC2B,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,EAAE;EAAS,CACvB,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Header/Search.js","sources":["../../../../../../src/modules/pages/PagesList/components/Header/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 \"~/modules/pages/PagesList/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, resetSearch: true });\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={vm.searchLabel}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                    className={\"w-full\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"names":["Search","vm","useDocumentList","searchPages","useSearchPages","loadPages","useLoadPages","currentFolderId","useNavigateFolder","DelayedOnChange","value","searchQuery","onChange","Input","e","Icon","SearchIcon"],"mappings":";;;;;;AAOO,MAAMA,SAAS;IAClB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,OAAO,WAAP,GACI,oBAACC,iBAAeA;QACZ,OAAOR,GAAG,WAAW;QACrB,UAAUS,CAAAA;YACN,MAAMC,cAAcD,MAAM,IAAI;YAE9B,IAAIC,gBAAgBV,GAAG,WAAW,EAC9B;YAGJ,IAAI,CAACU,aAAa,YACdN,UAAU;gBAAE,UAAUE;gBAAiB,aAAa;YAAK;YAI7DJ,YAAYQ,aAAaJ;QAC7B;OAEC,CAAC,EAAEG,KAAK,EAAEE,QAAQ,EAAE,iBACjB,oBAACC,OAAKA;YACF,OAAOH;YACP,UAAUI,CAAAA,IAAKF,SAASE,EAAE,MAAM,CAAC,KAAK;YACtC,sBAAsB;YACtB,aAAab,GAAG,WAAW;YAC3B,yBAAW,oBAACc,MAAIA;gBAAC,oBAAM,oBAACC,gBAAUA;gBAAK,OAAM;;YAC7C,MAAM;YACN,SAAS;YACT,WAAW;;AAK/B"}

package/modules/pages/PagesList/components/Header/Title.js

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

package/modules/pages/PagesList/components/Header/Title.js.map

@@ -1 +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={\"w-5/12 pt-md px-lg\"}>\n            {(title && (\n                <div className={\"flex gap-sm items-center\"}>\n                    <Icon icon={icon} label={title} size={\"md\"} color={\"neutral-strong\"} />\n                    <Heading level={4} as={\"h1\"} className={\"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;EAAqB,GAC/BJ,KAAK,iBACHT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCb,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;EAAW,GAC9CJ,KACI,CACR,CACR,iBAAKT,KAAA,CAAAY,aAAA,CAACR,QAAQ;IAACW,IAAI,EAAE;EAAK,CAAE,CAC5B,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Header/Title.js","sources":["../../../../../../src/modules/pages/PagesList/components/Header/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={\"w-5/12 pt-md px-lg\"}>\n            {(title && (\n                <div className={\"flex gap-sm items-center\"}>\n                    <Icon icon={icon} label={title} size={\"md\"} color={\"neutral-strong\"} />\n                    <Heading level={4} as={\"h1\"} className={\"truncate\"}>\n                        {title}\n                    </Heading>\n                </div>\n            )) || <Skeleton size={\"xl\"} />}\n        </div>\n    );\n};\n"],"names":["Title","title","isRoot","icon","useMemo","HomeIcon","FolderIcon","Icon","Heading","Skeleton"],"mappings":";;;;AAUO,MAAMA,QAAQ,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAc;IAC/C,MAAMC,OAAOC,QAAQ,IACVF,SAAS,WAATA,GAAS,oBAACG,gBAAQA,QAAAA,WAAAA,GAAM,oBAACC,2BAAUA,OAC3C;QAACJ;KAAO;IAEX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACVD,SAAS,WAATA,GACE,oBAAC;QAAI,WAAW;qBACZ,oBAACM,MAAIA;QAAC,MAAMJ;QAAM,OAAOF;QAAO,MAAM;QAAM,OAAO;sBACnD,oBAACO,SAAOA;QAAC,OAAO;QAAG,IAAI;QAAM,WAAW;OACnCP,WAAAA,WAAAA,GAGP,oBAACQ,UAAQA;QAAC,MAAM;;AAGlC"}

package/modules/pages/PagesList/components/Header/index.js

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

package/modules/pages/PagesList/components/Layout/Layout.js

@@ -1,13 +1,12 @@
-import React from "react";
+import react from "react";
 import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
-export const Layout = props => {
-  return /*#__PURE__*/React.createElement(SplitView, {
-    namespace: "wb/page/list"
-  }, /*#__PURE__*/React.createElement(LeftPanel, {
-    span: 2
-  }, props.sidebar), /*#__PURE__*/React.createElement(RightPanel, {
-    span: 10
-  }, props.main));
-};
+const Layout = (props)=>/*#__PURE__*/ react.createElement(SplitView, {
+        namespace: "wb/page/list"
+    }, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 2
+    }, props.sidebar), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 10
+    }, props.main));
+export { Layout };
 
 //# sourceMappingURL=Layout.js.map

package/modules/pages/PagesList/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LeftPanel","RightPanel","SplitView","Layout","props","createElement","namespace","span","sidebar","main"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin\";\n\nexport interface LayoutProps {\n    main: React.ReactNode;\n    sidebar: React.ReactNode;\n}\n\nexport const Layout = (props: LayoutProps) => {\n    return (\n        <SplitView namespace={\"wb/page/list\"}>\n            <LeftPanel span={2}>{props.sidebar}</LeftPanel>\n            <RightPanel span={10}>{props.main}</RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,mBAAmB;AAOpE,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,oBACIL,KAAA,CAAAM,aAAA,CAACH,SAAS;IAACI,SAAS,EAAE;EAAe,gBACjCP,KAAA,CAAAM,aAAA,CAACL,SAAS;IAACO,IAAI,EAAE;EAAE,GAAEH,KAAK,CAACI,OAAmB,CAAC,eAC/CT,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACM,IAAI,EAAE;EAAG,GAAEH,KAAK,CAACK,IAAiB,CACvC,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Layout/Layout.js","sources":["../../../../../../src/modules/pages/PagesList/components/Layout/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin\";\n\nexport interface LayoutProps {\n    main: React.ReactNode;\n    sidebar: React.ReactNode;\n}\n\nexport const Layout = (props: LayoutProps) => {\n    return (\n        <SplitView namespace={\"wb/page/list\"}>\n            <LeftPanel span={2}>{props.sidebar}</LeftPanel>\n            <RightPanel span={10}>{props.main}</RightPanel>\n        </SplitView>\n    );\n};\n"],"names":["Layout","props","SplitView","LeftPanel","RightPanel"],"mappings":";;AAQO,MAAMA,SAAS,CAACC,QACZ,WAAP,GACI,oBAACC,WAASA;QAAC,WAAW;qBAClB,oBAACC,WAASA;QAAC,MAAM;OAAIF,MAAM,OAAO,iBAClC,oBAACG,YAAUA;QAAC,MAAM;OAAKH,MAAM,IAAI"}

package/modules/pages/PagesList/components/Layout/index.js

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

package/modules/pages/PagesList/components/Main/Main.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import debounce from "lodash/debounce.js";
 import { useCreateDialog, useGetFolderLevelPermission } from "@webiny/app-aco";
 import { Scrollbar } from "@webiny/admin-ui";
@@ -12,72 +12,63 @@ import { BulkActions } from "../BulkActions/index.js";
 import { Filters } from "../Filters/index.js";
 import { useCreatePageDialog } from "../../../../../presentation/pages/CreatePage/CreatePageDialog.js";
 import { usePermissions } from "../../../../../presentation/security/usePermissions.js";
-const Main = () => {
-  const {
-    vm
-  } = useDocumentList();
-  const {
-    loadMorePages
-  } = useLoadMorePages();
-  const {
-    showDialog: showCreateFolderDialog
-  } = useCreateDialog();
-  const openCreatePageDialog = useCreatePageDialog();
-  const wbPermissions = usePermissions();
-  const showCreatePageDialog = useCallback(() => {
-    openCreatePageDialog(vm.folderId);
-  }, [openCreatePageDialog, 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);
-  const canCreatePage = wbPermissions.canCreate("page") && canCreateContent(vm.folderId);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "h-full relative overflow-hidden"
-  }, /*#__PURE__*/React.createElement(Header, {
-    title: vm.title,
-    canCreateFolder: canCreatePage && canCreateFolder(vm.folderId),
-    canCreateContent: canCreatePage,
-    onCreateFolder: onCreateFolder,
-    onCreateDocument: showCreatePageDialog,
-    isRoot: vm.isRoot
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      top: "105px"
-    },
-    className: "w-full overflow-hidden absolute top-0 bottom-0 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: canCreatePage && canCreateFolder(vm.folderId),
-    canCreateContent: canCreatePage,
-    onCreateFolder: onCreateFolder,
-    onCreateDocument: showCreatePageDialog
-  }) : /*#__PURE__*/React.createElement(Table, null)), /*#__PURE__*/React.createElement(BottomInfoBar, null)));
+const Main = ()=>{
+    const { vm } = useDocumentList();
+    const { loadMorePages } = useLoadMorePages();
+    const { showDialog: showCreateFolderDialog } = useCreateDialog();
+    const openCreatePageDialog = useCreatePageDialog();
+    const wbPermissions = usePermissions();
+    const showCreatePageDialog = useCallback(()=>{
+        openCreatePageDialog(vm.folderId);
+    }, [
+        openCreatePageDialog,
+        vm.folderId
+    ]);
+    const { getFolderLevelPermission: canManageContent } = useGetFolderLevelPermission("canManageContent");
+    const { getFolderLevelPermission: canManageStructure } = useGetFolderLevelPermission("canManageStructure");
+    const canCreateContent = useCallback((folderId)=>canManageContent(folderId), [
+        canManageContent
+    ]);
+    const canCreateFolder = useCallback((folderId)=>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);
+    const canCreatePage = wbPermissions.canCreate("page") && canCreateContent(vm.folderId);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "h-full relative overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Header, {
+        title: vm.title,
+        canCreateFolder: canCreatePage && canCreateFolder(vm.folderId),
+        canCreateContent: canCreatePage,
+        onCreateFolder: onCreateFolder,
+        onCreateDocument: showCreatePageDialog,
+        isRoot: vm.isRoot
+    }), /*#__PURE__*/ react.createElement("div", {
+        style: {
+            top: "105px"
+        },
+        className: "w-full overflow-hidden absolute top-0 bottom-0 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: canCreatePage && canCreateFolder(vm.folderId),
+        canCreateContent: canCreatePage,
+        onCreateFolder: onCreateFolder,
+        onCreateDocument: showCreatePageDialog
+    }) : /*#__PURE__*/ react.createElement(Table, null)), /*#__PURE__*/ react.createElement(BottomInfoBar, null)));
 };
 export { Main };
 

package/modules/pages/PagesList/components/Main/Main.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","debounce","useCreateDialog","useGetFolderLevelPermission","Scrollbar","useDocumentList","Header","BottomInfoBar","Table","Empty","useLoadMorePages","BulkActions","Filters","useCreatePageDialog","usePermissions","Main","vm","loadMorePages","showDialog","showCreateFolderDialog","openCreatePageDialog","wbPermissions","showCreatePageDialog","folderId","getFolderLevelPermission","canManageContent","canManageStructure","canCreateContent","canCreateFolder","onCreateFolder","currentParentId","onTableScroll","scrollFrame","top","canCreatePage","canCreate","createElement","className","title","onCreateDocument","isRoot","style","onScrollFrame","isEmpty","isSearch"],"sources":["Main.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { Header } from \"~/modules/pages/PagesList/components/Header/index.js\";\nimport { BottomInfoBar } from \"~/modules/pages/PagesList/components/BottomInfoBar/index.js\";\nimport { Table } from \"~/modules/pages/PagesList/components/Table/index.js\";\nimport { Empty } from \"~/modules/pages/PagesList/components/Empty/index.js\";\nimport { useLoadMorePages } from \"~/features/pages/index.js\";\nimport { BulkActions } from \"../BulkActions/index.js\";\nimport { Filters } from \"~/modules/pages/PagesList/components/Filters/index.js\";\nimport { useCreatePageDialog } from \"~/presentation/pages/CreatePage/CreatePageDialog.js\";\nimport { usePermissions } from \"~/presentation/security/usePermissions.js\";\n\nconst Main = () => {\n    const { vm } = useDocumentList();\n    const { loadMorePages } = useLoadMorePages();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n    const openCreatePageDialog = useCreatePageDialog();\n    const wbPermissions = usePermissions();\n\n    const showCreatePageDialog = useCallback(() => {\n        openCreatePageDialog(vm.folderId);\n    }, [openCreatePageDialog, vm.folderId]);\n\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    const canCreatePage = wbPermissions.canCreate(\"page\") && canCreateContent(vm.folderId);\n\n    return (\n        <div className={\"h-full relative overflow-hidden\"}>\n            <Header\n                title={vm.title}\n                canCreateFolder={canCreatePage && canCreateFolder(vm.folderId)}\n                canCreateContent={canCreatePage}\n                onCreateFolder={onCreateFolder}\n                onCreateDocument={showCreatePageDialog}\n                isRoot={vm.isRoot}\n            />\n            <div\n                style={{ top: \"105px\" }}\n                className={\"w-full overflow-hidden absolute top-0 bottom-0 left-0\"}\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={canCreatePage && canCreateFolder(vm.folderId)}\n                            canCreateContent={canCreatePage}\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":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Main/Main.js","sources":["../../../../../../src/modules/pages/PagesList/components/Main/Main.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { Header } from \"~/modules/pages/PagesList/components/Header/index.js\";\nimport { BottomInfoBar } from \"~/modules/pages/PagesList/components/BottomInfoBar/index.js\";\nimport { Table } from \"~/modules/pages/PagesList/components/Table/index.js\";\nimport { Empty } from \"~/modules/pages/PagesList/components/Empty/index.js\";\nimport { useLoadMorePages } from \"~/features/pages/index.js\";\nimport { BulkActions } from \"../BulkActions/index.js\";\nimport { Filters } from \"~/modules/pages/PagesList/components/Filters/index.js\";\nimport { useCreatePageDialog } from \"~/presentation/pages/CreatePage/CreatePageDialog.js\";\nimport { usePermissions } from \"~/presentation/security/usePermissions.js\";\n\nconst Main = () => {\n    const { vm } = useDocumentList();\n    const { loadMorePages } = useLoadMorePages();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n    const openCreatePageDialog = useCreatePageDialog();\n    const wbPermissions = usePermissions();\n\n    const showCreatePageDialog = useCallback(() => {\n        openCreatePageDialog(vm.folderId);\n    }, [openCreatePageDialog, vm.folderId]);\n\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    const canCreatePage = wbPermissions.canCreate(\"page\") && canCreateContent(vm.folderId);\n\n    return (\n        <div className={\"h-full relative overflow-hidden\"}>\n            <Header\n                title={vm.title}\n                canCreateFolder={canCreatePage && canCreateFolder(vm.folderId)}\n                canCreateContent={canCreatePage}\n                onCreateFolder={onCreateFolder}\n                onCreateDocument={showCreatePageDialog}\n                isRoot={vm.isRoot}\n            />\n            <div\n                style={{ top: \"105px\" }}\n                className={\"w-full overflow-hidden absolute top-0 bottom-0 left-0\"}\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={canCreatePage && canCreateFolder(vm.folderId)}\n                            canCreateContent={canCreatePage}\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"],"names":["Main","vm","useDocumentList","loadMorePages","useLoadMorePages","showCreateFolderDialog","useCreateDialog","openCreatePageDialog","useCreatePageDialog","wbPermissions","usePermissions","showCreatePageDialog","useCallback","canManageContent","useGetFolderLevelPermission","canManageStructure","canCreateContent","folderId","canCreateFolder","onCreateFolder","onTableScroll","debounce","scrollFrame","canCreatePage","Header","BulkActions","Filters","Scrollbar","Empty","Table","BottomInfoBar"],"mappings":";;;;;;;;;;;;;;AAeA,MAAMA,OAAO;IACT,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAM,EAAE,YAAYC,sBAAsB,EAAE,GAAGC;IAC/C,MAAMC,uBAAuBC;IAC7B,MAAMC,gBAAgBC;IAEtB,MAAMC,uBAAuBC,YAAY;QACrCL,qBAAqBN,GAAG,QAAQ;IACpC,GAAG;QAACM;QAAsBN,GAAG,QAAQ;KAAC;IAEtC,MAAM,EAAE,0BAA0BY,gBAAgB,EAAE,GAChDC,4BAA4B;IAEhC,MAAM,EAAE,0BAA0BC,kBAAkB,EAAE,GAClDD,4BAA4B;IAEhC,MAAME,mBAAmBJ,YACrB,CAACK,WACUJ,iBAAiBI,WAE5B;QAACJ;KAAiB;IAGtB,MAAMK,kBAAkBN,YACpB,CAACK,WACUF,mBAAmBE,WAE9B;QAACF;KAAmB;IAGxB,MAAMI,iBAAiBP,YAAY;QAC/BP,uBAAuB;YAAE,iBAAiBJ,GAAG,QAAQ;QAAC;IAC1D,GAAG;QAACA,GAAG,QAAQ;KAAC;IAEhB,MAAMmB,gBAAgBC,SAAS,OAAO,EAAEC,WAAW,EAAE;QACjD,IAAIA,YAAY,GAAG,GAAG,KAClB,MAAMnB;IAEd,GAAG;IAEH,MAAMoB,gBAAgBd,cAAc,SAAS,CAAC,WAAWO,iBAAiBf,GAAG,QAAQ;IAErF,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACuB,QAAMA;QACH,OAAOvB,GAAG,KAAK;QACf,iBAAiBsB,iBAAiBL,gBAAgBjB,GAAG,QAAQ;QAC7D,kBAAkBsB;QAClB,gBAAgBJ;QAChB,kBAAkBR;QAClB,QAAQV,GAAG,MAAM;sBAErB,oBAAC;QACG,OAAO;YAAE,KAAK;QAAQ;QACtB,WAAW;qBAEX,oBAACwB,aAAWA,OAAAA,WAAAA,GACZ,oBAACC,SAAOA,OAAAA,WAAAA,GACR,oBAACC,WAASA;QACN,eAAY;QACZ,eAAeL,CAAAA,cAAeF,cAAc;gBAAEE;YAAY;OAEzDrB,GAAG,OAAO,GAAG,WAAH,GACP,oBAAC2B,OAAKA;QACF,UAAU3B,GAAG,QAAQ;QACrB,iBAAiBsB,iBAAiBL,gBAAgBjB,GAAG,QAAQ;QAC7D,kBAAkBsB;QAClB,gBAAgBJ;QAChB,kBAAkBR;uBAGtB,oBAACkB,OAAKA,QAAAA,WAAAA,GAGd,oBAACC,eAAaA;AAI9B"}

package/modules/pages/PagesList/components/Main/index.js

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

package/modules/pages/PagesList/components/Sidebar/Sidebar.js

@@ -1,34 +1,29 @@
-import React from "react";
+import react from "react";
 import { FolderTree, useNavigateFolder } from "@webiny/app-aco";
 import { SidebarFooter } from "./SidebarFooter.js";
 import { usePageListConfig } from "../../../configs/index.js";
 import { Heading, Separator } from "@webiny/admin-ui";
-const Sidebar = () => {
-  const {
-    currentFolderId,
-    navigateToFolder
-  } = useNavigateFolder();
-  const {
-    browser
-  } = usePageListConfig();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col h-main-content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "py-sm px-md"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 5
-  }, "Pages")), /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
-    className: "flex-1 overflow-y-scroll"
-  }, /*#__PURE__*/React.createElement(FolderTree, {
-    folderActions: browser.folder.actions,
-    dropConfirmation: browser.folder.dropConfirmation,
-    focusedFolderId: currentFolderId,
-    onFolderClick: data => navigateToFolder(data.id),
-    enableActions: true,
-    enableCreate: true
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "px-xs py-sm bg-neutral-base"
-  }, /*#__PURE__*/React.createElement(SidebarFooter, null)));
+const Sidebar = ()=>{
+    const { currentFolderId, navigateToFolder } = useNavigateFolder();
+    const { browser } = usePageListConfig();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "py-sm px-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, "Pages")), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-y-scroll"
+    }, /*#__PURE__*/ react.createElement(FolderTree, {
+        folderActions: browser.folder.actions,
+        dropConfirmation: browser.folder.dropConfirmation,
+        focusedFolderId: currentFolderId,
+        onFolderClick: (data)=>navigateToFolder(data.id),
+        enableActions: true,
+        enableCreate: true
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "px-xs py-sm bg-neutral-base"
+    }, /*#__PURE__*/ react.createElement(SidebarFooter, null)));
 };
 export { Sidebar };
 

package/modules/pages/PagesList/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FolderTree","useNavigateFolder","SidebarFooter","usePageListConfig","Heading","Separator","Sidebar","currentFolderId","navigateToFolder","browser","createElement","className","level","folderActions","folder","actions","dropConfirmation","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SidebarFooter } from \"./SidebarFooter.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\nimport { Heading, Separator } from \"@webiny/admin-ui\";\n\nconst Sidebar = () => {\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n    const { browser } = usePageListConfig();\n\n    return (\n        <div className={\"flex flex-col h-main-content\"}>\n            <div className={\"py-sm px-md\"}>\n                <Heading level={5}>Pages</Heading>\n            </div>\n            <Separator />\n            <div className={\"flex-1 overflow-y-scroll\"}>\n                <FolderTree\n                    folderActions={browser.folder.actions}\n                    dropConfirmation={browser.folder.dropConfirmation}\n                    focusedFolderId={currentFolderId}\n                    onFolderClick={data => navigateToFolder(data.id)}\n                    enableActions={true}\n                    enableCreate={true}\n                />\n            </div>\n            <div className={\"px-xs py-sm bg-neutral-base\"}>\n                <SidebarFooter />\n            </div>\n        </div>\n    );\n};\n\nexport { Sidebar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iBAAiB;AAC/D,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,OAAO,EAAEC,SAAS,QAAQ,kBAAkB;AAErD,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EACjE,MAAM;IAAEQ;EAAQ,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAEvC,oBACIJ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA+B,gBAC3CZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAc,gBAC1BZ,KAAA,CAAAW,aAAA,CAACN,OAAO;IAACQ,KAAK,EAAE;EAAE,GAAC,OAAc,CAChC,CAAC,eACNb,KAAA,CAAAW,aAAA,CAACL,SAAS,MAAE,CAAC,eACbN,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCZ,KAAA,CAAAW,aAAA,CAACV,UAAU;IACPa,aAAa,EAAEJ,OAAO,CAACK,MAAM,CAACC,OAAQ;IACtCC,gBAAgB,EAAEP,OAAO,CAACK,MAAM,CAACE,gBAAiB;IAClDC,eAAe,EAAEV,eAAgB;IACjCW,aAAa,EAAEC,IAAI,IAAIX,gBAAgB,CAACW,IAAI,CAACC,EAAE,CAAE;IACjDC,aAAa,EAAE,IAAK;IACpBC,YAAY,EAAE;EAAK,CACtB,CACA,CAAC,eACNvB,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA8B,gBAC1CZ,KAAA,CAAAW,aAAA,CAACR,aAAa,MAAE,CACf,CACJ,CAAC;AAEd,CAAC;AAED,SAASI,OAAO","ignoreList":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Sidebar/Sidebar.js","sources":["../../../../../../src/modules/pages/PagesList/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SidebarFooter } from \"./SidebarFooter.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\nimport { Heading, Separator } from \"@webiny/admin-ui\";\n\nconst Sidebar = () => {\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n    const { browser } = usePageListConfig();\n\n    return (\n        <div className={\"flex flex-col h-main-content\"}>\n            <div className={\"py-sm px-md\"}>\n                <Heading level={5}>Pages</Heading>\n            </div>\n            <Separator />\n            <div className={\"flex-1 overflow-y-scroll\"}>\n                <FolderTree\n                    folderActions={browser.folder.actions}\n                    dropConfirmation={browser.folder.dropConfirmation}\n                    focusedFolderId={currentFolderId}\n                    onFolderClick={data => navigateToFolder(data.id)}\n                    enableActions={true}\n                    enableCreate={true}\n                />\n            </div>\n            <div className={\"px-xs py-sm bg-neutral-base\"}>\n                <SidebarFooter />\n            </div>\n        </div>\n    );\n};\n\nexport { Sidebar };\n"],"names":["Sidebar","currentFolderId","navigateToFolder","useNavigateFolder","browser","usePageListConfig","Heading","Separator","FolderTree","data","SidebarFooter"],"mappings":";;;;;AAMA,MAAMA,UAAU;IACZ,MAAM,EAAEC,eAAe,EAAEC,gBAAgB,EAAE,GAAGC;IAC9C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QAAC,OAAO;OAAG,yBAEvB,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QACP,eAAeJ,QAAQ,MAAM,CAAC,OAAO;QACrC,kBAAkBA,QAAQ,MAAM,CAAC,gBAAgB;QACjD,iBAAiBH;QACjB,eAAeQ,CAAAA,OAAQP,iBAAiBO,KAAK,EAAE;QAC/C,eAAe;QACf,cAAc;uBAGtB,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA;AAI9B"}

package/modules/pages/PagesList/components/Sidebar/SidebarFooter.js

@@ -1,14 +1,11 @@
-import React from "react";
+import react from "react";
 import { usePageListConfig } from "../../../configs/index.js";
-export const SidebarFooter = () => {
-  const {
-    browser
-  } = usePageListConfig();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, browser.sidebarFooter.map(footer => {
-    return /*#__PURE__*/React.cloneElement(footer.element, {
-      key: footer.name
-    });
-  }));
+const SidebarFooter = ()=>{
+    const { browser } = usePageListConfig();
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, browser.sidebarFooter.map((footer)=>/*#__PURE__*/ react.cloneElement(footer.element, {
+            key: footer.name
+        })));
 };
+export { SidebarFooter };
 
 //# sourceMappingURL=SidebarFooter.js.map

package/modules/pages/PagesList/components/Sidebar/SidebarFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","usePageListConfig","SidebarFooter","browser","createElement","Fragment","sidebarFooter","map","footer","cloneElement","element","key","name"],"sources":["SidebarFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const SidebarFooter = () => {\n    const { browser } = usePageListConfig();\n\n    return (\n        <>\n            {browser.sidebarFooter.map(footer => {\n                return React.cloneElement(footer.element, { key: footer.name });\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EAEvC,oBACID,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QACKF,OAAO,CAACG,aAAa,CAACC,GAAG,CAACC,MAAM,IAAI;IACjC,oBAAOR,KAAK,CAACS,YAAY,CAACD,MAAM,CAACE,OAAO,EAAE;MAAEC,GAAG,EAAEH,MAAM,CAACI;IAAK,CAAC,CAAC;EACnE,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Sidebar/SidebarFooter.js","sources":["../../../../../../src/modules/pages/PagesList/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const SidebarFooter = () => {\n    const { browser } = usePageListConfig();\n\n    return (\n        <>\n            {browser.sidebarFooter.map(footer => {\n                return React.cloneElement(footer.element, { key: footer.name });\n            })}\n        </>\n    );\n};\n"],"names":["SidebarFooter","browser","usePageListConfig","footer","React"],"mappings":";;AAGO,MAAMA,gBAAgB;IACzB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,0CACKD,QAAQ,aAAa,CAAC,GAAG,CAACE,CAAAA,SAChB,WAAP,GAAOC,MAAAA,YAAkB,CAACD,OAAO,OAAO,EAAE;YAAE,KAAKA,OAAO,IAAI;QAAC;AAI7E"}

package/modules/pages/PagesList/components/Sidebar/index.js

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