@akemona-org/strapi-plugin-content-manager 3.7.0

package/admin/src/hooks/useFetchContentTypeLayout/utils/formatLayouts.js

@@ -0,0 +1,235 @@
+import { cloneDeep, get, set } from 'lodash';
+import { mergeMetasWithSchema } from '../../../utils';
+import pluginId from '../../../pluginId';
+
+const getRelationModel = (targetModel, models) => models.find(model => model.uid === targetModel);
+
+// editRelations is an array of strings...
+const formatEditRelationsLayoutWithMetas = (contentTypeConfiguration, models) => {
+  const formatted = contentTypeConfiguration.layouts.editRelations.reduce((acc, current) => {
+    const fieldSchema = get(contentTypeConfiguration, ['attributes', current], {});
+    const targetModelUID = get(
+      contentTypeConfiguration,
+      ['attributes', current, 'targetModel'],
+      null
+    );
+    const targetModelSchema = getRelationModel(targetModelUID, models);
+    const targetModelPluginOptions = targetModelSchema.pluginOptions || {};
+    const metadatas = get(contentTypeConfiguration, ['metadatas', current, 'edit'], {});
+    const size = 6;
+
+    const queryInfos = generateRelationQueryInfos(contentTypeConfiguration, current, models);
+
+    acc.push({
+      name: current,
+      size,
+      fieldSchema,
+      metadatas,
+      queryInfos,
+      targetModelPluginOptions,
+    });
+
+    return acc;
+  }, []);
+
+  return formatted;
+};
+
+const formatLayouts = (initialData, models) => {
+  const data = createMetasSchema(initialData, models);
+
+  const formattedCTEditLayout = formatLayoutWithMetas(data.contentType, null, models);
+  const ctUid = data.contentType.uid;
+  const formattedEditRelationsLayout = formatEditRelationsLayoutWithMetas(data.contentType, models);
+  const formattedListLayout = formatListLayoutWithMetas(data.contentType, models);
+
+  set(data, ['contentType', 'layouts', 'edit'], formattedCTEditLayout);
+  set(data, ['contentType', 'layouts', 'editRelations'], formattedEditRelationsLayout);
+  set(data, ['contentType', 'layouts', 'list'], formattedListLayout);
+
+  Object.keys(data.components).forEach(compoUID => {
+    const formattedCompoEditLayout = formatLayoutWithMetas(
+      data.components[compoUID],
+      ctUid,
+      models
+    );
+
+    set(data, ['components', compoUID, 'layouts', 'edit'], formattedCompoEditLayout);
+  });
+
+  return data;
+};
+
+const createMetasSchema = (initialData, models) => {
+  const data = mergeMetasWithSchema(cloneDeep(initialData), models, 'contentType');
+  const { components, contentType } = data;
+
+  const formatMetadatas = targetSchema => {
+    return Object.keys(targetSchema.metadatas).reduce((acc, current) => {
+      const schema = get(targetSchema, ['attributes', current], {});
+      let metadatas = targetSchema.metadatas[current];
+
+      if (schema.type === 'relation') {
+        const relationModel = getRelationModel(schema.targetModel, models);
+        const mainFieldName = metadatas.edit.mainField;
+        const mainField = {
+          name: mainFieldName,
+          schema: get(relationModel, ['attributes', mainFieldName]),
+        };
+
+        metadatas = {
+          list: {
+            ...metadatas.list,
+            mainField,
+          },
+          edit: {
+            ...metadatas.edit,
+            mainField,
+          },
+        };
+      }
+
+      acc[current] = metadatas;
+
+      return acc;
+    }, {});
+  };
+
+  set(data, ['contentType', 'metadatas'], formatMetadatas(contentType));
+
+  Object.keys(components).forEach(compoUID => {
+    const currentCompo = components[compoUID];
+    const updatedMetas = formatMetadatas(currentCompo);
+
+    set(data, ['components', compoUID, 'metadatas'], updatedMetas);
+  });
+
+  return data;
+};
+
+const formatLayoutWithMetas = (contentTypeConfiguration, ctUid, models) => {
+  const formatted = contentTypeConfiguration.layouts.edit.reduce((acc, current) => {
+    const row = current.map(attribute => {
+      const fieldSchema = get(contentTypeConfiguration, ['attributes', attribute.name], {});
+
+      const data = {
+        ...attribute,
+        fieldSchema,
+        metadatas: get(contentTypeConfiguration, ['metadatas', attribute.name, 'edit'], {}),
+      };
+
+      if (fieldSchema.type === 'relation') {
+        const targetModelUID = fieldSchema.targetModel;
+        const targetModelSchema = getRelationModel(targetModelUID, models);
+        const targetModelPluginOptions = targetModelSchema.pluginOptions || {};
+
+        const queryInfos = ctUid
+          ? generateRelationQueryInfosForComponents(
+              contentTypeConfiguration,
+              attribute.name,
+              ctUid,
+              models
+            )
+          : generateRelationQueryInfos(contentTypeConfiguration, attribute.name, models);
+
+        set(data, 'targetModelPluginOptions', targetModelPluginOptions);
+        set(data, 'queryInfos', queryInfos);
+      }
+
+      return data;
+    });
+
+    acc.push(row);
+
+    return acc;
+  }, []);
+
+  return formatted;
+};
+
+const formatListLayoutWithMetas = contentTypeConfiguration => {
+  const formatted = contentTypeConfiguration.layouts.list.reduce((acc, current) => {
+    const fieldSchema = get(contentTypeConfiguration, ['attributes', current], {});
+    const metadatas = get(contentTypeConfiguration, ['metadatas', current, 'list'], {});
+
+    const type = fieldSchema.type;
+
+    if (type === 'relation') {
+      const queryInfos = {
+        endPoint: `collection-types/${contentTypeConfiguration.uid}`,
+        defaultParams: {},
+      };
+
+      acc.push({ key: `__${current}_key__`, name: current, fieldSchema, metadatas, queryInfos });
+
+      return acc;
+    }
+
+    acc.push({ key: `__${current}_key__`, name: current, fieldSchema, metadatas });
+
+    return acc;
+  }, []);
+
+  return formatted;
+};
+
+const generateRelationQueryInfos = (contentTypeConfiguration, fieldName, models) => {
+  const uid = contentTypeConfiguration.uid;
+  const endPoint = `/${pluginId}/relations/${uid}/${fieldName}`;
+  const mainField = get(
+    contentTypeConfiguration,
+    ['metadatas', fieldName, 'edit', 'mainField', 'name'],
+    ''
+  );
+  const targetModel = get(contentTypeConfiguration, ['attributes', fieldName, 'targetModel'], '');
+  const shouldDisplayRelationLink = getDisplayedModels(models).indexOf(targetModel) !== -1;
+
+  const queryInfos = {
+    endPoint,
+    containsKey: `${mainField}_contains`,
+    defaultParams: {},
+    shouldDisplayRelationLink,
+  };
+
+  return queryInfos;
+};
+
+const generateRelationQueryInfosForComponents = (
+  contentTypeConfiguration,
+  fieldName,
+  ctUid,
+  models
+) => {
+  const endPoint = `/${pluginId}/relations/${ctUid}/${fieldName}`;
+  const mainField = get(
+    contentTypeConfiguration,
+    ['metadatas', fieldName, 'edit', 'mainField', 'name'],
+    ''
+  );
+  const targetModel = get(contentTypeConfiguration, ['attributes', fieldName, 'targetModel'], '');
+  const shouldDisplayRelationLink = getDisplayedModels(models).indexOf(targetModel) !== -1;
+
+  const queryInfos = {
+    endPoint,
+    containsKey: `${mainField}_contains`,
+    defaultParams: {
+      _component: contentTypeConfiguration.uid,
+    },
+    shouldDisplayRelationLink,
+  };
+
+  return queryInfos;
+};
+
+const getDisplayedModels = models =>
+  models.filter(model => model.isDisplayed).map(({ uid }) => uid);
+
+export default formatLayouts;
+export {
+  formatEditRelationsLayoutWithMetas,
+  formatLayoutWithMetas,
+  formatListLayoutWithMetas,
+  generateRelationQueryInfos,
+  generateRelationQueryInfosForComponents,
+  getDisplayedModels,
+};

