@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

package/admin/components/ContentEntries/Filters/RefFieldRenderer/domain/Loading.js

@@ -1,50 +1,51 @@
 import { makeAutoObservable } from "mobx";
-export class Loading {
-  constructor() {
-    this._isLoading = false;
-    this._loadingLabel = "";
-    this._feedback = "";
-    this._success = false;
-    makeAutoObservable(this);
-  }
-  startLoading(label) {
-    this._isLoading = true;
-    this._loadingLabel = label || "";
-    this._feedback = "";
-    this._success = false;
-  }
-  stopLoadingWithSuccess(message) {
-    this._isLoading = false;
-    this._loadingLabel = "";
-    this._feedback = message || "";
-    this._success = true;
-  }
-  stopLoadingWithError(message) {
-    this._isLoading = false;
-    this._loadingLabel = "";
-    this._feedback = message || "";
-    this._success = false;
-  }
-  get isLoading() {
-    return this._isLoading;
-  }
-  get loadingLabel() {
-    return this._loadingLabel;
-  }
-  get feedback() {
-    return this._feedback;
-  }
-  async runCallbackWithLoading(callback, loadingLabel, successMessage, failureMessage) {
-    try {
-      this.startLoading(loadingLabel);
-      const result = await callback;
-      this.stopLoadingWithSuccess(successMessage);
-      return result;
-    } catch (e) {
-      this.stopLoadingWithError(e.message || failureMessage);
-      return;
-    }
-  }
+class Loading {
+    constructor(){
+        this._isLoading = false;
+        this._loadingLabel = "";
+        this._feedback = "";
+        this._success = false;
+        makeAutoObservable(this);
+    }
+    startLoading(label) {
+        this._isLoading = true;
+        this._loadingLabel = label || "";
+        this._feedback = "";
+        this._success = false;
+    }
+    stopLoadingWithSuccess(message) {
+        this._isLoading = false;
+        this._loadingLabel = "";
+        this._feedback = message || "";
+        this._success = true;
+    }
+    stopLoadingWithError(message) {
+        this._isLoading = false;
+        this._loadingLabel = "";
+        this._feedback = message || "";
+        this._success = false;
+    }
+    get isLoading() {
+        return this._isLoading;
+    }
+    get loadingLabel() {
+        return this._loadingLabel;
+    }
+    get feedback() {
+        return this._feedback;
+    }
+    async runCallbackWithLoading(callback, loadingLabel, successMessage, failureMessage) {
+        try {
+            this.startLoading(loadingLabel);
+            const result = await callback;
+            this.stopLoadingWithSuccess(successMessage);
+            return result;
+        } catch (e) {
+            this.stopLoadingWithError(e.message || failureMessage);
+            return;
+        }
+    }
 }
+export { Loading };
 
 //# sourceMappingURL=Loading.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/domain/Loading.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","Loading","constructor","_isLoading","_loadingLabel","_feedback","_success","startLoading","label","stopLoadingWithSuccess","message","stopLoadingWithError","isLoading","loadingLabel","feedback","runCallbackWithLoading","callback","successMessage","failureMessage","result","e"],"sources":["Loading.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport class Loading {\n    private _isLoading: boolean;\n    private _loadingLabel: string;\n    private _feedback: string;\n    private _success: boolean;\n\n    constructor() {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = \"\";\n        this._success = false;\n        makeAutoObservable(this);\n    }\n\n    startLoading(label?: string) {\n        this._isLoading = true;\n        this._loadingLabel = label || \"\";\n        this._feedback = \"\";\n        this._success = false;\n    }\n\n    stopLoadingWithSuccess(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = true;\n    }\n\n    stopLoadingWithError(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = false;\n    }\n\n    get isLoading() {\n        return this._isLoading;\n    }\n\n    get loadingLabel() {\n        return this._loadingLabel;\n    }\n\n    get feedback() {\n        return this._feedback;\n    }\n\n    async runCallbackWithLoading<T>(\n        callback: Promise<T>,\n        loadingLabel?: string,\n        successMessage?: string,\n        failureMessage?: string\n    ): Promise<T | undefined> {\n        try {\n            this.startLoading(loadingLabel);\n            const result = await callback;\n            this.stopLoadingWithSuccess(successMessage);\n            return result;\n        } catch (e) {\n            this.stopLoadingWithError(e.message || failureMessage);\n            return;\n        }\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,OAAO,MAAMC,OAAO,CAAC;EAMjBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAG,EAAE;IACnB,IAAI,CAACC,QAAQ,GAAG,KAAK;IACrBN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,YAAYA,CAACC,KAAc,EAAE;IACzB,IAAI,CAACL,UAAU,GAAG,IAAI;IACtB,IAAI,CAACC,aAAa,GAAGI,KAAK,IAAI,EAAE;IAChC,IAAI,CAACH,SAAS,GAAG,EAAE;IACnB,IAAI,CAACC,QAAQ,GAAG,KAAK;EACzB;EAEAG,sBAAsBA,CAACC,OAAgB,EAAE;IACrC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAGK,OAAO,IAAI,EAAE;IAC9B,IAAI,CAACJ,QAAQ,GAAG,IAAI;EACxB;EAEAK,oBAAoBA,CAACD,OAAgB,EAAE;IACnC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,aAAa,GAAG,EAAE;IACvB,IAAI,CAACC,SAAS,GAAGK,OAAO,IAAI,EAAE;IAC9B,IAAI,CAACJ,QAAQ,GAAG,KAAK;EACzB;EAEA,IAAIM,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACT,UAAU;EAC1B;EAEA,IAAIU,YAAYA,CAAA,EAAG;IACf,OAAO,IAAI,CAACT,aAAa;EAC7B;EAEA,IAAIU,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACT,SAAS;EACzB;EAEA,MAAMU,sBAAsBA,CACxBC,QAAoB,EACpBH,YAAqB,EACrBI,cAAuB,EACvBC,cAAuB,EACD;IACtB,IAAI;MACA,IAAI,CAACX,YAAY,CAACM,YAAY,CAAC;MAC/B,MAAMM,MAAM,GAAG,MAAMH,QAAQ;MAC7B,IAAI,CAACP,sBAAsB,CAACQ,cAAc,CAAC;MAC3C,OAAOE,MAAM;IACjB,CAAC,CAAC,OAAOC,CAAC,EAAE;MACR,IAAI,CAACT,oBAAoB,CAACS,CAAC,CAACV,OAAO,IAAIQ,cAAc,CAAC;MACtD;IACJ;EACJ;AACJ","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer/domain/Loading.js","sources":["../../../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer/domain/Loading.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport class Loading {\n    private _isLoading: boolean;\n    private _loadingLabel: string;\n    private _feedback: string;\n    private _success: boolean;\n\n    constructor() {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = \"\";\n        this._success = false;\n        makeAutoObservable(this);\n    }\n\n    startLoading(label?: string) {\n        this._isLoading = true;\n        this._loadingLabel = label || \"\";\n        this._feedback = \"\";\n        this._success = false;\n    }\n\n    stopLoadingWithSuccess(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = true;\n    }\n\n    stopLoadingWithError(message?: string) {\n        this._isLoading = false;\n        this._loadingLabel = \"\";\n        this._feedback = message || \"\";\n        this._success = false;\n    }\n\n    get isLoading() {\n        return this._isLoading;\n    }\n\n    get loadingLabel() {\n        return this._loadingLabel;\n    }\n\n    get feedback() {\n        return this._feedback;\n    }\n\n    async runCallbackWithLoading<T>(\n        callback: Promise<T>,\n        loadingLabel?: string,\n        successMessage?: string,\n        failureMessage?: string\n    ): Promise<T | undefined> {\n        try {\n            this.startLoading(loadingLabel);\n            const result = await callback;\n            this.stopLoadingWithSuccess(successMessage);\n            return result;\n        } catch (e) {\n            this.stopLoadingWithError(e.message || failureMessage);\n            return;\n        }\n    }\n}\n"],"names":["Loading","makeAutoObservable","label","message","callback","loadingLabel","successMessage","failureMessage","result","e"],"mappings":";AAEO,MAAMA;IAMT,aAAc;QACV,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,QAAQ,GAAG;QAChBC,mBAAmB,IAAI;IAC3B;IAEA,aAAaC,KAAc,EAAE;QACzB,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAGA,SAAS;QAC9B,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,uBAAuBC,OAAgB,EAAE;QACrC,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAGA,WAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,qBAAqBA,OAAgB,EAAE;QACnC,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAGA,WAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG;IACpB;IAEA,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEA,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,aAAa;IAC7B;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,MAAM,uBACFC,QAAoB,EACpBC,YAAqB,EACrBC,cAAuB,EACvBC,cAAuB,EACD;QACtB,IAAI;YACA,IAAI,CAAC,YAAY,CAACF;YAClB,MAAMG,SAAS,MAAMJ;YACrB,IAAI,CAAC,sBAAsB,CAACE;YAC5B,OAAOE;QACX,EAAE,OAAOC,GAAG;YACR,IAAI,CAAC,oBAAoB,CAACA,EAAE,OAAO,IAAIF;YACvC;QACJ;IACJ;AACJ"}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/domain/index.js

@@ -3,5 +3,3 @@ export * from "./EntryMapper.js";
 export * from "./EntryRepository.js";
 export * from "./EntryRepositoryFactory.js";
 export * from "./Loading.js";
-
-//# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/index.js

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

package/admin/components/ContentEntries/Filters/index.js

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

package/admin/components/ContentEntries/Header/ButtonFilters/ButtonFilters.js

@@ -1,20 +1,20 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { FiltersToggle } from "@webiny/app-admin";
 import { useContentEntriesList } from "../../../../views/contentEntries/hooks/index.js";
-export const ButtonFilters = () => {
-  const list = useContentEntriesList();
-  const toggleFilters = useCallback(() => {
-    if (list.showingFilters) {
-      list.hideFilters();
-      return;
-    }
-    list.showFilters();
-  }, [list.showingFilters]);
-  return /*#__PURE__*/React.createElement(FiltersToggle, {
-    onFiltersToggle: toggleFilters,
-    showingFilters: list.showingFilters,
-    "data-testid": "cms.list-entries.toggle-filters"
-  });
+const ButtonFilters = ()=>{
+    const list = useContentEntriesList();
+    const toggleFilters = useCallback(()=>{
+        if (list.showingFilters) return void list.hideFilters();
+        list.showFilters();
+    }, [
+        list.showingFilters
+    ]);
+    return /*#__PURE__*/ react.createElement(FiltersToggle, {
+        onFiltersToggle: toggleFilters,
+        showingFilters: list.showingFilters,
+        "data-testid": "cms.list-entries.toggle-filters"
+    });
 };
+export { ButtonFilters };
 
 //# sourceMappingURL=ButtonFilters.js.map

package/admin/components/ContentEntries/Header/ButtonFilters/ButtonFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","FiltersToggle","useContentEntriesList","ButtonFilters","list","toggleFilters","showingFilters","hideFilters","showFilters","createElement","onFiltersToggle"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const ButtonFilters = () => {\n    const list = useContentEntriesList();\n\n    const toggleFilters = useCallback(() => {\n        if (list.showingFilters) {\n            list.hideFilters();\n            return;\n        }\n        list.showFilters();\n    }, [list.showingFilters]);\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={toggleFilters}\n            showingFilters={list.showingFilters}\n            data-testid=\"cms.list-entries.toggle-filters\"\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,IAAI,GAAGF,qBAAqB,CAAC,CAAC;EAEpC,MAAMG,aAAa,GAAGL,WAAW,CAAC,MAAM;IACpC,IAAII,IAAI,CAACE,cAAc,EAAE;MACrBF,IAAI,CAACG,WAAW,CAAC,CAAC;MAClB;IACJ;IACAH,IAAI,CAACI,WAAW,CAAC,CAAC;EACtB,CAAC,EAAE,CAACJ,IAAI,CAACE,cAAc,CAAC,CAAC;EAEzB,oBACIP,KAAA,CAAAU,aAAA,CAACR,aAAa;IACVS,eAAe,EAAEL,aAAc;IAC/BC,cAAc,EAAEF,IAAI,CAACE,cAAe;IACpC,eAAY;EAAiC,CAChD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Header/ButtonFilters/ButtonFilters.js","sources":["../../../../../../src/admin/components/ContentEntries/Header/ButtonFilters/ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const ButtonFilters = () => {\n    const list = useContentEntriesList();\n\n    const toggleFilters = useCallback(() => {\n        if (list.showingFilters) {\n            list.hideFilters();\n            return;\n        }\n        list.showFilters();\n    }, [list.showingFilters]);\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={toggleFilters}\n            showingFilters={list.showingFilters}\n            data-testid=\"cms.list-entries.toggle-filters\"\n        />\n    );\n};\n"],"names":["ButtonFilters","list","useContentEntriesList","toggleFilters","useCallback","FiltersToggle"],"mappings":";;;AAIO,MAAMA,gBAAgB;IACzB,MAAMC,OAAOC;IAEb,MAAMC,gBAAgBC,YAAY;QAC9B,IAAIH,KAAK,cAAc,EAAE,YACrBA,KAAK,WAAW;QAGpBA,KAAK,WAAW;IACpB,GAAG;QAACA,KAAK,cAAc;KAAC;IAExB,OAAO,WAAP,GACI,oBAACI,eAAaA;QACV,iBAAiBF;QACjB,gBAAgBF,KAAK,cAAc;QACnC,eAAY;;AAGxB"}

package/admin/components/ContentEntries/Header/ButtonFilters/index.js

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

package/admin/components/ContentEntries/Header/ButtonRefresh/ButtonRefresh.js

@@ -1,18 +1,19 @@
-import React from "react";
+import react from "react";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
-import { ReactComponent as RefreshIcon } from "@webiny/icons/autorenew.svg";
+import { ReactComponent } from "@webiny/icons/autorenew.svg";
 import { useContentEntriesList } from "../../../../views/contentEntries/hooks/index.js";
-export const ButtonRefresh = () => {
-  const list = useContentEntriesList();
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    side: "bottom",
-    content: "Refresh list",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      variant: "ghost",
-      icon: /*#__PURE__*/React.createElement(RefreshIcon, null),
-      onClick: list.refresh
-    })
-  });
+const ButtonRefresh = ()=>{
+    const list = useContentEntriesList();
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: "Refresh list",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: list.refresh
+        })
+    });
 };
