@strapi/content-type-builder 5.13.1 → 5.15.0

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

@@ -7,10 +7,13 @@ 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 DataManagerProvider = require('../../components/DataManager/DataManagerProvider.js');
+var ExitPrompt = require('../../components/ExitPrompt.js');
+var FormModal = require('../../components/FormModal/FormModal.js');
+var FormModalNavigationProvider = require('../../components/FormModalNavigation/FormModalNavigationProvider.js');
 var constants = require('../../constants.js');
 var pluginId = require('../../pluginId.js');
+var EmptyState = require('../ListView/EmptyState.js');
 
 function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
 
@@ -22,6 +25,7 @@ const App = ()=>{
         defaultMessage: 'Content Types Builder'
     });
     const startSection = strapiAdmin.useGuidedTour('App', (state)=>state.startSection);
+    const autoReload = strapiAdmin.useAppInfo('DataManagerProvider', (state)=>state.autoReload);
     const startSectionRef = React.useRef(startSection);
     React.useEffect(()=>{
         if (startSectionRef.current) {
@@ -36,25 +40,41 @@ const App = ()=>{
             }),
             /*#__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, {})
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(DataManagerProvider, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(ExitPrompt.ExitPrompt, {}),
+                            /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                children: [
+                                    autoReload && /*#__PURE__*/ jsxRuntime.jsx(FormModal.FormModal, {}),
+                                    /*#__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/create-content-type",
+                                                        element: /*#__PURE__*/ jsxRuntime.jsx(EmptyState.EmptyState, {})
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                        path: "content-types/:contentTypeUid",
+                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                        path: `component-categories/:categoryUid/:componentUid`,
+                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                        path: "*",
+                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                                    })
+                                                ]
+                                            })
                                         })
-                                    ]
-                                })
+                                    })
+                                ]
                             })
-                        })
+                        ]
                     })
                 })
             })

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