package/admin/src/hooks/useFindRedirectionLink/index.js

@@ -0,0 +1,14 @@
+import { useSelector } from 'react-redux';
+import { useQueryParams } from 'strapi-helper-plugin';
+import selectMenuLinks from './selectors';
+import getRedirectionLink from './utils/getRedirectionLink';
+
+const useFindRedirectionLink = slug => {
+  const [{ rawQuery }] = useQueryParams();
+  const collectionTypesMenuLinks = useSelector(selectMenuLinks);
+  const redirectionLink = getRedirectionLink(collectionTypesMenuLinks, slug, rawQuery);
+
+  return redirectionLink;
+};
+
+export default useFindRedirectionLink;

package/admin/src/hooks/useFindRedirectionLink/selectors.js

@@ -0,0 +1,7 @@
+const selectMenuLinks = state => {
+  const menuState = state.get('menu');
+
+  return menuState.collectionTypesSectionLinks;
+};
+
+export default selectMenuLinks;

package/admin/src/hooks/useFindRedirectionLink/utils/getRedirectionLink.js

@@ -0,0 +1,45 @@
+import { stringify, parse } from 'qs';
+import get from 'lodash/get';
+import isObject from 'lodash/isObject';
+
+/**
+ * Updates the leafs of the first argument
+ * @param {object} initialParams
+ * @param {object} params
+ * @returns string
+ */
+const mergeParams = (initialParams, params) => {
+  return Object.keys(initialParams).reduce((acc, current) => {
+    const intialValue = initialParams[current];
+    const nextValue = get(params, [current], intialValue);
+
+    if (isObject(intialValue)) {
+      return { ...acc, [current]: mergeParams(intialValue, nextValue) };
+    }
+
+    acc[current] = nextValue;
+
+    return acc;
+  }, {});
+};
+
+const getDeleteRedirectionLink = (links, slug, rawQuery) => {
+  const matchingLink = links.find(({ destination }) => destination.includes(slug));
+
+  if (!matchingLink) {
+    return '/';
+  }
+
+  const { destination, search } = matchingLink;
+  const searchQueryParams = parse(search);
+  const currentQueryParams = parse(rawQuery.substring(1));
+
+  const mergedParams = mergeParams(searchQueryParams, currentQueryParams);
+
+  const link = `${destination}?${stringify(mergedParams, { encode: false })}`;
+
+  return link;
+};
+
+export default getDeleteRedirectionLink;
+export { mergeParams };