+export { ButtonRefresh };
 
 //# sourceMappingURL=ButtonRefresh.js.map

package/admin/components/ContentEntries/Header/ButtonRefresh/ButtonRefresh.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","Tooltip","ReactComponent","RefreshIcon","useContentEntriesList","ButtonRefresh","list","createElement","side","content","trigger","variant","icon","onClick","refresh"],"sources":["ButtonRefresh.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as RefreshIcon } from \"@webiny/icons/autorenew.svg\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const ButtonRefresh = () => {\n    const list = useContentEntriesList();\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={\"Refresh list\"}\n            trigger={<IconButton variant={\"ghost\"} icon={<RefreshIcon />} onClick={list.refresh} />}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACtD,SAASC,cAAc,IAAIC,WAAW,QAAQ,6BAA6B;AAC3E,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAMC,IAAI,GAAGF,qBAAqB,CAAC,CAAC;EAEpC,oBACIL,KAAA,CAAAQ,aAAA,CAACN,OAAO;IACJO,IAAI,EAAE,QAAS;IACfC,OAAO,EAAE,cAAe;IACxBC,OAAO,eAAEX,KAAA,CAAAQ,aAAA,CAACP,UAAU;MAACW,OAAO,EAAE,OAAQ;MAACC,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACJ,WAAW,MAAE,CAAE;MAACU,OAAO,EAAEP,IAAI,CAACQ;IAAQ,CAAE;EAAE,CAC3F,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Header/ButtonRefresh/ButtonRefresh.js","sources":["../../../../../../src/admin/components/ContentEntries/Header/ButtonRefresh/ButtonRefresh.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as RefreshIcon } from \"@webiny/icons/autorenew.svg\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const ButtonRefresh = () => {\n    const list = useContentEntriesList();\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={\"Refresh list\"}\n            trigger={<IconButton variant={\"ghost\"} icon={<RefreshIcon />} onClick={list.refresh} />}\n        />\n    );\n};\n"],"names":["ButtonRefresh","list","useContentEntriesList","Tooltip","IconButton","RefreshIcon"],"mappings":";;;;AAKO,MAAMA,gBAAgB;IACzB,MAAMC,OAAOC;IAEb,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,MAAM;QACN,SAAS;QACT,uBAAS,oBAACC,YAAUA;YAAC,SAAS;YAAS,oBAAM,oBAACC,gBAAWA;YAAK,SAASJ,KAAK,OAAO;;;AAG/F"}

