@strapi/content-manager 5.61.1 → 5.62.0

package/dist/admin/pages/EditView/components/FormInputs/Component/utils/componentCopy.mjs

@@ -0,0 +1,389 @@
+import { generateNKeysBetween } from 'fractional-indexing';
+import isEqual from 'lodash/isEqual';
+import toPath from 'lodash/toPath';
+import { isInteger, getIn, isObject, setIn } from '../../../../../../utils/objects.mjs';
+import { transformDocument } from '../../../../utils/data.mjs';
+import { createDefaultForm } from '../../../../utils/forms.mjs';
+
+const COMPONENT_META_KEYS = [
+    'id',
+    '__temp_key__'
+];
+/**
+ * The schema of a component served to the admin lists its `id` and `documentId` among its
+ * attributes, they aren't content.
+ */ const COMPONENT_META_ATTRIBUTES = new Set([
+    'id',
+    'documentId',
+    '__temp_key__'
+]);
+/**
+ * Blocks of a dynamic zone carry the uid of the component they're made of.
+ */ const getDynamicZoneBlockUid = (block)=>isObject(block) && typeof block.__component === 'string' ? block.__component : undefined;
+/**
+ * The value of a `uid` or `unique` attribute can't be copied: it's checked against the other
+ * published entries when the entry is published, and against the other rows of a repeatable
+ * component. Like the entry clone, the copy leaves it blank for the user to fill in.
+ */ const isUniqueAttribute = (attribute)=>attribute.type === 'uid' || 'unique' in attribute && attribute.unique === true;
+/* -------------------------------------------------------------------------------------------------
+ * cloneComponentData
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * @description Creates a standalone copy of a component: ids and temp keys are removed
+ * (the component and the ones nested in it will be created as new ones), `uid` and `unique`
+ * values are blanked and the data is prepared for the form, where relations start empty,
+ * see `connectRelations`.
+ */ const cloneComponentData = (value, componentUid, components)=>{
+    if (!value || typeof value !== 'object' || Array.isArray(value)) {
+        return {};
+    }
+    const schema = components[componentUid];
+    const cloned = structuredClone(value);
+    const sanitize = (datum, uid)=>{
+        const componentSchema = components[uid];
+        for (const key of COMPONENT_META_KEYS){
+            delete datum[key];
+        }
+        if (!componentSchema) {
+            return datum;
+        }
+        Object.entries(componentSchema.attributes).forEach(([attributeName, attribute])=>{
+            const currentValue = datum[attributeName];
+            if (currentValue == null) {
+                return;
+            }
+            if (isUniqueAttribute(attribute)) {
+                datum[attributeName] = null;
+                return;
+            }
+            if (attribute.type === 'component') {
+                if (attribute.repeatable && Array.isArray(currentValue)) {
+                    datum[attributeName] = currentValue.map((item)=>item && typeof item === 'object' ? sanitize(item, attribute.component) : item);
+                } else if (typeof currentValue === 'object' && !Array.isArray(currentValue)) {
+                    datum[attributeName] = sanitize(currentValue, attribute.component);
+                }
+            }
+            if (attribute.type === 'dynamiczone' && Array.isArray(currentValue)) {
+                datum[attributeName] = currentValue.map((item)=>{
+                    if (!item || typeof item !== 'object' || Array.isArray(item)) {
+                        return item;
+                    }
+                    const dynamicComponent = item;
+                    const dynamicComponentUid = dynamicComponent.__component;
+                    if (!dynamicComponentUid) {
+                        return dynamicComponent;
+                    }
+                    return {
+                        ...sanitize(dynamicComponent, dynamicComponentUid),
+                        __component: dynamicComponentUid
+                    };
+                });
+            }
+        });
+        return datum;
+    };
+    const sanitized = sanitize(cloned, componentUid);
+    if (!schema) {
+        return sanitized;
+    }
+    return transformDocument(schema, components)(sanitized);
+};
+/* -------------------------------------------------------------------------------------------------
+ * getComponentInstances
+ * -----------------------------------------------------------------------------------------------*/ const getInstanceLabel = (componentData, componentUid, index, mainField, components)=>{
+    // `id` is the main field of a component without any string attribute: not a label
+    const fieldValue = mainField && mainField !== 'id' ? getIn(componentData, mainField) : undefined;
+    if (fieldValue !== undefined && fieldValue !== null && String(fieldValue).trim().length > 0) {
+        return String(fieldValue);
+    }
+    const displayName = components[componentUid]?.info?.displayName ?? componentUid;
+    return `${displayName} ${index + 1}`;
+};
+/**
+ * @description Finds the components of the source entry that can be copied into a field.
+ *
+ * When the field is nested in a block of a repeatable component or of a dynamic zone, every block
+ * of the same kind is searched and not only the one at the same position: blocks are freely
+ * reordered from one entry to another, their position tells nothing about what they hold.
+ */ const getComponentInstances = ({ componentUid, components, getMainField, mode, schema, sourceDocument, sourceFieldName, targetValues })=>{
+    const segments = toPath(sourceFieldName);
+    let attributes = schema?.attributes;
+    // The uid of the component the blocks of a repeatable component are made of.
+    let repeatableUid;
+    let matches = [
+        {
+            value: sourceDocument,
+            path: []
+        }
+    ];
+    segments.forEach((segment, position)=>{
+        if (isInteger(segment)) {
+            const dynamicZoneUid = getDynamicZoneBlockUid(getIn(targetValues, segments.slice(0, position + 1)));
+            const blockUid = dynamicZoneUid ?? repeatableUid;
+            matches = matches.flatMap(({ value, path })=>(Array.isArray(value) ? value : []).map((block, index)=>({
+                        block,
+                        index
+                    })).filter(({ block })=>isObject(block) && (!dynamicZoneUid || block.__component === dynamicZoneUid)).map(({ block, index }, blockPosition)=>({
+                        value: block,
+                        path: [
+                            ...path,
+                            String(index)
+                        ],
+                        parentLabel: blockUid ? getInstanceLabel(block, blockUid, blockPosition, getMainField(blockUid), components) : undefined
+                    })));
+            attributes = blockUid ? components[blockUid]?.attributes : undefined;
+            return;
+        }
+        const attribute = attributes?.[segment];
+        repeatableUid = attribute?.type === 'component' ? attribute.component : undefined;
+        attributes = repeatableUid ? components[repeatableUid]?.attributes : undefined;
+        matches = matches.flatMap(({ value, path, parentLabel })=>{
+            const nextValue = isObject(value) ? value[segment] : undefined;
+            return nextValue === undefined || nextValue === null ? [] : [
+                {
+                    value: nextValue,
+                    path: [
+                        ...path,
+                        segment
+                    ],
+                    parentLabel
+                }
+            ];
+        });
+    });
+    return matches.flatMap(({ value, path, parentLabel })=>{
+        const items = Array.isArray(value) ? value.map((item, index)=>({
+                item,
+                itemPath: [
+                    ...path,
+                    String(index)
+                ]
+            })) : [
+            {
+                item: value,
+                itemPath: path
+            }
+        ];
+        return items// a dynamic zone holds different components, only the ones of the wanted kind can be copied
+        .filter(({ item })=>isObject(item) && (mode !== 'dynamiczone' || item.__component === componentUid)).map(({ item, itemPath }, itemPosition)=>({
+                source: item,
+                label: getInstanceLabel(item, componentUid, itemPosition, getMainField(componentUid), components),
+                parentLabel,
+                sourcePath: itemPath.join('.')
+            }));
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Previews
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * The attributes a component is summed up with before it's copied: the ones with a value that
+ * reads as a single line.
+ */ const PREVIEW_ATTRIBUTE_TYPES = new Set([
+    'string',
+    'text',
+    'richtext',
+    'email',
+    'uid',
+    'enumeration',
+    'integer',
+    'biginteger',
+    'float',
+    'decimal',
+    'boolean',
+    'date',
+    'datetime',
+    'time'
+]);
+/**
+ * @description Lists the filled scalar fields of a component, in the order of the given fields
+ * (typically the edit layout of the component) or of the schema. The fields whose value isn't
+ * copied (`uid`, `unique`) are left out.
+ */ const getComponentPreview = (source, componentUid, components, fields)=>{
+    const schema = components[componentUid];
+    if (!schema || !isObject(source)) {
+        return [];
+    }
+    const previewFields = fields ?? Object.keys(schema.attributes).filter((name)=>!COMPONENT_META_ATTRIBUTES.has(name)).map((name)=>({
+            name,
+            label: name
+        }));
+    return previewFields.flatMap(({ name, label })=>{
+        const attribute = schema.attributes[name];
+        const value = source[name];
+        if (!attribute || !PREVIEW_ATTRIBUTE_TYPES.has(attribute.type) || isUniqueAttribute(attribute) || value === undefined || value === null || value === '') {
+            return [];
+        }
+        return [
+            {
+                name,
+                label,
+                type: attribute.type,
+                value
+            }
+        ];
+    });
+};
+/**
+ * The stored version of a component of the form: only a component that kept its id is one,
+ * a component put in the place of a saved one (a copy, a reset then re-added one) is new.
+ */ const getSavedCounterpart = (saved, value)=>{
+    if (!isObject(value) || value.id === undefined || value.id === null) {
+        return undefined;
+    }
+    const candidates = Array.isArray(saved) ? saved : [
+        saved
+    ];
+    return candidates.find((candidate)=>isObject(candidate) && candidate.id === value.id && (value.__component === undefined || candidate.__component === value.__component));
+};
+/**
+ * @description Finds the stored version of the component at `name` in the document as the server
+ * sent it, following the ids of the rows on the way rather than their indexes (rows are
+ * reordered in the form). Returns `undefined` when the component, or a row holding it, isn't
+ * stored yet.
+ */ const getSavedComponent = (document, values, name)=>{
+    const segments = toPath(name);
+    let saved = document;
+    for (const [position, segment] of segments.entries()){
+        saved = isInteger(segment) ? getSavedCounterpart(saved, getIn(values, segments.slice(0, position + 1))) : isObject(saved) ? saved[segment] : undefined;
+        if (saved === undefined || saved === null) {
+            return undefined;
+        }
+    }
+    return getSavedCounterpart(saved, getIn(values, name));
+};
+/**
+ * @description Tells whether a component holds any content, i.e. whether copying into it would
+ * replace something. A value still equal to the default of its attribute isn't content: a
+ * component that was just added is filled with its defaults. Nested components are looked into,
+ * a boolean set to `false` is content when its attribute defaults to `true`.
+ *
+ * The form doesn't hold the saved relations of a component, only the ones being connected or
+ * disconnected: pass the stored version of the component (`saved`, see `getSavedComponent`)
+ * so that they're counted.
+ */ const isComponentBlank = (value, componentUid, components, saved)=>{
+    if (!isObject(value)) {
+        return true;
+    }
+    const schema = components[componentUid];
+    if (!schema) {
+        return Object.keys(value).every((key)=>COMPONENT_META_KEYS.includes(key));
+    }
+    const defaults = createDefaultForm(schema, components);
+    return Object.entries(schema.attributes).every(([name, attribute])=>{
+        const attributeValue = value[name];
+        if (attribute.type === 'relation') {
+            return isRelationValueBlank(attributeValue, saved?.[name]);
+        }
+        if (COMPONENT_META_ATTRIBUTES.has(name) || attributeValue === undefined || attributeValue === null || attributeValue === '' || name in defaults && isEqual(attributeValue, defaults[name])) {
+            return true;
+        }
+        return isAttributeValueBlank(attribute, attributeValue, components, saved?.[name]);
+    });
+};
+const getRelationCount = (value, key)=>isObject(value) && Array.isArray(value[key]) ? value[key].length : 0;
+/**
+ * A relation is blank when nothing is connected to it: what the form connects, plus what's
+ * stored (the `count` the server sends) minus what the form disconnects.
+ */ const isRelationValueBlank = (value, saved)=>{
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    const savedCount = isObject(saved) && typeof saved.count === 'number' ? saved.count : 0;
+    const count = isObject(value) && typeof value.count === 'number' ? value.count : savedCount;
+    return getRelationCount(value, 'connect') === 0 && count - getRelationCount(value, 'disconnect') <= 0;
+};
+/**
+ * Whether the value of an attribute is blank, once the obvious cases (no value, the default of the
+ * attribute) are ruled out by `isComponentBlank`.
+ */ const isAttributeValueBlank = (attribute, value, components, saved)=>{
+    switch(attribute.type){
+        case 'component':
+            if (attribute.repeatable) {
+                return !Array.isArray(value) || value.every((item)=>isComponentBlank(item, attribute.component, components, getSavedCounterpart(saved, item)));
+            }
+            return isComponentBlank(value, attribute.component, components, getSavedCounterpart(saved, value));
+        case 'dynamiczone':
+        case 'media':
+            return Array.isArray(value) && value.length === 0;
+        case 'boolean':
+            // `false` is content when the attribute defaults to `true`
+            return value === false && attribute.default !== true;
+        default:
+            if (Array.isArray(value)) {
+                return value.length === 0;
+            }
+            return isObject(value) && Object.keys(value).length === 0;
+    }
+};
+/* -------------------------------------------------------------------------------------------------
+ * Relations
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * @description Lists the relations of a component of the source entry, including the ones of the
+ * components nested in it. An entry only holds the count of its relations, they have to be
+ * loaded to be copied. Relation fields the user isn't allowed to read aren't part of the entry
+ * and are left out.
+ */ const getRelationsToCopy = (source, componentUid, components, path = [])=>{
+    const schema = components[componentUid];
+    if (!schema || !isObject(source)) {
+        return [];
+    }
+    const { id } = source;
+    return Object.entries(schema.attributes).flatMap(([name, attribute])=>{
+        const value = source[name];
+        if (attribute.type === 'relation') {
+            // Only what came back with the source can be copied: a relation field the user isn't
+            // allowed to read is left out of the entry. A component that was never saved has no
+            // relations to load either.
+            const hasRelations = isObject(value) && value.count !== 0;
+            if (typeof id !== 'number' && typeof id !== 'string' || !hasRelations) {
+                return [];
+            }
+            return [
+                {
+                    model: componentUid,
+                    id,
+                    targetField: name,
+                    path: [
+                        ...path,
+                        name
+                    ]
+                }
+            ];
+        }
+        if (attribute.type === 'component') {
+            if (attribute.repeatable) {
+                return (Array.isArray(value) ? value : []).flatMap((item, index)=>getRelationsToCopy(item, attribute.component, components, [
+                        ...path,
+                        name,
+                        String(index)
+                    ]));
+            }
+            return getRelationsToCopy(value, attribute.component, components, [
+                ...path,
+                name
+            ]);
+        }
+        return [];
+    });
+};
+/**
+ * @description Connects relations loaded from the source entry to the relation field at `path`
+ * of a copied component, in the shape the relations input works with.
+ */ const connectRelations = (data, path, relations)=>{
+    const keys = generateNKeysBetween(null, null, relations.length);
+    return setIn(data, [
+        ...path,
+        'connect'
+    ].join('.'), relations.map((relation, index)=>({
+            ...relation,
+            // This is what's sent to the API when the entry is saved.
+            apiData: {
+                id: relation.id,
+                documentId: relation.documentId,
+                locale: relation.locale
+            },
+            __temp_key__: keys[index]
+        })));
+};
+
+export { cloneComponentData, connectRelations, getComponentInstances, getComponentPreview, getRelationsToCopy, getSavedComponent, isComponentBlank };
+//# sourceMappingURL=componentCopy.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/Component/utils/componentCopy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentCopy.mjs","sources":["../../../../../../../../admin/src/pages/EditView/components/FormInputs/Component/utils/componentCopy.ts"],"sourcesContent":["import { generateNKeysBetween } from 'fractional-indexing';\nimport isEqual from 'lodash/isEqual';\nimport toPath from 'lodash/toPath';\n\nimport { getIn, isInteger, isObject, setIn } from '../../../../../../utils/objects';\nimport { type AnyData, transformDocument } from '../../../../utils/data';\nimport { createDefaultForm } from '../../../../utils/forms';\n\nimport type { RelationResult } from '../../../../../../../../shared/contracts/relations';\nimport type { ComponentsDictionary, Document, Schema } from '../../../../../../hooks/useDocument';\nimport type { Schema as StrapiSchema } from '@strapi/types';\n\ntype ComponentCopyMode = 'component' | 'dynamiczone';\n\ninterface ComponentInstance {\n  /**\n   * The component as it's stored on the source entry. It still has its ids,\n   * they're needed to load its relations.\n   */\n  source: AnyData;\n  label: string;\n  /**\n   * Label of the block holding the field, when the field is nested\n   * in a repeatable component or in a dynamic zone.\n   */\n  parentLabel?: string;\n  /**\n   * Where the component sits in the source entry, e.g. `dynamiczone.2.dish.0`.\n   */\n  sourcePath: string;\n}\n\ninterface RelationToCopy {\n  /**\n   * The uid & id of the component holding the relation on the source entry.\n   */\n  model: string;\n  id: RelationResult['id'];\n  targetField: string;\n  /**\n   * Path of the relation field from the root of the copied component.\n   */\n  path: string[];\n}\n\nconst COMPONENT_META_KEYS = ['id', '__temp_key__'];\n\n/**\n * The schema of a component served to the admin lists its `id` and `documentId` among its\n * attributes, they aren't content.\n */\nconst COMPONENT_META_ATTRIBUTES = new Set(['id', 'documentId', '__temp_key__']);\n\n/**\n * Blocks of a dynamic zone carry the uid of the component they're made of.\n */\nconst getDynamicZoneBlockUid = (block: unknown) =>\n  isObject(block) && typeof block.__component === 'string' ? block.__component : undefined;\n\n/**\n * The value of a `uid` or `unique` attribute can't be copied: it's checked against the other\n * published entries when the entry is published, and against the other rows of a repeatable\n * component. Like the entry clone, the copy leaves it blank for the user to fill in.\n */\nconst isUniqueAttribute = (attribute: StrapiSchema.Attribute.AnyAttribute) =>\n  attribute.type === 'uid' || ('unique' in attribute && attribute.unique === true);\n\n/* -------------------------------------------------------------------------------------------------\n * cloneComponentData\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @description Creates a standalone copy of a component: ids and temp keys are removed\n * (the component and the ones nested in it will be created as new ones), `uid` and `unique`\n * values are blanked and the data is prepared for the form, where relations start empty,\n * see `connectRelations`.\n */\nconst cloneComponentData = (\n  value: unknown,\n  componentUid: string,\n  components: ComponentsDictionary\n): AnyData => {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) {\n    return {};\n  }\n\n  const schema = components[componentUid];\n  const cloned = structuredClone(value) as AnyData;\n\n  const sanitize = (datum: AnyData, uid: string) => {\n    const componentSchema = components[uid];\n\n    for (const key of COMPONENT_META_KEYS) {\n      delete datum[key];\n    }\n\n    if (!componentSchema) {\n      return datum;\n    }\n\n    Object.entries(componentSchema.attributes).forEach(([attributeName, attribute]) => {\n      const currentValue = datum[attributeName];\n\n      if (currentValue == null) {\n        return;\n      }\n\n      if (isUniqueAttribute(attribute)) {\n        datum[attributeName] = null;\n\n        return;\n      }\n\n      if (attribute.type === 'component') {\n        if (attribute.repeatable && Array.isArray(currentValue)) {\n          datum[attributeName] = currentValue.map((item) =>\n            item && typeof item === 'object' ? sanitize(item as AnyData, attribute.component) : item\n          );\n        } else if (typeof currentValue === 'object' && !Array.isArray(currentValue)) {\n          datum[attributeName] = sanitize(currentValue as AnyData, attribute.component);\n        }\n      }\n\n      if (attribute.type === 'dynamiczone' && Array.isArray(currentValue)) {\n        datum[attributeName] = currentValue.map((item) => {\n          if (!item || typeof item !== 'object' || Array.isArray(item)) {\n            return item;\n          }\n\n          const dynamicComponent = item as AnyData & { __component?: string };\n          const dynamicComponentUid = dynamicComponent.__component;\n\n          if (!dynamicComponentUid) {\n            return dynamicComponent;\n          }\n\n          return {\n            ...sanitize(dynamicComponent, dynamicComponentUid),\n            __component: dynamicComponentUid,\n          };\n        });\n      }\n    });\n\n    return datum;\n  };\n\n  const sanitized = sanitize(cloned, componentUid);\n\n  if (!schema) {\n    return sanitized;\n  }\n\n  return transformDocument(schema, components)(sanitized);\n};\n\n/* -------------------------------------------------------------------------------------------------\n * getComponentInstances\n * -----------------------------------------------------------------------------------------------*/\n\nconst getInstanceLabel = (\n  componentData: unknown,\n  componentUid: string,\n  index: number,\n  mainField: string | undefined,\n  components: ComponentsDictionary\n) => {\n  // `id` is the main field of a component without any string attribute: not a label\n  const fieldValue = mainField && mainField !== 'id' ? getIn(componentData, mainField) : undefined;\n\n  if (fieldValue !== undefined && fieldValue !== null && String(fieldValue).trim().length > 0) {\n    return String(fieldValue);\n  }\n\n  const displayName = components[componentUid]?.info?.displayName ?? componentUid;\n\n  return `${displayName} ${index + 1}`;\n};\n\ninterface GetComponentInstancesArgs {\n  componentUid: string;\n  components: ComponentsDictionary;\n  getMainField: (componentUid: string) => string | undefined;\n  mode: ComponentCopyMode;\n  /**\n   * The schema of the content-type the entries belong to.\n   */\n  schema?: Schema;\n  sourceDocument: Document;\n  /**\n   * The path of the field in the entry being edited, e.g. `dynamiczone.1.dish`\n   */\n  sourceFieldName: string;\n  /**\n   * The values of the entry being edited.\n   */\n  targetValues: unknown;\n}\n\ninterface SourceMatch {\n  value: unknown;\n  path: string[];\n  parentLabel?: string;\n}\n\n/**\n * @description Finds the components of the source entry that can be copied into a field.\n *\n * When the field is nested in a block of a repeatable component or of a dynamic zone, every block\n * of the same kind is searched and not only the one at the same position: blocks are freely\n * reordered from one entry to another, their position tells nothing about what they hold.\n */\nconst getComponentInstances = ({\n  componentUid,\n  components,\n  getMainField,\n  mode,\n  schema,\n  sourceDocument,\n  sourceFieldName,\n  targetValues,\n}: GetComponentInstancesArgs): ComponentInstance[] => {\n  const segments = toPath(sourceFieldName);\n\n  let attributes: Schema['attributes'] | undefined = schema?.attributes;\n  // The uid of the component the blocks of a repeatable component are made of.\n  let repeatableUid: string | undefined;\n  let matches: SourceMatch[] = [{ value: sourceDocument, path: [] }];\n\n  segments.forEach((segment, position) => {\n    if (isInteger(segment)) {\n      const dynamicZoneUid = getDynamicZoneBlockUid(\n        getIn(targetValues, segments.slice(0, position + 1))\n      );\n      const blockUid = dynamicZoneUid ?? repeatableUid;\n\n      matches = matches.flatMap(({ value, path }) =>\n        (Array.isArray(value) ? value : [])\n          .map((block, index) => ({ block, index }))\n          .filter(\n            ({ block }) =>\n              isObject(block) && (!dynamicZoneUid || block.__component === dynamicZoneUid)\n          )\n          .map(({ block, index }, blockPosition) => ({\n            value: block,\n            path: [...path, String(index)],\n            parentLabel: blockUid\n              ? getInstanceLabel(block, blockUid, blockPosition, getMainField(blockUid), components)\n              : undefined,\n          }))\n      );\n\n      attributes = blockUid ? components[blockUid]?.attributes : undefined;\n\n      return;\n    }\n\n    const attribute = attributes?.[segment];\n\n    repeatableUid = attribute?.type === 'component' ? attribute.component : undefined;\n    attributes = repeatableUid ? components[repeatableUid]?.attributes : undefined;\n\n    matches = matches.flatMap(({ value, path, parentLabel }) => {\n      const nextValue = isObject(value) ? value[segment] : undefined;\n\n      return nextValue === undefined || nextValue === null\n        ? []\n        : [{ value: nextValue, path: [...path, segment], parentLabel }];\n    });\n  });\n\n  return matches.flatMap(({ value, path, parentLabel }) => {\n    const items = Array.isArray(value)\n      ? value.map((item, index) => ({ item, itemPath: [...path, String(index)] }))\n      : [{ item: value, itemPath: path }];\n\n    return (\n      items\n        // a dynamic zone holds different components, only the ones of the wanted kind can be copied\n        .filter(\n          ({ item }) =>\n            isObject(item) && (mode !== 'dynamiczone' || item.__component === componentUid)\n        )\n        .map(({ item, itemPath }, itemPosition) => ({\n          source: item as AnyData,\n          label: getInstanceLabel(\n            item,\n            componentUid,\n            itemPosition,\n            getMainField(componentUid),\n            components\n          ),\n          parentLabel,\n          sourcePath: itemPath.join('.'),\n        }))\n    );\n  });\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Previews\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * The attributes a component is summed up with before it's copied: the ones with a value that\n * reads as a single line.\n */\nconst PREVIEW_ATTRIBUTE_TYPES = new Set<StrapiSchema.Attribute.Kind>([\n  'string',\n  'text',\n  'richtext',\n  'email',\n  'uid',\n  'enumeration',\n  'integer',\n  'biginteger',\n  'float',\n  'decimal',\n  'boolean',\n  'date',\n  'datetime',\n  'time',\n]);\n\ninterface ComponentPreviewField {\n  name: string;\n  label: string;\n  type: StrapiSchema.Attribute.Kind;\n  value: unknown;\n}\n\n/**\n * @description Lists the filled scalar fields of a component, in the order of the given fields\n * (typically the edit layout of the component) or of the schema. The fields whose value isn't\n * copied (`uid`, `unique`) are left out.\n */\nconst getComponentPreview = (\n  source: unknown,\n  componentUid: string,\n  components: ComponentsDictionary,\n  fields?: Array<{ name: string; label: string }>\n): ComponentPreviewField[] => {\n  const schema = components[componentUid];\n\n  if (!schema || !isObject(source)) {\n    return [];\n  }\n\n  const previewFields =\n    fields ??\n    Object.keys(schema.attributes)\n      .filter((name) => !COMPONENT_META_ATTRIBUTES.has(name))\n      .map((name) => ({ name, label: name }));\n\n  return previewFields.flatMap(({ name, label }) => {\n    const attribute = schema.attributes[name];\n    const value = source[name];\n\n    if (\n      !attribute ||\n      !PREVIEW_ATTRIBUTE_TYPES.has(attribute.type) ||\n      isUniqueAttribute(attribute) ||\n      value === undefined ||\n      value === null ||\n      value === ''\n    ) {\n      return [];\n    }\n\n    return [{ name, label, type: attribute.type, value }];\n  });\n};\n\n/**\n * The stored version of a component of the form: only a component that kept its id is one,\n * a component put in the place of a saved one (a copy, a reset then re-added one) is new.\n */\nconst getSavedCounterpart = (saved: unknown, value: unknown): AnyData | undefined => {\n  if (!isObject(value) || value.id === undefined || value.id === null) {\n    return undefined;\n  }\n\n  const candidates = Array.isArray(saved) ? saved : [saved];\n\n  return candidates.find(\n    (candidate): candidate is AnyData =>\n      isObject(candidate) &&\n      candidate.id === value.id &&\n      (value.__component === undefined || candidate.__component === value.__component)\n  );\n};\n\n/**\n * @description Finds the stored version of the component at `name` in the document as the server\n * sent it, following the ids of the rows on the way rather than their indexes (rows are\n * reordered in the form). Returns `undefined` when the component, or a row holding it, isn't\n * stored yet.\n */\nconst getSavedComponent = (\n  document: unknown,\n  values: unknown,\n  name: string\n): AnyData | undefined => {\n  const segments = toPath(name);\n  let saved: unknown = document;\n\n  for (const [position, segment] of segments.entries()) {\n    saved = isInteger(segment)\n      ? getSavedCounterpart(saved, getIn(values, segments.slice(0, position + 1)))\n      : isObject(saved)\n        ? saved[segment]\n        : undefined;\n\n    if (saved === undefined || saved === null) {\n      return undefined;\n    }\n  }\n\n  return getSavedCounterpart(saved, getIn(values, name));\n};\n\n/**\n * @description Tells whether a component holds any content, i.e. whether copying into it would\n * replace something. A value still equal to the default of its attribute isn't content: a\n * component that was just added is filled with its defaults. Nested components are looked into,\n * a boolean set to `false` is content when its attribute defaults to `true`.\n *\n * The form doesn't hold the saved relations of a component, only the ones being connected or\n * disconnected: pass the stored version of the component (`saved`, see `getSavedComponent`)\n * so that they're counted.\n */\nconst isComponentBlank = (\n  value: unknown,\n  componentUid: string,\n  components: ComponentsDictionary,\n  saved?: AnyData\n): boolean => {\n  if (!isObject(value)) {\n    return true;\n  }\n\n  const schema = components[componentUid];\n\n  if (!schema) {\n    return Object.keys(value).every((key) => COMPONENT_META_KEYS.includes(key));\n  }\n\n  const defaults = createDefaultForm(schema, components);\n\n  return Object.entries(schema.attributes).every(([name, attribute]) => {\n    const attributeValue = value[name];\n\n    if (attribute.type === 'relation') {\n      return isRelationValueBlank(attributeValue, saved?.[name]);\n    }\n\n    if (\n      COMPONENT_META_ATTRIBUTES.has(name) ||\n      attributeValue === undefined ||\n      attributeValue === null ||\n      attributeValue === '' ||\n      (name in defaults && isEqual(attributeValue, defaults[name]))\n    ) {\n      return true;\n    }\n\n    return isAttributeValueBlank(attribute, attributeValue, components, saved?.[name]);\n  });\n};\n\nconst getRelationCount = (value: unknown, key: 'connect' | 'disconnect') =>\n  isObject(value) && Array.isArray(value[key]) ? value[key].length : 0;\n\n/**\n * A relation is blank when nothing is connected to it: what the form connects, plus what's\n * stored (the `count` the server sends) minus what the form disconnects.\n */\nconst isRelationValueBlank = (value: unknown, saved: unknown) => {\n  if (Array.isArray(value)) {\n    return value.length === 0;\n  }\n\n  const savedCount = isObject(saved) && typeof saved.count === 'number' ? saved.count : 0;\n  const count = isObject(value) && typeof value.count === 'number' ? value.count : savedCount;\n\n  return (\n    getRelationCount(value, 'connect') === 0 && count - getRelationCount(value, 'disconnect') <= 0\n  );\n};\n\n/**\n * Whether the value of an attribute is blank, once the obvious cases (no value, the default of the\n * attribute) are ruled out by `isComponentBlank`.\n */\nconst isAttributeValueBlank = (\n  attribute: StrapiSchema.Attribute.AnyAttribute,\n  value: unknown,\n  components: ComponentsDictionary,\n  saved: unknown\n): boolean => {\n  switch (attribute.type) {\n    case 'component':\n      if (attribute.repeatable) {\n        return (\n          !Array.isArray(value) ||\n          value.every((item) =>\n            isComponentBlank(\n              item,\n              attribute.component,\n              components,\n              getSavedCounterpart(saved, item)\n            )\n          )\n        );\n      }\n\n      return isComponentBlank(\n        value,\n        attribute.component,\n        components,\n        getSavedCounterpart(saved, value)\n      );\n    case 'dynamiczone':\n    case 'media':\n      return Array.isArray(value) && value.length === 0;\n    case 'boolean':\n      // `false` is content when the attribute defaults to `true`\n      return value === false && attribute.default !== true;\n    default:\n      if (Array.isArray(value)) {\n        return value.length === 0;\n      }\n\n      return isObject(value) && Object.keys(value).length === 0;\n  }\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Relations\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @description Lists the relations of a component of the source entry, including the ones of the\n * components nested in it. An entry only holds the count of its relations, they have to be\n * loaded to be copied. Relation fields the user isn't allowed to read aren't part of the entry\n * and are left out.\n */\nconst getRelationsToCopy = (\n  source: unknown,\n  componentUid: string,\n  components: ComponentsDictionary,\n  path: string[] = []\n): RelationToCopy[] => {\n  const schema = components[componentUid];\n\n  if (!schema || !isObject(source)) {\n    return [];\n  }\n\n  const { id } = source;\n\n  return Object.entries(schema.attributes).flatMap(([name, attribute]) => {\n    const value = source[name];\n\n    if (attribute.type === 'relation') {\n      // Only what came back with the source can be copied: a relation field the user isn't\n      // allowed to read is left out of the entry. A component that was never saved has no\n      // relations to load either.\n      const hasRelations = isObject(value) && value.count !== 0;\n\n      if ((typeof id !== 'number' && typeof id !== 'string') || !hasRelations) {\n        return [];\n      }\n\n      return [{ model: componentUid, id, targetField: name, path: [...path, name] }];\n    }\n\n    if (attribute.type === 'component') {\n      if (attribute.repeatable) {\n        return (Array.isArray(value) ? value : []).flatMap((item, index) =>\n          getRelationsToCopy(item, attribute.component, components, [...path, name, String(index)])\n        );\n      }\n\n      return getRelationsToCopy(value, attribute.component, components, [...path, name]);\n    }\n\n    return [];\n  });\n};\n\n/**\n * @description Connects relations loaded from the source entry to the relation field at `path`\n * of a copied component, in the shape the relations input works with.\n */\nconst connectRelations = (data: AnyData, path: string[], relations: RelationResult[]): AnyData => {\n  const keys = generateNKeysBetween(null, null, relations.length);\n\n  return setIn(\n    data,\n    [...path, 'connect'].join('.'),\n    relations.map((relation, index) => ({\n      ...relation,\n      // This is what's sent to the API when the entry is saved.\n      apiData: {\n        id: relation.id,\n        documentId: relation.documentId,\n        locale: relation.locale,\n      },\n      __temp_key__: keys[index],\n    }))\n  );\n};\n\nexport {\n  cloneComponentData,\n  connectRelations,\n  getComponentInstances,\n  getComponentPreview,\n  getRelationsToCopy,\n  getSavedComponent,\n  isComponentBlank,\n};\nexport type { ComponentCopyMode, ComponentInstance, ComponentPreviewField, RelationToCopy };\n"],"names":["COMPONENT_META_KEYS","COMPONENT_META_ATTRIBUTES","Set","getDynamicZoneBlockUid","block","isObject","__component","undefined","isUniqueAttribute","attribute","type","unique","cloneComponentData","value","componentUid","components","Array","isArray","schema","cloned","structuredClone","sanitize","datum","uid","componentSchema","key","Object","entries","attributes","forEach","attributeName","currentValue","repeatable","map","item","component","dynamicComponent","dynamicComponentUid","sanitized","transformDocument","getInstanceLabel","componentData","index","mainField","fieldValue","getIn","String","trim","length","displayName","info","getComponentInstances","getMainField","mode","sourceDocument","sourceFieldName","targetValues","segments","toPath","repeatableUid","matches","path","segment","position","isInteger","dynamicZoneUid","slice","blockUid","flatMap","filter","blockPosition","parentLabel","nextValue","items","itemPath","itemPosition","source","label","sourcePath","join","PREVIEW_ATTRIBUTE_TYPES","getComponentPreview","fields","previewFields","keys","name","has","getSavedCounterpart","saved","id","candidates","find","candidate","getSavedComponent","document","values","isComponentBlank","every","includes","defaults","createDefaultForm","attributeValue","isRelationValueBlank","isEqual","isAttributeValueBlank","getRelationCount","savedCount","count","default","getRelationsToCopy","hasRelations","model","targetField","connectRelations","data","relations","generateNKeysBetween","setIn","relation","apiData","documentId","locale","__temp_key__"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/ComponentCategory.js

@@ -8,6 +8,7 @@ var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
 var ComponentIcon = require('../../../../../components/ComponentIcon.js');
 var previewImage = require('../../../../../utils/previewImage.js');
+var AddComponentMenu = require('../Component/AddComponentMenu.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -105,7 +106,7 @@ const EMPTY_COMPONENTS = [];
         onError: ()=>setHasLoadError(true)
     });
 };
-const ComponentCategory = ({ category, components = EMPTY_COMPONENTS, variant = 'primary', onAddComponent })=>{
+const ComponentCategory = ({ category, components = EMPTY_COMPONENTS, variant = 'primary', onAddComponent, onCopyComponent })=>{
     const { formatMessage } = reactIntl.useIntl();
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Accordion.Item, {
         value: category,
@@ -127,6 +128,53 @@ const ComponentCategory = ({ category, components = EMPTY_COMPONENTS, variant =
                     paddingRight: 3,
                     children: components.map(({ uid, displayName, icon, preview })=>{
                         const previewUrl = previewImage.resolvePreviewImageUrl(preview);
+                        const name = formatMessage({
+                            id: uid,
+                            defaultMessage: displayName ?? uid
+                        });
+                        const tile = /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            tag: "span",
+                            direction: "column",
+                            gap: 1,
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "100%",
+                            paddingLeft: 2,
+                            paddingRight: 2,
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(ComponentTileVisual, {
+                                    previewUrl: previewUrl,
+                                    icon: icon,
+                                    displayName: displayName
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                                    label: name,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        tag: "span",
+                                        variant: "pi",
+                                        fontWeight: "bold",
+                                        ellipsis: true,
+                                        width: "100%",
+                                        children: name
+                                    })
+                                })
+                            ]
+                        });
+                        if (onCopyComponent) {
+                            return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(ComponentMenuTrigger, {
+                                        endIcon: null,
+                                        children: tile
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(AddComponentMenu.AddComponentMenuContent, {
+                                        kind: "component",
+                                        onAddEmpty: onAddComponent(uid),
+                                        onCopy: onCopyComponent(uid)
+                                    })
+                                ]
+                            }, uid);
+                        }
                         return /*#__PURE__*/ jsxRuntime.jsx(ComponentBox, {
                             tag: "button",
                             type: "button",
@@ -137,38 +185,7 @@ const ComponentCategory = ({ category, components = EMPTY_COMPONENTS, variant =
                             height: "8.4rem",
                             shrink: 0,
                             borderColor: "neutral200",
-                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                direction: "column",
-                                gap: 1,
-                                alignItems: "center",
-                                justifyContent: "center",
-                                width: "100%",
-                                paddingLeft: 2,
-                                paddingRight: 2,
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx(ComponentTileVisual, {
-                                        previewUrl: previewUrl,
-                                        icon: icon,
-                                        displayName: displayName
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
-                                        label: formatMessage({
-                                            id: uid,
-                                            defaultMessage: displayName ?? uid
-                                        }),
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                            variant: "pi",
-                                            fontWeight: "bold",
-                                            ellipsis: true,
-                                            width: "100%",
-                                            children: formatMessage({
-                                                id: uid,
-                                                defaultMessage: displayName ?? uid
-                                            })
-                                        })
-                                    })
-                                ]
-                            })
+                            children: tile
                         }, uid);
                     })
                 })
