@strapi/content-type-builder 5.12.1 → 5.12.2

package/dist/admin/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.js

@@ -0,0 +1,179 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var isEqual = require('lodash/isEqual');
+var reactIntl = require('react-intl');
+var useDataManager = require('../../hooks/useDataManager.js');
+var useFormModalNavigation = require('../../hooks/useFormModalNavigation.js');
+var pluginId = require('../../pluginId.js');
+var getTrad = require('../../utils/getTrad.js');
+
+const useContentTypeBuilderMenu = ()=>{
+    const { components, componentsGroupedByCategory, contentTypes, isInDevelopmentMode, sortedContentTypesList, modifiedData, initialData } = useDataManager.useDataManager();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const [searchValue, setSearchValue] = React.useState('');
+    const { onOpenModalCreateSchema, onOpenModalEditCategory } = useFormModalNavigation.useFormModalNavigation();
+    const { locale } = reactIntl.useIntl();
+    const { startsWith } = designSystem.useFilter(locale, {
+        sensitivity: 'base'
+    });
+    const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    // TODO: Allow creating mutliple schemas in parallel
+    const canOpenModalCreateCTorComponent = !Object.keys(contentTypes).some((ct)=>contentTypes[ct].isTemporary === true) && !Object.keys(components).some((component)=>components[component].isTemporary === true) && isEqual(modifiedData, initialData);
+    const handleClickOpenModalCreateCollectionType = ()=>{
+        if (canOpenModalCreateCTorComponent) {
+            // TODO: Review tracking with product
+            trackUsage(`willCreateContentType`);
+            const nextState = {
+                modalType: 'contentType',
+                kind: 'collectionType',
+                actionType: 'create',
+                forTarget: 'contentType'
+            };
+            onOpenModalCreateSchema(nextState);
+        } else {
+            toggleNotificationCannotCreateSchema();
+        }
+    };
+    const handleClickOpenModalCreateSingleType = ()=>{
+        if (canOpenModalCreateCTorComponent) {
+            trackUsage(`willCreateSingleType`);
+            const nextState = {
+                modalType: 'contentType',
+                kind: 'singleType',
+                actionType: 'create',
+                forTarget: 'contentType'
+            };
+            onOpenModalCreateSchema(nextState);
+        } else {
+            toggleNotificationCannotCreateSchema();
+        }
+    };
+    const handleClickOpenModalCreateComponent = ()=>{
+        if (canOpenModalCreateCTorComponent) {
+            trackUsage('willCreateComponent');
+            const nextState = {
+                modalType: 'component',
+                kind: null,
+                actionType: 'create',
+                forTarget: 'component'
+            };
+            onOpenModalCreateSchema(nextState);
+        } else {
+            toggleNotificationCannotCreateSchema();
+        }
+    };
+    const toggleNotificationCannotCreateSchema = ()=>{
+        toggleNotification({
+            type: 'info',
+            message: formatMessage({
+                id: getTrad.getTrad('notification.info.creating.notSaved'),
+                defaultMessage: 'Please save your work before creating a new collection type or component'
+            })
+        });
+    };
+    const componentsData = Object.entries(componentsGroupedByCategory).map(([category, components])=>({
+            name: category,
+            title: category,
+            isEditable: isInDevelopmentMode,
+            // TODO: re-add functionality to edit category name
+            onClickEdit (e, data) {
+                e.stopPropagation();
+                if (canOpenModalCreateCTorComponent) {
+                    onOpenModalEditCategory(data.name);
+                } else {
+                    toggleNotificationCannotCreateSchema();
+                }
+            },
+            links: components.map((component)=>({
+                    name: component.uid,
+                    to: `/plugins/${pluginId.pluginId}/component-categories/${category}/${component.uid}`,
+                    title: component.schema.displayName
+                })).sort((a, b)=>formatter.compare(a.title, b.title))
+        })).sort((a, b)=>formatter.compare(a.title, b.title));
+    const displayedContentTypes = sortedContentTypesList.filter((obj)=>obj.visible);
+    const data = [
+        {
+            name: 'models',
+            title: {
+                id: `${getTrad.getTrad('menu.section.models.name')}`,
+                defaultMessage: 'Collection Types'
+            },
+            customLink: isInDevelopmentMode && {
+                id: `${getTrad.getTrad('button.model.create')}`,
+                defaultMessage: 'Create new collection type',
+                onClick: handleClickOpenModalCreateCollectionType
+            },
+            links: displayedContentTypes.filter((contentType)=>contentType.kind === 'collectionType')
+        },
+        {
+            name: 'singleTypes',
+            title: {
+                id: `${getTrad.getTrad('menu.section.single-types.name')}`,
+                defaultMessage: 'Single Types'
+            },
+            customLink: isInDevelopmentMode && {
+                id: `${getTrad.getTrad('button.single-types.create')}`,
+                defaultMessage: 'Create new single type',
+                onClick: handleClickOpenModalCreateSingleType
+            },
+            links: displayedContentTypes.filter((singleType)=>singleType.kind === 'singleType')
+        },
+        {
+            name: 'components',
+            title: {
+                id: `${getTrad.getTrad('menu.section.components.name')}`,
+                defaultMessage: 'Components'
+            },
+            customLink: isInDevelopmentMode && {
+                id: `${getTrad.getTrad('button.component.create')}`,
+                defaultMessage: 'Create a new component',
+                onClick: handleClickOpenModalCreateComponent
+            },
+            links: componentsData
+        }
+    ].map((section)=>{
+        const hasChild = section.links.some((l)=>Array.isArray(l.links));
+        if (hasChild) {
+            let filteredLinksCount = 0;
+            return {
+                ...section,
+                links: section.links.map((link)=>{
+                    const filteredLinks = link.links.filter((link)=>startsWith(link.title, searchValue));
+                    if (filteredLinks.length === 0) {
+                        return null;
+                    }
+                    filteredLinksCount += filteredLinks.length;
+                    return {
+                        ...link,
+                        links: filteredLinks.sort((a, b)=>formatter.compare(a.title, b.title))
+                    };
+                }).filter(Boolean),
+                linksCount: filteredLinksCount
+            };
+        }
+        const filteredLinks = section.links.filter((link)=>startsWith(link.title, searchValue)).sort((a, b)=>formatter.compare(a.title, b.title));
+        return {
+            ...section,
+            links: filteredLinks,
+            linksCount: filteredLinks.length
+        };
+    });
+    return {
+        menu: data,
+        search: {
+            value: searchValue,
+            onChange: setSearchValue,
+            clear: ()=>setSearchValue('')
+        }
+    };
+};
+
+exports.useContentTypeBuilderMenu = useContentTypeBuilderMenu;
+//# sourceMappingURL=useContentTypeBuilderMenu.js.map

