@strapi/content-type-builder 5.0.0-rc.0 → 5.0.0-rc.1

package/dist/_chunks/{index-BpIP_u5V.mjs → index-KxDs8xjD.mjs}

@@ -10,7 +10,7 @@ import { ArrowClockwise, Clock, Plus, Sparkle, ArrowLeft, Search, Trash, Eye, Ey
 import { createPortal } from "react-dom";
 import { keyframes, styled } from "styled-components";
 import upperFirst from "lodash/upperFirst";
-import { p as pluginId, n as nameToSlug, O as ON_CHANGE_RELATION_TARGET, a as ON_CHANGE_RELATION_TYPE, g as getRelationType, M as MAX_COMPONENT_DEPTH, c as createComponentUid, b as createUid, i as initialState, S as SET_DATA_TO_EDIT, d as SET_DYNAMIC_ZONE_DATA_SCHEMA, e as SET_CUSTOM_FIELD_DATA_SCHEMA, f as SET_ATTRIBUTE_DATA_SCHEMA, R as RESET_PROPS, h as SET_ERRORS, j as ON_CHANGE, k as RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ, l as RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO, m as RESET_PROPS_AND_SAVE_CURRENT_DATA, o as initialState$1, q as makeUnique, G as GET_DATA_SUCCEEDED, r as RELOAD_PLUGIN, s as retrieveComponentsFromSchema, t as SET_MODIFIED_DATA, A as ADD_CUSTOM_FIELD_ATTRIBUTE, E as EDIT_CUSTOM_FIELD_ATTRIBUTE, u as ADD_CREATED_COMPONENT_TO_DYNAMIC_ZONE, C as CHANGE_DYNAMIC_ZONE_COMPONENTS, D as DELETE_NOT_SAVED_TYPE, v as REMOVE_COMPONENT_FROM_DYNAMIC_ZONE, U as UPDATE_INITIAL_STATE, w as UPDATE_SCHEMA, x as EDIT_ATTRIBUTE, y as ADD_ATTRIBUTE, z as CREATE_SCHEMA, B as CREATE_COMPONENT_SCHEMA, F as REMOVE_FIELD_FROM_DISPLAYED_COMPONENT, H as REMOVE_FIELD, P as PERMISSIONS } from "./index-BLvlfjLT.mjs";
+import { p as pluginId, n as nameToSlug, O as ON_CHANGE_RELATION_TARGET, a as ON_CHANGE_RELATION_TYPE, g as getRelationType, M as MAX_COMPONENT_DEPTH, c as createComponentUid, b as createUid, i as initialState, S as SET_DATA_TO_EDIT, d as SET_DYNAMIC_ZONE_DATA_SCHEMA, e as SET_CUSTOM_FIELD_DATA_SCHEMA, f as SET_ATTRIBUTE_DATA_SCHEMA, R as RESET_PROPS, h as SET_ERRORS, j as ON_CHANGE, k as RESET_PROPS_AND_SET_THE_FORM_FOR_ADDING_A_COMPO_TO_A_DZ, l as RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO, m as RESET_PROPS_AND_SAVE_CURRENT_DATA, o as initialState$1, q as makeUnique, G as GET_DATA_SUCCEEDED, r as RELOAD_PLUGIN, s as retrieveComponentsFromSchema, t as SET_MODIFIED_DATA, A as ADD_CUSTOM_FIELD_ATTRIBUTE, E as EDIT_CUSTOM_FIELD_ATTRIBUTE, u as ADD_CREATED_COMPONENT_TO_DYNAMIC_ZONE, C as CHANGE_DYNAMIC_ZONE_COMPONENTS, D as DELETE_NOT_SAVED_TYPE, v as REMOVE_COMPONENT_FROM_DYNAMIC_ZONE, U as UPDATE_INITIAL_STATE, w as UPDATE_SCHEMA, x as EDIT_ATTRIBUTE, y as ADD_ATTRIBUTE, z as CREATE_SCHEMA, B as CREATE_COMPONENT_SCHEMA, F as REMOVE_FIELD_FROM_DISPLAYED_COMPONENT, H as REMOVE_FIELD, P as PERMISSIONS } from "./index-4pWiYAr9.mjs";
 import isEqual from "lodash/isEqual";
 import get from "lodash/get";
 import groupBy from "lodash/groupBy";
@@ -308,23 +308,28 @@ const useContentTypeBuilderMenu = () => {
   ].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((link2) => startsWith(link2.title, search));
-          if (filteredLinks.length === 0) {
+          const filteredLinks2 = link.links.filter((link2) => startsWith(link2.title, search));
+          if (filteredLinks2.length === 0) {
             return null;
           }
+          filteredLinksCount += filteredLinks2.length;
           return {
             ...link,
-            links: filteredLinks.sort((a, b) => formatter.compare(a.title, b.title))
+            links: filteredLinks2.sort((a, b) => formatter.compare(a.title, b.title))
           };
-        }).filter(Boolean)
+        }).filter(Boolean),
+        linksCount: filteredLinksCount
       };
     }