@@ -1 +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;;;;"}
+{"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, useAppInfo } 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/DataManager/DataManagerProvider';\nimport { ExitPrompt } from '../../components/ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\nimport { EmptyState } from '../ListView/EmptyState';\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 autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\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            <ExitPrompt />\n            <>\n              {autoReload && <FormModal />}\n              <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n                <Suspense fallback={<Page.Loading />}>\n                  <Routes>\n                    <Route path=\"content-types/create-content-type\" element={<EmptyState />} />\n                    <Route path=\"content-types/:contentTypeUid\" element={<ListView />} />\n                    <Route\n                      path={`component-categories/:categoryUid/:componentUid`}\n                      element={<ListView />}\n                    />\n                    <Route path=\"*\" element={<ListView />} />\n                  </Routes>\n                </Suspense>\n              </Layouts.Root>\n            </>\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","autoReload","useAppInfo","startSectionRef","useRef","useEffect","current","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","ExitPrompt","_Fragment","FormModal","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element","EmptyState"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,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,aAAaC,sBAAW,CAAA,qBAAA,EAAuB,CAACF,KAAAA,GAAUA,MAAMC,UAAU,CAAA;AAChF,IAAA,MAAME,kBAAkBC,YAAON,CAAAA,YAAAA,CAAAA;IAE/BO,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;AAAEpB,gBAAAA,QAAAA,EAAAA;;0BACbmB,cAACE,CAAAA,yDAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAACG,CAAAA,uDAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAT,eAACU,CAAAA,mBAAAA,EAAAA;;0CACCJ,cAACK,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA;AACD,0CAAAX,eAAA,CAAAY,mBAAA,EAAA;;AACGlB,oCAAAA,UAAAA,kBAAcY,cAACO,CAAAA,mBAAAA,EAAAA,EAAAA,CAAAA;AAChB,kDAAAP,cAAA,CAACQ,oBAAQC,IAAI,EAAA;AAACC,wCAAAA,OAAAA,gBAASV,cAACW,CAAAA,2CAAAA,EAAAA,EAAAA,CAAAA;AACtB,wCAAA,QAAA,gBAAAX,cAACY,CAAAA,cAAAA,EAAAA;4CAASC,QAAU,gBAAAb,cAAA,CAACL,iBAAKmB,OAAO,EAAA,EAAA,CAAA;AAC/B,4CAAA,QAAA,gBAAApB,eAACqB,CAAAA,qBAAAA,EAAAA;;kEACCf,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,mCAAA;AAAoCC,wDAAAA,OAAAA,gBAASlB,cAACmB,CAAAA,qBAAAA,EAAAA,EAAAA;;kEAC1DnB,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,+BAAA;AAAgCC,wDAAAA,OAAAA,gBAASlB,cAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;kEACtDwB,cAACgB,CAAAA,oBAAAA,EAAAA;wDACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,wDAAAA,OAAAA,gBAASlB,cAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;kEAEZwB,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,GAAA;AAAIC,wDAAAA,OAAAA,gBAASlB,cAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;;;;AAU9C;;;;"}

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

@@ -1,14 +1,17 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useEffect, Suspense, lazy } from 'react';
-import { useGuidedTour, Page, Layouts } from '@strapi/admin/strapi-admin';
+import { useGuidedTour, useAppInfo, 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 DataManagerProvider from '../../components/DataManager/DataManagerProvider.mjs';
+import { ExitPrompt } from '../../components/ExitPrompt.mjs';
+import { FormModal } from '../../components/FormModal/FormModal.mjs';
+import { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider.mjs';
 import { PERMISSIONS } from '../../constants.mjs';
 import { pluginId } from '../../pluginId.mjs';
+import { EmptyState } from '../ListView/EmptyState.mjs';
 
 const ListView = /*#__PURE__*/ lazy(()=>import('../ListView/ListView.mjs'));
 const App = ()=>{
@@ -18,6 +21,7 @@ const App = ()=>{
         defaultMessage: 'Content Types Builder'
     });
     const startSection = useGuidedTour('App', (state)=>state.startSection);
+    const autoReload = useAppInfo('DataManagerProvider', (state)=>state.autoReload);
     const startSectionRef = useRef(startSection);
     useEffect(()=>{
         if (startSectionRef.current) {
@@ -32,25 +36,41 @@ const App = ()=>{
             }),
             /*#__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, {})
+                    children: /*#__PURE__*/ jsxs(DataManagerProvider, {
+                        children: [
+                            /*#__PURE__*/ jsx(ExitPrompt, {}),
+                            /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    autoReload && /*#__PURE__*/ jsx(FormModal, {}),
+                                    /*#__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/create-content-type",
+                                                        element: /*#__PURE__*/ jsx(EmptyState, {})
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Route, {
+                                                        path: "content-types/:contentTypeUid",
+                                                        element: /*#__PURE__*/ jsx(ListView, {})
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Route, {
+                                                        path: `component-categories/:categoryUid/:componentUid`,
+                                                        element: /*#__PURE__*/ jsx(ListView, {})
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Route, {
+                                                        path: "*",
+                                                        element: /*#__PURE__*/ jsx(ListView, {})
+                                                    })
+                                                ]
+                                            })
                                         })
-                                    ]
-                                })
+                                    })
+                                ]
                             })
-                        })
+                        ]
                     })
                 })
             })

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

