@strapi/admin 4.20.4 → 5.0.0-alpha.0

package/dist/_chunks/ComponentConfigurationPage-pb8HhFAg.mjs

@@ -0,0 +1,236 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Helmet } from "react-helmet";
+import { useIntl } from "react-intl";
+import { useParams } from "react-router-dom";
+import { aD as contentManagerApi, q as useTypedSelector, P as Page, u as useNotification, o as useAPIErrorHandler, a_ as useGetInitialDataQuery, a$ as extractContentTypeComponents, b0 as DEFAULT_SETTINGS, b1 as convertEditLayoutToFieldLayouts, aZ as setIn } from "./index-5ZvCaCyY.mjs";
+import { C as ConfigurationForm, T as TEMP_FIELD_NAME } from "./Form-sZKjSFQC.mjs";
+const componentsApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getComponentConfiguration: builder.query({
+      query: (uid) => `/content-manager/components/${uid}/configuration`,
+      transformResponse: (response) => response.data,
+      providesTags: (_result, _error, uid) => [{ type: "ComponentConfiguration", id: uid }]
+    }),
+    updateComponentConfiguration: builder.mutation({
+      query: ({ uid, ...body }) => ({
+        url: `/content-manager/components/${uid}/configuration`,
+        method: "PUT",
+        data: body
+      }),
+      transformResponse: (response) => response.data,
+      invalidatesTags: (_result, _error, { uid }) => [
+        { type: "ComponentConfiguration", id: uid },
+        // otherwise layouts already fetched will have stale component configuration data.
+        { type: "ContentTypeSettings", id: "LIST" }
+      ]
+    })
+  })
+});
+const { useGetComponentConfigurationQuery, useUpdateComponentConfigurationMutation } = componentsApi;
+const ComponentConfigurationPage = () => {
+  const { slug: model } = useParams();
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const {
+    components,
+    fieldSizes,
+    schema,
+    error: errorSchema,
+    isLoading: isLoadingSchema,
+    isFetching: isFetchingSchema
+  } = useGetInitialDataQuery(void 0, {
+    selectFromResult: (res) => {
+      const schema2 = res.data?.components.find((ct) => ct.uid === model);
+      const componentsByKey = res.data?.components.reduce(
+        (acc, component) => {
+          acc[component.uid] = component;
+          return acc;
+        },
+        {}
+      );
+      const components2 = extractContentTypeComponents(schema2?.attributes, componentsByKey);
+      const fieldSizes2 = Object.entries(res.data?.fieldSizes ?? {}).reduce((acc, [attributeName, { default: size }]) => {
+        acc[attributeName] = size;
+        return acc;
+      }, {});
+      return {
+        isFetching: res.isFetching,
+        isLoading: res.isLoading,
+        error: res.error,
+        components: components2,
+        schema: schema2,
+        fieldSizes: fieldSizes2
+      };
+    }
+  });
+  React.useEffect(() => {
+    if (errorSchema) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(errorSchema)
+      });
+    }
+  }, [errorSchema, formatAPIError, toggleNotification]);
+  const {
+    data,
+    isLoading: isLoadingConfig,
+    isFetching: isFetchingConfig,
+    error
+  } = useGetComponentConfigurationQuery(model ?? "");
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    }
+  }, [error, formatAPIError, toggleNotification]);
+  const isLoading = isLoadingConfig || isLoadingSchema || isFetchingConfig || isFetchingSchema;
+  const editLayout = React.useMemo(
+    () => data && !isLoading ? formatEditLayout(data, { schema, components }) : {
+      layout: [],
+      components: {},
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
+    },
+    [data, isLoading, schema, components]
+  );
+  const [updateConfiguration] = useUpdateComponentConfigurationMutation();
+  const handleSubmit = async (formData) => {
+    try {
+      const meta = Object.entries(
+        data?.component.metadatas ?? {}
+      ).reduce((acc, [name, { edit, list }]) => {
+        const {
+          __temp_key__,
+          size: _size,
+          name: _name,
+          ...editedMetadata
+        } = formData.layout.flatMap((row) => row.children).find((field) => field.name === name) ?? {};
+        acc[name] = {
+          edit: {
+            ...edit,
+            ...editedMetadata
+          },
+          list
+        };
+        return acc;
+      }, {});
+      const res = await updateConfiguration({
+        layouts: {
+          edit: formData.layout.map(
+            (row) => row.children.reduce((acc, { name, size }) => {
+              if (name !== TEMP_FIELD_NAME) {
+                return [...acc, { name, size }];
+              }
+              return acc;
+            }, [])
+          ),
+          list: data?.component.layouts.list
+        },
+        settings: setIn(formData.settings, "displayName", void 0),
+        metadatas: meta,
+        uid: model
+      });
+      if ("data" in res) {
+        toggleNotification({
+          type: "success",
+          message: formatMessage({ id: "notification.success.saved", defaultMessage: "Saved" })
+        });
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: formatAPIError(res.error)
+        });
+      }
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
+      });
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  if (error || errorSchema || !schema) {
+    return /* @__PURE__ */ jsx(Page.Error, {});
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Helmet, { title: `Configure ${editLayout.settings.displayName} Edit View | Strapi` }),
+    /* @__PURE__ */ jsx(
+      ConfigurationForm,
+      {
+        onSubmit: handleSubmit,
+        attributes: schema.attributes,
+        fieldSizes,
+        layout: editLayout
+      }
+    )
+  ] });
+};
+const formatEditLayout = (data, {
+  schema,
+  components
+}) => {
+  const editAttributes = convertEditLayoutToFieldLayouts(
+    data.component.layouts.edit,
+    schema?.attributes,
+    data.component.metadatas,
+    { configurations: data.components, schemas: components }
+  );
+  const componentEditAttributes = Object.entries(data.components).reduce(
+    (acc, [uid, configuration]) => {
+      acc[uid] = {
+        layout: convertEditLayoutToFieldLayouts(
+          configuration.layouts.edit,
+          components[uid].attributes,
+          configuration.metadatas
+        ),
+        settings: {
+          ...configuration.settings,
+          icon: components[uid].info.icon,
+          displayName: components[uid].info.displayName
+        }
+      };
+      return acc;
+    },
+    {}
+  );
+  const editMetadatas = Object.entries(data.component.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.edit
+      };
+    },
+    {}
+  );
+  return {
+    layout: [editAttributes],
+    components: componentEditAttributes,
+    metadatas: editMetadatas,
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions
+    },
+    settings: {
+      ...data.component.settings,
+      displayName: schema?.info.displayName
+    }
+  };
+};
+const ProtectedComponentConfigurationPage = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions.contentManager?.componentsConfigurations
+  );
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions, children: /* @__PURE__ */ jsx(ComponentConfigurationPage, {}) });
+};
+export {
+  ComponentConfigurationPage,
+  ProtectedComponentConfigurationPage
+};
+//# sourceMappingURL=ComponentConfigurationPage-pb8HhFAg.mjs.map

