@strapi/content-manager 0.0.0-experimental.e0df4d50334a17a1beb3d203bff414fbbff62f7b → 0.0.0-experimental.e100737b0ed96d0d80a5c6f4925c7374e63a342a

package/dist/admin/index.js

@@ -2,33 +2,126 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@strapi/icons');
-var index = require('./chunks/index-BHimg6jW.js');
+var Icons = require('@strapi/icons');
+var plugin = require('./constants/plugin.js');
+var contentManager = require('./content-manager.js');
+var index$1 = require('./history/index.js');
+var reducers = require('./modules/reducers.js');
+var index$2 = require('./preview/index.js');
+var router = require('./router.js');
+var translations = require('./utils/translations.js');
 require('prismjs');
-require('react/jsx-runtime');
-require('@strapi/admin/strapi-admin');
-require('react');
-require('@strapi/design-system');
-require('lodash/fp/mapValues');
-require('react-intl');
-require('react-router-dom');
-require('styled-components');
-require('yup');
-require('fractional-indexing');
-require('lodash/fp/pipe');
-require('qs');
-require('date-fns');
-require('@reduxjs/toolkit');
+var api = require('./utils/api.js');
+var DocumentStatus = require('./pages/EditView/components/DocumentStatus.js');
+var useDocument = require('./hooks/useDocument.js');
+var useDocumentActions = require('./hooks/useDocumentActions.js');
+var useDocumentLayout = require('./hooks/useDocumentLayout.js');
+var DocumentRBAC = require('./features/DocumentRBAC.js');
 
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
 
+function __variableDynamicImportRuntime1__(path) {
+  switch (path) {
+    case './translations/ar.json': return Promise.resolve().then(function () { return require('./translations/ar.json.js'); });
+    case './translations/ca.json': return Promise.resolve().then(function () { return require('./translations/ca.json.js'); });
+    case './translations/cs.json': return Promise.resolve().then(function () { return require('./translations/cs.json.js'); });
+    case './translations/de.json': return Promise.resolve().then(function () { return require('./translations/de.json.js'); });
+    case './translations/en.json': return Promise.resolve().then(function () { return require('./translations/en.json.js'); });
+    case './translations/es.json': return Promise.resolve().then(function () { return require('./translations/es.json.js'); });
+    case './translations/eu.json': return Promise.resolve().then(function () { return require('./translations/eu.json.js'); });
+    case './translations/fr.json': return Promise.resolve().then(function () { return require('./translations/fr.json.js'); });
+    case './translations/gu.json': return Promise.resolve().then(function () { return require('./translations/gu.json.js'); });
+    case './translations/hi.json': return Promise.resolve().then(function () { return require('./translations/hi.json.js'); });
+    case './translations/hu.json': return Promise.resolve().then(function () { return require('./translations/hu.json.js'); });
+    case './translations/id.json': return Promise.resolve().then(function () { return require('./translations/id.json.js'); });
+    case './translations/it.json': return Promise.resolve().then(function () { return require('./translations/it.json.js'); });
+    case './translations/ja.json': return Promise.resolve().then(function () { return require('./translations/ja.json.js'); });
+    case './translations/ko.json': return Promise.resolve().then(function () { return require('./translations/ko.json.js'); });
+    case './translations/ml.json': return Promise.resolve().then(function () { return require('./translations/ml.json.js'); });
+    case './translations/ms.json': return Promise.resolve().then(function () { return require('./translations/ms.json.js'); });
+    case './translations/nl.json': return Promise.resolve().then(function () { return require('./translations/nl.json.js'); });
+    case './translations/pl.json': return Promise.resolve().then(function () { return require('./translations/pl.json.js'); });
+    case './translations/pt-BR.json': return Promise.resolve().then(function () { return require('./translations/pt-BR.json.js'); });
+    case './translations/pt.json': return Promise.resolve().then(function () { return require('./translations/pt.json.js'); });
+    case './translations/ru.json': return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./translations/ru.json.js')); });
+    case './translations/sa.json': return Promise.resolve().then(function () { return require('./translations/sa.json.js'); });
+    case './translations/sk.json': return Promise.resolve().then(function () { return require('./translations/sk.json.js'); });
+    case './translations/sv.json': return Promise.resolve().then(function () { return require('./translations/sv.json.js'); });
+    case './translations/th.json': return Promise.resolve().then(function () { return require('./translations/th.json.js'); });
+    case './translations/tr.json': return Promise.resolve().then(function () { return require('./translations/tr.json.js'); });
+    case './translations/uk.json': return Promise.resolve().then(function () { return require('./translations/uk.json.js'); });
+    case './translations/vi.json': return Promise.resolve().then(function () { return require('./translations/vi.json.js'); });
+    case './translations/zh-Hans.json': return Promise.resolve().then(function () { return require('./translations/zh-Hans.json.js'); });
+    case './translations/zh.json': return Promise.resolve().then(function () { return require('./translations/zh.json.js'); });
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
+   }
+ }
+// eslint-disable-next-line import/no-default-export
+var index = {
+    register (app) {
+        const cm = new contentManager.ContentManagerPlugin();
+        app.addReducers({
+            [plugin.PLUGIN_ID]: reducers.reducer
+        });
+        app.addMenuLink({
+            to: plugin.PLUGIN_ID,
+            icon: Icons.Feather,
+            intlLabel: {
+                id: `content-manager.plugin.name`,
+                defaultMessage: 'Content Manager'
+            },
+            permissions: [],
+            position: 1
+        });
+        app.router.addRoute({
+            path: 'content-manager/*',
+            lazy: async ()=>{
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout.js'); });
+                return {
+                    Component: Layout
+                };
+            },
+            children: router.routes
+        });
+        app.registerPlugin(cm.config);
+    },
+    bootstrap (app) {
+        if (typeof index$1.historyAdmin.bootstrap === 'function') {
+            index$1.historyAdmin.bootstrap(app);
+        }
+        if (typeof index$2.previewAdmin.bootstrap === 'function') {
+            index$2.previewAdmin.bootstrap(app);
+        }
+    },
+    async registerTrads ({ locales }) {
+        const importedTrads = await Promise.all(locales.map((locale)=>{
+            return __variableDynamicImportRuntime1__(`./translations/${locale}.json`).then(({ default: data })=>{
+                return {
+                    data: translations.prefixPluginTranslations(data, plugin.PLUGIN_ID),
+                    locale
+                };
+            }).catch(()=>{
+                return {
+                    data: {},
+                    locale
+                };
+            });
+        }));
+        return Promise.resolve(importedTrads);
+    }
+};
 