package/admin/components/ContentEntries/Header/ButtonRefresh/index.js

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

package/admin/components/ContentEntries/Header/ButtonsCreate/ButtonsCreate.js

@@ -1,46 +1,36 @@
-import React from "react";
-import { ReactComponent as Add } from "@webiny/icons/add.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useModel } from "../../../../hooks/index.js";
 import { Button, Tooltip } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/components/content-entries/header/buttons/create");
-export const ButtonsCreate = ({
-  onCreateFolder,
-  onCreateEntry,
-  canCreateContent,
-  canCreateFolder
-}) => {
-  const {
-    model
-  } = useModel();
-  let newFolderButton = /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "new-folder-button",
-    onClick: onCreateFolder,
-    disabled: !canCreateFolder,
-    text: t`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
+const ButtonsCreate = ({ onCreateFolder, onCreateEntry, canCreateContent, canCreateFolder })=>{
+    const { model } = useModel();
+    let newFolderButton = /*#__PURE__*/ react.createElement(Button, {
+        "data-testid": "new-folder-button",
+        onClick: onCreateFolder,
+        disabled: !canCreateFolder,
+        text: t`New Folder`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "secondary"
     });
-  }
-  let newEntryButton = /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "new-entry-button",
-    onClick: onCreateEntry,
-    disabled: !canCreateContent,
-    text: `New ${model.name}`,
-    icon: /*#__PURE__*/React.createElement(Add, null)
-  });
-  if (!canCreateContent) {
-    newEntryButton = /*#__PURE__*/React.createElement(Tooltip, {
-      content: `Cannot create entry because you're not an owner.`,
-      trigger: newEntryButton
+    if (!canCreateFolder) newFolderButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Cannot create folder because you're not an owner.",
+        trigger: newFolderButton
     });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, newFolderButton, newEntryButton);