+    const filteredLinks = section.links.filter((link) => startsWith(link.title, search)).sort((a, b) => formatter.compare(a.title, b.title));
     return {
       ...section,
-      links: section.links.filter((link) => startsWith(link.title, search)).sort((a, b) => formatter.compare(a.title, b.title))
+      links: filteredLinks,
+      linksCount: filteredLinks.length
     };
   });
   return {
@@ -336,78 +341,70 @@ const useContentTypeBuilderMenu = () => {
 const ContentTypeBuilderNav = () => {
   const { menu, searchValue, onSearchChange } = useContentTypeBuilderMenu();
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(
-    SubNav,
-    {
-      "aria-label": formatMessage({
-        id: `${getTrad("plugin.name")}`,
-        defaultMessage: "Content-Types Builder"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          SubNavHeader,
-          {
-            searchable: true,
-            value: searchValue,
-            onClear: () => onSearchChange(""),
-            onChange: (e) => onSearchChange(e.target.value),
-            label: formatMessage({
-              id: `${getTrad("plugin.name")}`,
-              defaultMessage: "Content-Types Builder"
-            }),
-            searchLabel: formatMessage({
-              id: "global.search",
-              defaultMessage: "Search"
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx(SubNavSections, { children: menu.map((section) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SubNavSection,
-            {
-              label: formatMessage({
-                id: section.title.id,
-                defaultMessage: section.title.defaultMessage
-              }),
-              collapsable: true,
-              badgeLabel: section.links.length.toString(),
-              children: section.links.map((link) => {
-                if (link.links) {
-                  return /* @__PURE__ */ jsx(SubNavLinkSection, { label: upperFirst(link.title), children: link.links.map((subLink) => /* @__PURE__ */ jsx(
-                    SubNavLink,
-                    {
-                      tag: NavLink,
-                      to: subLink.to,
-                      active: subLink.active,
-                      isSubSectionChild: true,
-                      children: upperFirst(
-                        formatMessage({ id: subLink.name, defaultMessage: subLink.title })
-                      )
-                    },
-                    subLink.name
-                  )) }, link.name);
-                }
-                return /* @__PURE__ */ jsx(SubNavLink, { tag: NavLink, to: link.to, active: link.active, children: upperFirst(formatMessage({ id: link.name, defaultMessage: link.title })) }, link.name);
-              })
-            }
-          ),
-          section.customLink && /* @__PURE__ */ jsx(Box, { paddingLeft: 7, children: /* @__PURE__ */ jsx(
-            TextButton,
-            {
-              onClick: section.customLink.onClick,
-              startIcon: /* @__PURE__ */ jsx(Plus, { width: "0.8rem", height: "0.8rem" }),
-              marginTop: 2,
-              cursor: "pointer",
-              children: formatMessage({
-                id: section.customLink.id,
-                defaultMessage: section.customLink.defaultMessage
-              })
+  const pluginName = formatMessage({
+    id: getTrad("plugin.name"),
+    defaultMessage: "Content-Type Builder"
+  });
+  return /* @__PURE__ */ jsxs(SubNav, { "aria-label": pluginName, children: [
+    /* @__PURE__ */ jsx(
+      SubNavHeader,
+      {
+        searchable: true,
+        value: searchValue,
+        onClear: () => onSearchChange(""),
+        onChange: (e) => onSearchChange(e.target.value),
+        label: pluginName,
+        searchLabel: formatMessage({
+          id: "global.search",
+          defaultMessage: "Search"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(SubNavSections, { children: menu.map((section) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SubNavSection,
+        {
+          label: formatMessage({
+            id: section.title.id,
+            defaultMessage: section.title.defaultMessage
+          }),
+          collapsable: true,
+          badgeLabel: section.linksCount.toString(),
+          children: section.links.map((link) => {
+            if (link.links) {
+              return /* @__PURE__ */ jsx(SubNavLinkSection, { label: upperFirst(link.title), children: link.links.map((subLink) => /* @__PURE__ */ jsx(
+                SubNavLink,
+                {
+                  tag: NavLink,
+                  to: subLink.to,
+                  active: subLink.active,
+                  isSubSectionChild: true,
+                  children: upperFirst(
+                    formatMessage({ id: subLink.name, defaultMessage: subLink.title })
+                  )
+                },
+                subLink.name
+              )) }, link.name);
             }
-          ) })
-        ] }, section.name)) })
-      ]
-    }
-  );
+            return /* @__PURE__ */ jsx(SubNavLink, { tag: NavLink, to: link.to, active: link.active, children: upperFirst(formatMessage({ id: link.name, defaultMessage: link.title })) }, link.name);
+          })
+        }
+      ),
+      section.customLink && /* @__PURE__ */ jsx(Box, { paddingLeft: 7, children: /* @__PURE__ */ jsx(
+        TextButton,
+        {
+          onClick: section.customLink.onClick,
+          startIcon: /* @__PURE__ */ jsx(Plus, { width: "0.8rem", height: "0.8rem" }),
+          marginTop: 2,
+          cursor: "pointer",
+          children: formatMessage({
+            id: section.customLink.id,
+            defaultMessage: section.customLink.defaultMessage
+          })
+        }
+      ) })
+    ] }, section.name)) })
+  ] });
 };
 const isAllowedContentTypesForRelations = (contentType) => {
   return contentType.kind === "collectionType" && (contentType.restrictRelationsTo === null || Array.isArray(contentType.restrictRelationsTo) && contentType.restrictRelationsTo.length > 0);
@@ -2459,7 +2456,8 @@ const SelectCategory = ({
   intlLabel,
   name,
   onChange,
-  value = void 0
+  value = void 0,
+  isCreating
 }) => {
   const { formatMessage } = useIntl();
   const { allComponentsCategories } = useDataManager();
@@ -2475,7 +2473,17 @@ const SelectCategory = ({
   };
   return /* @__PURE__ */ jsxs(Field.Root, { error: errorMessage, name, children: [
     /* @__PURE__ */ jsx(Field.Label, { children: label }),
-    /* @__PURE__ */ jsx(Combobox, { onChange: handleChange, onCreateOption: handleCreateOption, value, creatable: true, children: categories.map((category) => /* @__PURE__ */ jsx(ComboboxOption, { value: category, children: category }, category)) }),
+    /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        disabled: !isCreating,
+        onChange: handleChange,
+        onCreateOption: handleCreateOption,
+        value,
+        creatable: true,
+        children: categories.map((category) => /* @__PURE__ */ jsx(ComboboxOption, { value: category, children: category }, category))
+      }
+    ),
     /* @__PURE__ */ jsx(Field.Error, {})
   ] });
 };
@@ -6674,11 +6682,11 @@ const FormModalNavigationProvider = ({ children }) => {
     }
   );
 };
-const ListView$1 = lazy(() => import("./ListView-CY9uKqop.mjs"));
+const ListView$1 = lazy(() => import("./ListView-CYfzT9Ss.mjs"));
 const RecursivePath = () => {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Page.Loading, {}), children: /* @__PURE__ */ jsx(Routes, { children: /* @__PURE__ */ jsx(Route, { path: `/:componentUid`, element: /* @__PURE__ */ jsx(ListView$1, {}) }) }) });
 };
-const ListView = lazy(() => import("./ListView-CY9uKqop.mjs"));
+const ListView = lazy(() => import("./ListView-CYfzT9Ss.mjs"));
 const App = () => {
   const { formatMessage } = useIntl();
   const title = formatMessage({
@@ -6712,4 +6720,4 @@ export {
   index as i,
   useDataManager as u
 };
-//# sourceMappingURL=index-BpIP_u5V.mjs.map
+//# sourceMappingURL=index-KxDs8xjD.mjs.map