package/admin/src/hooks/useLayoutDnd.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import LayoutDndContext from '../contexts/LayoutDnd';
+
+const useLayoutDnd = () => useContext(LayoutDndContext);
+
+export default useLayoutDnd;

package/admin/src/hooks/useListView.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import ListViewContext from '../contexts/ListView';
+
+const useListView = () => useContext(ListViewContext);
+
+export default useListView;

package/admin/src/hooks/useWysiwyg.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import WysiwygContext from '../contexts/Wysiwyg';
+
+const useWysiwyg = () => useContext(WysiwygContext);
+
+export default useWysiwyg;

package/admin/src/icons/Bold/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+
+const Bold = () => {
+  return (
+    <svg width="9" height="10" xmlns="http://www.w3.org/2000/svg">
+      <text
+        transform="translate(-12 -10)"
+        fill="#333740"
+        fillRule="evenodd"
+        fontSize="13"
+        fontFamily="Baskerville-SemiBold, Baskerville"
+        fontWeight="500"
+      >
+        <tspan x="12" y="20">
+          B
+        </tspan>
+      </text>
+    </svg>
+  );
+};
+
+export default Bold;

package/admin/src/icons/Code/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const Code = () => {
+  return (
+    <svg width="12" height="8" xmlns="http://www.w3.org/2000/svg">
+      <g fill="#333740" fillRule="evenodd">
+        <path d="M3.653 7.385a.632.632 0 0 1-.452-.191L.214 4.154a.66.66 0 0 1 0-.922L3.201.19a.632.632 0 0 1 .905 0 .66.66 0 0 1 0 .921l-2.534 2.58 2.534 2.58a.66.66 0 0 1 0 .922.632.632 0 0 1-.453.19zM8.347 7.385a.632.632 0 0 0 .452-.191l2.987-3.04a.66.66 0 0 0 0-.922L8.799.19a.632.632 0 0 0-.905 0 .66.66 0 0 0 0 .921l2.534 2.58-2.534 2.58a.66.66 0 0 0 0 .922c.125.127.289.19.453.19z" />
+      </g>
+    </svg>
+  );
+};
+
+export default Code;