+    let newEntryButton = /*#__PURE__*/ react.createElement(Button, {
+        "data-testid": "new-entry-button",
+        onClick: onCreateEntry,
+        disabled: !canCreateContent,
+        text: `New ${model.name}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    });
+    if (!canCreateContent) newEntryButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Cannot create entry because you're not an owner.",
+        trigger: newEntryButton
+    });
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, newFolderButton, newEntryButton);
 };
+export { ButtonsCreate };
 
 //# sourceMappingURL=ButtonsCreate.js.map

package/admin/components/ContentEntries/Header/ButtonsCreate/ButtonsCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Add","i18n","useModel","Button","Tooltip","t","ns","ButtonsCreate","onCreateFolder","onCreateEntry","canCreateContent","canCreateFolder","model","newFolderButton","createElement","onClick","disabled","text","icon","variant","content","trigger","newEntryButton","name","Fragment"],"sources":["ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModel } from \"~/admin/hooks/index.js\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/header/buttons/create\");\n\ninterface ButtonsCreateProps {\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateEntry,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    const { model } = useModel();\n\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={t`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={onCreateEntry}\n            disabled={!canCreateContent}\n            text={`New ${model.name}`}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create entry 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,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ;AACjB,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AAElD,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,yEAAyE,CAAC;AAS5F,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,cAAc;EACdC,aAAa;EACbC,gBAAgB;EAChBC;AACgB,CAAC,KAAK;EACtB,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAE5B,IAAIW,eAAe,gBACff,KAAA,CAAAgB,aAAA,CAACX,MAAM;IACH,eAAY,mBAAmB;IAC/BY,OAAO,EAAEP,cAAe;IACxBQ,QAAQ,EAAE,CAACL,eAAgB;IAC3BM,IAAI,EAAEZ,CAAC,YAAa;IACpBa,IAAI,eAAEpB,KAAA,CAAAgB,aAAA,CAACd,GAAG,MAAE,CAAE;IACdmB,OAAO,EAAE;EAAY,CACxB,CACJ;EAED,IAAI,CAACR,eAAe,EAAE;IAClBE,eAAe,gBACXf,KAAA,CAAAgB,aAAA,CAACV,OAAO;MACJgB,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAER;IAAgB,CAC5B,CACJ;EACL;EAEA,IAAIS,cAAc,gBACdxB,KAAA,CAAAgB,aAAA,CAACX,MAAM;IACH,eAAY,kBAAkB;IAC9BY,OAAO,EAAEN,aAAc;IACvBO,QAAQ,EAAE,CAACN,gBAAiB;IAC5BO,IAAI,EAAE,OAAOL,KAAK,CAACW,IAAI,EAAG;IAC1BL,IAAI,eAAEpB,KAAA,CAAAgB,aAAA,CAACd,GAAG,MAAE;EAAE,CACjB,CACJ;EAED,IAAI,CAACU,gBAAgB,EAAE;IACnBY,cAAc,gBACVxB,KAAA,CAAAgB,aAAA,CAACV,OAAO;MACJgB,OAAO,EAAE,kDAAmD;MAC5DC,OAAO,EAAEC;IAAe,CAC3B,CACJ;EACL;EAEA,oBACIxB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,QACKX,eAAe,EACfS,cACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Header/ButtonsCreate/ButtonsCreate.js","sources":["../../../../../../src/admin/components/ContentEntries/Header/ButtonsCreate/ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModel } from \"~/admin/hooks/index.js\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/header/buttons/create\");\n\ninterface ButtonsCreateProps {\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateEntry,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    const { model } = useModel();\n\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={t`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={onCreateEntry}\n            disabled={!canCreateContent}\n            text={`New ${model.name}`}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create entry because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"names":["t","i18n","ButtonsCreate","onCreateFolder","onCreateEntry","canCreateContent","canCreateFolder","model","useModel","newFolderButton","Button","Add","Tooltip","newEntryButton"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AASX,MAAMC,gBAAgB,CAAC,EAC1BC,cAAc,EACdC,aAAa,EACbC,gBAAgB,EAChBC,eAAe,EACE;IACjB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,IAAIC,kBAAkB,WAAlBA,GACA,oBAACC,QAAMA;QACH,eAAY;QACZ,SAASP;QACT,UAAU,CAACG;QACX,MAAMN,CAAC,CAAC,UAAU,CAAC;QACnB,oBAAM,oBAACW,gBAAGA;QACV,SAAS;;IAIjB,IAAI,CAACL,iBACDG,kBAAkB,WAAlBA,GACI,oBAACG,SAAOA;QACJ,SAAS;QACT,SAASH;;IAKrB,IAAII,iBAAiB,WAAjBA,GACA,oBAACH,QAAMA;QACH,eAAY;QACZ,SAASN;QACT,UAAU,CAACC;QACX,MAAM,CAAC,IAAI,EAAEE,MAAM,IAAI,EAAE;QACzB,oBAAM,oBAACI,gBAAGA;;IAIlB,IAAI,CAACN,kBACDQ,iBAAiB,WAAjBA,GACI,oBAACD,SAAOA;QACJ,SAAS;QACT,SAASC;;IAKrB,OAAO,WAAP,GACI,0CACKJ,iBACAI;AAGb"}