-exports.DocumentRBAC = index.DocumentRBAC;
-exports.DocumentStatus = index.DocumentStatus;
-exports.buildValidParams = index.buildValidParams;
-exports.default = index.index;
-exports.unstable_useContentManagerContext = index.useContentManagerContext;
-exports.unstable_useDocument = index.useDocument;
-exports.unstable_useDocumentActions = index.useDocumentActions;
-exports.unstable_useDocumentLayout = index.useDocumentLayout;
-exports.useDocumentRBAC = index.useDocumentRBAC;
+exports.buildValidParams = api.buildValidParams;
+exports.DocumentStatus = DocumentStatus.DocumentStatus;
+exports.unstable_useContentManagerContext = useDocument.useContentManagerContext;
+exports.unstable_useDocument = useDocument.useDocument;
+exports.unstable_useDocumentActions = useDocumentActions.useDocumentActions;
+exports.unstable_useDocumentLayout = useDocumentLayout.useDocumentLayout;
+exports.DocumentRBAC = DocumentRBAC.DocumentRBAC;
+exports.useDocumentRBAC = DocumentRBAC.useDocumentRBAC;
+exports.default = index;
 //# sourceMappingURL=index.js.map

package/dist/admin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../admin/src/index.ts"],"sourcesContent":["import { Feather } from '@strapi/icons';\n\nimport { PLUGIN_ID } from './constants/plugin';\nimport { ContentManagerPlugin } from './content-manager';\nimport { historyAdmin } from './history';\nimport { reducer } from './modules/reducers';\nimport { previewAdmin } from './preview';\nimport { routes } from './router';\nimport { prefixPluginTranslations } from './utils/translations';\n\n// NOTE: we have to preload it to ensure chunks will have it available as global\nimport 'prismjs';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  register(app: any) {\n    const cm = new ContentManagerPlugin();\n\n    app.addReducers({\n      [PLUGIN_ID]: reducer,\n    });\n\n    app.addMenuLink({\n      to: PLUGIN_ID,\n      icon: Feather,\n      intlLabel: {\n        id: `content-manager.plugin.name`,\n        defaultMessage: 'Content Manager',\n      },\n      permissions: [],\n      position: 1,\n    });\n\n    app.router.addRoute({\n      path: 'content-manager/*',\n      lazy: async () => {\n        const { Layout } = await import('./layout');\n\n        return {\n          Component: Layout,\n        };\n      },\n      children: routes,\n    });\n\n    app.registerPlugin(cm.config);\n  },\n  bootstrap(app: any) {\n    if (typeof historyAdmin.bootstrap === 'function') {\n      historyAdmin.bootstrap(app);\n    }\n    if (typeof previewAdmin.bootstrap === 'function') {\n      previewAdmin.bootstrap(app);\n    }\n  },\n  async registerTrads({ locales }: { locales: string[] }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, PLUGIN_ID),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n\nexport * from './exports';\n"],"names":["register","app","cm","ContentManagerPlugin","addReducers","PLUGIN_ID","reducer","addMenuLink","to","icon","Feather","intlLabel","id","defaultMessage","permissions","position","router","addRoute","path","lazy","Layout","Component","children","routes","registerPlugin","config","bootstrap","historyAdmin","previewAdmin","registerTrads","locales","importedTrads","Promise","all","map","locale","then","default","data","prefixPluginTranslations","catch","resolve"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;AACA,YAAe;AACbA,IAAAA,QAAAA,CAAAA,CAASC,GAAQ,EAAA;AACf,QAAA,MAAMC,KAAK,IAAIC,mCAAAA,EAAAA;AAEfF,QAAAA,GAAAA,CAAIG,WAAW,CAAC;AACd,YAAA,CAACC,mBAAYC;AACf,SAAA,CAAA;AAEAL,QAAAA,GAAAA,CAAIM,WAAW,CAAC;YACdC,EAAIH,EAAAA,gBAAAA;YACJI,IAAMC,EAAAA,aAAAA;YACNC,SAAW,EAAA;gBACTC,EAAI,EAAA,CAAC,2BAA2B,CAAC;gBACjCC,cAAgB,EAAA;AAClB,aAAA;AACAC,YAAAA,WAAAA,EAAa,EAAE;YACfC,QAAU,EAAA;AACZ,SAAA,CAAA;QAEAd,GAAIe,CAAAA,MAAM,CAACC,QAAQ,CAAC;YAClBC,IAAM,EAAA,mBAAA;YACNC,IAAM,EAAA,UAAA;AACJ,gBAAA,MAAM,EAAEC,MAAM,EAAE,GAAG,MAAM,oDAAO,aAAA,KAAA;gBAEhC,OAAO;oBACLC,SAAWD,EAAAA;AACb,iBAAA;AACF,aAAA;YACAE,QAAUC,EAAAA;AACZ,SAAA,CAAA;QAEAtB,GAAIuB,CAAAA,cAAc,CAACtB,EAAAA,CAAGuB,MAAM,CAAA;AAC9B,KAAA;AACAC,IAAAA,SAAAA,CAAAA,CAAUzB,GAAQ,EAAA;AAChB,QAAA,IAAI,OAAO0B,oBAAAA,CAAaD,SAAS,KAAK,UAAY,EAAA;AAChDC,YAAAA,oBAAAA,CAAaD,SAAS,CAACzB,GAAAA,CAAAA;AACzB;AACA,QAAA,IAAI,OAAO2B,oBAAAA,CAAaF,SAAS,KAAK,UAAY,EAAA;AAChDE,YAAAA,oBAAAA,CAAaF,SAAS,CAACzB,GAAAA,CAAAA;AACzB;AACF,KAAA;IACA,MAAM4B,aAAAA,CAAAA,CAAc,EAAEC,OAAO,EAAyB,EAAA;QACpD,MAAMC,aAAAA,GAAgB,MAAMC,OAAQC,CAAAA,GAAG,CACrCH,OAAQI,CAAAA,GAAG,CAAC,CAACC,MAAAA,GAAAA;AACX,YAAA,OAAO,iCAAM,CAAC,CAAC,eAAe,EAAEA,MAAO,CAAA,KAAK,CAAC,CAAA,CAC1CC,IAAI,CAAC,CAAC,EAAEC,OAAAA,EAASC,IAAI,EAAE,GAAA;gBACtB,OAAO;AACLA,oBAAAA,IAAAA,EAAMC,sCAAyBD,IAAMjC,EAAAA,gBAAAA,CAAAA;AACrC8B,oBAAAA;AACF,iBAAA;AACF,aAAA,CAAA,CACCK,KAAK,CAAC,IAAA;gBACL,OAAO;AACLF,oBAAAA,IAAAA,EAAM,EAAC;AACPH,oBAAAA;AACF,iBAAA;AACF,aAAA,CAAA;AACJ,SAAA,CAAA,CAAA;QAGF,OAAOH,OAAAA,CAAQS,OAAO,CAACV,aAAAA,CAAAA;AACzB;AACF,CAAE;;;;;;;;;;;;"}