@@ -217,6 +234,40 @@ const ComponentBox = styledComponents.styled(designSystem.Flex)`
     color: ${({ theme })=>theme.colors.primary600};
   }
 `;
+/**
+ * Same tile as `ComponentBox`, as the trigger of the menu offering to add the component empty or
+ * to copy it from another entry. The trigger is a button of the design system, hence the
+ * overrides.
+ */ const ComponentMenuTrigger = styledComponents.styled(designSystem.Menu.Trigger)`
+  && {
+    width: 100%;
+    height: 8.4rem;
+    padding: 0;
+    justify-content: center;
+    border: 1px solid ${({ theme })=>theme.colors.neutral200};
+    border-radius: ${({ theme })=>theme.borderRadius};
+    background: ${({ theme })=>theme.colors.neutral100};
+    color: ${({ theme })=>theme.colors.neutral600};
+  }
+
+  /* the wrapper of the tile content */
+  && > span {
+    flex: 1;
+    min-width: 0;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    transition: color 120ms ${(props)=>props.theme.motion.easings.easeOutQuad};
+  }
+
+  &&:focus,
+  &&:hover,
+  &&[data-state='open'] {
+    border-color: ${({ theme })=>theme.colors.primary200};
+    background: ${({ theme })=>theme.colors.primary100};
+    color: ${({ theme })=>theme.colors.primary600};
+  }
+`;
 
 exports.ComponentCategory = ComponentCategory;
 //# sourceMappingURL=ComponentCategory.js.map