@strapi/content-type-builder 5.12.1 → 5.12.2

package/dist/admin/index.js

@@ -2,27 +2,93 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@strapi/icons');
-var index = require('./chunks/index-DWAINlnG.js');
-require('@reduxjs/toolkit');
-require('immer');
-require('lodash/get');
-require('lodash/set');
-require('lodash/snakeCase');
-require('pluralize');
-require('@sindresorhus/slugify');
-require('lodash/cloneDeep');
-require('yup');
-require('react/jsx-runtime');
-require('react');
-require('@strapi/design-system');
-require('react-dom');
-require('react-intl');
-require('styled-components');
+var Icons = require('@strapi/icons');
+var constants = require('./constants.js');
+var pluginId = require('./pluginId.js');
+var reducers = require('./reducers.js');
+var formAPI = require('./utils/formAPI.js');
+var prefixPluginTranslations = require('./utils/prefixPluginTranslations.js');
+var AutoReloadOverlayBlocker = require('./components/AutoReloadOverlayBlocker.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/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/dk.json': return Promise.resolve().then(function () { return require('./translations/dk.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/fr.json': return Promise.resolve().then(function () { return require('./translations/fr.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/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 require('./translations/ru.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/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) {
+        app.addReducers(reducers.reducers);
+        app.addMenuLink({
+            to: `plugins/${pluginId.pluginId}`,
+            icon: Icons.Layout,
+            intlLabel: {
+                id: `${pluginId.pluginId}.plugin.name`,
+                defaultMessage: 'Content-Type Builder'
+            },
+            permissions: constants.PERMISSIONS.main,
+            Component: ()=>Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./pages/App/index.js')); }),
+            position: 5
+        });
+        app.registerPlugin({
+            id: pluginId.pluginId,
+            name: pluginId.pluginId,
+            // Internal APIs exposed by the CTB for the other plugins to use
+            apis: {
+                forms: formAPI.formsAPI
+            }
+        });
+    },
+    bootstrap () {},
+    async registerTrads ({ locales }) {
+        const importedTrads = await Promise.all(locales.map((locale)=>{
+            return __variableDynamicImportRuntime1__(`./translations/${locale}.json`).then(({ default: data })=>{
+                return {
+                    data: prefixPluginTranslations.prefixPluginTranslations(data, pluginId.pluginId),
+                    locale
+                };
+            }).catch(()=>{
+                return {
+                    data: {},
+                    locale
+                };
+            });
+        }));
+        return Promise.resolve(importedTrads);
+    }
+};
 
-exports.default = index.index;
-exports.private_AutoReloadOverlayBlockerProvider = index.AutoReloadOverlayBlockerProvider;
-exports.private_useAutoReloadOverlayBlocker = index.useAutoReloadOverlayBlocker;
+exports.private_AutoReloadOverlayBlockerProvider = AutoReloadOverlayBlocker.AutoReloadOverlayBlockerProvider;
+exports.private_useAutoReloadOverlayBlocker = AutoReloadOverlayBlocker.useAutoReloadOverlayBlocker;
+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 { Layout } from '@strapi/icons';\n\nimport { PERMISSIONS } from './constants';\nimport { pluginId } from './pluginId';\nimport { reducers } from './reducers';\nimport { formsAPI } from './utils/formAPI';\nimport { prefixPluginTranslations } from './utils/prefixPluginTranslations';\n\nimport type { StrapiApp } from '@strapi/admin/strapi-admin';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  register(app: StrapiApp) {\n    app.addReducers(reducers);\n    app.addMenuLink({\n      to: `plugins/${pluginId}`,\n      icon: Layout,\n      intlLabel: {\n        id: `${pluginId}.plugin.name`,\n        defaultMessage: 'Content-Type Builder',\n      },\n      permissions: PERMISSIONS.main,\n      Component: () => import('./pages/App'),\n      position: 5,\n    });\n\n    app.registerPlugin({\n      id: pluginId,\n      name: pluginId,\n      // Internal APIs exposed by the CTB for the other plugins to use\n      apis: {\n        forms: formsAPI,\n      },\n    });\n  },\n  bootstrap() {},\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, pluginId),\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","addReducers","reducers","addMenuLink","to","pluginId","icon","Layout","intlLabel","id","defaultMessage","permissions","PERMISSIONS","main","Component","position","registerPlugin","name","apis","forms","formsAPI","bootstrap","registerTrads","locales","importedTrads","Promise","all","map","locale","then","default","data","prefixPluginTranslations","catch","resolve"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA;AACA,YAAe;AACbA,IAAAA,QAAAA,CAAAA,CAASC,GAAc,EAAA;AACrBA,QAAAA,GAAAA,CAAIC,WAAW,CAACC,iBAAAA,CAAAA;AAChBF,QAAAA,GAAAA,CAAIG,WAAW,CAAC;AACdC,YAAAA,EAAAA,EAAI,CAAC,QAAQ,EAAEC,iBAAAA,CAAS,CAAC;YACzBC,IAAMC,EAAAA,YAAAA;YACNC,SAAW,EAAA;AACTC,gBAAAA,EAAAA,EAAI,CAAC,EAAEJ,iBAAS,CAAA,YAAY,CAAC;gBAC7BK,cAAgB,EAAA;AAClB,aAAA;AACAC,YAAAA,WAAAA,EAAaC,sBAAYC,IAAI;YAC7BC,SAAW,EAAA,IAAM,8FAAO,sBAAA,MAAA;YACxBC,QAAU,EAAA;AACZ,SAAA,CAAA;AAEAf,QAAAA,GAAAA,CAAIgB,cAAc,CAAC;YACjBP,EAAIJ,EAAAA,iBAAAA;YACJY,IAAMZ,EAAAA,iBAAAA;;YAENa,IAAM,EAAA;gBACJC,KAAOC,EAAAA;AACT;AACF,SAAA,CAAA;AACF,KAAA;IACAC,SAAa,CAAA,GAAA,EAAA;IACb,MAAMC,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,kDAAyBD,IAAM1B,EAAAA,iBAAAA,CAAAA;AACrCuB,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,86 @@
-import '@strapi/icons';
-export { f as default, A as private_AutoReloadOverlayBlockerProvider, u as private_useAutoReloadOverlayBlocker } from './chunks/index-DAXXa6S8.mjs';
-import '@reduxjs/toolkit';
-import 'immer';
-import 'lodash/get';
-import 'lodash/set';
-import 'lodash/snakeCase';
-import 'pluralize';
-import '@sindresorhus/slugify';
-import 'lodash/cloneDeep';
-import 'yup';
-import 'react/jsx-runtime';
-import 'react';
-import '@strapi/design-system';
-import 'react-dom';
-import 'react-intl';
-import 'styled-components';
+import { Layout } from '@strapi/icons';
+import { PERMISSIONS } from './constants.mjs';
+import { pluginId } from './pluginId.mjs';
+import { reducers } from './reducers.mjs';
+import { formsAPI } from './utils/formAPI.mjs';
+import { prefixPluginTranslations } from './utils/prefixPluginTranslations.mjs';
+export { AutoReloadOverlayBlockerProvider as private_AutoReloadOverlayBlockerProvider, useAutoReloadOverlayBlocker as private_useAutoReloadOverlayBlocker } from './components/AutoReloadOverlayBlocker.mjs';
+
+function __variableDynamicImportRuntime1__(path) {
+  switch (path) {
+    case './translations/ar.json': return import('./translations/ar.json.mjs');
+    case './translations/cs.json': return import('./translations/cs.json.mjs');
+    case './translations/de.json': return import('./translations/de.json.mjs');
+    case './translations/dk.json': return import('./translations/dk.json.mjs');
+    case './translations/en.json': return import('./translations/en.json.mjs');
+    case './translations/es.json': return import('./translations/es.json.mjs');
+    case './translations/fr.json': return import('./translations/fr.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/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/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/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) {
+        app.addReducers(reducers);
+        app.addMenuLink({
+            to: `plugins/${pluginId}`,
+            icon: Layout,
+            intlLabel: {
+                id: `${pluginId}.plugin.name`,
+                defaultMessage: 'Content-Type Builder'
+            },
+            permissions: PERMISSIONS.main,
+            Component: ()=>import('./pages/App/index.mjs'),
+            position: 5
+        });
+        app.registerPlugin({
+            id: pluginId,
+            name: pluginId,
+            // Internal APIs exposed by the CTB for the other plugins to use
+            apis: {
+                forms: formsAPI
+            }
+        });
+    },
+    bootstrap () {},
+    async registerTrads ({ locales }) {
+        const importedTrads = await Promise.all(locales.map((locale)=>{
+            return __variableDynamicImportRuntime1__(`./translations/${locale}.json`).then(({ default: data })=>{
+                return {
+                    data: prefixPluginTranslations(data, pluginId),
+                    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 { Layout } from '@strapi/icons';\n\nimport { PERMISSIONS } from './constants';\nimport { pluginId } from './pluginId';\nimport { reducers } from './reducers';\nimport { formsAPI } from './utils/formAPI';\nimport { prefixPluginTranslations } from './utils/prefixPluginTranslations';\n\nimport type { StrapiApp } from '@strapi/admin/strapi-admin';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  register(app: StrapiApp) {\n    app.addReducers(reducers);\n    app.addMenuLink({\n      to: `plugins/${pluginId}`,\n      icon: Layout,\n      intlLabel: {\n        id: `${pluginId}.plugin.name`,\n        defaultMessage: 'Content-Type Builder',\n      },\n      permissions: PERMISSIONS.main,\n      Component: () => import('./pages/App'),\n      position: 5,\n    });\n\n    app.registerPlugin({\n      id: pluginId,\n      name: pluginId,\n      // Internal APIs exposed by the CTB for the other plugins to use\n      apis: {\n        forms: formsAPI,\n      },\n    });\n  },\n  bootstrap() {},\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, pluginId),\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","addReducers","reducers","addMenuLink","to","pluginId","icon","Layout","intlLabel","id","defaultMessage","permissions","PERMISSIONS","main","Component","position","registerPlugin","name","apis","forms","formsAPI","bootstrap","registerTrads","locales","importedTrads","Promise","all","map","locale","then","default","data","prefixPluginTranslations","catch","resolve"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA;AACA,YAAe;AACbA,IAAAA,QAAAA,CAAAA,CAASC,GAAc,EAAA;AACrBA,QAAAA,GAAAA,CAAIC,WAAW,CAACC,QAAAA,CAAAA;AAChBF,QAAAA,GAAAA,CAAIG,WAAW,CAAC;AACdC,YAAAA,EAAAA,EAAI,CAAC,QAAQ,EAAEC,QAAAA,CAAS,CAAC;YACzBC,IAAMC,EAAAA,MAAAA;YACNC,SAAW,EAAA;AACTC,gBAAAA,EAAAA,EAAI,CAAC,EAAEJ,QAAS,CAAA,YAAY,CAAC;gBAC7BK,cAAgB,EAAA;AAClB,aAAA;AACAC,YAAAA,WAAAA,EAAaC,YAAYC,IAAI;YAC7BC,SAAW,EAAA,IAAM,OAAO,uBAAA,CAAA;YACxBC,QAAU,EAAA;AACZ,SAAA,CAAA;AAEAf,QAAAA,GAAAA,CAAIgB,cAAc,CAAC;YACjBP,EAAIJ,EAAAA,QAAAA;YACJY,IAAMZ,EAAAA,QAAAA;;YAENa,IAAM,EAAA;gBACJC,KAAOC,EAAAA;AACT;AACF,SAAA,CAAA;AACF,KAAA;IACAC,SAAa,CAAA,GAAA,EAAA;IACb,MAAMC,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,IAAM1B,EAAAA,QAAAA,CAAAA;AACrCuB,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/pages/App/index.js

@@ -0,0 +1,66 @@
+'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 AutoReloadOverlayBlocker = require('../../components/AutoReloadOverlayBlocker.js');
+var ContentTypeBuilderNav = require('../../components/ContentTypeBuilderNav/ContentTypeBuilderNav.js');
+var DataManagerProvider = require('../../components/DataManagerProvider/DataManagerProvider.js');
+var FormModalNavigationProvider = require('../../components/FormModalNavigationProvider/FormModalNavigationProvider.js');
+var constants = require('../../constants.js');
+var pluginId = require('../../pluginId.js');
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
+
+const ListView = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('../ListView/ListView.js')); }));
+const App = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const title = formatMessage({
+        id: `${pluginId.pluginId}.plugin.name`,
+        defaultMessage: 'Content Types Builder'
+    });
+    const startSection = strapiAdmin.useGuidedTour('App', (state)=>state.startSection);
+    const startSectionRef = React.useRef(startSection);
+    React.useEffect(()=>{
+        if (startSectionRef.current) {
+            startSectionRef.current('contentTypeBuilder');
+        }
+    }, []);
+    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Page.Protect, {
+        permissions: constants.PERMISSIONS.main,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
+                children: title
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(AutoReloadOverlayBlocker.AutoReloadOverlayBlockerProvider, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(FormModalNavigationProvider.FormModalNavigationProvider, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(DataManagerProvider, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
+                            sideNav: /*#__PURE__*/ jsxRuntime.jsx(ContentTypeBuilderNav.ContentTypeBuilderNav, {}),
+                            children: /*#__PURE__*/ jsxRuntime.jsx(React.Suspense, {
+                                fallback: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {}),
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(reactRouterDom.Routes, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                            path: "content-types/:uid",
+                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                            path: `component-categories/:categoryUid/:componentUid`,
+                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                        })
+                                    ]
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+
+module.exports = App;
+//# sourceMappingURL=index.js.map

package/dist/admin/pages/App/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\n/* eslint-disable check-file/filename-naming-convention  */\n/* eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect, useRef } from 'react';\n\nimport { Page, useGuidedTour, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManagerProvider/DataManagerProvider';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigationProvider/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: `${pluginId}.plugin.name`,\n    defaultMessage: 'Content Types Builder',\n  });\n  const startSection = useGuidedTour('App', (state) => state.startSection);\n  const startSectionRef = useRef(startSection);\n\n  useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('contentTypeBuilder');\n    }\n  }, []);\n\n  return (\n    <Page.Protect permissions={PERMISSIONS.main}>\n      <Page.Title>{title}</Page.Title>\n      <AutoReloadOverlayBlockerProvider>\n        <FormModalNavigationProvider>\n          <DataManagerProvider>\n            <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n              <Suspense fallback={<Page.Loading />}>\n                <Routes>\n                  <Route path=\"content-types/:uid\" element={<ListView />} />\n                  <Route\n                    path={`component-categories/:categoryUid/:componentUid`}\n                    element={<ListView />}\n                  />\n                </Routes>\n              </Suspense>\n            </Layouts.Root>\n          </DataManagerProvider>\n        </FormModalNavigationProvider>\n      </AutoReloadOverlayBlockerProvider>\n    </Page.Protect>\n  );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","startSection","useGuidedTour","state","startSectionRef","useRef","useEffect","current","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAMA,QAAWC,iBAAAA,UAAAA,CAAK,IAAM,8FAAO,yBAAA,MAAA,CAAA;AAEnC,MAAMC,GAAM,GAAA,IAAA;IACV,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAI,CAAC,EAAEC,iBAAS,CAAA,YAAY,CAAC;QAC7BC,cAAgB,EAAA;AAClB,KAAA,CAAA;AACA,IAAA,MAAMC,eAAeC,yBAAc,CAAA,KAAA,EAAO,CAACC,KAAAA,GAAUA,MAAMF,YAAY,CAAA;AACvE,IAAA,MAAMG,kBAAkBC,YAAOJ,CAAAA,YAAAA,CAAAA;IAE/BK,eAAU,CAAA,IAAA;QACR,IAAIF,eAAAA,CAAgBG,OAAO,EAAE;AAC3BH,YAAAA,eAAAA,CAAgBG,OAAO,CAAC,oBAAA,CAAA;AAC1B;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,qBACEC,eAAA,CAACC,iBAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,sBAAYC,IAAI;;AACzC,0BAAAC,cAAA,CAACL,iBAAKM,KAAK,EAAA;AAAElB,gBAAAA,QAAAA,EAAAA;;0BACbiB,cAACE,CAAAA,yDAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAACG,CAAAA,uDAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAH,cAACI,CAAAA,mBAAAA,EAAAA;gDACCJ,cAAA,CAACK,oBAAQC,IAAI,EAAA;AAACC,4BAAAA,OAAAA,gBAASP,cAACQ,CAAAA,2CAAAA,EAAAA,EAAAA,CAAAA;AACtB,4BAAA,QAAA,gBAAAR,cAACS,CAAAA,cAAAA,EAAAA;gCAASC,QAAU,gBAAAV,cAAA,CAACL,iBAAKgB,OAAO,EAAA,EAAA,CAAA;AAC/B,gCAAA,QAAA,gBAAAjB,eAACkB,CAAAA,qBAAAA,EAAAA;;sDACCZ,cAACa,CAAAA,oBAAAA,EAAAA;4CAAMC,IAAK,EAAA,oBAAA;AAAqBC,4CAAAA,OAAAA,gBAASf,cAACtB,CAAAA,QAAAA,EAAAA,EAAAA;;sDAC3CsB,cAACa,CAAAA,oBAAAA,EAAAA;4CACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,4CAAAA,OAAAA,gBAASf,cAACtB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;AAU9B;;;;"}

package/dist/admin/pages/App/index.mjs

@@ -0,0 +1,62 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect, Suspense, lazy } from 'react';
+import { useGuidedTour, Page, Layouts } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { Routes, Route } from 'react-router-dom';
+import { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker.mjs';
+import { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav.mjs';
+import DataManagerProvider from '../../components/DataManagerProvider/DataManagerProvider.mjs';
+import { FormModalNavigationProvider } from '../../components/FormModalNavigationProvider/FormModalNavigationProvider.mjs';
+import { PERMISSIONS } from '../../constants.mjs';
+import { pluginId } from '../../pluginId.mjs';
+
+const ListView = /*#__PURE__*/ lazy(()=>import('../ListView/ListView.mjs'));
+const App = ()=>{
+    const { formatMessage } = useIntl();
+    const title = formatMessage({
+        id: `${pluginId}.plugin.name`,
+        defaultMessage: 'Content Types Builder'
+    });
+    const startSection = useGuidedTour('App', (state)=>state.startSection);
+    const startSectionRef = useRef(startSection);
+    useEffect(()=>{
+        if (startSectionRef.current) {
+            startSectionRef.current('contentTypeBuilder');
+        }
+    }, []);
+    return /*#__PURE__*/ jsxs(Page.Protect, {
+        permissions: PERMISSIONS.main,
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: title
+            }),
+            /*#__PURE__*/ jsx(AutoReloadOverlayBlockerProvider, {
+                children: /*#__PURE__*/ jsx(FormModalNavigationProvider, {
+                    children: /*#__PURE__*/ jsx(DataManagerProvider, {
+                        children: /*#__PURE__*/ jsx(Layouts.Root, {
+                            sideNav: /*#__PURE__*/ jsx(ContentTypeBuilderNav, {}),
+                            children: /*#__PURE__*/ jsx(Suspense, {
+                                fallback: /*#__PURE__*/ jsx(Page.Loading, {}),
+                                children: /*#__PURE__*/ jsxs(Routes, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Route, {
+                                            path: "content-types/:uid",
+                                            element: /*#__PURE__*/ jsx(ListView, {})
+                                        }),
+                                        /*#__PURE__*/ jsx(Route, {
+                                            path: `component-categories/:categoryUid/:componentUid`,
+                                            element: /*#__PURE__*/ jsx(ListView, {})
+                                        })
+                                    ]
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { App as default };
+//# sourceMappingURL=index.mjs.map

package/dist/admin/pages/App/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\n/* eslint-disable check-file/filename-naming-convention  */\n/* eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect, useRef } from 'react';\n\nimport { Page, useGuidedTour, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManagerProvider/DataManagerProvider';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigationProvider/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: `${pluginId}.plugin.name`,\n    defaultMessage: 'Content Types Builder',\n  });\n  const startSection = useGuidedTour('App', (state) => state.startSection);\n  const startSectionRef = useRef(startSection);\n\n  useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('contentTypeBuilder');\n    }\n  }, []);\n\n  return (\n    <Page.Protect permissions={PERMISSIONS.main}>\n      <Page.Title>{title}</Page.Title>\n      <AutoReloadOverlayBlockerProvider>\n        <FormModalNavigationProvider>\n          <DataManagerProvider>\n            <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n              <Suspense fallback={<Page.Loading />}>\n                <Routes>\n                  <Route path=\"content-types/:uid\" element={<ListView />} />\n                  <Route\n                    path={`component-categories/:categoryUid/:componentUid`}\n                    element={<ListView />}\n                  />\n                </Routes>\n              </Suspense>\n            </Layouts.Root>\n          </DataManagerProvider>\n        </FormModalNavigationProvider>\n      </AutoReloadOverlayBlockerProvider>\n    </Page.Protect>\n  );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","startSection","useGuidedTour","state","startSectionRef","useRef","useEffect","current","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,QAAWC,iBAAAA,IAAAA,CAAK,IAAM,OAAO,0BAAA,CAAA,CAAA;AAEnC,MAAMC,GAAM,GAAA,IAAA;IACV,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAI,CAAC,EAAEC,QAAS,CAAA,YAAY,CAAC;QAC7BC,cAAgB,EAAA;AAClB,KAAA,CAAA;AACA,IAAA,MAAMC,eAAeC,aAAc,CAAA,KAAA,EAAO,CAACC,KAAAA,GAAUA,MAAMF,YAAY,CAAA;AACvE,IAAA,MAAMG,kBAAkBC,MAAOJ,CAAAA,YAAAA,CAAAA;IAE/BK,SAAU,CAAA,IAAA;QACR,IAAIF,eAAAA,CAAgBG,OAAO,EAAE;AAC3BH,YAAAA,eAAAA,CAAgBG,OAAO,CAAC,oBAAA,CAAA;AAC1B;AACF,KAAA,EAAG,EAAE,CAAA;IAEL,qBACEC,IAAA,CAACC,KAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,YAAYC,IAAI;;AACzC,0BAAAC,GAAA,CAACL,KAAKM,KAAK,EAAA;AAAElB,gBAAAA,QAAAA,EAAAA;;0BACbiB,GAACE,CAAAA,gCAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,GAACG,CAAAA,2BAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAH,GAACI,CAAAA,mBAAAA,EAAAA;gDACCJ,GAAA,CAACK,QAAQC,IAAI,EAAA;AAACC,4BAAAA,OAAAA,gBAASP,GAACQ,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA;AACtB,4BAAA,QAAA,gBAAAR,GAACS,CAAAA,QAAAA,EAAAA;gCAASC,QAAU,gBAAAV,GAAA,CAACL,KAAKgB,OAAO,EAAA,EAAA,CAAA;AAC/B,gCAAA,QAAA,gBAAAjB,IAACkB,CAAAA,MAAAA,EAAAA;;sDACCZ,GAACa,CAAAA,KAAAA,EAAAA;4CAAMC,IAAK,EAAA,oBAAA;AAAqBC,4CAAAA,OAAAA,gBAASf,GAACtB,CAAAA,QAAAA,EAAAA,EAAAA;;sDAC3CsB,GAACa,CAAAA,KAAAA,EAAAA;4CACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,4CAAAA,OAAAA,gBAASf,GAACtB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;AAU9B;;;;"}

package/dist/admin/pages/ListView/LinkToCMSettingsView.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+
+const cmPermissions = {
+    collectionTypesConfigurations: [
+        {
+            action: 'plugin::content-manager.collection-types.configure-view',
+            subject: null
+        }
+    ],
+    componentsConfigurations: [
+        {
+            action: 'plugin::content-manager.components.configure-layout',
+            subject: null
+        }
+    ],
+    singleTypesConfigurations: [
+        {
+            action: 'plugin::content-manager.single-types.configure-view',
+            subject: null
+        }
+    ]
+};
+const getPermission = ({ isInContentTypeView, contentTypeKind })=>{
+    if (isInContentTypeView) {
+        if (contentTypeKind === 'singleType') {
+            return cmPermissions.singleTypesConfigurations;
+        }
+        return cmPermissions.collectionTypesConfigurations;
+    }
+    return cmPermissions.componentsConfigurations;
+};
+const LinkToCMSettingsView = /*#__PURE__*/ React.memo(({ disabled, isInContentTypeView = true, contentTypeKind = 'collectionType', targetUid = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const navigate = reactRouterDom.useNavigate();
+    const permissionsToApply = getPermission({
+        isInContentTypeView,
+        contentTypeKind
+    });
+    const label = formatMessage({
+        id: 'content-type-builder.form.button.configure-view',
+        defaultMessage: 'Configure the view'
+    });
+    const handleClick = ()=>{
+        if (disabled) {
+            return false;
+        }
+        if (isInContentTypeView) {
+            navigate(`/content-manager/collection-types/${targetUid}/configurations/edit`);
+        } else {
+            navigate(`/content-manager/components/${targetUid}/configurations/edit`);
+        }
+        return false;
+    };
+    const { isLoading, allowedActions } = strapiAdmin.useRBAC({
+        viewConfig: permissionsToApply
+    });
+    if (isLoading) {
+        return null;
+    }
+    if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+        startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ListPlus, {}),
+        variant: "tertiary",
+        onClick: handleClick,
+        disabled: disabled,
+        children: label
+    });
+});
+
+exports.LinkToCMSettingsView = LinkToCMSettingsView;
+//# sourceMappingURL=LinkToCMSettingsView.js.map

package/dist/admin/pages/ListView/LinkToCMSettingsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToCMSettingsView.js","sources":["../../../../admin/src/pages/ListView/LinkToCMSettingsView.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { type Permission, useRBAC } from '@strapi/admin/strapi-admin';\nimport { Button } from '@strapi/design-system';\nimport { ListPlus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nconst cmPermissions: Record<string, Permission[]> = {\n  collectionTypesConfigurations: [\n    {\n      action: 'plugin::content-manager.collection-types.configure-view',\n      subject: null,\n    },\n  ],\n  componentsConfigurations: [\n    {\n      action: 'plugin::content-manager.components.configure-layout',\n      subject: null,\n    },\n  ],\n  singleTypesConfigurations: [\n    {\n      action: 'plugin::content-manager.single-types.configure-view',\n      subject: null,\n    },\n  ],\n};\n\nconst getPermission = ({\n  isInContentTypeView,\n  contentTypeKind,\n}: {\n  isInContentTypeView: boolean;\n  contentTypeKind: string;\n}) => {\n  if (isInContentTypeView) {\n    if (contentTypeKind === 'singleType') {\n      return cmPermissions.singleTypesConfigurations;\n    }\n\n    return cmPermissions.collectionTypesConfigurations;\n  }\n\n  return cmPermissions.componentsConfigurations;\n};\n\ninterface LinkToCMSettingsViewProps {\n  disabled: boolean;\n  contentTypeKind?: string;\n  isInContentTypeView?: boolean;\n  targetUid?: string;\n}\n\nexport const LinkToCMSettingsView = memo(\n  ({\n    disabled,\n    isInContentTypeView = true,\n    contentTypeKind = 'collectionType',\n    targetUid = '',\n  }: LinkToCMSettingsViewProps) => {\n    const { formatMessage } = useIntl();\n    const navigate = useNavigate();\n    const permissionsToApply = getPermission({ isInContentTypeView, contentTypeKind });\n\n    const label = formatMessage({\n      id: 'content-type-builder.form.button.configure-view',\n      defaultMessage: 'Configure the view',\n    });\n\n    const handleClick = () => {\n      if (disabled) {\n        return false;\n      }\n\n      if (isInContentTypeView) {\n        navigate(`/content-manager/collection-types/${targetUid}/configurations/edit`);\n      } else {\n        navigate(`/content-manager/components/${targetUid}/configurations/edit`);\n      }\n\n      return false;\n    };\n\n    const { isLoading, allowedActions } = useRBAC({\n      viewConfig: permissionsToApply,\n    });\n\n    if (isLoading) {\n      return null;\n    }\n\n    if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {\n      return null;\n    }\n\n    return (\n      <Button startIcon={<ListPlus />} variant=\"tertiary\" onClick={handleClick} disabled={disabled}>\n        {label}\n      </Button>\n    );\n  }\n);\n"],"names":["cmPermissions","collectionTypesConfigurations","action","subject","componentsConfigurations","singleTypesConfigurations","getPermission","isInContentTypeView","contentTypeKind","LinkToCMSettingsView","memo","disabled","targetUid","formatMessage","useIntl","navigate","useNavigate","permissionsToApply","label","id","defaultMessage","handleClick","isLoading","allowedActions","useRBAC","viewConfig","canConfigureView","canConfigureLayout","_jsx","Button","startIcon","ListPlus","variant","onClick"],"mappings":";;;;;;;;;;AAQA,MAAMA,aAA8C,GAAA;IAClDC,6BAA+B,EAAA;AAC7B,QAAA;YACEC,MAAQ,EAAA,yDAAA;YACRC,OAAS,EAAA;AACX;AACD,KAAA;IACDC,wBAA0B,EAAA;AACxB,QAAA;YACEF,MAAQ,EAAA,qDAAA;YACRC,OAAS,EAAA;AACX;AACD,KAAA;IACDE,yBAA2B,EAAA;AACzB,QAAA;YACEH,MAAQ,EAAA,qDAAA;YACRC,OAAS,EAAA;AACX;AACD;AACH,CAAA;AAEA,MAAMG,gBAAgB,CAAC,EACrBC,mBAAmB,EACnBC,eAAe,EAIhB,GAAA;AACC,IAAA,IAAID,mBAAqB,EAAA;AACvB,QAAA,IAAIC,oBAAoB,YAAc,EAAA;AACpC,YAAA,OAAOR,cAAcK,yBAAyB;AAChD;AAEA,QAAA,OAAOL,cAAcC,6BAA6B;AACpD;AAEA,IAAA,OAAOD,cAAcI,wBAAwB;AAC/C,CAAA;AASaK,MAAAA,oBAAAA,iBAAuBC,UAClC,CAAA,CAAC,EACCC,QAAQ,EACRJ,mBAAsB,GAAA,IAAI,EAC1BC,eAAkB,GAAA,gBAAgB,EAClCI,SAAAA,GAAY,EAAE,EACY,GAAA;IAC1B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAWC,GAAAA,0BAAAA,EAAAA;AACjB,IAAA,MAAMC,qBAAqBX,aAAc,CAAA;AAAEC,QAAAA,mBAAAA;AAAqBC,QAAAA;AAAgB,KAAA,CAAA;AAEhF,IAAA,MAAMU,QAAQL,aAAc,CAAA;QAC1BM,EAAI,EAAA,iDAAA;QACJC,cAAgB,EAAA;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,WAAc,GAAA,IAAA;AAClB,QAAA,IAAIV,QAAU,EAAA;YACZ,OAAO,KAAA;AACT;AAEA,QAAA,IAAIJ,mBAAqB,EAAA;AACvBQ,YAAAA,QAAAA,CAAS,CAAC,kCAAkC,EAAEH,SAAAA,CAAU,oBAAoB,CAAC,CAAA;SACxE,MAAA;AACLG,YAAAA,QAAAA,CAAS,CAAC,4BAA4B,EAAEH,SAAAA,CAAU,oBAAoB,CAAC,CAAA;AACzE;QAEA,OAAO,KAAA;AACT,KAAA;AAEA,IAAA,MAAM,EAAEU,SAAS,EAAEC,cAAc,EAAE,GAAGC,mBAAQ,CAAA;QAC5CC,UAAYR,EAAAA;AACd,KAAA,CAAA;AAEA,IAAA,IAAIK,SAAW,EAAA;QACb,OAAO,IAAA;AACT;AAEA,IAAA,IAAI,CAACC,cAAeG,CAAAA,gBAAgB,IAAI,CAACH,cAAAA,CAAeI,kBAAkB,EAAE;QAC1E,OAAO,IAAA;AACT;AAEA,IAAA,qBACEC,cAACC,CAAAA,mBAAAA,EAAAA;AAAOC,QAAAA,SAAAA,gBAAWF,cAACG,CAAAA,cAAAA,EAAAA,EAAAA,CAAAA;QAAaC,OAAQ,EAAA,UAAA;QAAWC,OAASZ,EAAAA,WAAAA;QAAaV,QAAUA,EAAAA,QAAAA;AACjFO,QAAAA,QAAAA,EAAAA;;AAGP,CACA;;;;"}

package/dist/admin/pages/ListView/LinkToCMSettingsView.mjs

@@ -0,0 +1,79 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { useRBAC } from '@strapi/admin/strapi-admin';
+import { Button } from '@strapi/design-system';
+import { ListPlus } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useNavigate } from 'react-router-dom';
+
+const cmPermissions = {
+    collectionTypesConfigurations: [
+        {
+            action: 'plugin::content-manager.collection-types.configure-view',
+            subject: null
+        }
+    ],
+    componentsConfigurations: [
+        {
+            action: 'plugin::content-manager.components.configure-layout',
+            subject: null
+        }
+    ],
+    singleTypesConfigurations: [
+        {
+            action: 'plugin::content-manager.single-types.configure-view',
+            subject: null
+        }
+    ]
+};
+const getPermission = ({ isInContentTypeView, contentTypeKind })=>{
+    if (isInContentTypeView) {
+        if (contentTypeKind === 'singleType') {
+            return cmPermissions.singleTypesConfigurations;
+        }
+        return cmPermissions.collectionTypesConfigurations;
+    }
+    return cmPermissions.componentsConfigurations;
+};
+const LinkToCMSettingsView = /*#__PURE__*/ memo(({ disabled, isInContentTypeView = true, contentTypeKind = 'collectionType', targetUid = '' })=>{
+    const { formatMessage } = useIntl();
+    const navigate = useNavigate();
+    const permissionsToApply = getPermission({
+        isInContentTypeView,
+        contentTypeKind
+    });
+    const label = formatMessage({
+        id: 'content-type-builder.form.button.configure-view',
+        defaultMessage: 'Configure the view'
+    });
+    const handleClick = ()=>{
+        if (disabled) {
+            return false;
+        }
+        if (isInContentTypeView) {
+            navigate(`/content-manager/collection-types/${targetUid}/configurations/edit`);
+        } else {
+            navigate(`/content-manager/components/${targetUid}/configurations/edit`);
+        }
+        return false;
+    };
+    const { isLoading, allowedActions } = useRBAC({
+        viewConfig: permissionsToApply
+    });
+    if (isLoading) {
+        return null;
+    }
+    if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(Button, {
+        startIcon: /*#__PURE__*/ jsx(ListPlus, {}),
+        variant: "tertiary",
+        onClick: handleClick,
+        disabled: disabled,
+        children: label
+    });
+});
+
+export { LinkToCMSettingsView };
+//# sourceMappingURL=LinkToCMSettingsView.mjs.map

package/dist/admin/pages/ListView/LinkToCMSettingsView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToCMSettingsView.mjs","sources":["../../../../admin/src/pages/ListView/LinkToCMSettingsView.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { type Permission, useRBAC } from '@strapi/admin/strapi-admin';\nimport { Button } from '@strapi/design-system';\nimport { ListPlus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nconst cmPermissions: Record<string, Permission[]> = {\n  collectionTypesConfigurations: [\n    {\n      action: 'plugin::content-manager.collection-types.configure-view',\n      subject: null,\n    },\n  ],\n  componentsConfigurations: [\n    {\n      action: 'plugin::content-manager.components.configure-layout',\n      subject: null,\n    },\n  ],\n  singleTypesConfigurations: [\n    {\n      action: 'plugin::content-manager.single-types.configure-view',\n      subject: null,\n    },\n  ],\n};\n\nconst getPermission = ({\n  isInContentTypeView,\n  contentTypeKind,\n}: {\n  isInContentTypeView: boolean;\n  contentTypeKind: string;\n}) => {\n  if (isInContentTypeView) {\n    if (contentTypeKind === 'singleType') {\n      return cmPermissions.singleTypesConfigurations;\n    }\n\n    return cmPermissions.collectionTypesConfigurations;\n  }\n\n  return cmPermissions.componentsConfigurations;\n};\n\ninterface LinkToCMSettingsViewProps {\n  disabled: boolean;\n  contentTypeKind?: string;\n  isInContentTypeView?: boolean;\n  targetUid?: string;\n}\n\nexport const LinkToCMSettingsView = memo(\n  ({\n    disabled,\n    isInContentTypeView = true,\n    contentTypeKind = 'collectionType',\n    targetUid = '',\n  }: LinkToCMSettingsViewProps) => {\n    const { formatMessage } = useIntl();\n    const navigate = useNavigate();\n    const permissionsToApply = getPermission({ isInContentTypeView, contentTypeKind });\n\n    const label = formatMessage({\n      id: 'content-type-builder.form.button.configure-view',\n      defaultMessage: 'Configure the view',\n    });\n\n    const handleClick = () => {\n      if (disabled) {\n        return false;\n      }\n\n      if (isInContentTypeView) {\n        navigate(`/content-manager/collection-types/${targetUid}/configurations/edit`);\n      } else {\n        navigate(`/content-manager/components/${targetUid}/configurations/edit`);\n      }\n\n      return false;\n    };\n\n    const { isLoading, allowedActions } = useRBAC({\n      viewConfig: permissionsToApply,\n    });\n\n    if (isLoading) {\n      return null;\n    }\n\n    if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {\n      return null;\n    }\n\n    return (\n      <Button startIcon={<ListPlus />} variant=\"tertiary\" onClick={handleClick} disabled={disabled}>\n        {label}\n      </Button>\n    );\n  }\n);\n"],"names":["cmPermissions","collectionTypesConfigurations","action","subject","componentsConfigurations","singleTypesConfigurations","getPermission","isInContentTypeView","contentTypeKind","LinkToCMSettingsView","memo","disabled","targetUid","formatMessage","useIntl","navigate","useNavigate","permissionsToApply","label","id","defaultMessage","handleClick","isLoading","allowedActions","useRBAC","viewConfig","canConfigureView","canConfigureLayout","_jsx","Button","startIcon","ListPlus","variant","onClick"],"mappings":";;;;;;;;AAQA,MAAMA,aAA8C,GAAA;IAClDC,6BAA+B,EAAA;AAC7B,QAAA;YACEC,MAAQ,EAAA,yDAAA;YACRC,OAAS,EAAA;AACX;AACD,KAAA;IACDC,wBAA0B,EAAA;AACxB,QAAA;YACEF,MAAQ,EAAA,qDAAA;YACRC,OAAS,EAAA;AACX;AACD,KAAA;IACDE,yBAA2B,EAAA;AACzB,QAAA;YACEH,MAAQ,EAAA,qDAAA;YACRC,OAAS,EAAA;AACX;AACD;AACH,CAAA;AAEA,MAAMG,gBAAgB,CAAC,EACrBC,mBAAmB,EACnBC,eAAe,EAIhB,GAAA;AACC,IAAA,IAAID,mBAAqB,EAAA;AACvB,QAAA,IAAIC,oBAAoB,YAAc,EAAA;AACpC,YAAA,OAAOR,cAAcK,yBAAyB;AAChD;AAEA,QAAA,OAAOL,cAAcC,6BAA6B;AACpD;AAEA,IAAA,OAAOD,cAAcI,wBAAwB;AAC/C,CAAA;AASaK,MAAAA,oBAAAA,iBAAuBC,IAClC,CAAA,CAAC,EACCC,QAAQ,EACRJ,mBAAsB,GAAA,IAAI,EAC1BC,eAAkB,GAAA,gBAAgB,EAClCI,SAAAA,GAAY,EAAE,EACY,GAAA;IAC1B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAWC,GAAAA,WAAAA,EAAAA;AACjB,IAAA,MAAMC,qBAAqBX,aAAc,CAAA;AAAEC,QAAAA,mBAAAA;AAAqBC,QAAAA;AAAgB,KAAA,CAAA;AAEhF,IAAA,MAAMU,QAAQL,aAAc,CAAA;QAC1BM,EAAI,EAAA,iDAAA;QACJC,cAAgB,EAAA;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,WAAc,GAAA,IAAA;AAClB,QAAA,IAAIV,QAAU,EAAA;YACZ,OAAO,KAAA;AACT;AAEA,QAAA,IAAIJ,mBAAqB,EAAA;AACvBQ,YAAAA,QAAAA,CAAS,CAAC,kCAAkC,EAAEH,SAAAA,CAAU,oBAAoB,CAAC,CAAA;SACxE,MAAA;AACLG,YAAAA,QAAAA,CAAS,CAAC,4BAA4B,EAAEH,SAAAA,CAAU,oBAAoB,CAAC,CAAA;AACzE;QAEA,OAAO,KAAA;AACT,KAAA;AAEA,IAAA,MAAM,EAAEU,SAAS,EAAEC,cAAc,EAAE,GAAGC,OAAQ,CAAA;QAC5CC,UAAYR,EAAAA;AACd,KAAA,CAAA;AAEA,IAAA,IAAIK,SAAW,EAAA;QACb,OAAO,IAAA;AACT;AAEA,IAAA,IAAI,CAACC,cAAeG,CAAAA,gBAAgB,IAAI,CAACH,cAAAA,CAAeI,kBAAkB,EAAE;QAC1E,OAAO,IAAA;AACT;AAEA,IAAA,qBACEC,GAACC,CAAAA,MAAAA,EAAAA;AAAOC,QAAAA,SAAAA,gBAAWF,GAACG,CAAAA,QAAAA,EAAAA,EAAAA,CAAAA;QAAaC,OAAQ,EAAA,UAAA;QAAWC,OAASZ,EAAAA,WAAAA;QAAaV,QAAUA,EAAAA,QAAAA;AACjFO,QAAAA,QAAAA,EAAAA;;AAGP,CACA;;;;"}