@@ -1 +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;;;;"}
+{"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, useAppInfo } 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/DataManager/DataManagerProvider';\nimport { ExitPrompt } from '../../components/ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\nimport { EmptyState } from '../ListView/EmptyState';\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 autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\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            <ExitPrompt />\n            <>\n              {autoReload && <FormModal />}\n              <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n                <Suspense fallback={<Page.Loading />}>\n                  <Routes>\n                    <Route path=\"content-types/create-content-type\" element={<EmptyState />} />\n                    <Route path=\"content-types/:contentTypeUid\" element={<ListView />} />\n                    <Route\n                      path={`component-categories/:categoryUid/:componentUid`}\n                      element={<ListView />}\n                    />\n                    <Route path=\"*\" element={<ListView />} />\n                  </Routes>\n                </Suspense>\n              </Layouts.Root>\n            </>\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","autoReload","useAppInfo","startSectionRef","useRef","useEffect","current","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","ExitPrompt","_Fragment","FormModal","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element","EmptyState"],"mappings":";;;;;;;;;;;;;;;AAmBA,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,aAAaC,UAAW,CAAA,qBAAA,EAAuB,CAACF,KAAAA,GAAUA,MAAMC,UAAU,CAAA;AAChF,IAAA,MAAME,kBAAkBC,MAAON,CAAAA,YAAAA,CAAAA;IAE/BO,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;AAAEpB,gBAAAA,QAAAA,EAAAA;;0BACbmB,GAACE,CAAAA,gCAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,GAACG,CAAAA,2BAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAT,IAACU,CAAAA,mBAAAA,EAAAA;;0CACCJ,GAACK,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;AACD,0CAAAX,IAAA,CAAAY,QAAA,EAAA;;AACGlB,oCAAAA,UAAAA,kBAAcY,GAACO,CAAAA,SAAAA,EAAAA,EAAAA,CAAAA;AAChB,kDAAAP,GAAA,CAACQ,QAAQC,IAAI,EAAA;AAACC,wCAAAA,OAAAA,gBAASV,GAACW,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA;AACtB,wCAAA,QAAA,gBAAAX,GAACY,CAAAA,QAAAA,EAAAA;4CAASC,QAAU,gBAAAb,GAAA,CAACL,KAAKmB,OAAO,EAAA,EAAA,CAAA;AAC/B,4CAAA,QAAA,gBAAApB,IAACqB,CAAAA,MAAAA,EAAAA;;kEACCf,GAACgB,CAAAA,KAAAA,EAAAA;wDAAMC,IAAK,EAAA,mCAAA;AAAoCC,wDAAAA,OAAAA,gBAASlB,GAACmB,CAAAA,UAAAA,EAAAA,EAAAA;;kEAC1DnB,GAACgB,CAAAA,KAAAA,EAAAA;wDAAMC,IAAK,EAAA,+BAAA;AAAgCC,wDAAAA,OAAAA,gBAASlB,GAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;kEACtDwB,GAACgB,CAAAA,KAAAA,EAAAA;wDACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,wDAAAA,OAAAA,gBAASlB,GAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;kEAEZwB,GAACgB,CAAAA,KAAAA,EAAAA;wDAAMC,IAAK,EAAA,GAAA;AAAIC,wDAAAA,OAAAA,gBAASlB,GAACxB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;;;;AAU9C;;;;"}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var getTrad = require('../../utils/getTrad.js');
+
+const EmptyState = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const pluginName = formatMessage({
+        id: getTrad.getTrad('plugin.name'),
+        defaultMessage: 'Content-Type Builder'
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            justifyContent: "center",
+            alignItems: "center",
+            height: "100%",
+            direction: "column",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "alpha",
+                    children: pluginName
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "delta",
+                    children: formatMessage({
+                        id: getTrad.getTrad('table.content.create-first-content-type'),
+                        defaultMessage: 'Create your first Collection-Type'
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../../admin/src/pages/ListView/EmptyState.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../utils/getTrad';\n\nexport const EmptyState = () => {\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  return (\n    <>\n      <Flex justifyContent=\"center\" alignItems=\"center\" height=\"100%\" direction=\"column\">\n        <Typography variant=\"alpha\">{pluginName}</Typography>\n        <Typography variant=\"delta\">\n          {formatMessage({\n            id: getTrad('table.content.create-first-content-type'),\n            defaultMessage: 'Create your first Collection-Type',\n          })}\n        </Typography>\n      </Flex>\n    </>\n  );\n};\n"],"names":["EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","_jsx","_Fragment","_jsxs","Flex","justifyContent","alignItems","height","direction","Typography","variant"],"mappings":";;;;;;;MAKaA,UAAa,GAAA,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,aAAaF,aAAc,CAAA;AAC/BG,QAAAA,EAAAA,EAAIC,eAAQ,CAAA,aAAA,CAAA;QACZC,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEA,qBACEC,cAAA,CAAAC,mBAAA,EAAA;AACE,QAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;YAAKC,cAAe,EAAA,QAAA;YAASC,UAAW,EAAA,QAAA;YAASC,MAAO,EAAA,MAAA;YAAOC,SAAU,EAAA,QAAA;;8BACxEP,cAACQ,CAAAA,uBAAAA,EAAAA;oBAAWC,OAAQ,EAAA,OAAA;AAASb,oBAAAA,QAAAA,EAAAA;;8BAC7BI,cAACQ,CAAAA,uBAAAA,EAAAA;oBAAWC,OAAQ,EAAA,OAAA;8BACjBf,aAAc,CAAA;AACbG,wBAAAA,EAAAA,EAAIC,eAAQ,CAAA,yCAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;;;;;AAKV;;;;"}

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

@@ -0,0 +1,36 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Flex, Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../../utils/getTrad.mjs';
+
+const EmptyState = ()=>{
+    const { formatMessage } = useIntl();
+    const pluginName = formatMessage({
+        id: getTrad('plugin.name'),
+        defaultMessage: 'Content-Type Builder'
+    });
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsxs(Flex, {
+            justifyContent: "center",
+            alignItems: "center",
+            height: "100%",
+            direction: "column",
+            children: [
+                /*#__PURE__*/ jsx(Typography, {
+                    variant: "alpha",
+                    children: pluginName
+                }),
+                /*#__PURE__*/ jsx(Typography, {
+                    variant: "delta",
+                    children: formatMessage({
+                        id: getTrad('table.content.create-first-content-type'),
+                        defaultMessage: 'Create your first Collection-Type'
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { EmptyState };
+//# sourceMappingURL=EmptyState.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.mjs","sources":["../../../../admin/src/pages/ListView/EmptyState.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../utils/getTrad';\n\nexport const EmptyState = () => {\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  return (\n    <>\n      <Flex justifyContent=\"center\" alignItems=\"center\" height=\"100%\" direction=\"column\">\n        <Typography variant=\"alpha\">{pluginName}</Typography>\n        <Typography variant=\"delta\">\n          {formatMessage({\n            id: getTrad('table.content.create-first-content-type'),\n            defaultMessage: 'Create your first Collection-Type',\n          })}\n        </Typography>\n      </Flex>\n    </>\n  );\n};\n"],"names":["EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","_jsx","_Fragment","_jsxs","Flex","justifyContent","alignItems","height","direction","Typography","variant"],"mappings":";;;;;MAKaA,UAAa,GAAA,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMC,aAAaF,aAAc,CAAA;AAC/BG,QAAAA,EAAAA,EAAIC,OAAQ,CAAA,aAAA,CAAA;QACZC,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEA,qBACEC,GAAA,CAAAC,QAAA,EAAA;AACE,QAAA,QAAA,gBAAAC,IAACC,CAAAA,IAAAA,EAAAA;YAAKC,cAAe,EAAA,QAAA;YAASC,UAAW,EAAA,QAAA;YAASC,MAAO,EAAA,MAAA;YAAOC,SAAU,EAAA,QAAA;;8BACxEP,GAACQ,CAAAA,UAAAA,EAAAA;oBAAWC,OAAQ,EAAA,OAAA;AAASb,oBAAAA,QAAAA,EAAAA;;8BAC7BI,GAACQ,CAAAA,UAAAA,EAAAA;oBAAWC,OAAQ,EAAA,OAAA;8BACjBf,aAAc,CAAA;AACbG,wBAAAA,EAAAA,EAAIC,OAAQ,CAAA,yCAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;;;;;AAKV;;;;"}

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

@@ -7,6 +7,7 @@ var designSystem = require('@strapi/design-system');
 var Icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
 
 const cmPermissions = {
     collectionTypesConfigurations: [
@@ -28,22 +29,35 @@ const cmPermissions = {
         }
     ]
 };
-const getPermission = ({ isInContentTypeView, contentTypeKind })=>{
-    if (isInContentTypeView) {
-        if (contentTypeKind === 'singleType') {
+const getPermission = (type)=>{
+    if (type.modelType === 'contentType') {
+        if (type.kind === 'singleType') {
             return cmPermissions.singleTypesConfigurations;
         }
         return cmPermissions.collectionTypesConfigurations;
     }
     return cmPermissions.componentsConfigurations;
 };
-const LinkToCMSettingsView = /*#__PURE__*/ React.memo(({ disabled, isInContentTypeView = true, contentTypeKind = 'collectionType', targetUid = '' })=>{
+const getLink = (type)=>{
+    switch(type.modelType){
+        case 'contentType':
+            switch(type.kind){
+                case 'singleType':
+                    return `/content-manager/single-types/${type.uid}/configurations/edit`;
+                case 'collectionType':
+                    return `/content-manager/collection-types/${type.uid}/configurations/edit`;
+            }
+        case 'component':
+            return `/content-manager/components/${type.uid}/configurations/edit`;
+    }
+};
+const StyledButton = styledComponents.styled(designSystem.Button)`
+  white-space: nowrap;
+`;
+const LinkToCMSettingsView = /*#__PURE__*/ React.memo(({ disabled, type })=>{
     const { formatMessage } = reactIntl.useIntl();
     const navigate = reactRouterDom.useNavigate();
-    const permissionsToApply = getPermission({
-        isInContentTypeView,
-        contentTypeKind
-    });
+    const permissionsToApply = getPermission(type);
     const label = formatMessage({
         id: 'content-type-builder.form.button.configure-view',
         defaultMessage: 'Configure the view'
@@ -52,23 +66,18 @@ const LinkToCMSettingsView = /*#__PURE__*/ React.memo(({ disabled, isInContentTy
         if (disabled) {
             return false;
         }
-        if (isInContentTypeView) {
-            navigate(`/content-manager/collection-types/${targetUid}/configurations/edit`);
-        } else {
-            navigate(`/content-manager/components/${targetUid}/configurations/edit`);
-        }
+        const link = getLink(type);
+        navigate(link);
         return false;
     };
-    const { isLoading, allowedActions } = strapiAdmin.useRBAC({
-        viewConfig: permissionsToApply
-    });
+    const { isLoading, allowedActions } = strapiAdmin.useRBAC(permissionsToApply);
     if (isLoading) {
         return null;
     }
     if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {
         return null;
     }
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+    return /*#__PURE__*/ jsxRuntime.jsx(StyledButton, {
         startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ListPlus, {}),
         variant: "tertiary",
         onClick: handleClick,

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

@@ -1 +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;;;;"}
+{"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';\nimport { styled } from 'styled-components';\n\nimport type { Component, ContentType } from '../../types';\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 = (type: Component | ContentType) => {\n  if (type.modelType === 'contentType') {\n    if (type.kind === '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  type: Component | ContentType;\n}\n\nconst getLink = (type: Component | ContentType) => {\n  switch (type.modelType) {\n    case 'contentType':\n      switch (type.kind) {\n        case 'singleType':\n          return `/content-manager/single-types/${type.uid}/configurations/edit`;\n        case 'collectionType':\n          return `/content-manager/collection-types/${type.uid}/configurations/edit`;\n      }\n    case 'component':\n      return `/content-manager/components/${type.uid}/configurations/edit`;\n  }\n};\n\nconst StyledButton = styled(Button)`\n  white-space: nowrap;\n`;\n\nexport const LinkToCMSettingsView = memo(({ disabled, type }: LinkToCMSettingsViewProps) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const permissionsToApply = getPermission(type);\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    const link = getLink(type);\n\n    navigate(link);\n\n    return false;\n  };\n\n  const { isLoading, allowedActions } = useRBAC(permissionsToApply);\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {\n    return null;\n  }\n\n  return (\n    <StyledButton\n      startIcon={<ListPlus />}\n      variant=\"tertiary\"\n      onClick={handleClick}\n      disabled={disabled}\n    >\n      {label}\n    </StyledButton>\n  );\n});\n"],"names":["cmPermissions","collectionTypesConfigurations","action","subject","componentsConfigurations","singleTypesConfigurations","getPermission","type","modelType","kind","getLink","uid","StyledButton","styled","Button","LinkToCMSettingsView","memo","disabled","formatMessage","useIntl","navigate","useNavigate","permissionsToApply","label","id","defaultMessage","handleClick","link","isLoading","allowedActions","useRBAC","canConfigureView","canConfigureLayout","_jsx","startIcon","ListPlus","variant","onClick"],"mappings":";;;;;;;;;;;AAWA,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,CAACC,IAAAA,GAAAA;IACrB,IAAIA,IAAAA,CAAKC,SAAS,KAAK,aAAe,EAAA;QACpC,IAAID,IAAAA,CAAKE,IAAI,KAAK,YAAc,EAAA;AAC9B,YAAA,OAAOT,cAAcK,yBAAyB;AAChD;AAEA,QAAA,OAAOL,cAAcC,6BAA6B;AACpD;AAEA,IAAA,OAAOD,cAAcI,wBAAwB;AAC/C,CAAA;AAOA,MAAMM,UAAU,CAACH,IAAAA,GAAAA;AACf,IAAA,OAAQA,KAAKC,SAAS;QACpB,KAAK,aAAA;AACH,YAAA,OAAQD,KAAKE,IAAI;gBACf,KAAK,YAAA;AACH,oBAAA,OAAO,CAAC,8BAA8B,EAAEF,KAAKI,GAAG,CAAC,oBAAoB,CAAC;gBACxE,KAAK,gBAAA;AACH,oBAAA,OAAO,CAAC,kCAAkC,EAAEJ,KAAKI,GAAG,CAAC,oBAAoB,CAAC;AAC9E;QACF,KAAK,WAAA;AACH,YAAA,OAAO,CAAC,4BAA4B,EAAEJ,KAAKI,GAAG,CAAC,oBAAoB,CAAC;AACxE;AACF,CAAA;AAEA,MAAMC,YAAAA,GAAeC,uBAAOC,CAAAA,mBAAAA,CAAO;;AAEnC,CAAC;AAEM,MAAMC,qCAAuBC,UAAK,CAAA,CAAC,EAAEC,QAAQ,EAAEV,IAAI,EAA6B,GAAA;IACrF,MAAM,EAAEW,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAWC,GAAAA,0BAAAA,EAAAA;AACjB,IAAA,MAAMC,qBAAqBhB,aAAcC,CAAAA,IAAAA,CAAAA;AAEzC,IAAA,MAAMgB,QAAQL,aAAc,CAAA;QAC1BM,EAAI,EAAA,iDAAA;QACJC,cAAgB,EAAA;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,WAAc,GAAA,IAAA;AAClB,QAAA,IAAIT,QAAU,EAAA;YACZ,OAAO,KAAA;AACT;AAEA,QAAA,MAAMU,OAAOjB,OAAQH,CAAAA,IAAAA,CAAAA;QAErBa,QAASO,CAAAA,IAAAA,CAAAA;QAET,OAAO,KAAA;AACT,KAAA;AAEA,IAAA,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAE,GAAGC,mBAAQR,CAAAA,kBAAAA,CAAAA;AAE9C,IAAA,IAAIM,SAAW,EAAA;QACb,OAAO,IAAA;AACT;AAEA,IAAA,IAAI,CAACC,cAAeE,CAAAA,gBAAgB,IAAI,CAACF,cAAAA,CAAeG,kBAAkB,EAAE;QAC1E,OAAO,IAAA;AACT;AAEA,IAAA,qBACEC,cAACrB,CAAAA,YAAAA,EAAAA;AACCsB,QAAAA,SAAAA,gBAAWD,cAACE,CAAAA,cAAAA,EAAAA,EAAAA,CAAAA;QACZC,OAAQ,EAAA,UAAA;QACRC,OAASX,EAAAA,WAAAA;QACTT,QAAUA,EAAAA,QAAAA;AAETM,QAAAA,QAAAA,EAAAA;;AAGP,CAAG;;;;"}

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

@@ -5,6 +5,7 @@ import { Button } from '@strapi/design-system';
 import { ListPlus } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { useNavigate } from 'react-router-dom';
+import { styled } from 'styled-components';
 
 const cmPermissions = {
     collectionTypesConfigurations: [
@@ -26,22 +27,35 @@ const cmPermissions = {
         }
     ]
 };
-const getPermission = ({ isInContentTypeView, contentTypeKind })=>{
-    if (isInContentTypeView) {
-        if (contentTypeKind === 'singleType') {
+const getPermission = (type)=>{
+    if (type.modelType === 'contentType') {
+        if (type.kind === 'singleType') {
             return cmPermissions.singleTypesConfigurations;
         }
         return cmPermissions.collectionTypesConfigurations;
     }
     return cmPermissions.componentsConfigurations;
 };
-const LinkToCMSettingsView = /*#__PURE__*/ memo(({ disabled, isInContentTypeView = true, contentTypeKind = 'collectionType', targetUid = '' })=>{
+const getLink = (type)=>{
+    switch(type.modelType){
+        case 'contentType':
+            switch(type.kind){
+                case 'singleType':
+                    return `/content-manager/single-types/${type.uid}/configurations/edit`;
+                case 'collectionType':
+                    return `/content-manager/collection-types/${type.uid}/configurations/edit`;
+            }
+        case 'component':
+            return `/content-manager/components/${type.uid}/configurations/edit`;
+    }
+};
+const StyledButton = styled(Button)`
+  white-space: nowrap;
+`;
+const LinkToCMSettingsView = /*#__PURE__*/ memo(({ disabled, type })=>{
     const { formatMessage } = useIntl();
     const navigate = useNavigate();
-    const permissionsToApply = getPermission({
-        isInContentTypeView,
-        contentTypeKind
-    });
+    const permissionsToApply = getPermission(type);
     const label = formatMessage({
         id: 'content-type-builder.form.button.configure-view',
         defaultMessage: 'Configure the view'
@@ -50,23 +64,18 @@ const LinkToCMSettingsView = /*#__PURE__*/ memo(({ disabled, isInContentTypeView
         if (disabled) {
             return false;
         }
-        if (isInContentTypeView) {
-            navigate(`/content-manager/collection-types/${targetUid}/configurations/edit`);
-        } else {
-            navigate(`/content-manager/components/${targetUid}/configurations/edit`);
-        }
+        const link = getLink(type);
+        navigate(link);
         return false;
     };
-    const { isLoading, allowedActions } = useRBAC({
-        viewConfig: permissionsToApply
-    });
+    const { isLoading, allowedActions } = useRBAC(permissionsToApply);
     if (isLoading) {
         return null;
     }
     if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {
         return null;
     }
-    return /*#__PURE__*/ jsx(Button, {
+    return /*#__PURE__*/ jsx(StyledButton, {
         startIcon: /*#__PURE__*/ jsx(ListPlus, {}),
         variant: "tertiary",
         onClick: handleClick,

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

@@ -1 +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;;;;"}
+{"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';\nimport { styled } from 'styled-components';\n\nimport type { Component, ContentType } from '../../types';\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 = (type: Component | ContentType) => {\n  if (type.modelType === 'contentType') {\n    if (type.kind === '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  type: Component | ContentType;\n}\n\nconst getLink = (type: Component | ContentType) => {\n  switch (type.modelType) {\n    case 'contentType':\n      switch (type.kind) {\n        case 'singleType':\n          return `/content-manager/single-types/${type.uid}/configurations/edit`;\n        case 'collectionType':\n          return `/content-manager/collection-types/${type.uid}/configurations/edit`;\n      }\n    case 'component':\n      return `/content-manager/components/${type.uid}/configurations/edit`;\n  }\n};\n\nconst StyledButton = styled(Button)`\n  white-space: nowrap;\n`;\n\nexport const LinkToCMSettingsView = memo(({ disabled, type }: LinkToCMSettingsViewProps) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const permissionsToApply = getPermission(type);\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    const link = getLink(type);\n\n    navigate(link);\n\n    return false;\n  };\n\n  const { isLoading, allowedActions } = useRBAC(permissionsToApply);\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {\n    return null;\n  }\n\n  return (\n    <StyledButton\n      startIcon={<ListPlus />}\n      variant=\"tertiary\"\n      onClick={handleClick}\n      disabled={disabled}\n    >\n      {label}\n    </StyledButton>\n  );\n});\n"],"names":["cmPermissions","collectionTypesConfigurations","action","subject","componentsConfigurations","singleTypesConfigurations","getPermission","type","modelType","kind","getLink","uid","StyledButton","styled","Button","LinkToCMSettingsView","memo","disabled","formatMessage","useIntl","navigate","useNavigate","permissionsToApply","label","id","defaultMessage","handleClick","link","isLoading","allowedActions","useRBAC","canConfigureView","canConfigureLayout","_jsx","startIcon","ListPlus","variant","onClick"],"mappings":";;;;;;;;;AAWA,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,CAACC,IAAAA,GAAAA;IACrB,IAAIA,IAAAA,CAAKC,SAAS,KAAK,aAAe,EAAA;QACpC,IAAID,IAAAA,CAAKE,IAAI,KAAK,YAAc,EAAA;AAC9B,YAAA,OAAOT,cAAcK,yBAAyB;AAChD;AAEA,QAAA,OAAOL,cAAcC,6BAA6B;AACpD;AAEA,IAAA,OAAOD,cAAcI,wBAAwB;AAC/C,CAAA;AAOA,MAAMM,UAAU,CAACH,IAAAA,GAAAA;AACf,IAAA,OAAQA,KAAKC,SAAS;QACpB,KAAK,aAAA;AACH,YAAA,OAAQD,KAAKE,IAAI;gBACf,KAAK,YAAA;AACH,oBAAA,OAAO,CAAC,8BAA8B,EAAEF,KAAKI,GAAG,CAAC,oBAAoB,CAAC;gBACxE,KAAK,gBAAA;AACH,oBAAA,OAAO,CAAC,kCAAkC,EAAEJ,KAAKI,GAAG,CAAC,oBAAoB,CAAC;AAC9E;QACF,KAAK,WAAA;AACH,YAAA,OAAO,CAAC,4BAA4B,EAAEJ,KAAKI,GAAG,CAAC,oBAAoB,CAAC;AACxE;AACF,CAAA;AAEA,MAAMC,YAAAA,GAAeC,MAAOC,CAAAA,MAAAA,CAAO;;AAEnC,CAAC;AAEM,MAAMC,qCAAuBC,IAAK,CAAA,CAAC,EAAEC,QAAQ,EAAEV,IAAI,EAA6B,GAAA;IACrF,MAAM,EAAEW,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAWC,GAAAA,WAAAA,EAAAA;AACjB,IAAA,MAAMC,qBAAqBhB,aAAcC,CAAAA,IAAAA,CAAAA;AAEzC,IAAA,MAAMgB,QAAQL,aAAc,CAAA;QAC1BM,EAAI,EAAA,iDAAA;QACJC,cAAgB,EAAA;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,WAAc,GAAA,IAAA;AAClB,QAAA,IAAIT,QAAU,EAAA;YACZ,OAAO,KAAA;AACT;AAEA,QAAA,MAAMU,OAAOjB,OAAQH,CAAAA,IAAAA,CAAAA;QAErBa,QAASO,CAAAA,IAAAA,CAAAA;QAET,OAAO,KAAA;AACT,KAAA;AAEA,IAAA,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAE,GAAGC,OAAQR,CAAAA,kBAAAA,CAAAA;AAE9C,IAAA,IAAIM,SAAW,EAAA;QACb,OAAO,IAAA;AACT;AAEA,IAAA,IAAI,CAACC,cAAeE,CAAAA,gBAAgB,IAAI,CAACF,cAAAA,CAAeG,kBAAkB,EAAE;QAC1E,OAAO,IAAA;AACT;AAEA,IAAA,qBACEC,GAACrB,CAAAA,YAAAA,EAAAA;AACCsB,QAAAA,SAAAA,gBAAWD,GAACE,CAAAA,QAAAA,EAAAA,EAAAA,CAAAA;QACZC,OAAQ,EAAA,UAAA;QACRC,OAASX,EAAAA,WAAAA;QACTT,QAAUA,EAAAA,QAAAA;AAETM,QAAAA,QAAAA,EAAAA;;AAGP,CAAG;;;;"}