package/dist/admin/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentTypeBuilderMenu.js","sources":["../../../../admin/src/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.ts"],"sourcesContent":["import { useState, MouseEvent } from 'react';\n\nimport { useTracking, useNotification } from '@strapi/admin/strapi-admin';\nimport { useCollator, useFilter } from '@strapi/design-system';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from '../../hooks/useDataManager';\nimport { useFormModalNavigation } from '../../hooks/useFormModalNavigation';\nimport { pluginId } from '../../pluginId';\nimport { getTrad } from '../../utils/getTrad';\n\nimport type { Internal } from '@strapi/types';\n\nexport const useContentTypeBuilderMenu = () => {\n  const {\n    components,\n    componentsGroupedByCategory,\n    contentTypes,\n    isInDevelopmentMode,\n    sortedContentTypesList,\n    modifiedData,\n    initialData,\n  } = useDataManager();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [searchValue, setSearchValue] = useState('');\n  const { onOpenModalCreateSchema, onOpenModalEditCategory } = useFormModalNavigation();\n  const { locale } = useIntl();\n\n  const { startsWith } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  // TODO: Allow creating mutliple schemas in parallel\n  const canOpenModalCreateCTorComponent =\n    !Object.keys(contentTypes).some((ct) => contentTypes[ct].isTemporary === true) &&\n    !Object.keys(components).some(\n      (component) => components[component as Internal.UID.Component].isTemporary === true\n    ) &&\n    isEqual(modifiedData, initialData);\n\n  const handleClickOpenModalCreateCollectionType = () => {\n    if (canOpenModalCreateCTorComponent) {\n      // TODO: Review tracking with product\n      trackUsage(`willCreateContentType`);\n\n      const nextState = {\n        modalType: 'contentType',\n        kind: 'collectionType',\n        actionType: 'create',\n        forTarget: 'contentType',\n      };\n\n      onOpenModalCreateSchema(nextState);\n    } else {\n      toggleNotificationCannotCreateSchema();\n    }\n  };\n\n  const handleClickOpenModalCreateSingleType = () => {\n    if (canOpenModalCreateCTorComponent) {\n      trackUsage(`willCreateSingleType`);\n\n      const nextState = {\n        modalType: 'contentType',\n        kind: 'singleType',\n        actionType: 'create',\n        forTarget: 'contentType',\n      };\n\n      onOpenModalCreateSchema(nextState);\n    } else {\n      toggleNotificationCannotCreateSchema();\n    }\n  };\n\n  const handleClickOpenModalCreateComponent = () => {\n    if (canOpenModalCreateCTorComponent) {\n      trackUsage('willCreateComponent');\n\n      const nextState = {\n        modalType: 'component',\n        kind: null,\n        actionType: 'create',\n        forTarget: 'component',\n      };\n\n      onOpenModalCreateSchema(nextState);\n    } else {\n      toggleNotificationCannotCreateSchema();\n    }\n  };\n\n  const toggleNotificationCannotCreateSchema = () => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTrad('notification.info.creating.notSaved'),\n        defaultMessage: 'Please save your work before creating a new collection type or component',\n      }),\n    });\n  };\n\n  const componentsData = Object.entries(componentsGroupedByCategory)\n    .map(([category, components]) => ({\n      name: category,\n      title: category,\n      isEditable: isInDevelopmentMode,\n      // TODO: re-add functionality to edit category name\n      onClickEdit(e: MouseEvent, data: any) {\n        e.stopPropagation();\n\n        if (canOpenModalCreateCTorComponent) {\n          onOpenModalEditCategory(data.name);\n        } else {\n          toggleNotificationCannotCreateSchema();\n        }\n      },\n      links: components\n        .map((component) => ({\n          name: component.uid,\n          to: `/plugins/${pluginId}/component-categories/${category}/${component.uid}`,\n          title: component.schema.displayName,\n        }))\n        .sort((a, b) => formatter.compare(a.title, b.title)),\n    }))\n    .sort((a, b) => formatter.compare(a.title, b.title));\n\n  const displayedContentTypes = sortedContentTypesList.filter((obj) => obj.visible);\n\n  const data = [\n    {\n      name: 'models',\n      title: {\n        id: `${getTrad('menu.section.models.name')}`,\n        defaultMessage: 'Collection Types',\n      },\n      customLink: isInDevelopmentMode && {\n        id: `${getTrad('button.model.create')}`,\n        defaultMessage: 'Create new collection type',\n        onClick: handleClickOpenModalCreateCollectionType,\n      },\n      links: displayedContentTypes.filter((contentType) => contentType.kind === 'collectionType'),\n    },\n    {\n      name: 'singleTypes',\n      title: {\n        id: `${getTrad('menu.section.single-types.name')}`,\n        defaultMessage: 'Single Types',\n      },\n      customLink: isInDevelopmentMode && {\n        id: `${getTrad('button.single-types.create')}`,\n        defaultMessage: 'Create new single type',\n        onClick: handleClickOpenModalCreateSingleType,\n      },\n      links: displayedContentTypes.filter((singleType) => singleType.kind === 'singleType'),\n    },\n    {\n      name: 'components',\n      title: {\n        id: `${getTrad('menu.section.components.name')}`,\n        defaultMessage: 'Components',\n      },\n      customLink: isInDevelopmentMode && {\n        id: `${getTrad('button.component.create')}`,\n        defaultMessage: 'Create a new component',\n        onClick: handleClickOpenModalCreateComponent,\n      },\n      links: componentsData,\n    },\n  ].map((section) => {\n    const hasChild = section.links.some((l) => Array.isArray(l.links));\n\n    if (hasChild) {\n      let filteredLinksCount = 0;\n\n      return {\n        ...section,\n        links: section.links\n          .map((link) => {\n            const filteredLinks = link.links.filter((link: any) =>\n              startsWith(link.title, searchValue)\n            );\n\n            if (filteredLinks.length === 0) {\n              return null;\n            }\n\n            filteredLinksCount += filteredLinks.length;\n\n            return {\n              ...link,\n              links: filteredLinks.sort((a: any, b: any) => formatter.compare(a.title, b.title)),\n            };\n          })\n          .filter(Boolean),\n        linksCount: filteredLinksCount,\n      };\n    }\n\n    const filteredLinks = section.links\n      .filter((link) => startsWith(link.title, searchValue))\n      .sort((a, b) => formatter.compare(a.title, b.title));\n\n    return {\n      ...section,\n      links: filteredLinks,\n      linksCount: filteredLinks.length,\n    };\n  });\n\n  return {\n    menu: data,\n    search: {\n      value: searchValue,\n      onChange: setSearchValue,\n      clear: () => setSearchValue(''),\n    },\n  };\n};\n"],"names":["useContentTypeBuilderMenu","components","componentsGroupedByCategory","contentTypes","isInDevelopmentMode","sortedContentTypesList","modifiedData","initialData","useDataManager","toggleNotification","useNotification","formatMessage","useIntl","trackUsage","useTracking","searchValue","setSearchValue","useState","onOpenModalCreateSchema","onOpenModalEditCategory","useFormModalNavigation","locale","startsWith","useFilter","sensitivity","formatter","useCollator","canOpenModalCreateCTorComponent","Object","keys","some","ct","isTemporary","component","isEqual","handleClickOpenModalCreateCollectionType","nextState","modalType","kind","actionType","forTarget","toggleNotificationCannotCreateSchema","handleClickOpenModalCreateSingleType","handleClickOpenModalCreateComponent","type","message","id","getTrad","defaultMessage","componentsData","entries","map","category","name","title","isEditable","onClickEdit","e","data","stopPropagation","links","uid","to","pluginId","schema","displayName","sort","a","b","compare","displayedContentTypes","filter","obj","visible","customLink","onClick","contentType","singleType","section","hasChild","l","Array","isArray","filteredLinksCount","link","filteredLinks","length","Boolean","linksCount","menu","search","value","onChange","clear"],"mappings":"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"}

package/dist/admin/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.mjs

@@ -0,0 +1,177 @@
+import { useState } from 'react';
+import { useNotification, useTracking } from '@strapi/admin/strapi-admin';
+import { useFilter, useCollator } from '@strapi/design-system';
+import isEqual from 'lodash/isEqual';
+import { useIntl } from 'react-intl';
+import { useDataManager } from '../../hooks/useDataManager.mjs';
+import { useFormModalNavigation } from '../../hooks/useFormModalNavigation.mjs';
+import { pluginId } from '../../pluginId.mjs';
+import { getTrad } from '../../utils/getTrad.mjs';
+
+const useContentTypeBuilderMenu = ()=>{
+    const { components, componentsGroupedByCategory, contentTypes, isInDevelopmentMode, sortedContentTypesList, modifiedData, initialData } = useDataManager();
+    const { toggleNotification } = useNotification();
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const [searchValue, setSearchValue] = useState('');
+    const { onOpenModalCreateSchema, onOpenModalEditCategory } = useFormModalNavigation();
+    const { locale } = useIntl();
+    const { startsWith } = useFilter(locale, {
+        sensitivity: 'base'
+    });
+    const formatter = useCollator(locale, {
+        sensitivity: 'base'
+    });
+    // TODO: Allow creating mutliple schemas in parallel
+    const canOpenModalCreateCTorComponent = !Object.keys(contentTypes).some((ct)=>contentTypes[ct].isTemporary === true) && !Object.keys(components).some((component)=>components[component].isTemporary === true) && isEqual(modifiedData, initialData);
+    const handleClickOpenModalCreateCollectionType = ()=>{
+        if (canOpenModalCreateCTorComponent) {
+            // TODO: Review tracking with product
+            trackUsage(`willCreateContentType`);
+            const nextState = {
+                modalType: 'contentType',
+                kind: 'collectionType',
+                actionType: 'create',
+                forTarget: 'contentType'
+            };
+            onOpenModalCreateSchema(nextState);
+        } else {
+            toggleNotificationCannotCreateSchema();
+        }
+    };
+    const handleClickOpenModalCreateSingleType = ()=>{
+        if (canOpenModalCreateCTorComponent) {
+            trackUsage(`willCreateSingleType`);
+            const nextState = {
+                modalType: 'contentType',
+                kind: 'singleType',
+                actionType: 'create',
+                forTarget: 'contentType'
+            };
+            onOpenModalCreateSchema(nextState);
+        } else {
+            toggleNotificationCannotCreateSchema();
+        }
+    };
+    const handleClickOpenModalCreateComponent = ()=>{
+        if (canOpenModalCreateCTorComponent) {
+            trackUsage('willCreateComponent');
+            const nextState = {
+                modalType: 'component',
+                kind: null,
+                actionType: 'create',
+                forTarget: 'component'
+            };
+            onOpenModalCreateSchema(nextState);
+        } else {
+            toggleNotificationCannotCreateSchema();
+        }
+    };
+    const toggleNotificationCannotCreateSchema = ()=>{
+        toggleNotification({
+            type: 'info',
+            message: formatMessage({
+                id: getTrad('notification.info.creating.notSaved'),
+                defaultMessage: 'Please save your work before creating a new collection type or component'
+            })
+        });
+    };
+    const componentsData = Object.entries(componentsGroupedByCategory).map(([category, components])=>({
+            name: category,
+            title: category,
+            isEditable: isInDevelopmentMode,
+            // TODO: re-add functionality to edit category name
+            onClickEdit (e, data) {
+                e.stopPropagation();
+                if (canOpenModalCreateCTorComponent) {
+                    onOpenModalEditCategory(data.name);
+                } else {
+                    toggleNotificationCannotCreateSchema();
+                }
+            },
+            links: components.map((component)=>({
+                    name: component.uid,
+                    to: `/plugins/${pluginId}/component-categories/${category}/${component.uid}`,
+                    title: component.schema.displayName
+                })).sort((a, b)=>formatter.compare(a.title, b.title))
+        })).sort((a, b)=>formatter.compare(a.title, b.title));
+    const displayedContentTypes = sortedContentTypesList.filter((obj)=>obj.visible);
+    const data = [
+        {
+            name: 'models',
+            title: {
+                id: `${getTrad('menu.section.models.name')}`,
+                defaultMessage: 'Collection Types'
+            },
+            customLink: isInDevelopmentMode && {
+                id: `${getTrad('button.model.create')}`,
+                defaultMessage: 'Create new collection type',
+                onClick: handleClickOpenModalCreateCollectionType
+            },
+            links: displayedContentTypes.filter((contentType)=>contentType.kind === 'collectionType')
+        },
+        {
+            name: 'singleTypes',
+            title: {
+                id: `${getTrad('menu.section.single-types.name')}`,
+                defaultMessage: 'Single Types'
+            },
+            customLink: isInDevelopmentMode && {
+                id: `${getTrad('button.single-types.create')}`,
+                defaultMessage: 'Create new single type',
+                onClick: handleClickOpenModalCreateSingleType
+            },
+            links: displayedContentTypes.filter((singleType)=>singleType.kind === 'singleType')
+        },
+        {
+            name: 'components',
+            title: {
+                id: `${getTrad('menu.section.components.name')}`,
+                defaultMessage: 'Components'
+            },
+            customLink: isInDevelopmentMode && {
+                id: `${getTrad('button.component.create')}`,
+                defaultMessage: 'Create a new component',
+                onClick: handleClickOpenModalCreateComponent
+            },
+            links: componentsData
+        }
+    ].map((section)=>{
+        const hasChild = section.links.some((l)=>Array.isArray(l.links));
+        if (hasChild) {
+            let filteredLinksCount = 0;
+            return {
+                ...section,
+                links: section.links.map((link)=>{
+                    const filteredLinks = link.links.filter((link)=>startsWith(link.title, searchValue));
+                    if (filteredLinks.length === 0) {
+                        return null;
+                    }
+                    filteredLinksCount += filteredLinks.length;
+                    return {
+                        ...link,
+                        links: filteredLinks.sort((a, b)=>formatter.compare(a.title, b.title))
+                    };
+                }).filter(Boolean),
+                linksCount: filteredLinksCount
+            };
+        }
+        const filteredLinks = section.links.filter((link)=>startsWith(link.title, searchValue)).sort((a, b)=>formatter.compare(a.title, b.title));
+        return {
+            ...section,
+            links: filteredLinks,
+            linksCount: filteredLinks.length
+        };
+    });
+    return {
+        menu: data,
+        search: {
+            value: searchValue,
+            onChange: setSearchValue,
+            clear: ()=>setSearchValue('')
+        }
+    };
+};
+
+export { useContentTypeBuilderMenu };
+//# sourceMappingURL=useContentTypeBuilderMenu.mjs.map

package/dist/admin/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentTypeBuilderMenu.mjs","sources":["../../../../admin/src/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.ts"],"sourcesContent":["import { useState, MouseEvent } from 'react';\n\nimport { useTracking, useNotification } from '@strapi/admin/strapi-admin';\nimport { useCollator, useFilter } from '@strapi/design-system';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from '../../hooks/useDataManager';\nimport { useFormModalNavigation } from '../../hooks/useFormModalNavigation';\nimport { pluginId } from '../../pluginId';\nimport { getTrad } from '../../utils/getTrad';\n\nimport type { Internal } from '@strapi/types';\n\nexport const useContentTypeBuilderMenu = () => {\n  const {\n    components,\n    componentsGroupedByCategory,\n    contentTypes,\n    isInDevelopmentMode,\n    sortedContentTypesList,\n    modifiedData,\n    initialData,\n  } = useDataManager();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [searchValue, setSearchValue] = useState('');\n  const { onOpenModalCreateSchema, onOpenModalEditCategory } = useFormModalNavigation();\n  const { locale } = useIntl();\n\n  const { startsWith } = useFilter(locale, {\n    sensitivity: 'base',\n  });\n\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  // TODO: Allow creating mutliple schemas in parallel\n  const canOpenModalCreateCTorComponent =\n    !Object.keys(contentTypes).some((ct) => contentTypes[ct].isTemporary === true) &&\n    !Object.keys(components).some(\n      (component) => components[component as Internal.UID.Component].isTemporary === true\n    ) &&\n    isEqual(modifiedData, initialData);\n\n  const handleClickOpenModalCreateCollectionType = () => {\n    if (canOpenModalCreateCTorComponent) {\n      // TODO: Review tracking with product\n      trackUsage(`willCreateContentType`);\n\n      const nextState = {\n        modalType: 'contentType',\n        kind: 'collectionType',\n        actionType: 'create',\n        forTarget: 'contentType',\n      };\n\n      onOpenModalCreateSchema(nextState);\n    } else {\n      toggleNotificationCannotCreateSchema();\n    }\n  };\n\n  const handleClickOpenModalCreateSingleType = () => {\n    if (canOpenModalCreateCTorComponent) {\n      trackUsage(`willCreateSingleType`);\n\n      const nextState = {\n        modalType: 'contentType',\n        kind: 'singleType',\n        actionType: 'create',\n        forTarget: 'contentType',\n      };\n\n      onOpenModalCreateSchema(nextState);\n    } else {\n      toggleNotificationCannotCreateSchema();\n    }\n  };\n\n  const handleClickOpenModalCreateComponent = () => {\n    if (canOpenModalCreateCTorComponent) {\n      trackUsage('willCreateComponent');\n\n      const nextState = {\n        modalType: 'component',\n        kind: null,\n        actionType: 'create',\n        forTarget: 'component',\n      };\n\n      onOpenModalCreateSchema(nextState);\n    } else {\n      toggleNotificationCannotCreateSchema();\n    }\n  };\n\n  const toggleNotificationCannotCreateSchema = () => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTrad('notification.info.creating.notSaved'),\n        defaultMessage: 'Please save your work before creating a new collection type or component',\n      }),\n    });\n  };\n\n  const componentsData = Object.entries(componentsGroupedByCategory)\n    .map(([category, components]) => ({\n      name: category,\n      title: category,\n      isEditable: isInDevelopmentMode,\n      // TODO: re-add functionality to edit category name\n      onClickEdit(e: MouseEvent, data: any) {\n        e.stopPropagation();\n\n        if (canOpenModalCreateCTorComponent) {\n          onOpenModalEditCategory(data.name);\n        } else {\n          toggleNotificationCannotCreateSchema();\n        }\n      },\n      links: components\n        .map((component) => ({\n          name: component.uid,\n          to: `/plugins/${pluginId}/component-categories/${category}/${component.uid}`,\n          title: component.schema.displayName,\n        }))\n        .sort((a, b) => formatter.compare(a.title, b.title)),\n    }))\n    .sort((a, b) => formatter.compare(a.title, b.title));\n\n  const displayedContentTypes = sortedContentTypesList.filter((obj) => obj.visible);\n\n  const data = [\n    {\n      name: 'models',\n      title: {\n        id: `${getTrad('menu.section.models.name')}`,\n        defaultMessage: 'Collection Types',\n      },\n      customLink: isInDevelopmentMode && {\n        id: `${getTrad('button.model.create')}`,\n        defaultMessage: 'Create new collection type',\n        onClick: handleClickOpenModalCreateCollectionType,\n      },\n      links: displayedContentTypes.filter((contentType) => contentType.kind === 'collectionType'),\n    },\n    {\n      name: 'singleTypes',\n      title: {\n        id: `${getTrad('menu.section.single-types.name')}`,\n        defaultMessage: 'Single Types',\n      },\n      customLink: isInDevelopmentMode && {\n        id: `${getTrad('button.single-types.create')}`,\n        defaultMessage: 'Create new single type',\n        onClick: handleClickOpenModalCreateSingleType,\n      },\n      links: displayedContentTypes.filter((singleType) => singleType.kind === 'singleType'),\n    },\n    {\n      name: 'components',\n      title: {\n        id: `${getTrad('menu.section.components.name')}`,\n        defaultMessage: 'Components',\n      },\n      customLink: isInDevelopmentMode && {\n        id: `${getTrad('button.component.create')}`,\n        defaultMessage: 'Create a new component',\n        onClick: handleClickOpenModalCreateComponent,\n      },\n      links: componentsData,\n    },\n  ].map((section) => {\n    const hasChild = section.links.some((l) => Array.isArray(l.links));\n\n    if (hasChild) {\n      let filteredLinksCount = 0;\n\n      return {\n        ...section,\n        links: section.links\n          .map((link) => {\n            const filteredLinks = link.links.filter((link: any) =>\n              startsWith(link.title, searchValue)\n            );\n\n            if (filteredLinks.length === 0) {\n              return null;\n            }\n\n            filteredLinksCount += filteredLinks.length;\n\n            return {\n              ...link,\n              links: filteredLinks.sort((a: any, b: any) => formatter.compare(a.title, b.title)),\n            };\n          })\n          .filter(Boolean),\n        linksCount: filteredLinksCount,\n      };\n    }\n\n    const filteredLinks = section.links\n      .filter((link) => startsWith(link.title, searchValue))\n      .sort((a, b) => formatter.compare(a.title, b.title));\n\n    return {\n      ...section,\n      links: filteredLinks,\n      linksCount: filteredLinks.length,\n    };\n  });\n\n  return {\n    menu: data,\n    search: {\n      value: searchValue,\n      onChange: setSearchValue,\n      clear: () => setSearchValue(''),\n    },\n  };\n};\n"],"names":["useContentTypeBuilderMenu","components","componentsGroupedByCategory","contentTypes","isInDevelopmentMode","sortedContentTypesList","modifiedData","initialData","useDataManager","toggleNotification","useNotification","formatMessage","useIntl","trackUsage","useTracking","searchValue","setSearchValue","useState","onOpenModalCreateSchema","onOpenModalEditCategory","useFormModalNavigation","locale","startsWith","useFilter","sensitivity","formatter","useCollator","canOpenModalCreateCTorComponent","Object","keys","some","ct","isTemporary","component","isEqual","handleClickOpenModalCreateCollectionType","nextState","modalType","kind","actionType","forTarget","toggleNotificationCannotCreateSchema","handleClickOpenModalCreateSingleType","handleClickOpenModalCreateComponent","type","message","id","getTrad","defaultMessage","componentsData","entries","map","category","name","title","isEditable","onClickEdit","e","data","stopPropagation","links","uid","to","pluginId","schema","displayName","sort","a","b","compare","displayedContentTypes","filter","obj","visible","customLink","onClick","contentType","singleType","section","hasChild","l","Array","isArray","filteredLinksCount","link","filteredLinks","length","Boolean","linksCount","menu","search","value","onChange","clear"],"mappings":";;;;;;;;;;MAcaA,yBAA4B,GAAA,IAAA;AACvC,IAAA,MAAM,EACJC,UAAU,EACVC,2BAA2B,EAC3BC,YAAY,EACZC,mBAAmB,EACnBC,sBAAsB,EACtBC,YAAY,EACZC,WAAW,EACZ,GAAGC,cAAAA,EAAAA;IACJ,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAe,CAAA,GAAGC,QAAS,CAAA,EAAA,CAAA;AAC/C,IAAA,MAAM,EAAEC,uBAAuB,EAAEC,uBAAuB,EAAE,GAAGC,sBAAAA,EAAAA;IAC7D,MAAM,EAAEC,MAAM,EAAE,GAAGT,OAAAA,EAAAA;AAEnB,IAAA,MAAM,EAAEU,UAAU,EAAE,GAAGC,UAAUF,MAAQ,EAAA;QACvCG,WAAa,EAAA;AACf,KAAA,CAAA;IAEA,MAAMC,SAAAA,GAAYC,YAAYL,MAAQ,EAAA;QACpCG,WAAa,EAAA;AACf,KAAA,CAAA;;AAGA,IAAA,MAAMG,+BACJ,GAAA,CAACC,MAAOC,CAAAA,IAAI,CAAC1B,YAAc2B,CAAAA,CAAAA,IAAI,CAAC,CAACC,KAAO5B,YAAY,CAAC4B,EAAG,CAAA,CAACC,WAAW,KAAK,IAAA,CAAA,IACzE,CAACJ,MAAAA,CAAOC,IAAI,CAAC5B,UAAY6B,CAAAA,CAAAA,IAAI,CAC3B,CAACG,SAAAA,GAAchC,UAAU,CAACgC,UAAoC,CAACD,WAAW,KAAK,IAAA,CAAA,IAEjFE,QAAQ5B,YAAcC,EAAAA,WAAAA,CAAAA;AAExB,IAAA,MAAM4B,wCAA2C,GAAA,IAAA;AAC/C,QAAA,IAAIR,+BAAiC,EAAA;;YAEnCd,UAAW,CAAA,CAAC,qBAAqB,CAAC,CAAA;AAElC,YAAA,MAAMuB,SAAY,GAAA;gBAChBC,SAAW,EAAA,aAAA;gBACXC,IAAM,EAAA,gBAAA;gBACNC,UAAY,EAAA,QAAA;gBACZC,SAAW,EAAA;AACb,aAAA;YAEAtB,uBAAwBkB,CAAAA,SAAAA,CAAAA;SACnB,MAAA;AACLK,YAAAA,oCAAAA,EAAAA;AACF;AACF,KAAA;AAEA,IAAA,MAAMC,oCAAuC,GAAA,IAAA;AAC3C,QAAA,IAAIf,+BAAiC,EAAA;YACnCd,UAAW,CAAA,CAAC,oBAAoB,CAAC,CAAA;AAEjC,YAAA,MAAMuB,SAAY,GAAA;gBAChBC,SAAW,EAAA,aAAA;gBACXC,IAAM,EAAA,YAAA;gBACNC,UAAY,EAAA,QAAA;gBACZC,SAAW,EAAA;AACb,aAAA;YAEAtB,uBAAwBkB,CAAAA,SAAAA,CAAAA;SACnB,MAAA;AACLK,YAAAA,oCAAAA,EAAAA;AACF;AACF,KAAA;AAEA,IAAA,MAAME,mCAAsC,GAAA,IAAA;AAC1C,QAAA,IAAIhB,+BAAiC,EAAA;YACnCd,UAAW,CAAA,qBAAA,CAAA;AAEX,YAAA,MAAMuB,SAAY,GAAA;gBAChBC,SAAW,EAAA,WAAA;gBACXC,IAAM,EAAA,IAAA;gBACNC,UAAY,EAAA,QAAA;gBACZC,SAAW,EAAA;AACb,aAAA;YAEAtB,uBAAwBkB,CAAAA,SAAAA,CAAAA;SACnB,MAAA;AACLK,YAAAA,oCAAAA,EAAAA;AACF;AACF,KAAA;AAEA,IAAA,MAAMA,oCAAuC,GAAA,IAAA;QAC3ChC,kBAAmB,CAAA;YACjBmC,IAAM,EAAA,MAAA;AACNC,YAAAA,OAAAA,EAASlC,aAAc,CAAA;AACrBmC,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,qCAAA,CAAA;gBACZC,cAAgB,EAAA;AAClB,aAAA;AACF,SAAA,CAAA;AACF,KAAA;AAEA,IAAA,MAAMC,cAAiBrB,GAAAA,MAAAA,CAAOsB,OAAO,CAAChD,2BACnCiD,CAAAA,CAAAA,GAAG,CAAC,CAAC,CAACC,QAAAA,EAAUnD,UAAW,CAAA,IAAM;YAChCoD,IAAMD,EAAAA,QAAAA;YACNE,KAAOF,EAAAA,QAAAA;YACPG,UAAYnD,EAAAA,mBAAAA;;YAEZoD,WAAYC,CAAAA,CAAAA,CAAa,EAAEC,IAAS,EAAA;AAClCD,gBAAAA,CAAAA,CAAEE,eAAe,EAAA;AAEjB,gBAAA,IAAIhC,+BAAiC,EAAA;AACnCR,oBAAAA,uBAAAA,CAAwBuC,KAAKL,IAAI,CAAA;iBAC5B,MAAA;AACLZ,oBAAAA,oCAAAA,EAAAA;AACF;AACF,aAAA;AACAmB,YAAAA,KAAAA,EAAO3D,UACJkD,CAAAA,GAAG,CAAC,CAAClB,aAAe;AACnBoB,oBAAAA,IAAAA,EAAMpB,UAAU4B,GAAG;AACnBC,oBAAAA,EAAAA,EAAI,CAAC,SAAS,EAAEC,QAAAA,CAAS,sBAAsB,EAAEX,QAAS,CAAA,CAAC,EAAEnB,SAAAA,CAAU4B,GAAG,CAAC,CAAC;oBAC5EP,KAAOrB,EAAAA,SAAAA,CAAU+B,MAAM,CAACC;AAC1B,iBAAA,CACCC,CAAAA,CAAAA,IAAI,CAAC,CAACC,CAAGC,EAAAA,CAAAA,GAAM3C,SAAU4C,CAAAA,OAAO,CAACF,CAAAA,CAAEb,KAAK,EAAEc,EAAEd,KAAK,CAAA;AACtD,SAAA,CACCY,CAAAA,CAAAA,IAAI,CAAC,CAACC,CAAGC,EAAAA,CAAAA,GAAM3C,SAAU4C,CAAAA,OAAO,CAACF,CAAAA,CAAEb,KAAK,EAAEc,EAAEd,KAAK,CAAA,CAAA;AAEpD,IAAA,MAAMgB,wBAAwBjE,sBAAuBkE,CAAAA,MAAM,CAAC,CAACC,GAAAA,GAAQA,IAAIC,OAAO,CAAA;AAEhF,IAAA,MAAMf,IAAO,GAAA;AACX,QAAA;YACEL,IAAM,EAAA,QAAA;YACNC,KAAO,EAAA;AACLR,gBAAAA,EAAAA,EAAI,CAAC,EAAEC,OAAQ,CAAA,0BAAA,CAAA,CAA4B,CAAC;gBAC5CC,cAAgB,EAAA;AAClB,aAAA;AACA0B,YAAAA,UAAAA,EAAYtE,mBAAuB,IAAA;AACjC0C,gBAAAA,EAAAA,EAAI,CAAC,EAAEC,OAAQ,CAAA,qBAAA,CAAA,CAAuB,CAAC;gBACvCC,cAAgB,EAAA,4BAAA;gBAChB2B,OAASxC,EAAAA;AACX,aAAA;AACAyB,YAAAA,KAAAA,EAAOU,sBAAsBC,MAAM,CAAC,CAACK,WAAgBA,GAAAA,WAAAA,CAAYtC,IAAI,KAAK,gBAAA;AAC5E,SAAA;AACA,QAAA;YACEe,IAAM,EAAA,aAAA;YACNC,KAAO,EAAA;AACLR,gBAAAA,EAAAA,EAAI,CAAC,EAAEC,OAAQ,CAAA,gCAAA,CAAA,CAAkC,CAAC;gBAClDC,cAAgB,EAAA;AAClB,aAAA;AACA0B,YAAAA,UAAAA,EAAYtE,mBAAuB,IAAA;AACjC0C,gBAAAA,EAAAA,EAAI,CAAC,EAAEC,OAAQ,CAAA,4BAAA,CAAA,CAA8B,CAAC;gBAC9CC,cAAgB,EAAA,wBAAA;gBAChB2B,OAASjC,EAAAA;AACX,aAAA;AACAkB,YAAAA,KAAAA,EAAOU,sBAAsBC,MAAM,CAAC,CAACM,UAAeA,GAAAA,UAAAA,CAAWvC,IAAI,KAAK,YAAA;AAC1E,SAAA;AACA,QAAA;YACEe,IAAM,EAAA,YAAA;YACNC,KAAO,EAAA;AACLR,gBAAAA,EAAAA,EAAI,CAAC,EAAEC,OAAQ,CAAA,8BAAA,CAAA,CAAgC,CAAC;gBAChDC,cAAgB,EAAA;AAClB,aAAA;AACA0B,YAAAA,UAAAA,EAAYtE,mBAAuB,IAAA;AACjC0C,gBAAAA,EAAAA,EAAI,CAAC,EAAEC,OAAQ,CAAA,yBAAA,CAAA,CAA2B,CAAC;gBAC3CC,cAAgB,EAAA,wBAAA;gBAChB2B,OAAShC,EAAAA;AACX,aAAA;YACAiB,KAAOX,EAAAA;AACT;KACD,CAACE,GAAG,CAAC,CAAC2B,OAAAA,GAAAA;AACL,QAAA,MAAMC,QAAWD,GAAAA,OAAAA,CAAQlB,KAAK,CAAC9B,IAAI,CAAC,CAACkD,CAAAA,GAAMC,KAAMC,CAAAA,OAAO,CAACF,CAAAA,CAAEpB,KAAK,CAAA,CAAA;AAEhE,QAAA,IAAImB,QAAU,EAAA;AACZ,YAAA,IAAII,kBAAqB,GAAA,CAAA;YAEzB,OAAO;AACL,gBAAA,GAAGL,OAAO;AACVlB,gBAAAA,KAAAA,EAAOkB,OAAQlB,CAAAA,KAAK,CACjBT,GAAG,CAAC,CAACiC,IAAAA,GAAAA;oBACJ,MAAMC,aAAAA,GAAgBD,IAAKxB,CAAAA,KAAK,CAACW,MAAM,CAAC,CAACa,IACvC9D,GAAAA,UAAAA,CAAW8D,IAAK9B,CAAAA,KAAK,EAAEvC,WAAAA,CAAAA,CAAAA;oBAGzB,IAAIsE,aAAAA,CAAcC,MAAM,KAAK,CAAG,EAAA;wBAC9B,OAAO,IAAA;AACT;AAEAH,oBAAAA,kBAAAA,IAAsBE,cAAcC,MAAM;oBAE1C,OAAO;AACL,wBAAA,GAAGF,IAAI;AACPxB,wBAAAA,KAAAA,EAAOyB,aAAcnB,CAAAA,IAAI,CAAC,CAACC,CAAQC,EAAAA,CAAAA,GAAW3C,SAAU4C,CAAAA,OAAO,CAACF,CAAAA,CAAEb,KAAK,EAAEc,EAAEd,KAAK,CAAA;AAClF,qBAAA;AACF,iBAAA,CAAA,CACCiB,MAAM,CAACgB,OAAAA,CAAAA;gBACVC,UAAYL,EAAAA;AACd,aAAA;AACF;QAEA,MAAME,aAAAA,GAAgBP,OAAQlB,CAAAA,KAAK,CAChCW,MAAM,CAAC,CAACa,IAAAA,GAAS9D,UAAW8D,CAAAA,IAAAA,CAAK9B,KAAK,EAAEvC,cACxCmD,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAM3C,GAAAA,SAAAA,CAAU4C,OAAO,CAACF,CAAEb,CAAAA,KAAK,EAAEc,CAAAA,CAAEd,KAAK,CAAA,CAAA;QAEpD,OAAO;AACL,YAAA,GAAGwB,OAAO;YACVlB,KAAOyB,EAAAA,aAAAA;AACPG,YAAAA,UAAAA,EAAYH,cAAcC;AAC5B,SAAA;AACF,KAAA,CAAA;IAEA,OAAO;QACLG,IAAM/B,EAAAA,IAAAA;QACNgC,MAAQ,EAAA;YACNC,KAAO5E,EAAAA,WAAAA;YACP6E,QAAU5E,EAAAA,cAAAA;AACV6E,YAAAA,KAAAA,EAAO,IAAM7E,cAAe,CAAA,EAAA;AAC9B;AACF,KAAA;AACF;;;;"}

package/dist/admin/components/ContentTypeRadioGroup.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var getTrad = require('../utils/getTrad.js');
+var CustomRadioGroup = require('./CustomRadioGroup/CustomRadioGroup.js');
+
+const ContentTypeRadioGroup = ({ onChange, ...rest })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const handleChange = (e)=>{
+        toggleNotification({
+            type: 'info',
+            message: formatMessage({
+                id: getTrad.getTrad('contentType.kind.change.warning'),
+                defaultMessage: 'You just changed the kind of a content type: API will be reset (routes, controllers, and services will be overwritten).'
+            })
+        });
+        onChange(e);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(CustomRadioGroup.CustomRadioGroup, {
+        ...rest,
+        onChange: handleChange
+    });
+};
+
+exports.ContentTypeRadioGroup = ContentTypeRadioGroup;
+//# sourceMappingURL=ContentTypeRadioGroup.js.map

package/dist/admin/components/ContentTypeRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeRadioGroup.js","sources":["../../../admin/src/components/ContentTypeRadioGroup.tsx"],"sourcesContent":["import { useNotification } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\nimport type { IntlLabel } from '../types';\n\ninterface Radio {\n  title: IntlLabel;\n  description: IntlLabel;\n  value: any;\n}\n\ninterface ContentTypeRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n  radios?: Radio[];\n  value?: string | boolean;\n}\n\nexport const ContentTypeRadioGroup = ({ onChange, ...rest }: ContentTypeRadioGroupProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const handleChange = (e: any) => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTrad('contentType.kind.change.warning'),\n        defaultMessage:\n          'You just changed the kind of a content type: API will be reset (routes, controllers, and services will be overwritten).',\n      }),\n    });\n\n    onChange(e);\n  };\n\n  return <CustomRadioGroup {...rest} onChange={handleChange} />;\n};\n"],"names":["ContentTypeRadioGroup","onChange","rest","formatMessage","useIntl","toggleNotification","useNotification","handleChange","e","type","message","id","getTrad","defaultMessage","_jsx","CustomRadioGroup"],"mappings":";;;;;;;;MAuBaA,qBAAwB,GAAA,CAAC,EAAEC,QAAQ,EAAE,GAAGC,IAAkC,EAAA,GAAA;IACrF,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAE/B,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;QACpBH,kBAAmB,CAAA;YACjBI,IAAM,EAAA,MAAA;AACNC,YAAAA,OAAAA,EAASP,aAAc,CAAA;AACrBQ,gBAAAA,EAAAA,EAAIC,eAAQ,CAAA,iCAAA,CAAA;gBACZC,cACE,EAAA;AACJ,aAAA;AACF,SAAA,CAAA;QAEAZ,QAASO,CAAAA,CAAAA,CAAAA;AACX,KAAA;AAEA,IAAA,qBAAOM,cAACC,CAAAA,iCAAAA,EAAAA;AAAkB,QAAA,GAAGb,IAAI;QAAED,QAAUM,EAAAA;;AAC/C;;;;"}