package/dist/admin/index.mjs

@@ -1,18 +1,113 @@
-import '@strapi/icons';
-export { l as DocumentRBAC, D as DocumentStatus, d as buildValidParams, O as default, Q as unstable_useContentManagerContext, M as unstable_useDocument, U as unstable_useDocumentActions, h as unstable_useDocumentLayout, f as useDocumentRBAC } from './chunks/index-Cs6qwFQu.mjs';
+import { Feather } from '@strapi/icons';
+import { PLUGIN_ID } from './constants/plugin.mjs';
+import { ContentManagerPlugin } from './content-manager.mjs';
+import { historyAdmin } from './history/index.mjs';
+import { reducer } from './modules/reducers.mjs';
+import { previewAdmin } from './preview/index.mjs';
+import { routes } from './router.mjs';
+import { prefixPluginTranslations } from './utils/translations.mjs';
 import 'prismjs';
-import 'react/jsx-runtime';
-import '@strapi/admin/strapi-admin';
-import 'react';
-import '@strapi/design-system';
-import 'lodash/fp/mapValues';
-import 'react-intl';
-import 'react-router-dom';
-import 'styled-components';
-import 'yup';
-import 'fractional-indexing';
-import 'lodash/fp/pipe';
-import 'qs';
-import 'date-fns';
-import '@reduxjs/toolkit';
+export { buildValidParams } from './utils/api.mjs';
+export { DocumentStatus } from './pages/EditView/components/DocumentStatus.mjs';
+export { useContentManagerContext as unstable_useContentManagerContext, useDocument as unstable_useDocument } from './hooks/useDocument.mjs';
+export { useDocumentActions as unstable_useDocumentActions } from './hooks/useDocumentActions.mjs';
+export { useDocumentLayout as unstable_useDocumentLayout } from './hooks/useDocumentLayout.mjs';
+export { DocumentRBAC, useDocumentRBAC } from './features/DocumentRBAC.mjs';
+
+function __variableDynamicImportRuntime1__(path) {
+  switch (path) {
+    case './translations/ar.json': return import('./translations/ar.json.mjs');
+    case './translations/ca.json': return import('./translations/ca.json.mjs');
+    case './translations/cs.json': return import('./translations/cs.json.mjs');
+    case './translations/de.json': return import('./translations/de.json.mjs');
+    case './translations/en.json': return import('./translations/en.json.mjs');
+    case './translations/es.json': return import('./translations/es.json.mjs');
+    case './translations/eu.json': return import('./translations/eu.json.mjs');
+    case './translations/fr.json': return import('./translations/fr.json.mjs');
+    case './translations/gu.json': return import('./translations/gu.json.mjs');
+    case './translations/hi.json': return import('./translations/hi.json.mjs');
+    case './translations/hu.json': return import('./translations/hu.json.mjs');
+    case './translations/id.json': return import('./translations/id.json.mjs');
+    case './translations/it.json': return import('./translations/it.json.mjs');
+    case './translations/ja.json': return import('./translations/ja.json.mjs');
+    case './translations/ko.json': return import('./translations/ko.json.mjs');
+    case './translations/ml.json': return import('./translations/ml.json.mjs');
+    case './translations/ms.json': return import('./translations/ms.json.mjs');
+    case './translations/nl.json': return import('./translations/nl.json.mjs');
+    case './translations/pl.json': return import('./translations/pl.json.mjs');
+    case './translations/pt-BR.json': return import('./translations/pt-BR.json.mjs');
+    case './translations/pt.json': return import('./translations/pt.json.mjs');
+    case './translations/ru.json': return import('./translations/ru.json.mjs');
+    case './translations/sa.json': return import('./translations/sa.json.mjs');
+    case './translations/sk.json': return import('./translations/sk.json.mjs');
+    case './translations/sv.json': return import('./translations/sv.json.mjs');
+    case './translations/th.json': return import('./translations/th.json.mjs');
+    case './translations/tr.json': return import('./translations/tr.json.mjs');
+    case './translations/uk.json': return import('./translations/uk.json.mjs');
+    case './translations/vi.json': return import('./translations/vi.json.mjs');
+    case './translations/zh-Hans.json': return import('./translations/zh-Hans.json.mjs');
+    case './translations/zh.json': return import('./translations/zh.json.mjs');
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
+   }
+ }
+// eslint-disable-next-line import/no-default-export
+var index = {
+    register (app) {
+        const cm = new ContentManagerPlugin();
+        app.addReducers({
+            [PLUGIN_ID]: reducer
+        });
+        app.addMenuLink({
+            to: PLUGIN_ID,
+            icon: Feather,
+            intlLabel: {
+                id: `content-manager.plugin.name`,
+                defaultMessage: 'Content Manager'
+            },
+            permissions: [],
+            position: 1
+        });
+        app.router.addRoute({
+            path: 'content-manager/*',
+            lazy: async ()=>{
+                const { Layout } = await import('./layout.mjs');
+                return {
+                    Component: Layout
+                };
+            },
+            children: routes
+        });
+        app.registerPlugin(cm.config);
+    },
+    bootstrap (app) {
+        if (typeof historyAdmin.bootstrap === 'function') {
+            historyAdmin.bootstrap(app);
+        }
+        if (typeof previewAdmin.bootstrap === 'function') {
+            previewAdmin.bootstrap(app);
+        }
+    },
+    async registerTrads ({ locales }) {
+        const importedTrads = await Promise.all(locales.map((locale)=>{
+            return __variableDynamicImportRuntime1__(`./translations/${locale}.json`).then(({ default: data })=>{
+                return {
+                    data: prefixPluginTranslations(data, PLUGIN_ID),
+                    locale
+                };
+            }).catch(()=>{
+                return {
+                    data: {},
+                    locale
+                };
+            });
+        }));
+        return Promise.resolve(importedTrads);
+    }
+};
+
+export { index as default };
 //# sourceMappingURL=index.mjs.map