package/admin/src/icons/Cross/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Cross = ({ fill, height, width, ...rest }) => {
+  return (
+    <svg
+      {...rest}
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.78 6.72L5.06 4l2.72-2.72a.748.748 0 0 0 0-1.06.748.748 0 0 0-1.06 0L4 2.94 1.28.22a.748.748 0 0 0-1.06 0 .748.748 0 0 0 0 1.06L2.94 4 .22 6.72a.748.748 0 0 0 0 1.06.748.748 0 0 0 1.06 0L4 5.06l2.72 2.72a.748.748 0 0 0 1.06 0 .752.752 0 0 0 0-1.06z"
+        fill={fill}
+        fillRule="evenodd"
+      />
+    </svg>
+  );
+};
+
+Cross.defaultProps = {
+  fill: '#b3b5b9',
+  height: '8',
+  width: '8',
+};
+
+Cross.propTypes = {
+  fill: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+};
+
+export default Cross;

package/admin/src/icons/Italic/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+const Italic = () => {
+  return (
+    <svg width="6" height="9" xmlns="http://www.w3.org/2000/svg">
+      <text
+        transform="translate(-13 -11)"
+        fill="#333740"
+        fillRule="evenodd"
+        fontWeight="500"
+        fontSize="13"
+        fontFamily="Baskerville-SemiBoldItalic, Baskerville"
+        fontStyle="italic"
+      >
+        <tspan x="13" y="20">
+          I
+        </tspan>
+      </text>
+    </svg>
+  );
+};
+
+export default Italic;

package/admin/src/icons/Link/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+const Link = () => {
+  return (
+    <svg width="12" height="6" xmlns="http://www.w3.org/2000/svg">
+      <g fill="none" fillRule="evenodd">
+        <path d="M6.063 1.5H6h.063z" fill="#000" />
+        <path
+          d="M9.516 0H8s.813.531.988 1.5h.528c.55 0 .984.434.984.984v1c0 .55-.434 1.016-.984 1.016h-3.5A1.03 1.03 0 0 1 5 3.484V2.5H3.5v.984A2.518 2.518 0 0 0 6.016 6h3.5C10.896 6 12 4.866 12 3.484v-1A2.473 2.473 0 0 0 9.516 0z"
+          fill="#333740"
+        />
+        <path
+          d="M8.3 1.5A2.473 2.473 0 0 0 6.016 0h-3.5C1.134 0 0 1.103 0 2.484v1A2.526 2.526 0 0 0 2.516 6H4s-.806-.531-1.003-1.5h-.481A1.03 1.03 0 0 1 1.5 3.484v-1c0-.55.466-.984 1.016-.984h3.5c.55 0 .984.434.984.984V3.5h1.5V2.484c0-.35-.072-.684-.2-.984z"
+          fill="#333740"
+        />
+      </g>
+    </svg>
+  );
+};
+
+export default Link;