package/admin/components/ContentEntries/Header/ButtonsCreate/index.js

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

package/admin/components/ContentEntries/Header/Header.js

@@ -1,44 +1,36 @@
-import React from "react";
+import react from "react";
 import { Separator } from "@webiny/admin-ui";
 import { Search } from "@webiny/app-aco";
 import { ButtonFilters } from "./ButtonFilters/index.js";
 import { ButtonsCreate } from "./ButtonsCreate/index.js";
 import { ButtonRefresh } from "./ButtonRefresh/index.js";
 import { Title } from "./Title/index.js";
-export const Header = props => {
-  const {
-    canCreateFolder,
-    canCreateContent,
-    onCreateEntry,
-    onCreateFolder,
-    title,
-    searchValue,
-    searchPlaceholder,
-    onSearchChange
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-md"
-  }, /*#__PURE__*/React.createElement(Title, {
-    title: title,
-    isRoot: props.isRoot
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "px-md pb-sm"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm w-full"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, /*#__PURE__*/React.createElement(Search, {
-    value: searchValue,
-    onChange: onSearchChange,
-    placeholder: searchPlaceholder || "Search entries..."
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, /*#__PURE__*/React.createElement(ButtonRefresh, null), /*#__PURE__*/React.createElement(ButtonFilters, null), /*#__PURE__*/React.createElement(ButtonsCreate, {
-    canCreateFolder: canCreateFolder,
-    canCreateContent: canCreateContent,
-    onCreateFolder: onCreateFolder,
-    onCreateEntry: onCreateEntry
-  })))))), /*#__PURE__*/React.createElement(Separator, null));
+const Header = (props)=>{
+    const { canCreateFolder, canCreateContent, onCreateEntry, onCreateFolder, title, searchValue, searchPlaceholder, onSearchChange } = props;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(Title, {
+        title: title,
+        isRoot: props.isRoot
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md pb-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm w-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1"
+    }, /*#__PURE__*/ react.createElement(Search, {
+        value: searchValue,
+        onChange: onSearchChange,
+        placeholder: searchPlaceholder || "Search entries..."
+    })), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm"
+    }, /*#__PURE__*/ react.createElement(ButtonRefresh, null), /*#__PURE__*/ react.createElement(ButtonFilters, null), /*#__PURE__*/ react.createElement(ButtonsCreate, {
+        canCreateFolder: canCreateFolder,
+        canCreateContent: canCreateContent,
+        onCreateFolder: onCreateFolder,
+        onCreateEntry: onCreateEntry
+    })))))), /*#__PURE__*/ react.createElement(Separator, null));
 };