package/dist/admin/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../admin/src/index.ts"],"sourcesContent":["import { Feather } from '@strapi/icons';\n\nimport { PLUGIN_ID } from './constants/plugin';\nimport { ContentManagerPlugin } from './content-manager';\nimport { historyAdmin } from './history';\nimport { reducer } from './modules/reducers';\nimport { previewAdmin } from './preview';\nimport { routes } from './router';\nimport { prefixPluginTranslations } from './utils/translations';\n\n// NOTE: we have to preload it to ensure chunks will have it available as global\nimport 'prismjs';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  register(app: any) {\n    const cm = new ContentManagerPlugin();\n\n    app.addReducers({\n      [PLUGIN_ID]: reducer,\n    });\n\n    app.addMenuLink({\n      to: PLUGIN_ID,\n      icon: Feather,\n      intlLabel: {\n        id: `content-manager.plugin.name`,\n        defaultMessage: 'Content Manager',\n      },\n      permissions: [],\n      position: 1,\n    });\n\n    app.router.addRoute({\n      path: 'content-manager/*',\n      lazy: async () => {\n        const { Layout } = await import('./layout');\n\n        return {\n          Component: Layout,\n        };\n      },\n      children: routes,\n    });\n\n    app.registerPlugin(cm.config);\n  },\n  bootstrap(app: any) {\n    if (typeof historyAdmin.bootstrap === 'function') {\n      historyAdmin.bootstrap(app);\n    }\n    if (typeof previewAdmin.bootstrap === 'function') {\n      previewAdmin.bootstrap(app);\n    }\n  },\n  async registerTrads({ locales }: { locales: string[] }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, PLUGIN_ID),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n\nexport * from './exports';\n"],"names":["register","app","cm","ContentManagerPlugin","addReducers","PLUGIN_ID","reducer","addMenuLink","to","icon","Feather","intlLabel","id","defaultMessage","permissions","position","router","addRoute","path","lazy","Layout","Component","children","routes","registerPlugin","config","bootstrap","historyAdmin","previewAdmin","registerTrads","locales","importedTrads","Promise","all","map","locale","then","default","data","prefixPluginTranslations","catch","resolve"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;AACA,YAAe;AACbA,IAAAA,QAAAA,CAAAA,CAASC,GAAQ,EAAA;AACf,QAAA,MAAMC,KAAK,IAAIC,oBAAAA,EAAAA;AAEfF,QAAAA,GAAAA,CAAIG,WAAW,CAAC;AACd,YAAA,CAACC,YAAYC;AACf,SAAA,CAAA;AAEAL,QAAAA,GAAAA,CAAIM,WAAW,CAAC;YACdC,EAAIH,EAAAA,SAAAA;YACJI,IAAMC,EAAAA,OAAAA;YACNC,SAAW,EAAA;gBACTC,EAAI,EAAA,CAAC,2BAA2B,CAAC;gBACjCC,cAAgB,EAAA;AAClB,aAAA;AACAC,YAAAA,WAAAA,EAAa,EAAE;YACfC,QAAU,EAAA;AACZ,SAAA,CAAA;QAEAd,GAAIe,CAAAA,MAAM,CAACC,QAAQ,CAAC;YAClBC,IAAM,EAAA,mBAAA;YACNC,IAAM,EAAA,UAAA;AACJ,gBAAA,MAAM,EAAEC,MAAM,EAAE,GAAG,MAAM,OAAO,cAAA,CAAA;gBAEhC,OAAO;oBACLC,SAAWD,EAAAA;AACb,iBAAA;AACF,aAAA;YACAE,QAAUC,EAAAA;AACZ,SAAA,CAAA;QAEAtB,GAAIuB,CAAAA,cAAc,CAACtB,EAAAA,CAAGuB,MAAM,CAAA;AAC9B,KAAA;AACAC,IAAAA,SAAAA,CAAAA,CAAUzB,GAAQ,EAAA;AAChB,QAAA,IAAI,OAAO0B,YAAAA,CAAaD,SAAS,KAAK,UAAY,EAAA;AAChDC,YAAAA,YAAAA,CAAaD,SAAS,CAACzB,GAAAA,CAAAA;AACzB;AACA,QAAA,IAAI,OAAO2B,YAAAA,CAAaF,SAAS,KAAK,UAAY,EAAA;AAChDE,YAAAA,YAAAA,CAAaF,SAAS,CAACzB,GAAAA,CAAAA;AACzB;AACF,KAAA;IACA,MAAM4B,aAAAA,CAAAA,CAAc,EAAEC,OAAO,EAAyB,EAAA;QACpD,MAAMC,aAAAA,GAAgB,MAAMC,OAAQC,CAAAA,GAAG,CACrCH,OAAQI,CAAAA,GAAG,CAAC,CAACC,MAAAA,GAAAA;AACX,YAAA,OAAO,iCAAM,CAAC,CAAC,eAAe,EAAEA,MAAO,CAAA,KAAK,CAAC,CAAA,CAC1CC,IAAI,CAAC,CAAC,EAAEC,OAAAA,EAASC,IAAI,EAAE,GAAA;gBACtB,OAAO;AACLA,oBAAAA,IAAAA,EAAMC,yBAAyBD,IAAMjC,EAAAA,SAAAA,CAAAA;AACrC8B,oBAAAA;AACF,iBAAA;AACF,aAAA,CAAA,CACCK,KAAK,CAAC,IAAA;gBACL,OAAO;AACLF,oBAAAA,IAAAA,EAAM,EAAC;AACPH,oBAAAA;AACF,iBAAA;AACF,aAAA,CAAA;AACJ,SAAA,CAAA,CAAA;QAGF,OAAOH,OAAAA,CAAQS,OAAO,CAACV,aAAAA,CAAAA;AACzB;AACF,CAAE;;;;"}