package/admin/src/icons/Media/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Media = () => {
+  return (
+    <svg width="12" height="11" xmlns="http://www.w3.org/2000/svg">
+      <g fill="#333740" fillRule="evenodd">
+        <path d="M9 4.286a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572z" />
+        <path d="M11.25 0H.75C.332 0 0 .34 0 .758v8.77c0 .418.332.758.75.758h10.5c.418 0 .75-.34.75-.758V.758A.752.752 0 0 0 11.25 0zM8.488 5.296a.46.46 0 0 0-.342-.167c-.137 0-.234.065-.343.153l-.501.423c-.105.075-.188.126-.308.126a.443.443 0 0 1-.295-.11 3.5 3.5 0 0 1-.115-.11L5.143 4.054a.59.59 0 0 0-.897.008L.857 8.148V1.171a.353.353 0 0 1 .351-.314h9.581a.34.34 0 0 1 .346.322l.008 6.975-2.655-2.858z" />
+      </g>
+    </svg>
+  );
+};
+
+export default Media;

package/admin/src/icons/Na/index.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Na = ({
+  fill,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  height,
+  textFill,
+  width,
+  ...rest
+}) => {
+  return (
+    <svg
+      {...rest}
+      width={width}
+      height={height}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g fill="none" fillRule="evenodd">
+        <rect fill={fill} width={width} height={height} rx="17.5" />
+        <text
+          fontFamily={fontFamily}
+          fontSize={fontSize}
+          fontWeight={fontWeight}
+          fill={textFill}
+        >
+          <tspan x="6" y="22">
+            N/A
+          </tspan>
+        </text>
+      </g>
+    </svg>
+  );
+};
+
+Na.defaultProps = {
+  fill: '#fafafb',
+  fontFamily: 'Lato-Medium, Lato',
+  fontSize: '12',
+  fontWeight: '400',
+  height: '35',
+  textFill: '#838383',
+  width: '35',
+};
+
+Na.propTypes = {
+  fill: PropTypes.string,
+  fontFamily: PropTypes.string,
+  fontSize: PropTypes.string,
+  fontWeight: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  textFill: PropTypes.string,
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+};
+
+export default Na;

package/admin/src/icons/Ol/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const Ol = () => {
+  return (
+    <svg width="12" height="8" xmlns="http://www.w3.org/2000/svg">
+      <g fill="#333740" fillRule="evenodd">
+        <path d="M2.4 3H.594v-.214h.137c.123 0 .212-.01.266-.032.053-.022.086-.052.1-.092a.67.67 0 0 0 .018-.188V.74a.46.46 0 0 0-.03-.194C1.064.504 1.021.476.955.46A1.437 1.437 0 0 0 .643.435H.539V.23c.332-.035.565-.067.7-.096.135-.03.258-.075.37-.134h.275v2.507c0 .104.023.177.07.218.047.04.14.061.278.061H2.4V3zM2.736 6.695l-.132.528h-.246a.261.261 0 0 0 .015-.074c0-.058-.049-.087-.146-.087H.293v-.198c.258-.173.511-.367.76-.581.25-.215.457-.437.623-.667.166-.23.249-.447.249-.653a.49.49 0 0 0-.321-.478.794.794 0 0 0-.582-.006.482.482 0 0 0-.196.138.284.284 0 0 0-.07.182c0 .074.04.17.12.289.006.008.009.015.009.02 0 .012-.041.03-.123.053l-.19.057a.693.693 0 0 1-.115.03c-.031 0-.067-.038-.108-.114a.516.516 0 0 1 .071-.586.899.899 0 0 1 .405-.238c.18-.058.4-.087.657-.087.317 0 .566.044.749.132.183.087.306.187.37.3a.64.64 0 0 1 .094.312c0 .197-.089.389-.266.575a5.296 5.296 0 0 1-.916.74 62.947 62.947 0 0 1-.62.413h1.843zM4 0h8v1H4zM4 2h8v1H4zM4 4h8v1H4zM4 6h8v1H4z" />
+      </g>
+    </svg>
+  );
+};
+
+export default Ol;

package/admin/src/icons/Quote/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const Quote = () => {
+  return (
+    <svg width="9" height="9" xmlns="http://www.w3.org/2000/svg">
+      <g fill="#333740" fillRule="evenodd">
+        <path d="M3 0C2.047 0 1.301.263.782.782.263 1.302 0 2.047 0 3v6h3.75V3H1.5c0-.54.115-.93.343-1.157C2.07 1.615 2.46 1.5 3 1.5M8.25 0c-.953 0-1.699.263-2.218.782-.519.52-.782 1.265-.782 2.218v6H9V3H6.75c0-.54.115-.93.343-1.157.227-.228.617-.343 1.157-.343" />
+      </g>
+    </svg>
+  );
+};
+
+export default Quote;