package/dist/admin/components/ContentTypeRadioGroup.mjs

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../utils/getTrad.mjs';
+import { CustomRadioGroup } from './CustomRadioGroup/CustomRadioGroup.mjs';
+
+const ContentTypeRadioGroup = ({ onChange, ...rest })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const handleChange = (e)=>{
+        toggleNotification({
+            type: 'info',
+            message: formatMessage({
+                id: getTrad('contentType.kind.change.warning'),
+                defaultMessage: 'You just changed the kind of a content type: API will be reset (routes, controllers, and services will be overwritten).'
+            })
+        });
+        onChange(e);
+    };
+    return /*#__PURE__*/ jsx(CustomRadioGroup, {
+        ...rest,
+        onChange: handleChange
+    });
+};
+
+export { ContentTypeRadioGroup };
+//# sourceMappingURL=ContentTypeRadioGroup.mjs.map

package/dist/admin/components/ContentTypeRadioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeRadioGroup.mjs","sources":["../../../admin/src/components/ContentTypeRadioGroup.tsx"],"sourcesContent":["import { useNotification } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\nimport type { IntlLabel } from '../types';\n\ninterface Radio {\n  title: IntlLabel;\n  description: IntlLabel;\n  value: any;\n}\n\ninterface ContentTypeRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n  radios?: Radio[];\n  value?: string | boolean;\n}\n\nexport const ContentTypeRadioGroup = ({ onChange, ...rest }: ContentTypeRadioGroupProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const handleChange = (e: any) => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTrad('contentType.kind.change.warning'),\n        defaultMessage:\n          'You just changed the kind of a content type: API will be reset (routes, controllers, and services will be overwritten).',\n      }),\n    });\n\n    onChange(e);\n  };\n\n  return <CustomRadioGroup {...rest} onChange={handleChange} />;\n};\n"],"names":["ContentTypeRadioGroup","onChange","rest","formatMessage","useIntl","toggleNotification","useNotification","handleChange","e","type","message","id","getTrad","defaultMessage","_jsx","CustomRadioGroup"],"mappings":";;;;;;MAuBaA,qBAAwB,GAAA,CAAC,EAAEC,QAAQ,EAAE,GAAGC,IAAkC,EAAA,GAAA;IACrF,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAE/B,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;QACpBH,kBAAmB,CAAA;YACjBI,IAAM,EAAA,MAAA;AACNC,YAAAA,OAAAA,EAASP,aAAc,CAAA;AACrBQ,gBAAAA,EAAAA,EAAIC,OAAQ,CAAA,iCAAA,CAAA;gBACZC,cACE,EAAA;AACJ,aAAA;AACF,SAAA,CAAA;QAEAZ,QAASO,CAAAA,CAAAA,CAAAA;AACX,KAAA;AAEA,IAAA,qBAAOM,GAACC,CAAAA,gBAAAA,EAAAA;AAAkB,QAAA,GAAGb,IAAI;QAAED,QAAUM,EAAAA;;AAC/C;;;;"}