package/dist/admin/layout.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var DragLayer = require('./components/DragLayer.js');
+var CardDragPreview = require('./components/DragPreviews/CardDragPreview.js');
+var ComponentDragPreview = require('./components/DragPreviews/ComponentDragPreview.js');
+var RelationDragPreview = require('./components/DragPreviews/RelationDragPreview.js');
+var LeftMenu = require('./components/LeftMenu.js');
+var dragAndDrop = require('./constants/dragAndDrop.js');
+var useContentManagerInitData = require('./hooks/useContentManagerInitData.js');
+var translations = require('./utils/translations.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/* -------------------------------------------------------------------------------------------------
+ * Layout
+ * -----------------------------------------------------------------------------------------------*/ const Layout = ()=>{
+    const contentTypeMatch = reactRouterDom.useMatch('/content-manager/:kind/:uid/*');
+    const { isLoading, collectionTypeLinks, models, singleTypeLinks } = useContentManagerInitData.useContentManagerInitData();
+    const authorisedModels = [
+        ...collectionTypeLinks,
+        ...singleTypeLinks
+    ].sort((a, b)=>a.title.localeCompare(b.title));
+    const { pathname } = reactRouterDom.useLocation();
+    const { formatMessage } = reactIntl.useIntl();
+    const startSection = strapiAdmin.useGuidedTour('Layout', (state)=>state.startSection);
+    const startSectionRef = React__namespace.useRef(startSection);
+    React__namespace.useEffect(()=>{
+        if (startSectionRef.current) {
+            startSectionRef.current('contentManager');
+        }
+    }, []);
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
+                    children: formatMessage({
+                        id: translations.getTranslation('plugin.name'),
+                        defaultMessage: 'Content Manager'
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {})
+            ]
+        });
+    }
+    // Array of models that are displayed in the content manager
+    const supportedModelsToDisplay = models.filter(({ isDisplayed })=>isDisplayed);
+    // Redirect the user to the 403 page
+    if (authorisedModels.length === 0 && supportedModelsToDisplay.length > 0 && pathname !== '/content-manager/403') {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/403"
+        });
+    }
+    // Redirect the user to the create content type page
+    if (supportedModelsToDisplay.length === 0 && pathname !== '/no-content-types') {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/no-content-types"
+        });
+    }
+    if (!contentTypeMatch && authorisedModels.length > 0) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: {
+                pathname: authorisedModels[0].to,
+                search: authorisedModels[0].search ?? ''
+            },
+            replace: true
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
+                children: formatMessage({
+                    id: translations.getTranslation('plugin.name'),
+                    defaultMessage: 'Content Manager'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Root, {
+                sideNav: /*#__PURE__*/ jsxRuntime.jsx(LeftMenu.LeftMenu, {}),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(DragLayer.DragLayer, {
+                        renderItem: renderDraglayerItem
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Outlet, {})
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * renderDraglayerItem
+ * -----------------------------------------------------------------------------------------------*/ function renderDraglayerItem({ type, item }) {
+    if (!type || type && typeof type !== 'string') {
+        return null;
+    }
+    /**
+   * Because a user may have multiple relations / dynamic zones / repeable fields in the same content type,
+   * we append the fieldName for the item type to make them unique, however, we then want to extract that
+   * first type to apply the correct preview.
+   */ const [actualType] = type.split('_');
+    switch(actualType){
+        case dragAndDrop.ItemTypes.EDIT_FIELD:
+        case dragAndDrop.ItemTypes.FIELD:
+            return /*#__PURE__*/ jsxRuntime.jsx(CardDragPreview.CardDragPreview, {
+                label: item.label
+            });
+        case dragAndDrop.ItemTypes.COMPONENT:
+        case dragAndDrop.ItemTypes.DYNAMIC_ZONE:
+            return /*#__PURE__*/ jsxRuntime.jsx(ComponentDragPreview.ComponentDragPreview, {
+                displayedValue: item.displayedValue
+            });
+        case dragAndDrop.ItemTypes.RELATION:
+            return /*#__PURE__*/ jsxRuntime.jsx(RelationDragPreview.RelationDragPreview, {
+                ...item
+            });
+        default:
+            return null;
+    }
+}
+
+exports.Layout = Layout;
+//# sourceMappingURL=layout.js.map

package/dist/admin/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../admin/src/layout.tsx"],"sourcesContent":["/* eslint-disable check-file/filename-naming-convention */\nimport * as React from 'react';\n\nimport { Page, useGuidedTour, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Navigate, Outlet, useLocation, useMatch } from 'react-router-dom';\n\nimport { DragLayer, DragLayerProps } from './components/DragLayer';\nimport { CardDragPreview } from './components/DragPreviews/CardDragPreview';\nimport { ComponentDragPreview } from './components/DragPreviews/ComponentDragPreview';\nimport { RelationDragPreview } from './components/DragPreviews/RelationDragPreview';\nimport { LeftMenu } from './components/LeftMenu';\nimport { ItemTypes } from './constants/dragAndDrop';\nimport { useContentManagerInitData } from './hooks/useContentManagerInitData';\nimport { getTranslation } from './utils/translations';\n\n/* -------------------------------------------------------------------------------------------------\n * Layout\n * -----------------------------------------------------------------------------------------------*/\n\nconst Layout = () => {\n  const contentTypeMatch = useMatch('/content-manager/:kind/:uid/*');\n\n  const { isLoading, collectionTypeLinks, models, singleTypeLinks } = useContentManagerInitData();\n  const authorisedModels = [...collectionTypeLinks, ...singleTypeLinks].sort((a, b) =>\n    a.title.localeCompare(b.title)\n  );\n\n  const { pathname } = useLocation();\n  const { formatMessage } = useIntl();\n  const startSection = useGuidedTour('Layout', (state) => state.startSection);\n  const startSectionRef = React.useRef(startSection);\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('contentManager');\n    }\n  }, []);\n\n  if (isLoading) {\n    return (\n      <>\n        <Page.Title>\n          {formatMessage({\n            id: getTranslation('plugin.name'),\n            defaultMessage: 'Content Manager',\n          })}\n        </Page.Title>\n        <Page.Loading />\n      </>\n    );\n  }\n\n  // Array of models that are displayed in the content manager\n  const supportedModelsToDisplay = models.filter(({ isDisplayed }) => isDisplayed);\n\n  // Redirect the user to the 403 page\n  if (\n    authorisedModels.length === 0 &&\n    supportedModelsToDisplay.length > 0 &&\n    pathname !== '/content-manager/403'\n  ) {\n    return <Navigate to=\"/403\" />;\n  }\n\n  // Redirect the user to the create content type page\n  if (supportedModelsToDisplay.length === 0 && pathname !== '/no-content-types') {\n    return <Navigate to=\"/no-content-types\" />;\n  }\n\n  if (!contentTypeMatch && authorisedModels.length > 0) {\n    return (\n      <Navigate\n        to={{\n          pathname: authorisedModels[0].to,\n          search: authorisedModels[0].search ?? '',\n        }}\n        replace\n      />\n    );\n  }\n\n  return (\n    <>\n      <Page.Title>\n        {formatMessage({\n          id: getTranslation('plugin.name'),\n          defaultMessage: 'Content Manager',\n        })}\n      </Page.Title>\n      <Layouts.Root sideNav={<LeftMenu />}>\n        <DragLayer renderItem={renderDraglayerItem} />\n        <Outlet />\n      </Layouts.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * renderDraglayerItem\n * -----------------------------------------------------------------------------------------------*/\n\nfunction renderDraglayerItem({ type, item }: Parameters<DragLayerProps['renderItem']>[0]) {\n  if (!type || (type && typeof type !== 'string')) {\n    return null;\n  }\n\n  /**\n   * Because a user may have multiple relations / dynamic zones / repeable fields in the same content type,\n   * we append the fieldName for the item type to make them unique, however, we then want to extract that\n   * first type to apply the correct preview.\n   */\n  const [actualType] = type.split('_');\n\n  switch (actualType) {\n    case ItemTypes.EDIT_FIELD:\n    case ItemTypes.FIELD:\n      return <CardDragPreview label={item.label} />;\n    case ItemTypes.COMPONENT:\n    case ItemTypes.DYNAMIC_ZONE:\n      return <ComponentDragPreview displayedValue={item.displayedValue} />;\n\n    case ItemTypes.RELATION:\n      return <RelationDragPreview {...item} />;\n\n    default:\n      return null;\n  }\n}\n\nexport { Layout };\n"],"names":["Layout","contentTypeMatch","useMatch","isLoading","collectionTypeLinks","models","singleTypeLinks","useContentManagerInitData","authorisedModels","sort","a","b","title","localeCompare","pathname","useLocation","formatMessage","useIntl","startSection","useGuidedTour","state","startSectionRef","React","useRef","useEffect","current","_jsxs","_Fragment","_jsx","Page","Title","id","getTranslation","defaultMessage","Loading","supportedModelsToDisplay","filter","isDisplayed","length","Navigate","to","search","replace","Layouts","Root","sideNav","LeftMenu","DragLayer","renderItem","renderDraglayerItem","Outlet","type","item","actualType","split","ItemTypes","EDIT_FIELD","FIELD","CardDragPreview","label","COMPONENT","DYNAMIC_ZONE","ComponentDragPreview","displayedValue","RELATION","RelationDragPreview"],"mappings":"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"}

package/dist/admin/layout.mjs

@@ -0,0 +1,121 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useGuidedTour, Page, Layouts } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useMatch, useLocation, Navigate, Outlet } from 'react-router-dom';
+import { DragLayer } from './components/DragLayer.mjs';
+import { CardDragPreview } from './components/DragPreviews/CardDragPreview.mjs';
+import { ComponentDragPreview } from './components/DragPreviews/ComponentDragPreview.mjs';
+import { RelationDragPreview } from './components/DragPreviews/RelationDragPreview.mjs';
+import { LeftMenu } from './components/LeftMenu.mjs';
+import { ItemTypes } from './constants/dragAndDrop.mjs';
+import { useContentManagerInitData } from './hooks/useContentManagerInitData.mjs';
+import { getTranslation } from './utils/translations.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * Layout
+ * -----------------------------------------------------------------------------------------------*/ const Layout = ()=>{
+    const contentTypeMatch = useMatch('/content-manager/:kind/:uid/*');
+    const { isLoading, collectionTypeLinks, models, singleTypeLinks } = useContentManagerInitData();
+    const authorisedModels = [
+        ...collectionTypeLinks,
+        ...singleTypeLinks
+    ].sort((a, b)=>a.title.localeCompare(b.title));
+    const { pathname } = useLocation();
+    const { formatMessage } = useIntl();
+    const startSection = useGuidedTour('Layout', (state)=>state.startSection);
+    const startSectionRef = React.useRef(startSection);
+    React.useEffect(()=>{
+        if (startSectionRef.current) {
+            startSectionRef.current('contentManager');
+        }
+    }, []);
+    if (isLoading) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Page.Title, {
+                    children: formatMessage({
+                        id: getTranslation('plugin.name'),
+                        defaultMessage: 'Content Manager'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Page.Loading, {})
+            ]
+        });
+    }
+    // Array of models that are displayed in the content manager
+    const supportedModelsToDisplay = models.filter(({ isDisplayed })=>isDisplayed);
+    // Redirect the user to the 403 page
+    if (authorisedModels.length === 0 && supportedModelsToDisplay.length > 0 && pathname !== '/content-manager/403') {
+        return /*#__PURE__*/ jsx(Navigate, {
+            to: "/403"
+        });
+    }
+    // Redirect the user to the create content type page
+    if (supportedModelsToDisplay.length === 0 && pathname !== '/no-content-types') {
+        return /*#__PURE__*/ jsx(Navigate, {
+            to: "/no-content-types"
+        });
+    }
+    if (!contentTypeMatch && authorisedModels.length > 0) {
+        return /*#__PURE__*/ jsx(Navigate, {
+            to: {
+                pathname: authorisedModels[0].to,
+                search: authorisedModels[0].search ?? ''
+            },
+            replace: true
+        });
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: getTranslation('plugin.name'),
+                    defaultMessage: 'Content Manager'
+                })
+            }),
+            /*#__PURE__*/ jsxs(Layouts.Root, {
+                sideNav: /*#__PURE__*/ jsx(LeftMenu, {}),
+                children: [
+                    /*#__PURE__*/ jsx(DragLayer, {
+                        renderItem: renderDraglayerItem
+                    }),
+                    /*#__PURE__*/ jsx(Outlet, {})
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * renderDraglayerItem
+ * -----------------------------------------------------------------------------------------------*/ function renderDraglayerItem({ type, item }) {
+    if (!type || type && typeof type !== 'string') {
+        return null;
+    }
+    /**
+   * Because a user may have multiple relations / dynamic zones / repeable fields in the same content type,
+   * we append the fieldName for the item type to make them unique, however, we then want to extract that
+   * first type to apply the correct preview.
+   */ const [actualType] = type.split('_');
+    switch(actualType){
+        case ItemTypes.EDIT_FIELD:
+        case ItemTypes.FIELD:
+            return /*#__PURE__*/ jsx(CardDragPreview, {
+                label: item.label
+            });
+        case ItemTypes.COMPONENT:
+        case ItemTypes.DYNAMIC_ZONE:
+            return /*#__PURE__*/ jsx(ComponentDragPreview, {
+                displayedValue: item.displayedValue
+            });
+        case ItemTypes.RELATION:
+            return /*#__PURE__*/ jsx(RelationDragPreview, {
+                ...item
+            });
+        default:
+            return null;
+    }
+}
+
+export { Layout };
+//# sourceMappingURL=layout.mjs.map

package/dist/admin/layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mjs","sources":["../../admin/src/layout.tsx"],"sourcesContent":["/* eslint-disable check-file/filename-naming-convention */\nimport * as React from 'react';\n\nimport { Page, useGuidedTour, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Navigate, Outlet, useLocation, useMatch } from 'react-router-dom';\n\nimport { DragLayer, DragLayerProps } from './components/DragLayer';\nimport { CardDragPreview } from './components/DragPreviews/CardDragPreview';\nimport { ComponentDragPreview } from './components/DragPreviews/ComponentDragPreview';\nimport { RelationDragPreview } from './components/DragPreviews/RelationDragPreview';\nimport { LeftMenu } from './components/LeftMenu';\nimport { ItemTypes } from './constants/dragAndDrop';\nimport { useContentManagerInitData } from './hooks/useContentManagerInitData';\nimport { getTranslation } from './utils/translations';\n\n/* -------------------------------------------------------------------------------------------------\n * Layout\n * -----------------------------------------------------------------------------------------------*/\n\nconst Layout = () => {\n  const contentTypeMatch = useMatch('/content-manager/:kind/:uid/*');\n\n  const { isLoading, collectionTypeLinks, models, singleTypeLinks } = useContentManagerInitData();\n  const authorisedModels = [...collectionTypeLinks, ...singleTypeLinks].sort((a, b) =>\n    a.title.localeCompare(b.title)\n  );\n\n  const { pathname } = useLocation();\n  const { formatMessage } = useIntl();\n  const startSection = useGuidedTour('Layout', (state) => state.startSection);\n  const startSectionRef = React.useRef(startSection);\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('contentManager');\n    }\n  }, []);\n\n  if (isLoading) {\n    return (\n      <>\n        <Page.Title>\n          {formatMessage({\n            id: getTranslation('plugin.name'),\n            defaultMessage: 'Content Manager',\n          })}\n        </Page.Title>\n        <Page.Loading />\n      </>\n    );\n  }\n\n  // Array of models that are displayed in the content manager\n  const supportedModelsToDisplay = models.filter(({ isDisplayed }) => isDisplayed);\n\n  // Redirect the user to the 403 page\n  if (\n    authorisedModels.length === 0 &&\n    supportedModelsToDisplay.length > 0 &&\n    pathname !== '/content-manager/403'\n  ) {\n    return <Navigate to=\"/403\" />;\n  }\n\n  // Redirect the user to the create content type page\n  if (supportedModelsToDisplay.length === 0 && pathname !== '/no-content-types') {\n    return <Navigate to=\"/no-content-types\" />;\n  }\n\n  if (!contentTypeMatch && authorisedModels.length > 0) {\n    return (\n      <Navigate\n        to={{\n          pathname: authorisedModels[0].to,\n          search: authorisedModels[0].search ?? '',\n        }}\n        replace\n      />\n    );\n  }\n\n  return (\n    <>\n      <Page.Title>\n        {formatMessage({\n          id: getTranslation('plugin.name'),\n          defaultMessage: 'Content Manager',\n        })}\n      </Page.Title>\n      <Layouts.Root sideNav={<LeftMenu />}>\n        <DragLayer renderItem={renderDraglayerItem} />\n        <Outlet />\n      </Layouts.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * renderDraglayerItem\n * -----------------------------------------------------------------------------------------------*/\n\nfunction renderDraglayerItem({ type, item }: Parameters<DragLayerProps['renderItem']>[0]) {\n  if (!type || (type && typeof type !== 'string')) {\n    return null;\n  }\n\n  /**\n   * Because a user may have multiple relations / dynamic zones / repeable fields in the same content type,\n   * we append the fieldName for the item type to make them unique, however, we then want to extract that\n   * first type to apply the correct preview.\n   */\n  const [actualType] = type.split('_');\n\n  switch (actualType) {\n    case ItemTypes.EDIT_FIELD:\n    case ItemTypes.FIELD:\n      return <CardDragPreview label={item.label} />;\n    case ItemTypes.COMPONENT:\n    case ItemTypes.DYNAMIC_ZONE:\n      return <ComponentDragPreview displayedValue={item.displayedValue} />;\n\n    case ItemTypes.RELATION:\n      return <RelationDragPreview {...item} />;\n\n    default:\n      return null;\n  }\n}\n\nexport { Layout };\n"],"names":["Layout","contentTypeMatch","useMatch","isLoading","collectionTypeLinks","models","singleTypeLinks","useContentManagerInitData","authorisedModels","sort","a","b","title","localeCompare","pathname","useLocation","formatMessage","useIntl","startSection","useGuidedTour","state","startSectionRef","React","useRef","useEffect","current","_jsxs","_Fragment","_jsx","Page","Title","id","getTranslation","defaultMessage","Loading","supportedModelsToDisplay","filter","isDisplayed","length","Navigate","to","search","replace","Layouts","Root","sideNav","LeftMenu","DragLayer","renderItem","renderDraglayerItem","Outlet","type","item","actualType","split","ItemTypes","EDIT_FIELD","FIELD","CardDragPreview","label","COMPONENT","DYNAMIC_ZONE","ComponentDragPreview","displayedValue","RELATION","RelationDragPreview"],"mappings":"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"}