@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

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

@@ -0,0 +1,108 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { tours } from '@strapi/admin/strapi-admin';
+import { Box, Flex, Typography, Button } from '@strapi/design-system';
+import { Paperclip, Sparkle } from '@strapi/icons';
+import { EmptyDocuments } from '@strapi/icons/symbols';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { FigmaIcon } from '../../components/AIChat/components/icons/FigmaIcon.mjs';
+import { useStrapiChat } from '../../components/AIChat/providers/ChatProvider.mjs';
+import { useUploadProjectToChat } from '../../components/AIChat/UploadCodeModal.mjs';
+import { useUploadFigmaToChat } from '../../components/AIChat/UploadFigmaModal.mjs';
+import { getTrad } from '../../utils/getTrad.mjs';
+
+// Styled container that implements responsive behavior
+const ResponsiveContainer = styled(Flex)`
+  @container (max-width: 200px) {
+    .hide-on-small {
+      display: none;
+    }
+  }
+  container-type: inline-size;
+`;
+const EmptyState = ()=>{
+    const { formatMessage } = useIntl();
+    const pluginName = formatMessage({
+        id: getTrad('table.content.create-first-content-type.title'),
+        defaultMessage: 'No content types'
+    });
+    const { isChatEnabled, openChat } = useStrapiChat();
+    const { openCodeUpload } = useUploadProjectToChat();
+    const { openFigmaUpload } = useUploadFigmaToChat();
+    return /*#__PURE__*/ jsxs(ResponsiveContainer, {
+        justifyContent: "center",
+        height: "100%",
+        width: '400px',
+        maxWidth: "90%",
+        margin: "auto",
+        direction: "column",
+        gap: 6,
+        children: [
+            /*#__PURE__*/ jsx(EmptyDocuments, {
+                width: "160px",
+                height: "88px"
+            }),
+            /*#__PURE__*/ jsx(tours.contentTypeBuilder.Introduction, {
+                children: /*#__PURE__*/ jsx(Box, {})
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                alignItems: "center",
+                direction: "column",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "beta",
+                        textAlign: "center",
+                        children: pluginName
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "omega",
+                        textAlign: "center",
+                        textColor: "neutral600",
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.description'),
+                            defaultMessage: 'Create collection types, single types and components in order to build your schema.'
+                        })
+                    })
+                ]
+            }),
+            isChatEnabled && /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                direction: "column",
+                className: "hide-on-small",
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        startIcon: /*#__PURE__*/ jsx(FigmaIcon, {}),
+                        variant: "tertiary",
+                        onClick: ()=>openFigmaUpload(true),
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.import-figma'),
+                            defaultMessage: 'Import from Figma'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        startIcon: /*#__PURE__*/ jsx(Paperclip, {}),
+                        variant: "tertiary",
+                        onClick: ()=>openCodeUpload(true),
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.import-code'),
+                            defaultMessage: 'Import from computer'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
+                        variant: "tertiary",
+                        onClick: openChat,
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.start-with-prompt'),
+                            defaultMessage: 'Start with a prompt'
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+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 { tours } from '@strapi/admin/strapi-admin';\r\nimport { Button, Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Sparkle, Paperclip } from '@strapi/icons';\r\nimport { EmptyDocuments } from '@strapi/icons/symbols';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { FigmaIcon } from '../../components/AIChat/components/icons/FigmaIcon';\r\nimport { useStrapiChat } from '../../components/AIChat/providers/ChatProvider';\r\nimport { useUploadProjectToChat } from '../../components/AIChat/UploadCodeModal';\r\nimport { useUploadFigmaToChat } from '../../components/AIChat/UploadFigmaModal';\r\nimport { getTrad } from '../../utils/getTrad';\r\n\r\n// Styled container that implements responsive behavior\r\nconst ResponsiveContainer = styled(Flex)`\r\n  @container (max-width: 200px) {\r\n    .hide-on-small {\r\n      display: none;\r\n    }\r\n  }\r\n  container-type: inline-size;\r\n`;\r\n\r\nexport const EmptyState = () => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  const pluginName = formatMessage({\r\n    id: getTrad('table.content.create-first-content-type.title'),\r\n    defaultMessage: 'No content types',\r\n  });\r\n\r\n  const { isChatEnabled, openChat } = useStrapiChat();\r\n  const { openCodeUpload } = useUploadProjectToChat();\r\n  const { openFigmaUpload } = useUploadFigmaToChat();\r\n\r\n  return (\r\n    <ResponsiveContainer\r\n      justifyContent=\"center\"\r\n      height=\"100%\"\r\n      width={'400px'}\r\n      maxWidth=\"90%\"\r\n      margin=\"auto\"\r\n      direction=\"column\"\r\n      gap={6}\r\n    >\r\n      <EmptyDocuments width=\"160px\" height=\"88px\" />\r\n      <tours.contentTypeBuilder.Introduction>\r\n        {/* Invisible Anchor */}\r\n        <Box />\r\n      </tours.contentTypeBuilder.Introduction>\r\n      <Flex gap={2} alignItems=\"center\" direction=\"column\">\r\n        <Typography variant=\"beta\" textAlign=\"center\">\r\n          {pluginName}\r\n        </Typography>\r\n        <Typography variant=\"omega\" textAlign=\"center\" textColor=\"neutral600\">\r\n          {formatMessage({\r\n            id: getTrad('table.content.create-first-content-type.description'),\r\n            defaultMessage:\r\n              'Create collection types, single types and components in order to build your schema.',\r\n          })}\r\n        </Typography>\r\n      </Flex>\r\n\r\n      {/* Chat is not available on small screens either way */}\r\n      {isChatEnabled && (\r\n        <Flex gap={2} direction=\"column\" className=\"hide-on-small\">\r\n          <Button\r\n            startIcon={<FigmaIcon />}\r\n            variant=\"tertiary\"\r\n            onClick={() => openFigmaUpload(true)}\r\n          >\r\n            {formatMessage({\r\n              id: getTrad('table.content.create-first-content-type.import-figma'),\r\n              defaultMessage: 'Import from Figma',\r\n            })}\r\n          </Button>\r\n          <Button startIcon={<Paperclip />} variant=\"tertiary\" onClick={() => openCodeUpload(true)}>\r\n            {formatMessage({\r\n              id: getTrad('table.content.create-first-content-type.import-code'),\r\n              defaultMessage: 'Import from computer',\r\n            })}\r\n          </Button>\r\n          <Button startIcon={<Sparkle />} variant=\"tertiary\" onClick={openChat}>\r\n            {formatMessage({\r\n              id: getTrad('table.content.create-first-content-type.start-with-prompt'),\r\n              defaultMessage: 'Start with a prompt',\r\n            })}\r\n          </Button>\r\n        </Flex>\r\n      )}\r\n    </ResponsiveContainer>\r\n  );\r\n};\r\n"],"names":["ResponsiveContainer","styled","Flex","EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","isChatEnabled","openChat","useStrapiChat","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","_jsxs","justifyContent","height","width","maxWidth","margin","direction","gap","_jsx","EmptyDocuments","tours","contentTypeBuilder","Introduction","Box","alignItems","Typography","variant","textAlign","textColor","className","Button","startIcon","FigmaIcon","onClick","Paperclip","Sparkle"],"mappings":"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"}

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