package/dist/_chunks/ComponentConfigurationPage-pb8HhFAg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentConfigurationPage-pb8HhFAg.mjs","sources":["../../admin/src/content-manager/services/components.ts","../../admin/src/content-manager/pages/ComponentConfigurationPage.tsx"],"sourcesContent":["import { contentManagerApi } from './api';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\n\nconst componentsApi = contentManagerApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getComponentConfiguration: builder.query<\n      Contracts.Components.FindComponentConfiguration.Response['data'],\n      Contracts.Components.FindComponentConfiguration.Params['uid']\n    >({\n      query: (uid) => `/content-manager/components/${uid}/configuration`,\n      transformResponse: (response: Contracts.Components.FindComponentConfiguration.Response) =>\n        response.data,\n      providesTags: (_result, _error, uid) => [{ type: 'ComponentConfiguration', id: uid }],\n    }),\n    updateComponentConfiguration: builder.mutation({\n      query: ({ uid, ...body }) => ({\n        url: `/content-manager/components/${uid}/configuration`,\n        method: 'PUT',\n        data: body,\n      }),\n      transformResponse: (response: Contracts.Components.UpdateComponentConfiguration.Response) =>\n        response.data,\n      invalidatesTags: (_result, _error, { uid }) => [\n        { type: 'ComponentConfiguration', id: uid },\n        // otherwise layouts already fetched will have stale component configuration data.\n        { type: 'ContentTypeSettings', id: 'LIST' },\n      ],\n    }),\n  }),\n});\n\nconst { useGetComponentConfigurationQuery, useUpdateComponentConfigurationMutation } =\n  componentsApi;\n\nexport { useGetComponentConfigurationQuery, useUpdateComponentConfigurationMutation };\n","import * as React from 'react';\n\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { Page } from '../../components/PageHelpers';\nimport { useTypedSelector } from '../../core/store/hooks';\nimport { useNotification } from '../../features/Notifications';\nimport { useAPIErrorHandler } from '../../hooks/useAPIErrorHandler';\nimport { setIn } from '../../utils/objects';\nimport { TEMP_FIELD_NAME } from '../components/ConfigurationForm/Fields';\nimport { ConfigurationForm, ConfigurationFormProps } from '../components/ConfigurationForm/Form';\nimport { ComponentsDictionary, extractContentTypeComponents } from '../hooks/useContentTypeSchema';\nimport {\n  DEFAULT_SETTINGS,\n  EditLayout,\n  convertEditLayoutToFieldLayouts,\n} from '../hooks/useDocumentLayout';\nimport {\n  useGetComponentConfigurationQuery,\n  useUpdateComponentConfigurationMutation,\n} from '../services/components';\nimport { useGetInitialDataQuery } from '../services/init';\n\nimport type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';\n\n/* -------------------------------------------------------------------------------------------------\n * ComponentConfigurationPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ComponentConfigurationPage = () => {\n  /**\n   * useDocumentLayout only works for documents, not components,\n   * it feels weird to make that hook work for both when this is SUCH\n   * a unique use case and we only do it here, so in short, we essentially\n   * just extracted the logic to make an edit view layout and reproduced it here.\n   */\n  const { slug: model } = useParams<{ slug: string }>();\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const {\n    components,\n    fieldSizes,\n    schema,\n    error: errorSchema,\n    isLoading: isLoadingSchema,\n    isFetching: isFetchingSchema,\n  } = useGetInitialDataQuery(undefined, {\n    selectFromResult: (res) => {\n      const schema = res.data?.components.find((ct) => ct.uid === model);\n\n      const componentsByKey = res.data?.components.reduce<ComponentsDictionary>(\n        (acc, component) => {\n          acc[component.uid] = component;\n\n          return acc;\n        },\n        {}\n      );\n\n      const components = extractContentTypeComponents(schema?.attributes, componentsByKey);\n\n      const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce<\n        ConfigurationFormProps['fieldSizes']\n      >((acc, [attributeName, { default: size }]) => {\n        acc[attributeName] = size;\n\n        return acc;\n      }, {});\n\n      return {\n        isFetching: res.isFetching,\n        isLoading: res.isLoading,\n        error: res.error,\n        components,\n        schema,\n        fieldSizes,\n      };\n    },\n  });\n\n  React.useEffect(() => {\n    if (errorSchema) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(errorSchema),\n      });\n    }\n  }, [errorSchema, formatAPIError, toggleNotification]);\n\n  const {\n    data,\n    isLoading: isLoadingConfig,\n    isFetching: isFetchingConfig,\n    error,\n  } = useGetComponentConfigurationQuery(model ?? '');\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  /**\n   * you **must** check if we're loading or fetching in case the component gets new props\n   * but nothing was unmounted, it then becomes a fetch, not a load.\n   */\n  const isLoading = isLoadingConfig || isLoadingSchema || isFetchingConfig || isFetchingSchema;\n\n  const editLayout = React.useMemo(\n    () =>\n      data && !isLoading\n        ? formatEditLayout(data, { schema, components })\n        : ({\n            layout: [],\n            components: {},\n            metadatas: {},\n            options: {},\n            settings: DEFAULT_SETTINGS,\n          } as EditLayout),\n    [data, isLoading, schema, components]\n  );\n\n  const [updateConfiguration] = useUpdateComponentConfigurationMutation();\n  const handleSubmit: ConfigurationFormProps['onSubmit'] = async (formData) => {\n    try {\n      /**\n       * We reconstruct the metadatas object by taking the existing list metadatas\n       * and re-merging that by attribute name with the current list metadatas, whilst overwriting\n       * the data from the form we've built.\n       */\n      const meta = Object.entries(\n        data?.component.metadatas ?? {}\n      ).reduce<Contracts.ContentTypes.Metadatas>((acc, [name, { edit, list }]) => {\n        const {\n          __temp_key__,\n          size: _size,\n          name: _name,\n          ...editedMetadata\n        } = formData.layout.flatMap((row) => row.children).find((field) => field.name === name) ??\n        {};\n\n        acc[name] = {\n          edit: {\n            ...edit,\n            ...editedMetadata,\n          },\n          list,\n        };\n\n        return acc;\n      }, {});\n\n      const res = await updateConfiguration({\n        layouts: {\n          edit: formData.layout.map((row) =>\n            row.children.reduce<Array<{ name: string; size: number }>>((acc, { name, size }) => {\n              if (name !== TEMP_FIELD_NAME) {\n                return [...acc, { name, size }];\n              }\n\n              return acc;\n            }, [])\n          ),\n          list: data?.component.layouts.list,\n        },\n        settings: setIn(formData.settings, 'displayName', undefined),\n        metadatas: meta,\n        uid: model,\n      });\n\n      if ('data' in res) {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\n        });\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n      }\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error || errorSchema || !schema) {\n    return <Page.Error />;\n  }\n\n  return (\n    <>\n      <Helmet title={`Configure ${editLayout.settings.displayName} Edit View | Strapi`} />\n      <ConfigurationForm\n        onSubmit={handleSubmit}\n        attributes={schema.attributes}\n        fieldSizes={fieldSizes}\n        layout={editLayout}\n      />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Header\n * -----------------------------------------------------------------------------------------------*/\n\nconst formatEditLayout = (\n  data: Contracts.Components.FindComponentConfiguration.Response['data'],\n  {\n    schema,\n    components,\n  }: { schema?: Contracts.Components.Component; components: ComponentsDictionary }\n) => {\n  const editAttributes = convertEditLayoutToFieldLayouts(\n    data.component.layouts.edit,\n    schema?.attributes,\n    data.component.metadatas,\n    { configurations: data.components, schemas: components }\n  );\n\n  const componentEditAttributes = Object.entries(data.components).reduce<EditLayout['components']>(\n    (acc, [uid, configuration]) => {\n      acc[uid] = {\n        layout: convertEditLayoutToFieldLayouts(\n          configuration.layouts.edit,\n          components[uid].attributes,\n          configuration.metadatas\n        ),\n        settings: {\n          ...configuration.settings,\n          icon: components[uid].info.icon,\n          displayName: components[uid].info.displayName,\n        },\n      };\n      return acc;\n    },\n    {}\n  );\n\n  const editMetadatas = Object.entries(data.component.metadatas).reduce<EditLayout['metadatas']>(\n    (acc, [attribute, metadata]) => {\n      return {\n        ...acc,\n        [attribute]: metadata.edit,\n      };\n    },\n    {}\n  );\n\n  return {\n    layout: [editAttributes],\n    components: componentEditAttributes,\n    metadatas: editMetadatas,\n    options: {\n      ...schema?.options,\n      ...schema?.pluginOptions,\n    },\n    settings: {\n      ...data.component.settings,\n      displayName: schema?.info.displayName,\n    },\n  };\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Header\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedComponentConfigurationPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.contentManager?.componentsConfigurations\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ComponentConfigurationPage />\n    </Page.Protect>\n  );\n};\n\nexport { ComponentConfigurationPage, ProtectedComponentConfigurationPage };\n"],"names":["schema","components","fieldSizes"],"mappings":"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"}

package/dist/_chunks/ComponentIcon-49LyfYCX.js

@@ -0,0 +1,176 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const Icons = require("@strapi/icons");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Icons__namespace = /* @__PURE__ */ _interopNamespace(Icons);
+const ComponentIcon = ({ showBackground = true, icon = "cube" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Flex,
+    {
+      alignItems: "center",
+      background: showBackground ? "neutral200" : void 0,
+      justifyContent: "center",
+      height: 8,
+      width: 8,
+      color: "neutral600",
+      borderRadius: showBackground ? "50%" : 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Icon,
+        {
+          as: COMPONENT_ICONS[icon] || COMPONENT_ICONS.cube,
+          height: 5,
+          width: 5
+        }
+      )
+    }
+  );
+};
+const COMPONENT_ICONS = {
+  alien: Icons__namespace.Alien,
+  apps: Icons__namespace.Apps,
+  archive: Icons__namespace.Archive,
+  arrowDown: Icons__namespace.ArrowDown,
+  arrowLeft: Icons__namespace.ArrowLeft,
+  arrowRight: Icons__namespace.ArrowRight,
+  arrowUp: Icons__namespace.ArrowUp,
+  attachment: Icons__namespace.Attachment,
+  bell: Icons__namespace.Bell,
+  bold: Icons__namespace.Bold,
+  book: Icons__namespace.Book,
+  briefcase: Icons__namespace.Briefcase,
+  brush: Icons__namespace.Brush,
+  bulletList: Icons__namespace.BulletList,
+  calendar: Icons__namespace.Calendar,
+  car: Icons__namespace.Car,
+  cast: Icons__namespace.Cast,
+  chartBubble: Icons__namespace.ChartBubble,
+  chartCircle: Icons__namespace.ChartCircle,
+  chartPie: Icons__namespace.ChartPie,
+  check: Icons__namespace.Check,
+  clock: Icons__namespace.Clock,
+  cloud: Icons__namespace.Cloud,
+  code: Icons__namespace.Code,
+  cog: Icons__namespace.Cog,
+  collapse: Icons__namespace.Collapse,
+  command: Icons__namespace.Command,
+  connector: Icons__namespace.Connector,
+  crop: Icons__namespace.Crop,
+  crown: Icons__namespace.Crown,
+  cube: Icons__namespace.Cube,
+  cup: Icons__namespace.Cup,
+  cursor: Icons__namespace.Cursor,
+  dashboard: Icons__namespace.Dashboard,
+  database: Icons__namespace.Database,
+  discuss: Icons__namespace.Discuss,
+  doctor: Icons__namespace.Doctor,
+  earth: Icons__namespace.Earth,
+  emotionHappy: Icons__namespace.EmotionHappy,
+  emotionUnhappy: Icons__namespace.EmotionUnhappy,
+  envelop: Icons__namespace.Envelop,
+  exit: Icons__namespace.Exit,
+  expand: Icons__namespace.Expand,
+  eye: Icons__namespace.Eye,
+  feather: Icons__namespace.Feather,
+  file: Icons__namespace.File,
+  fileError: Icons__namespace.FileError,
+  filePdf: Icons__namespace.FilePdf,
+  filter: Icons__namespace.Filter,
+  folder: Icons__namespace.Folder,
+  gate: Icons__namespace.Gate,
+  gift: Icons__namespace.Gift,
+  globe: Icons__namespace.Globe,
+  grid: Icons__namespace.Grid,
+  handHeart: Icons__namespace.HandHeart,
+  hashtag: Icons__namespace.Hashtag,
+  headphone: Icons__namespace.Headphone,
+  heart: Icons__namespace.Heart,
+  house: Icons__namespace.House,
+  information: Icons__namespace.Information,
+  italic: Icons__namespace.Italic,
+  key: Icons__namespace.Key,
+  landscape: Icons__namespace.Landscape,
+  layer: Icons__namespace.Layer,
+  layout: Icons__namespace.Layout,
+  lightbulb: Icons__namespace.Lightbulb,
+  link: Icons__namespace.Link,
+  lock: Icons__namespace.Lock,
+  magic: Icons__namespace.Magic,
+  manyToMany: Icons__namespace.ManyToMany,
+  manyToOne: Icons__namespace.ManyToOne,
+  manyWays: Icons__namespace.ManyWays,
+  medium: Icons__namespace.Medium,
+  message: Icons__namespace.Message,
+  microphone: Icons__namespace.Microphone,
+  monitor: Icons__namespace.Monitor,
+  moon: Icons__namespace.Moon,
+  music: Icons__namespace.Music,
+  oneToMany: Icons__namespace.OneToMany,
+  oneToOne: Icons__namespace.OneToOne,
+  oneWay: Icons__namespace.OneWay,
+  paint: Icons__namespace.Paint,
+  paintBrush: Icons__namespace.PaintBrush,
+  paperPlane: Icons__namespace.PaperPlane,
+  pencil: Icons__namespace.Pencil,
+  phone: Icons__namespace.Phone,
+  picture: Icons__namespace.Picture,
+  pin: Icons__namespace.Pin,
+  pinMap: Icons__namespace.PinMap,
+  plane: Icons__namespace.Plane,
+  play: Icons__namespace.Play,
+  plus: Icons__namespace.Plus,
+  priceTag: Icons__namespace.PriceTag,
+  puzzle: Icons__namespace.Puzzle,
+  question: Icons__namespace.Question,
+  quote: Icons__namespace.Quote,
+  refresh: Icons__namespace.Refresh,
+  repeat: Icons__namespace.Repeat,
+  restaurant: Icons__namespace.Restaurant,
+  rocket: Icons__namespace.Rocket,
+  rotate: Icons__namespace.Rotate,
+  scissors: Icons__namespace.Scissors,
+  search: Icons__namespace.Search,
+  seed: Icons__namespace.Seed,
+  server: Icons__namespace.Server,
+  shield: Icons__namespace.Shield,
+  shirt: Icons__namespace.Shirt,
+  shoppingCart: Icons__namespace.ShoppingCart,
+  slideshow: Icons__namespace.Slideshow,
+  stack: Icons__namespace.Stack,
+  star: Icons__namespace.Star,
+  store: Icons__namespace.Store,
+  strikeThrough: Icons__namespace.StrikeThrough,
+  sun: Icons__namespace.Sun,
+  television: Icons__namespace.Television,
+  thumbDown: Icons__namespace.ThumbDown,
+  thumbUp: Icons__namespace.ThumbUp,
+  train: Icons__namespace.Train,
+  twitter: Icons__namespace.Twitter,
+  typhoon: Icons__namespace.Typhoon,
+  underline: Icons__namespace.Underline,
+  user: Icons__namespace.User,
+  volumeMute: Icons__namespace.VolumeMute,
+  volumeUp: Icons__namespace.VolumeUp,
+  walk: Icons__namespace.Walk,
+  wheelchair: Icons__namespace.Wheelchair,
+  write: Icons__namespace.Write
+};
+exports.ComponentIcon = ComponentIcon;
+//# sourceMappingURL=ComponentIcon-49LyfYCX.js.map

package/dist/_chunks/ComponentIcon-49LyfYCX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentIcon-49LyfYCX.js","sources":["../../admin/src/content-manager/components/ComponentIcon.tsx"],"sourcesContent":["import { Flex, Icon } from '@strapi/design-system';\nimport * as Icons from '@strapi/icons';\n\nimport type { Schema } from '@strapi/types';\n\ninterface ComponentIconProps {\n  showBackground?: boolean;\n  icon?: Schema.ContentTypeInfo['icon'];\n}\n\nconst ComponentIcon = ({ showBackground = true, icon = 'cube' }: ComponentIconProps) => {\n  return (\n    <Flex\n      alignItems=\"center\"\n      background={showBackground ? 'neutral200' : undefined}\n      justifyContent=\"center\"\n      height={8}\n      width={8}\n      color=\"neutral600\"\n      borderRadius={showBackground ? '50%' : 0}\n    >\n      <Icon\n        as={COMPONENT_ICONS[icon as keyof typeof COMPONENT_ICONS] || COMPONENT_ICONS.cube}\n        height={5}\n        width={5}\n      />\n    </Flex>\n  );\n};\n\nconst COMPONENT_ICONS = {\n  alien: Icons.Alien,\n  apps: Icons.Apps,\n  archive: Icons.Archive,\n  arrowDown: Icons.ArrowDown,\n  arrowLeft: Icons.ArrowLeft,\n  arrowRight: Icons.ArrowRight,\n  arrowUp: Icons.ArrowUp,\n  attachment: Icons.Attachment,\n  bell: Icons.Bell,\n  bold: Icons.Bold,\n  book: Icons.Book,\n  briefcase: Icons.Briefcase,\n  brush: Icons.Brush,\n  bulletList: Icons.BulletList,\n  calendar: Icons.Calendar,\n  car: Icons.Car,\n  cast: Icons.Cast,\n  chartBubble: Icons.ChartBubble,\n  chartCircle: Icons.ChartCircle,\n  chartPie: Icons.ChartPie,\n  check: Icons.Check,\n  clock: Icons.Clock,\n  cloud: Icons.Cloud,\n  code: Icons.Code,\n  cog: Icons.Cog,\n  collapse: Icons.Collapse,\n  command: Icons.Command,\n  connector: Icons.Connector,\n  crop: Icons.Crop,\n  crown: Icons.Crown,\n  cube: Icons.Cube,\n  cup: Icons.Cup,\n  cursor: Icons.Cursor,\n  dashboard: Icons.Dashboard,\n  database: Icons.Database,\n  discuss: Icons.Discuss,\n  doctor: Icons.Doctor,\n  earth: Icons.Earth,\n  emotionHappy: Icons.EmotionHappy,\n  emotionUnhappy: Icons.EmotionUnhappy,\n  envelop: Icons.Envelop,\n  exit: Icons.Exit,\n  expand: Icons.Expand,\n  eye: Icons.Eye,\n  feather: Icons.Feather,\n  file: Icons.File,\n  fileError: Icons.FileError,\n  filePdf: Icons.FilePdf,\n  filter: Icons.Filter,\n  folder: Icons.Folder,\n  gate: Icons.Gate,\n  gift: Icons.Gift,\n  globe: Icons.Globe,\n  grid: Icons.Grid,\n  handHeart: Icons.HandHeart,\n  hashtag: Icons.Hashtag,\n  headphone: Icons.Headphone,\n  heart: Icons.Heart,\n  house: Icons.House,\n  information: Icons.Information,\n  italic: Icons.Italic,\n  key: Icons.Key,\n  landscape: Icons.Landscape,\n  layer: Icons.Layer,\n  layout: Icons.Layout,\n  lightbulb: Icons.Lightbulb,\n  link: Icons.Link,\n  lock: Icons.Lock,\n  magic: Icons.Magic,\n  manyToMany: Icons.ManyToMany,\n  manyToOne: Icons.ManyToOne,\n  manyWays: Icons.ManyWays,\n  medium: Icons.Medium,\n  message: Icons.Message,\n  microphone: Icons.Microphone,\n  monitor: Icons.Monitor,\n  moon: Icons.Moon,\n  music: Icons.Music,\n  oneToMany: Icons.OneToMany,\n  oneToOne: Icons.OneToOne,\n  oneWay: Icons.OneWay,\n  paint: Icons.Paint,\n  paintBrush: Icons.PaintBrush,\n  paperPlane: Icons.PaperPlane,\n  pencil: Icons.Pencil,\n  phone: Icons.Phone,\n  picture: Icons.Picture,\n  pin: Icons.Pin,\n  pinMap: Icons.PinMap,\n  plane: Icons.Plane,\n  play: Icons.Play,\n  plus: Icons.Plus,\n  priceTag: Icons.PriceTag,\n  puzzle: Icons.Puzzle,\n  question: Icons.Question,\n  quote: Icons.Quote,\n  refresh: Icons.Refresh,\n  repeat: Icons.Repeat,\n  restaurant: Icons.Restaurant,\n  rocket: Icons.Rocket,\n  rotate: Icons.Rotate,\n  scissors: Icons.Scissors,\n  search: Icons.Search,\n  seed: Icons.Seed,\n  server: Icons.Server,\n  shield: Icons.Shield,\n  shirt: Icons.Shirt,\n  shoppingCart: Icons.ShoppingCart,\n  slideshow: Icons.Slideshow,\n  stack: Icons.Stack,\n  star: Icons.Star,\n  store: Icons.Store,\n  strikeThrough: Icons.StrikeThrough,\n  sun: Icons.Sun,\n  television: Icons.Television,\n  thumbDown: Icons.ThumbDown,\n  thumbUp: Icons.ThumbUp,\n  train: Icons.Train,\n  twitter: Icons.Twitter,\n  typhoon: Icons.Typhoon,\n  underline: Icons.Underline,\n  user: Icons.User,\n  volumeMute: Icons.VolumeMute,\n  volumeUp: Icons.VolumeUp,\n  walk: Icons.Walk,\n  wheelchair: Icons.Wheelchair,\n  write: Icons.Write,\n};\n\nexport { ComponentIcon };\nexport type { ComponentIconProps };\n"],"names":["jsx","Flex","Icon","Icons"],"mappings":"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"}

package/dist/_chunks/ComponentIcon-J3aEhVgQ.mjs

@@ -0,0 +1,158 @@
+import { jsx } from "react/jsx-runtime";
+import { Flex, Icon } from "@strapi/design-system";
+import * as Icons from "@strapi/icons";
+const ComponentIcon = ({ showBackground = true, icon = "cube" }) => {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      alignItems: "center",
+      background: showBackground ? "neutral200" : void 0,
+      justifyContent: "center",
+      height: 8,
+      width: 8,
+      color: "neutral600",
+      borderRadius: showBackground ? "50%" : 0,
+      children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          as: COMPONENT_ICONS[icon] || COMPONENT_ICONS.cube,
+          height: 5,
+          width: 5
+        }
+      )
+    }
+  );
+};
+const COMPONENT_ICONS = {
+  alien: Icons.Alien,
+  apps: Icons.Apps,
+  archive: Icons.Archive,
+  arrowDown: Icons.ArrowDown,
+  arrowLeft: Icons.ArrowLeft,
+  arrowRight: Icons.ArrowRight,
+  arrowUp: Icons.ArrowUp,
+  attachment: Icons.Attachment,
+  bell: Icons.Bell,
+  bold: Icons.Bold,
+  book: Icons.Book,
+  briefcase: Icons.Briefcase,
+  brush: Icons.Brush,
+  bulletList: Icons.BulletList,
+  calendar: Icons.Calendar,
+  car: Icons.Car,
+  cast: Icons.Cast,
+  chartBubble: Icons.ChartBubble,
+  chartCircle: Icons.ChartCircle,
+  chartPie: Icons.ChartPie,
+  check: Icons.Check,
+  clock: Icons.Clock,
+  cloud: Icons.Cloud,
+  code: Icons.Code,
+  cog: Icons.Cog,
+  collapse: Icons.Collapse,
+  command: Icons.Command,
+  connector: Icons.Connector,
+  crop: Icons.Crop,
+  crown: Icons.Crown,
+  cube: Icons.Cube,
+  cup: Icons.Cup,
+  cursor: Icons.Cursor,
+  dashboard: Icons.Dashboard,
+  database: Icons.Database,
+  discuss: Icons.Discuss,
+  doctor: Icons.Doctor,
+  earth: Icons.Earth,
+  emotionHappy: Icons.EmotionHappy,
+  emotionUnhappy: Icons.EmotionUnhappy,
+  envelop: Icons.Envelop,
+  exit: Icons.Exit,
+  expand: Icons.Expand,
+  eye: Icons.Eye,
+  feather: Icons.Feather,
+  file: Icons.File,
+  fileError: Icons.FileError,
+  filePdf: Icons.FilePdf,
+  filter: Icons.Filter,
+  folder: Icons.Folder,
+  gate: Icons.Gate,
+  gift: Icons.Gift,
+  globe: Icons.Globe,
+  grid: Icons.Grid,
+  handHeart: Icons.HandHeart,
+  hashtag: Icons.Hashtag,
+  headphone: Icons.Headphone,
+  heart: Icons.Heart,
+  house: Icons.House,
+  information: Icons.Information,
+  italic: Icons.Italic,
+  key: Icons.Key,
+  landscape: Icons.Landscape,
+  layer: Icons.Layer,
+  layout: Icons.Layout,
+  lightbulb: Icons.Lightbulb,
+  link: Icons.Link,
+  lock: Icons.Lock,
+  magic: Icons.Magic,
+  manyToMany: Icons.ManyToMany,
+  manyToOne: Icons.ManyToOne,
+  manyWays: Icons.ManyWays,
+  medium: Icons.Medium,
+  message: Icons.Message,
+  microphone: Icons.Microphone,
+  monitor: Icons.Monitor,
+  moon: Icons.Moon,
+  music: Icons.Music,
+  oneToMany: Icons.OneToMany,
+  oneToOne: Icons.OneToOne,
+  oneWay: Icons.OneWay,
+  paint: Icons.Paint,
+  paintBrush: Icons.PaintBrush,
+  paperPlane: Icons.PaperPlane,
+  pencil: Icons.Pencil,
+  phone: Icons.Phone,
+  picture: Icons.Picture,
+  pin: Icons.Pin,
+  pinMap: Icons.PinMap,
+  plane: Icons.Plane,
+  play: Icons.Play,
+  plus: Icons.Plus,
+  priceTag: Icons.PriceTag,
+  puzzle: Icons.Puzzle,
+  question: Icons.Question,
+  quote: Icons.Quote,
+  refresh: Icons.Refresh,
+  repeat: Icons.Repeat,
+  restaurant: Icons.Restaurant,
+  rocket: Icons.Rocket,
+  rotate: Icons.Rotate,
+  scissors: Icons.Scissors,
+  search: Icons.Search,
+  seed: Icons.Seed,
+  server: Icons.Server,
+  shield: Icons.Shield,
+  shirt: Icons.Shirt,
+  shoppingCart: Icons.ShoppingCart,
+  slideshow: Icons.Slideshow,
+  stack: Icons.Stack,
+  star: Icons.Star,
+  store: Icons.Store,
+  strikeThrough: Icons.StrikeThrough,
+  sun: Icons.Sun,
+  television: Icons.Television,
+  thumbDown: Icons.ThumbDown,
+  thumbUp: Icons.ThumbUp,
+  train: Icons.Train,
+  twitter: Icons.Twitter,
+  typhoon: Icons.Typhoon,
+  underline: Icons.Underline,
+  user: Icons.User,
+  volumeMute: Icons.VolumeMute,
+  volumeUp: Icons.VolumeUp,
+  walk: Icons.Walk,
+  wheelchair: Icons.Wheelchair,
+  write: Icons.Write
+};
+export {
+  ComponentIcon as C
+};
+//# sourceMappingURL=ComponentIcon-J3aEhVgQ.mjs.map