+export { Header };
 
 //# sourceMappingURL=Header.js.map

package/admin/components/ContentEntries/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","Search","ButtonFilters","ButtonsCreate","ButtonRefresh","Title","Header","props","canCreateFolder","canCreateContent","onCreateEntry","onCreateFolder","title","searchValue","searchPlaceholder","onSearchChange","createElement","Fragment","className","isRoot","value","onChange","placeholder"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { Search } from \"@webiny/app-aco\";\nimport { ButtonFilters } from \"./ButtonFilters/index.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate/index.js\";\nimport { ButtonRefresh } from \"./ButtonRefresh/index.js\";\nimport { Title } from \"./Title/index.js\";\n\ninterface HeaderProps {\n    isRoot: boolean;\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateEntry: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n    searchValue: string;\n    searchPlaceholder: string;\n    onSearchChange: (value: string) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const {\n        canCreateFolder,\n        canCreateContent,\n        onCreateEntry,\n        onCreateFolder,\n        title,\n        searchValue,\n        searchPlaceholder,\n        onSearchChange\n    } = props;\n\n    return (\n        <>\n            <div className={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={props.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                                value={searchValue}\n                                onChange={onSearchChange}\n                                placeholder={searchPlaceholder || \"Search entries...\"}\n                            />\n                        </div>\n                        <div>\n                            <div className={\"flex gap-sm\"}>\n                                <ButtonRefresh />\n                                <ButtonFilters />\n                                <ButtonsCreate\n                                    canCreateFolder={canCreateFolder}\n                                    canCreateContent={canCreateContent}\n                                    onCreateFolder={onCreateFolder}\n                                    onCreateEntry={onCreateEntry}\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,MAAM,QAAQ,iBAAiB;AACxC,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,KAAK;AAcd,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,MAAM;IACFC,eAAe;IACfC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,KAAK;IACLC,WAAW;IACXC,iBAAiB;IACjBC;EACJ,CAAC,GAAGR,KAAK;EAET,oBACIR,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAE;EAAuB,gBACnCnB,KAAA,CAAAiB,aAAA,CAACX,KAAK;IAACO,KAAK,EAAEA,KAAM;IAACO,MAAM,EAAEZ,KAAK,CAACY;EAAO,CAAE,CAAC,eAC7CpB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BnB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAE;EAAkC,gBAC9CnB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAE;EAAS,gBACrBnB,KAAA,CAAAiB,aAAA,CAACf,MAAM;IACHmB,KAAK,EAAEP,WAAY;IACnBQ,QAAQ,EAAEN,cAAe;IACzBO,WAAW,EAAER,iBAAiB,IAAI;EAAoB,CACzD,CACA,CAAC,eACNf,KAAA,CAAAiB,aAAA,2BACIjB,KAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BnB,KAAA,CAAAiB,aAAA,CAACZ,aAAa,MAAE,CAAC,eACjBL,KAAA,CAAAiB,aAAA,CAACd,aAAa,MAAE,CAAC,eACjBH,KAAA,CAAAiB,aAAA,CAACb,aAAa;IACVK,eAAe,EAAEA,eAAgB;IACjCC,gBAAgB,EAAEA,gBAAiB;IACnCE,cAAc,EAAEA,cAAe;IAC/BD,aAAa,EAAEA;EAAc,CAChC,CACA,CACJ,CACJ,CACJ,CACJ,CAAC,eACNX,KAAA,CAAAiB,aAAA,CAAChB,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Header/Header.js","sources":["../../../../../src/admin/components/ContentEntries/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { Search } from \"@webiny/app-aco\";\nimport { ButtonFilters } from \"./ButtonFilters/index.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate/index.js\";\nimport { ButtonRefresh } from \"./ButtonRefresh/index.js\";\nimport { Title } from \"./Title/index.js\";\n\ninterface HeaderProps {\n    isRoot: boolean;\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateEntry: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n    searchValue: string;\n    searchPlaceholder: string;\n    onSearchChange: (value: string) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const {\n        canCreateFolder,\n        canCreateContent,\n        onCreateEntry,\n        onCreateFolder,\n        title,\n        searchValue,\n        searchPlaceholder,\n        onSearchChange\n    } = props;\n\n    return (\n        <>\n            <div className={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={props.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                                value={searchValue}\n                                onChange={onSearchChange}\n                                placeholder={searchPlaceholder || \"Search entries...\"}\n                            />\n                        </div>\n                        <div>\n                            <div className={\"flex gap-sm\"}>\n                                <ButtonRefresh />\n                                <ButtonFilters />\n                                <ButtonsCreate\n                                    canCreateFolder={canCreateFolder}\n                                    canCreateContent={canCreateContent}\n                                    onCreateFolder={onCreateFolder}\n                                    onCreateEntry={onCreateEntry}\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["Header","props","canCreateFolder","canCreateContent","onCreateEntry","onCreateFolder","title","searchValue","searchPlaceholder","onSearchChange","Title","Search","ButtonRefresh","ButtonFilters","ButtonsCreate","Separator"],"mappings":";;;;;;;AAoBO,MAAMA,SAAS,CAACC;IACnB,MAAM,EACFC,eAAe,EACfC,gBAAgB,EAChBC,aAAa,EACbC,cAAc,EACdC,KAAK,EACLC,WAAW,EACXC,iBAAiB,EACjBC,cAAc,EACjB,GAAGR;IAEJ,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACS,OAAKA;QAAC,OAAOJ;QAAO,QAAQL,MAAM,MAAM;sBACzC,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACU,QAAMA;QACH,OAAOJ;QACP,UAAUE;QACV,aAAaD,qBAAqB;uBAG1C,oBAAC,2BACG,oBAAC;QAAI,WAAW;qBACZ,oBAACI,eAAaA,OAAAA,WAAAA,GACd,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,eAAaA;QACV,iBAAiBZ;QACjB,kBAAkBC;QAClB,gBAAgBE;QAChB,eAAeD;2BAOvC,oBAACW,WAASA;AAGtB"}

package/admin/components/ContentEntries/Header/Title/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/admin/components/ContentEntries/Header/Title/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":"admin/components/ContentEntries/Header/Title/Title.js","sources":["../../../../../../src/admin/components/ContentEntries/Header/Title/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/admin/components/ContentEntries/Header/Title/index.js

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

package/admin/components/ContentEntries/Header/index.js

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

package/admin/components/ContentEntries/LoadMoreButton/LoadMoreButton.js

@@ -1,24 +1,17 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Button } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/components/content-entries/load-more-button");
-export const LoadMoreButton = ({
-  disabled,
-  windowHeight,
-  tableHeight,
-  show,
-  onClick
-}) => {
-  if (!show || windowHeight <= tableHeight) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex text-center mt-md"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClick,
-    disabled: disabled,
-    text: t`Load more entries`
-  }));
+const LoadMoreButton = ({ disabled, windowHeight, tableHeight, show, onClick })=>{
+    if (!show || windowHeight <= tableHeight) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex text-center mt-md"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        disabled: disabled,
+        text: t`Load more entries`
+    }));
 };