package/dist/admin/components/CustomRadioGroup/CustomRadioGroup.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var Styles = require('./Styles.js');
+
+const CustomRadioGroup = ({ intlLabel, name, onChange, radios = [], value })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                variant: "pi",
+                fontWeight: "bold",
+                textColor: "neutral800",
+                htmlFor: name,
+                tag: "label",
+                children: formatMessage(intlLabel)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Styles.Wrapper, {
+                gap: 4,
+                alignItems: "stretch",
+                children: radios.map((radio)=>{
+                    return /*#__PURE__*/ jsxRuntime.jsxs("label", {
+                        htmlFor: radio.value.toString(),
+                        className: "container",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx("input", {
+                                id: radio.value.toString(),
+                                name: name,
+                                className: "option-input",
+                                checked: radio.value === value,
+                                value: radio.value,
+                                onChange: onChange,
+                                type: "radio"
+                            }, radio.value),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                className: "option",
+                                padding: 4,
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                            paddingRight: 4,
+                                            children: /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                                className: "checkmark"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            gap: 2,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    fontWeight: "bold",
+                                                    children: formatMessage(radio.title)
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "pi",
+                                                    textColor: "neutral600",
+                                                    children: formatMessage(radio.description)
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }, radio.value);
+                })
+            })
+        ]
+    });
+};
+
+exports.CustomRadioGroup = CustomRadioGroup;
+//# sourceMappingURL=CustomRadioGroup.js.map