package/dist/_chunks/ComponentIcon-J3aEhVgQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentIcon-J3aEhVgQ.mjs","sources":["../../admin/src/content-manager/components/ComponentIcon.tsx"],"sourcesContent":["import { Flex, Icon } from '@strapi/design-system';\nimport * as Icons from '@strapi/icons';\n\nimport type { Schema } from '@strapi/types';\n\ninterface ComponentIconProps {\n  showBackground?: boolean;\n  icon?: Schema.ContentTypeInfo['icon'];\n}\n\nconst ComponentIcon = ({ showBackground = true, icon = 'cube' }: ComponentIconProps) => {\n  return (\n    <Flex\n      alignItems=\"center\"\n      background={showBackground ? 'neutral200' : undefined}\n      justifyContent=\"center\"\n      height={8}\n      width={8}\n      color=\"neutral600\"\n      borderRadius={showBackground ? '50%' : 0}\n    >\n      <Icon\n        as={COMPONENT_ICONS[icon as keyof typeof COMPONENT_ICONS] || COMPONENT_ICONS.cube}\n        height={5}\n        width={5}\n      />\n    </Flex>\n  );\n};\n\nconst COMPONENT_ICONS = {\n  alien: Icons.Alien,\n  apps: Icons.Apps,\n  archive: Icons.Archive,\n  arrowDown: Icons.ArrowDown,\n  arrowLeft: Icons.ArrowLeft,\n  arrowRight: Icons.ArrowRight,\n  arrowUp: Icons.ArrowUp,\n  attachment: Icons.Attachment,\n  bell: Icons.Bell,\n  bold: Icons.Bold,\n  book: Icons.Book,\n  briefcase: Icons.Briefcase,\n  brush: Icons.Brush,\n  bulletList: Icons.BulletList,\n  calendar: Icons.Calendar,\n  car: Icons.Car,\n  cast: Icons.Cast,\n  chartBubble: Icons.ChartBubble,\n  chartCircle: Icons.ChartCircle,\n  chartPie: Icons.ChartPie,\n  check: Icons.Check,\n  clock: Icons.Clock,\n  cloud: Icons.Cloud,\n  code: Icons.Code,\n  cog: Icons.Cog,\n  collapse: Icons.Collapse,\n  command: Icons.Command,\n  connector: Icons.Connector,\n  crop: Icons.Crop,\n  crown: Icons.Crown,\n  cube: Icons.Cube,\n  cup: Icons.Cup,\n  cursor: Icons.Cursor,\n  dashboard: Icons.Dashboard,\n  database: Icons.Database,\n  discuss: Icons.Discuss,\n  doctor: Icons.Doctor,\n  earth: Icons.Earth,\n  emotionHappy: Icons.EmotionHappy,\n  emotionUnhappy: Icons.EmotionUnhappy,\n  envelop: Icons.Envelop,\n  exit: Icons.Exit,\n  expand: Icons.Expand,\n  eye: Icons.Eye,\n  feather: Icons.Feather,\n  file: Icons.File,\n  fileError: Icons.FileError,\n  filePdf: Icons.FilePdf,\n  filter: Icons.Filter,\n  folder: Icons.Folder,\n  gate: Icons.Gate,\n  gift: Icons.Gift,\n  globe: Icons.Globe,\n  grid: Icons.Grid,\n  handHeart: Icons.HandHeart,\n  hashtag: Icons.Hashtag,\n  headphone: Icons.Headphone,\n  heart: Icons.Heart,\n  house: Icons.House,\n  information: Icons.Information,\n  italic: Icons.Italic,\n  key: Icons.Key,\n  landscape: Icons.Landscape,\n  layer: Icons.Layer,\n  layout: Icons.Layout,\n  lightbulb: Icons.Lightbulb,\n  link: Icons.Link,\n  lock: Icons.Lock,\n  magic: Icons.Magic,\n  manyToMany: Icons.ManyToMany,\n  manyToOne: Icons.ManyToOne,\n  manyWays: Icons.ManyWays,\n  medium: Icons.Medium,\n  message: Icons.Message,\n  microphone: Icons.Microphone,\n  monitor: Icons.Monitor,\n  moon: Icons.Moon,\n  music: Icons.Music,\n  oneToMany: Icons.OneToMany,\n  oneToOne: Icons.OneToOne,\n  oneWay: Icons.OneWay,\n  paint: Icons.Paint,\n  paintBrush: Icons.PaintBrush,\n  paperPlane: Icons.PaperPlane,\n  pencil: Icons.Pencil,\n  phone: Icons.Phone,\n  picture: Icons.Picture,\n  pin: Icons.Pin,\n  pinMap: Icons.PinMap,\n  plane: Icons.Plane,\n  play: Icons.Play,\n  plus: Icons.Plus,\n  priceTag: Icons.PriceTag,\n  puzzle: Icons.Puzzle,\n  question: Icons.Question,\n  quote: Icons.Quote,\n  refresh: Icons.Refresh,\n  repeat: Icons.Repeat,\n  restaurant: Icons.Restaurant,\n  rocket: Icons.Rocket,\n  rotate: Icons.Rotate,\n  scissors: Icons.Scissors,\n  search: Icons.Search,\n  seed: Icons.Seed,\n  server: Icons.Server,\n  shield: Icons.Shield,\n  shirt: Icons.Shirt,\n  shoppingCart: Icons.ShoppingCart,\n  slideshow: Icons.Slideshow,\n  stack: Icons.Stack,\n  star: Icons.Star,\n  store: Icons.Store,\n  strikeThrough: Icons.StrikeThrough,\n  sun: Icons.Sun,\n  television: Icons.Television,\n  thumbDown: Icons.ThumbDown,\n  thumbUp: Icons.ThumbUp,\n  train: Icons.Train,\n  twitter: Icons.Twitter,\n  typhoon: Icons.Typhoon,\n  underline: Icons.Underline,\n  user: Icons.User,\n  volumeMute: Icons.VolumeMute,\n  volumeUp: Icons.VolumeUp,\n  walk: Icons.Walk,\n  wheelchair: Icons.Wheelchair,\n  write: Icons.Write,\n};\n\nexport { ComponentIcon };\nexport type { ComponentIconProps };\n"],"names":[],"mappings":"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"}

package/dist/_chunks/ContentBox-4TRGOJYI.js

@@ -0,0 +1,41 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const ContentBox = ({
+  title,
+  subtitle,
+  icon,
+  iconBackground,
+  endAction,
+  titleEllipsis = false
+}) => {
+  if (title && title.length > 70 && titleEllipsis) {
+    title = `${title.substring(0, 70)}...`;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { shadow: "tableShadow", hasRadius: true, padding: 6, background: "neutral0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { background: iconBackground, hasRadius: true, padding: 3, children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: endAction ? 0 : 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TypographyWordBreak, { fontWeight: "semiBold", variant: "pi", children: title }),
+        endAction
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: subtitle })
+    ] })
+  ] });
+};
+const IconWrapper = styled__default.default(designSystem.Flex)`
+  margin-right: ${({ theme }) => theme.spaces[6]};
+
+  svg {
+    width: ${32 / 16}rem;
+    height: ${32 / 16}rem;
+  }
+`;
+const TypographyWordBreak = styled__default.default(designSystem.Typography)`
+  word-break: break-all;
+`;
+exports.ContentBox = ContentBox;
+//# sourceMappingURL=ContentBox-4TRGOJYI.js.map