package/admin/src/icons/Striked/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+
+const Striked = () => {
+  return (
+    <svg width="19" height="10" xmlns="http://www.w3.org/2000/svg">
+      <g fill="none" fillRule="evenodd">
+        <text
+          fontFamily="Lato-Semibold, Lato"
+          fontSize="11"
+          fontWeight="500"
+          fill="#41464E"
+          transform="translate(0 -2)"
+        >
+          <tspan x="1" y="11">
+            abc
+          </tspan>
+        </text>
+        <path d="M.5 6.5h18" stroke="#2C3039" strokeLinecap="square" />
+      </g>
+    </svg>
+  );
+};
+
+export default Striked;

package/admin/src/icons/Ul/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const Ul = () => {
+  return (
+    <svg width="13" height="7" xmlns="http://www.w3.org/2000/svg">
+      <g fill="none" fillRule="evenodd">
+        <path fill="#333740" d="M5 0h8v1H5zM5 2h8v1H5zM5 4h8v1H5zM5 6h8v1H5z" />
+        <rect stroke="#333740" x=".5" y=".5" width="2" height="2" rx="1" />
+        <rect stroke="#333740" x=".5" y="4.5" width="2" height="2" rx="1" />
+      </g>
+    </svg>
+  );
+};
+
+export default Ul;

package/admin/src/icons/Underline/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+
+const Underline = () => {
+  return (
+    <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg">
+      <text
+        transform="translate(-10 -11)"
+        fill="#101622"
+        fillRule="evenodd"
+        fontSize="13"
+        fontFamily="Baskerville-SemiBold, Baskerville"
+        fontWeight="500"
+      >
+        <tspan x="10" y="20">
+          U
+        </tspan>
+      </text>
+    </svg>
+  );
+};
+
+export default Underline;

package/admin/src/index.js

@@ -0,0 +1,52 @@
+// NOTE TO PLUGINS DEVELOPERS:
+// If you modify this file by adding new options to the plugin entry point
+// Here's the file: strapi/docs/3.0.0-beta.x/plugin-development/frontend-field-api.md
+// Here's the file: strapi/docs/3.0.0-beta.x/guides/registering-a-field-in-admin.md
+// Also the strapi-generate-plugins/files/admin/src/index.js needs to be updated
+// IF THE DOC IS NOT UPDATED THE PULL REQUEST WILL NOT BE MERGED
+
+import pluginPkg from '../../package.json';
+import pluginId from './pluginId';
+import pluginLogo from './assets/images/logo.svg';
+import App from './containers/Main';
+
+import ConfigureViewButton from './InjectedComponents/ContentTypeBuilder/ConfigureViewButton';
+import lifecycles from './lifecycles';
+import reducers from './reducers';
+import trads from './translations';
+
+export default strapi => {
+  const pluginDescription = pluginPkg.strapi.description || pluginPkg.description;
+  const plugin = {
+    blockerComponent: null,
+    blockerComponentProps: {},
+    description: pluginDescription,
+    icon: pluginPkg.strapi.icon,
+    id: pluginId,
+    initializer: null,
+    injectedComponents: [
+      {
+        plugin: 'content-type-builder.listView',
+        area: 'list.link',
+        component: ConfigureViewButton,
+        key: 'content-manager.link',
+      },
+    ],
+    injectionZones: {
+      editView: { informations: [] },
+      listView: { actions: [], deleteModalAdditionalInfos: [] },
+    },
+    isReady: true,
+    isRequired: pluginPkg.strapi.required || false,
+    layout: null,
+    lifecycles,
+    mainComponent: App,
+    name: pluginPkg.strapi.name,
+    pluginLogo,
+    preventComponentRendering: false,
+    reducers,
+    trads,
+  };
+
+  return strapi.registerPlugin(plugin);
+};