package/dist/admin/components/CustomRadioGroup/CustomRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomRadioGroup.js","sources":["../../../../admin/src/components/CustomRadioGroup/CustomRadioGroup.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Wrapper } from './Styles';\n\nimport type { IntlLabel } from '../../types';\n\ninterface Radio {\n  title: IntlLabel;\n  description: IntlLabel;\n  value: any;\n}\n\ninterface CustomRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n  radios?: Radio[];\n  value?: string | boolean;\n}\n\nexport const CustomRadioGroup = ({\n  intlLabel,\n  name,\n  onChange,\n  radios = [],\n  value,\n}: CustomRadioGroupProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" htmlFor={name} tag=\"label\">\n        {formatMessage(intlLabel)}\n      </Typography>\n      <Wrapper gap={4} alignItems=\"stretch\">\n        {radios.map((radio) => {\n          return (\n            <label htmlFor={radio.value.toString()} key={radio.value} className=\"container\">\n              <input\n                id={radio.value.toString()}\n                name={name}\n                className=\"option-input\"\n                checked={radio.value === value}\n                value={radio.value}\n                key={radio.value}\n                onChange={onChange}\n                type=\"radio\"\n              />\n              <Box className=\"option\" padding={4}>\n                <Flex>\n                  <Box paddingRight={4}>\n                    <span className=\"checkmark\" />\n                  </Box>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n                    <Typography fontWeight=\"bold\">{formatMessage(radio.title)}</Typography>\n                    <Typography variant=\"pi\" textColor=\"neutral600\">\n                      {formatMessage(radio.description)}\n                    </Typography>\n                  </Flex>\n                </Flex>\n              </Box>\n            </label>\n          );\n        })}\n      </Wrapper>\n    </Flex>\n  );\n};\n"],"names":["CustomRadioGroup","intlLabel","name","onChange","radios","value","formatMessage","useIntl","_jsxs","Flex","direction","alignItems","gap","_jsx","Typography","variant","fontWeight","textColor","htmlFor","tag","Wrapper","map","radio","label","toString","className","input","id","checked","type","Box","padding","paddingRight","span","title","description"],"mappings":";;;;;;;AAqBaA,MAAAA,gBAAAA,GAAmB,CAAC,EAC/BC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,MAAAA,GAAS,EAAE,EACXC,KAAK,EACiB,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,eAACC,CAAAA,iBAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,SAAA;QAAUC,GAAK,EAAA,CAAA;;0BACjDC,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,OAAQ,EAAA,IAAA;gBAAKC,UAAW,EAAA,MAAA;gBAAOC,SAAU,EAAA,YAAA;gBAAaC,OAAShB,EAAAA,IAAAA;gBAAMiB,GAAI,EAAA,OAAA;0BAClFb,aAAcL,CAAAA,SAAAA;;0BAEjBY,cAACO,CAAAA,cAAAA,EAAAA;gBAAQR,GAAK,EAAA,CAAA;gBAAGD,UAAW,EAAA,SAAA;0BACzBP,MAAOiB,CAAAA,GAAG,CAAC,CAACC,KAAAA,GAAAA;AACX,oBAAA,qBACEd,eAACe,CAAAA,OAAAA,EAAAA;wBAAML,OAASI,EAAAA,KAAAA,CAAMjB,KAAK,CAACmB,QAAQ,EAAA;wBAAsBC,SAAU,EAAA,WAAA;;0CAClEZ,cAACa,CAAAA,OAAAA,EAAAA;gCACCC,EAAIL,EAAAA,KAAAA,CAAMjB,KAAK,CAACmB,QAAQ,EAAA;gCACxBtB,IAAMA,EAAAA,IAAAA;gCACNuB,SAAU,EAAA,cAAA;gCACVG,OAASN,EAAAA,KAAAA,CAAMjB,KAAK,KAAKA,KAAAA;AACzBA,gCAAAA,KAAAA,EAAOiB,MAAMjB,KAAK;gCAElBF,QAAUA,EAAAA,QAAAA;gCACV0B,IAAK,EAAA;AAFAP,6BAAAA,EAAAA,KAAAA,CAAMjB,KAAK,CAAA;0CAIlBQ,cAACiB,CAAAA,gBAAAA,EAAAA;gCAAIL,SAAU,EAAA,QAAA;gCAASM,OAAS,EAAA,CAAA;AAC/B,gCAAA,QAAA,gBAAAvB,eAACC,CAAAA,iBAAAA,EAAAA;;sDACCI,cAACiB,CAAAA,gBAAAA,EAAAA;4CAAIE,YAAc,EAAA,CAAA;AACjB,4CAAA,QAAA,gBAAAnB,cAACoB,CAAAA,MAAAA,EAAAA;gDAAKR,SAAU,EAAA;;;sDAElBjB,eAACC,CAAAA,iBAAAA,EAAAA;4CAAKC,SAAU,EAAA,QAAA;4CAASC,UAAW,EAAA,SAAA;4CAAUC,GAAK,EAAA,CAAA;;8DACjDC,cAACC,CAAAA,uBAAAA,EAAAA;oDAAWE,UAAW,EAAA,MAAA;AAAQV,oDAAAA,QAAAA,EAAAA,aAAAA,CAAcgB,MAAMY,KAAK;;8DACxDrB,cAACC,CAAAA,uBAAAA,EAAAA;oDAAWC,OAAQ,EAAA,IAAA;oDAAKE,SAAU,EAAA,YAAA;AAChCX,oDAAAA,QAAAA,EAAAA,aAAAA,CAAcgB,MAAMa,WAAW;;;;;;;;AAnBGb,qBAAAA,EAAAA,KAAAA,CAAMjB,KAAK,CAAA;AA0B5D,iBAAA;;;;AAIR;;;;"}