@@ -0,0 +1,90 @@
+'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');
+var styledComponents = require('styled-components');
+
+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 = (type)=>{
+    if (type.modelType === 'contentType') {
+        if (type.kind === 'singleType') {
+            return cmPermissions.singleTypesConfigurations;
+        }
+        return cmPermissions.collectionTypesConfigurations;
+    }
+    return cmPermissions.componentsConfigurations;
+};
+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(type);
+    const label = formatMessage({
+        id: 'content-type-builder.form.button.configure-view',
+        defaultMessage: 'Configure the view'
+    });
+    const handleClick = ()=>{
+        if (disabled) {
+            return false;
+        }
+        const link = getLink(type);
+        navigate(link);
+        return false;
+    };
+    const { isLoading, allowedActions } = strapiAdmin.useRBAC(permissionsToApply);
+    if (isLoading) {
+        return null;
+    }
+    if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(StyledButton, {
+        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';\r\n\r\nimport { type Permission, useRBAC } from '@strapi/admin/strapi-admin';\r\nimport { Button } from '@strapi/design-system';\r\nimport { ListPlus } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport type { Component, ContentType } from '../../types';\r\n\r\nconst cmPermissions: Record<string, Permission[]> = {\r\n  collectionTypesConfigurations: [\r\n    {\r\n      action: 'plugin::content-manager.collection-types.configure-view',\r\n      subject: null,\r\n    },\r\n  ],\r\n  componentsConfigurations: [\r\n    {\r\n      action: 'plugin::content-manager.components.configure-layout',\r\n      subject: null,\r\n    },\r\n  ],\r\n  singleTypesConfigurations: [\r\n    {\r\n      action: 'plugin::content-manager.single-types.configure-view',\r\n      subject: null,\r\n    },\r\n  ],\r\n};\r\n\r\nconst getPermission = (type: Component | ContentType) => {\r\n  if (type.modelType === 'contentType') {\r\n    if (type.kind === 'singleType') {\r\n      return cmPermissions.singleTypesConfigurations;\r\n    }\r\n\r\n    return cmPermissions.collectionTypesConfigurations;\r\n  }\r\n\r\n  return cmPermissions.componentsConfigurations;\r\n};\r\n\r\ninterface LinkToCMSettingsViewProps {\r\n  disabled: boolean;\r\n  type: Component | ContentType;\r\n}\r\n\r\nconst getLink = (type: Component | ContentType) => {\r\n  switch (type.modelType) {\r\n    case 'contentType':\r\n      switch (type.kind) {\r\n        case 'singleType':\r\n          return `/content-manager/single-types/${type.uid}/configurations/edit`;\r\n        case 'collectionType':\r\n          return `/content-manager/collection-types/${type.uid}/configurations/edit`;\r\n      }\r\n    case 'component':\r\n      return `/content-manager/components/${type.uid}/configurations/edit`;\r\n  }\r\n};\r\n\r\nconst StyledButton = styled(Button)`\r\n  white-space: nowrap;\r\n`;\r\n\r\nexport const LinkToCMSettingsView = memo(({ disabled, type }: LinkToCMSettingsViewProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const navigate = useNavigate();\r\n  const permissionsToApply = getPermission(type);\r\n\r\n  const label = formatMessage({\r\n    id: 'content-type-builder.form.button.configure-view',\r\n    defaultMessage: 'Configure the view',\r\n  });\r\n\r\n  const handleClick = () => {\r\n    if (disabled) {\r\n      return false;\r\n    }\r\n\r\n    const link = getLink(type);\r\n\r\n    navigate(link);\r\n\r\n    return false;\r\n  };\r\n\r\n  const { isLoading, allowedActions } = useRBAC(permissionsToApply);\r\n\r\n  if (isLoading) {\r\n    return null;\r\n  }\r\n\r\n  if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <StyledButton\r\n      startIcon={<ListPlus />}\r\n      variant=\"tertiary\"\r\n      onClick={handleClick}\r\n      disabled={disabled}\r\n    >\r\n      {label}\r\n    </StyledButton>\r\n  );\r\n});\r\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,aAAAA,GAA8C;IAClDC,6BAAAA,EAA+B;AAC7B,QAAA;YACEC,MAAAA,EAAQ,yDAAA;YACRC,OAAAA,EAAS;AACX;AACD,KAAA;IACDC,wBAAAA,EAA0B;AACxB,QAAA;YACEF,MAAAA,EAAQ,qDAAA;YACRC,OAAAA,EAAS;AACX;AACD,KAAA;IACDE,yBAAAA,EAA2B;AACzB,QAAA;YACEH,MAAAA,EAAQ,qDAAA;YACRC,OAAAA,EAAS;AACX;AACD;AACH,CAAA;AAEA,MAAMG,gBAAgB,CAACC,IAAAA,GAAAA;IACrB,IAAIA,IAAAA,CAAKC,SAAS,KAAK,aAAA,EAAe;QACpC,IAAID,IAAAA,CAAKE,IAAI,KAAK,YAAA,EAAc;AAC9B,YAAA,OAAOT,cAAcK,yBAAyB;AAChD,QAAA;AAEA,QAAA,OAAOL,cAAcC,6BAA6B;AACpD,IAAA;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,uBAAAA,CAAOC,mBAAAA,CAAO,CAAC;;AAEpC,CAAC;AAEM,MAAMC,qCAAuBC,UAAAA,CAAK,CAAC,EAAEC,QAAQ,EAAEV,IAAI,EAA6B,GAAA;IACrF,MAAM,EAAEW,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAAA,GAAWC,0BAAAA,EAAAA;AACjB,IAAA,MAAMC,qBAAqBhB,aAAAA,CAAcC,IAAAA,CAAAA;AAEzC,IAAA,MAAMgB,QAAQL,aAAAA,CAAc;QAC1BM,EAAAA,EAAI,iDAAA;QACJC,cAAAA,EAAgB;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,WAAAA,GAAc,IAAA;AAClB,QAAA,IAAIT,QAAAA,EAAU;YACZ,OAAO,KAAA;AACT,QAAA;AAEA,QAAA,MAAMU,OAAOjB,OAAAA,CAAQH,IAAAA,CAAAA;QAErBa,QAAAA,CAASO,IAAAA,CAAAA;QAET,OAAO,KAAA;AACT,IAAA,CAAA;AAEA,IAAA,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAE,GAAGC,mBAAAA,CAAQR,kBAAAA,CAAAA;AAE9C,IAAA,IAAIM,SAAAA,EAAW;QACb,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAI,CAACC,cAAAA,CAAeE,gBAAgB,IAAI,CAACF,cAAAA,CAAeG,kBAAkB,EAAE;QAC1E,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEC,cAAA,CAACrB,YAAAA,EAAAA;AACCsB,QAAAA,SAAAA,gBAAWD,cAAA,CAACE,cAAAA,EAAAA,EAAAA,CAAAA;QACZC,OAAAA,EAAQ,UAAA;QACRC,OAAAA,EAASX,WAAAA;QACTT,QAAAA,EAAUA,QAAAA;AAETM,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}

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

@@ -0,0 +1,88 @@
+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';
+import { styled } from 'styled-components';
+
+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 = (type)=>{
+    if (type.modelType === 'contentType') {
+        if (type.kind === 'singleType') {
+            return cmPermissions.singleTypesConfigurations;
+        }
+        return cmPermissions.collectionTypesConfigurations;
+    }
+    return cmPermissions.componentsConfigurations;
+};
+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(type);
+    const label = formatMessage({
+        id: 'content-type-builder.form.button.configure-view',
+        defaultMessage: 'Configure the view'
+    });
+    const handleClick = ()=>{
+        if (disabled) {
+            return false;
+        }
+        const link = getLink(type);
+        navigate(link);
+        return false;
+    };
+    const { isLoading, allowedActions } = useRBAC(permissionsToApply);
+    if (isLoading) {
+        return null;
+    }
+    if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(StyledButton, {
+        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';\r\n\r\nimport { type Permission, useRBAC } from '@strapi/admin/strapi-admin';\r\nimport { Button } from '@strapi/design-system';\r\nimport { ListPlus } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport type { Component, ContentType } from '../../types';\r\n\r\nconst cmPermissions: Record<string, Permission[]> = {\r\n  collectionTypesConfigurations: [\r\n    {\r\n      action: 'plugin::content-manager.collection-types.configure-view',\r\n      subject: null,\r\n    },\r\n  ],\r\n  componentsConfigurations: [\r\n    {\r\n      action: 'plugin::content-manager.components.configure-layout',\r\n      subject: null,\r\n    },\r\n  ],\r\n  singleTypesConfigurations: [\r\n    {\r\n      action: 'plugin::content-manager.single-types.configure-view',\r\n      subject: null,\r\n    },\r\n  ],\r\n};\r\n\r\nconst getPermission = (type: Component | ContentType) => {\r\n  if (type.modelType === 'contentType') {\r\n    if (type.kind === 'singleType') {\r\n      return cmPermissions.singleTypesConfigurations;\r\n    }\r\n\r\n    return cmPermissions.collectionTypesConfigurations;\r\n  }\r\n\r\n  return cmPermissions.componentsConfigurations;\r\n};\r\n\r\ninterface LinkToCMSettingsViewProps {\r\n  disabled: boolean;\r\n  type: Component | ContentType;\r\n}\r\n\r\nconst getLink = (type: Component | ContentType) => {\r\n  switch (type.modelType) {\r\n    case 'contentType':\r\n      switch (type.kind) {\r\n        case 'singleType':\r\n          return `/content-manager/single-types/${type.uid}/configurations/edit`;\r\n        case 'collectionType':\r\n          return `/content-manager/collection-types/${type.uid}/configurations/edit`;\r\n      }\r\n    case 'component':\r\n      return `/content-manager/components/${type.uid}/configurations/edit`;\r\n  }\r\n};\r\n\r\nconst StyledButton = styled(Button)`\r\n  white-space: nowrap;\r\n`;\r\n\r\nexport const LinkToCMSettingsView = memo(({ disabled, type }: LinkToCMSettingsViewProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const navigate = useNavigate();\r\n  const permissionsToApply = getPermission(type);\r\n\r\n  const label = formatMessage({\r\n    id: 'content-type-builder.form.button.configure-view',\r\n    defaultMessage: 'Configure the view',\r\n  });\r\n\r\n  const handleClick = () => {\r\n    if (disabled) {\r\n      return false;\r\n    }\r\n\r\n    const link = getLink(type);\r\n\r\n    navigate(link);\r\n\r\n    return false;\r\n  };\r\n\r\n  const { isLoading, allowedActions } = useRBAC(permissionsToApply);\r\n\r\n  if (isLoading) {\r\n    return null;\r\n  }\r\n\r\n  if (!allowedActions.canConfigureView && !allowedActions.canConfigureLayout) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <StyledButton\r\n      startIcon={<ListPlus />}\r\n      variant=\"tertiary\"\r\n      onClick={handleClick}\r\n      disabled={disabled}\r\n    >\r\n      {label}\r\n    </StyledButton>\r\n  );\r\n});\r\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,aAAAA,GAA8C;IAClDC,6BAAAA,EAA+B;AAC7B,QAAA;YACEC,MAAAA,EAAQ,yDAAA;YACRC,OAAAA,EAAS;AACX;AACD,KAAA;IACDC,wBAAAA,EAA0B;AACxB,QAAA;YACEF,MAAAA,EAAQ,qDAAA;YACRC,OAAAA,EAAS;AACX;AACD,KAAA;IACDE,yBAAAA,EAA2B;AACzB,QAAA;YACEH,MAAAA,EAAQ,qDAAA;YACRC,OAAAA,EAAS;AACX;AACD;AACH,CAAA;AAEA,MAAMG,gBAAgB,CAACC,IAAAA,GAAAA;IACrB,IAAIA,IAAAA,CAAKC,SAAS,KAAK,aAAA,EAAe;QACpC,IAAID,IAAAA,CAAKE,IAAI,KAAK,YAAA,EAAc;AAC9B,YAAA,OAAOT,cAAcK,yBAAyB;AAChD,QAAA;AAEA,QAAA,OAAOL,cAAcC,6BAA6B;AACpD,IAAA;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,MAAAA,CAAOC,MAAAA,CAAO,CAAC;;AAEpC,CAAC;AAEM,MAAMC,qCAAuBC,IAAAA,CAAK,CAAC,EAAEC,QAAQ,EAAEV,IAAI,EAA6B,GAAA;IACrF,MAAM,EAAEW,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;AACjB,IAAA,MAAMC,qBAAqBhB,aAAAA,CAAcC,IAAAA,CAAAA;AAEzC,IAAA,MAAMgB,QAAQL,aAAAA,CAAc;QAC1BM,EAAAA,EAAI,iDAAA;QACJC,cAAAA,EAAgB;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,WAAAA,GAAc,IAAA;AAClB,QAAA,IAAIT,QAAAA,EAAU;YACZ,OAAO,KAAA;AACT,QAAA;AAEA,QAAA,MAAMU,OAAOjB,OAAAA,CAAQH,IAAAA,CAAAA;QAErBa,QAAAA,CAASO,IAAAA,CAAAA;QAET,OAAO,KAAA;AACT,IAAA,CAAA;AAEA,IAAA,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAE,GAAGC,OAAAA,CAAQR,kBAAAA,CAAAA;AAE9C,IAAA,IAAIM,SAAAA,EAAW;QACb,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAI,CAACC,cAAAA,CAAeE,gBAAgB,IAAI,CAACF,cAAAA,CAAeG,kBAAkB,EAAE;QAC1E,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEC,GAAA,CAACrB,YAAAA,EAAAA;AACCsB,QAAAA,SAAAA,gBAAWD,GAAA,CAACE,QAAAA,EAAAA,EAAAA,CAAAA;QACZC,OAAAA,EAAQ,UAAA;QACRC,OAAAA,EAASX,WAAAA;QACTT,QAAAA,EAAUA,QAAAA;AAETM,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}

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

@@ -0,0 +1,181 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var upperFirst = require('lodash/upperFirst');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+require('react');
+require('../../components/CTBSession/sessionContext.js');
+var useCTBTracking = require('../../components/CTBSession/useCTBTracking.js');
+var useDataManager = require('../../components/DataManager/useDataManager.js');
+var useFormModalNavigation = require('../../components/FormModalNavigation/useFormModalNavigation.js');
+var List = require('../../components/List.js');
+var getTrad = require('../../utils/getTrad.js');
+var LinkToCMSettingsView = require('./LinkToCMSettingsView.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
+
+const LayoutsHeaderCustom = styledComponents.styled(strapiAdmin.Layouts.Header)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const ListView = ()=>{
+    const { isInDevelopmentMode, contentTypes, components, isLoading } = useDataManager.useDataManager();
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = useCTBTracking.useCTBTracking();
+    const { contentTypeUid, componentUid } = reactRouterDom.useParams();
+    const { onOpenModalAddComponentsToDZ, onOpenModalAddField, onOpenModalEditSchema } = useFormModalNavigation.useFormModalNavigation();
+    const type = contentTypeUid ? contentTypes[contentTypeUid] : componentUid ? components[componentUid] : null;
+    if (isLoading) {
+        return null;
+    }
+    if (!type) {
+        const allowedEndpoints = Object.values(contentTypes).filter((ct)=>ct.visible === true && !ct.plugin).map((ct)=>ct.uid).sort();
+        if (allowedEndpoints.length > 0) {
+            return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+                to: `/plugins/content-type-builder/content-types/${allowedEndpoints[0]}`
+            });
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/plugins/content-type-builder/content-types/create-content-type"
+        });
+    }
+    if (contentTypeUid && type.modelType === 'contentType' && type.visible === false) {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Navigate, {
+            to: "/plugins/content-type-builder/content-types/create-content-type",
+            replace: true
+        });
+    }
+    const isFromPlugin = 'plugin' in type && type?.plugin !== undefined;
+    const forTarget = contentTypeUid ? 'contentType' : 'component';
+    const label = type?.info?.displayName ?? '';
+    const canEdit = isInDevelopmentMode && !isFromPlugin;
+    const handleClickAddComponentToDZ = (dynamicZoneTarget)=>{
+        onOpenModalAddComponentsToDZ({
+            dynamicZoneTarget,
+            targetUid: type.uid
+        });
+    };
+    const onEdit = ()=>{
+        if ('kind' in type) {
+            if (type?.kind === 'collectionType') {
+                trackUsage('willEditNameOfContentType');
+            }
+            if (type?.kind === 'singleType') {
+                trackUsage('willEditNameOfSingleType');
+            }
+            onOpenModalEditSchema({
+                modalType: forTarget,
+                forTarget: forTarget,
+                targetUid: type.uid,
+                kind: type?.kind
+            });
+            return;
+        }
+        onOpenModalEditSchema({
+            modalType: forTarget,
+            forTarget: forTarget,
+            targetUid: type.uid
+        });
+    };
+    const addNewFieldLabel = formatMessage({
+        id: getTrad.getTrad('table.button.no-fields'),
+        defaultMessage: 'Add new field'
+    });
+    const addAnotherFieldLabel = formatMessage({
+        id: getTrad.getTrad('button.attributes.add.another'),
+        defaultMessage: 'Add another field'
+    });
+    const isDeleted = type.status === 'REMOVED';
+    const primaryAction = isInDevelopmentMode && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(LinkToCMSettingsView.LinkToCMSettingsView, {
+                type: type,
+                disabled: type.status === 'NEW' || isDeleted
+            }, "link-to-cm-settings-view"),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Pencil, {}),
+                variant: "tertiary",
+                onClick: onEdit,
+                disabled: !canEdit || isDeleted,
+                children: formatMessage({
+                    id: 'app.utils.edit',
+                    defaultMessage: 'Edit'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Plus, {}),
+                variant: "secondary",
+                minWidth: "max-content",
+                onClick: ()=>{
+                    onOpenModalAddField({
+                        forTarget,
+                        targetUid: type.uid
+                    });
+                },
+                disabled: isDeleted,
+                children: type.attributes.length === 0 ? addNewFieldLabel : addAnotherFieldLabel
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentTypeBuilder.Introduction, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {})
+            }),
+            isDeleted && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                background: "danger100",
+                justifyContent: 'center',
+                padding: 4,
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    gap: 2,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Icons.Information, {
+                            fill: "danger600",
+                            height: "2rem",
+                            width: "2rem"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: formatMessage({
+                                id: getTrad.getTrad('table.warning.deleted'),
+                                defaultMessage: `This {kind} has been deleted`
+                            }, {
+                                kind: type.modelType === 'contentType' ? 'Content Type' : 'Component'
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(LayoutsHeaderCustom, {
+                id: "title",
+                primaryAction: primaryAction,
+                title: upperFirst__default.default(label)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    background: "neutral0",
+                    shadow: "filterShadow",
+                    hasRadius: true,
+                    overflow: "auto",
+                    borderColor: "neutral150",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(List.List, {
+                        type: type,
+                        addComponentToDZ: handleClickAddComponentToDZ,
+                        isMain: true
+                    })
+                })
+            })
+        ]
+    });
+};
+
+module.exports = ListView;
+//# sourceMappingURL=ListView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sources":["../../../../admin/src/pages/ListView/ListView.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\r\nimport { Layouts, tours } from '@strapi/admin/strapi-admin';\r\nimport { Box, Button, Flex, Typography } from '@strapi/design-system';\r\nimport { Information, Pencil, Plus } from '@strapi/icons';\r\nimport upperFirst from 'lodash/upperFirst';\r\nimport { useIntl } from 'react-intl';\r\nimport { Navigate, useParams } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { useCTBTracking } from '../../components/CTBSession/ctbSession';\r\nimport { useDataManager } from '../../components/DataManager/useDataManager';\r\nimport { useFormModalNavigation } from '../../components/FormModalNavigation/useFormModalNavigation';\r\nimport { List } from '../../components/List';\r\nimport { getTrad } from '../../utils/getTrad';\r\n\r\nimport { LinkToCMSettingsView } from './LinkToCMSettingsView';\r\n\r\nimport type { Internal } from '@strapi/types';\r\n\r\nconst LayoutsHeaderCustom = styled(Layouts.Header)`\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n`;\r\n\r\nconst ListView = () => {\r\n  const { isInDevelopmentMode, contentTypes, components, isLoading } = useDataManager();\r\n  const { formatMessage } = useIntl();\r\n  const { trackUsage } = useCTBTracking();\r\n\r\n  const { contentTypeUid, componentUid } = useParams<{\r\n    contentTypeUid: Internal.UID.ContentType;\r\n    componentUid: Internal.UID.Component;\r\n  }>();\r\n\r\n  const { onOpenModalAddComponentsToDZ, onOpenModalAddField, onOpenModalEditSchema } =\r\n    useFormModalNavigation();\r\n\r\n  const type = contentTypeUid\r\n    ? contentTypes[contentTypeUid]\r\n    : componentUid\r\n      ? components[componentUid]\r\n      : null;\r\n\r\n  if (isLoading) {\r\n    return null;\r\n  }\r\n\r\n  if (!type) {\r\n    const allowedEndpoints = Object.values(contentTypes)\r\n      .filter((ct) => ct.visible === true && !ct.plugin)\r\n      .map((ct) => ct.uid)\r\n      .sort();\r\n\r\n    if (allowedEndpoints.length > 0) {\r\n      return <Navigate to={`/plugins/content-type-builder/content-types/${allowedEndpoints[0]}`} />;\r\n    }\r\n\r\n    return <Navigate to=\"/plugins/content-type-builder/content-types/create-content-type\" />;\r\n  }\r\n\r\n  if (contentTypeUid && type.modelType === 'contentType' && type.visible === false) {\r\n    return (\r\n      <Navigate to=\"/plugins/content-type-builder/content-types/create-content-type\" replace />\r\n    );\r\n  }\r\n\r\n  const isFromPlugin = 'plugin' in type && type?.plugin !== undefined;\r\n\r\n  const forTarget = contentTypeUid ? 'contentType' : 'component';\r\n\r\n  const label = type?.info?.displayName ?? '';\r\n\r\n  const canEdit = isInDevelopmentMode && !isFromPlugin;\r\n\r\n  const handleClickAddComponentToDZ = (dynamicZoneTarget?: string) => {\r\n    onOpenModalAddComponentsToDZ({ dynamicZoneTarget, targetUid: type.uid });\r\n  };\r\n\r\n  const onEdit = () => {\r\n    if ('kind' in type) {\r\n      if (type?.kind === 'collectionType') {\r\n        trackUsage('willEditNameOfContentType');\r\n      }\r\n\r\n      if (type?.kind === 'singleType') {\r\n        trackUsage('willEditNameOfSingleType');\r\n      }\r\n\r\n      onOpenModalEditSchema({\r\n        modalType: forTarget,\r\n        forTarget: forTarget,\r\n        targetUid: type.uid,\r\n        kind: type?.kind,\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    onOpenModalEditSchema({\r\n      modalType: forTarget,\r\n      forTarget: forTarget,\r\n      targetUid: type.uid,\r\n    });\r\n  };\r\n\r\n  const addNewFieldLabel = formatMessage({\r\n    id: getTrad('table.button.no-fields'),\r\n    defaultMessage: 'Add new field',\r\n  });\r\n\r\n  const addAnotherFieldLabel = formatMessage({\r\n    id: getTrad('button.attributes.add.another'),\r\n    defaultMessage: 'Add another field',\r\n  });\r\n\r\n  const isDeleted = type.status === 'REMOVED';\r\n\r\n  const primaryAction = isInDevelopmentMode && (\r\n    <Flex gap={2}>\r\n      <LinkToCMSettingsView\r\n        key=\"link-to-cm-settings-view\"\r\n        type={type}\r\n        disabled={type.status === 'NEW' || isDeleted}\r\n      />\r\n      <Button\r\n        startIcon={<Pencil />}\r\n        variant=\"tertiary\"\r\n        onClick={onEdit}\r\n        disabled={!canEdit || isDeleted}\r\n      >\r\n        {formatMessage({\r\n          id: 'app.utils.edit',\r\n          defaultMessage: 'Edit',\r\n        })}\r\n      </Button>\r\n\r\n      <Button\r\n        startIcon={<Plus />}\r\n        variant=\"secondary\"\r\n        minWidth=\"max-content\"\r\n        onClick={() => {\r\n          onOpenModalAddField({ forTarget, targetUid: type.uid });\r\n        }}\r\n        disabled={isDeleted}\r\n      >\r\n        {type.attributes.length === 0 ? addNewFieldLabel : addAnotherFieldLabel}\r\n      </Button>\r\n    </Flex>\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <tours.contentTypeBuilder.Introduction>\r\n        {/* Invisible Anchor */}\r\n        <Box />\r\n      </tours.contentTypeBuilder.Introduction>\r\n      {isDeleted && (\r\n        <Flex background=\"danger100\" justifyContent={'center'} padding={4}>\r\n          <Flex gap={2}>\r\n            <Information fill=\"danger600\" height=\"2rem\" width=\"2rem\" />\r\n            <Typography>\r\n              {formatMessage(\r\n                {\r\n                  id: getTrad('table.warning.deleted'),\r\n                  defaultMessage: `This {kind} has been deleted`,\r\n                },\r\n                {\r\n                  kind: type.modelType === 'contentType' ? 'Content Type' : 'Component',\r\n                }\r\n              )}\r\n            </Typography>\r\n          </Flex>\r\n        </Flex>\r\n      )}\r\n      <LayoutsHeaderCustom id=\"title\" primaryAction={primaryAction} title={upperFirst(label)} />\r\n      <Layouts.Content>\r\n        <Box\r\n          background=\"neutral0\"\r\n          shadow=\"filterShadow\"\r\n          hasRadius\r\n          overflow=\"auto\"\r\n          borderColor=\"neutral150\"\r\n        >\r\n          <List type={type} addComponentToDZ={handleClickAddComponentToDZ} isMain />\r\n        </Box>\r\n      </Layouts.Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ListView;\r\n"],"names":["LayoutsHeaderCustom","styled","Layouts","Header","ListView","isInDevelopmentMode","contentTypes","components","isLoading","useDataManager","formatMessage","useIntl","trackUsage","useCTBTracking","contentTypeUid","componentUid","useParams","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalEditSchema","useFormModalNavigation","type","allowedEndpoints","Object","values","filter","ct","visible","plugin","map","uid","sort","length","_jsx","Navigate","to","modelType","replace","isFromPlugin","undefined","forTarget","label","info","displayName","canEdit","handleClickAddComponentToDZ","dynamicZoneTarget","targetUid","onEdit","kind","modalType","addNewFieldLabel","id","getTrad","defaultMessage","addAnotherFieldLabel","isDeleted","status","primaryAction","_jsxs","Flex","gap","LinkToCMSettingsView","disabled","Button","startIcon","Pencil","variant","onClick","Plus","minWidth","attributes","_Fragment","tours","contentTypeBuilder","Introduction","Box","background","justifyContent","padding","Information","fill","height","width","Typography","title","upperFirst","Content","shadow","hasRadius","overflow","borderColor","List","addComponentToDZ","isMain"],"mappings":"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"}