+export { LoadMoreButton };
 
 //# sourceMappingURL=LoadMoreButton.js.map

package/admin/components/ContentEntries/LoadMoreButton/LoadMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Button","t","ns","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick","createElement","className","text"],"sources":["LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Button } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/load-more-button\");\n\ninterface LoadMoreButtonProps {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}: LoadMoreButtonProps) => {\n    if (!show || windowHeight <= tableHeight) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex text-center mt-md\"}>\n            <Button onClick={onClick} disabled={disabled} text={t`Load more entries`} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oEAAoE,CAAC;AAUvF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,WAAW;EACXC,IAAI;EACJC;AACiB,CAAC,KAAK;EACvB,IAAI,CAACD,IAAI,IAAIF,YAAY,IAAIC,WAAW,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrCZ,KAAA,CAAAW,aAAA,CAACT,MAAM;IAACQ,OAAO,EAAEA,OAAQ;IAACJ,QAAQ,EAAEA,QAAS;IAACO,IAAI,EAAEV,CAAC;EAAoB,CAAE,CAC1E,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/LoadMoreButton/LoadMoreButton.js","sources":["../../../../../src/admin/components/ContentEntries/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Button } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/load-more-button\");\n\ninterface LoadMoreButtonProps {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}: LoadMoreButtonProps) => {\n    if (!show || windowHeight <= tableHeight) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex text-center mt-md\"}>\n            <Button onClick={onClick} disabled={disabled} text={t`Load more entries`} />\n        </div>\n    );\n};\n"],"names":["t","i18n","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick","Button"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAUX,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,YAAY,EACZC,WAAW,EACXC,IAAI,EACJC,OAAO,EACW;IAClB,IAAI,CAACD,QAAQF,gBAAgBC,aACzB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,QAAMA;QAAC,SAASD;QAAS,UAAUJ;QAAU,MAAMH,CAAC,CAAC,iBAAiB,CAAC;;AAGpF"}

package/admin/components/ContentEntries/LoadMoreButton/index.js

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

package/admin/components/ContentEntries/LoadingContentModel/LoadingContentModel.js

@@ -1,11 +1,10 @@
-import React from "react";
+import react from "react";
 import { OverlayLoader } from "@webiny/admin-ui";
-export const LoadingContentModel = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-screen h-screen fixed top-0 left-0 z-50"
-  }, /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: "Loading content model..."
-  }));
-};
+const LoadingContentModel = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-screen h-screen fixed top-0 left-0 z-50"
+    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading content model..."
+    }));
+export { LoadingContentModel };
 
 //# sourceMappingURL=LoadingContentModel.js.map