@strapi/content-manager 5.61.0 → 5.62.0

package/dist/admin/pages/EditView/utils/data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"data.mjs","sources":["../../../../../admin/src/pages/EditView/utils/data.ts"],"sourcesContent":["import { createRulesEngine } from '@strapi/admin/strapi-admin';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport flow from 'lodash/flow';\n\nimport { DOCUMENT_META_FIELDS } from '../../../constants/attributes';\n\nimport type { ComponentsDictionary, Document } from '../../../hooks/useDocument';\nimport type { Schema, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * traverseData\n * -----------------------------------------------------------------------------------------------*/\n\n// Make only attributes required since it's the only one Content History has\ntype PartialSchema = Partial<Schema.Schema> & Pick<Schema.Schema, 'attributes'>;\n\ntype Predicate = <TAttribute extends Schema.Attribute.AnyAttribute>(\n  attribute: TAttribute,\n  value: Schema.Attribute.Value<TAttribute>\n) => boolean;\ntype Transform = <TAttribute extends Schema.Attribute.AnyAttribute>(\n  value: Schema.Attribute.Value<TAttribute>,\n  attribute: TAttribute\n) => unknown;\ntype AnyData = Omit<Document, 'id'>;\n\nconst BLOCK_LIST_ATTRIBUTE_KEYS = new Set(['__component', '__temp_key__']);\n\n/**\n * @internal\n * @description Returns the direct parent object for a dot-separated path.\n */\nconst getDirectParent = (data: unknown, path: string): unknown => {\n  if (!path) return undefined;\n  const isNumericIndex = (value: string) => /^\\d+$/.test(value);\n  const segments = path.split('.');\n  const parentPath = segments.slice(0, -1);\n  let current: unknown = data;\n\n  for (const segment of parentPath) {\n    if (current == null) return undefined;\n\n    if (isNumericIndex(segment)) {\n      if (!Array.isArray(current)) return undefined;\n      current = current[Number(segment)];\n      continue;\n    }\n\n    if (typeof current !== 'object') return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n\n  return current;\n};\n\n/**\n * @internal This function is used to traverse the data and transform the values.\n * Given a predicate function, it will transform the value (using the given transform function)\n * if the predicate returns true. If it finds that the attribute is a component or dynamiczone,\n * it will recursively traverse those data structures as well.\n *\n * It is possible to break the ContentManager by using this function incorrectly, for example,\n * if you transform a number into a string but the attribute type is a number, the ContentManager\n * will not be able to save the data and the Form will likely crash because the component it's\n * passing the data too won't successfully be able to handle the value.\n */\nconst traverseData =\n  (predicate: Predicate, transform: Transform) =>\n  (schema: PartialSchema, components: ComponentsDictionary = {}) =>\n  (data: AnyData = {}) => {\n    const traverse = (datum: AnyData, attributes: Schema.Schema['attributes']) => {\n      return Object.entries(datum).reduce<AnyData>((acc, [key, value]) => {\n        const attribute = attributes[key];\n\n        /**\n         * If the attribute is a block list attribute, we don't want to transform it.\n         * We also don't want to transform null or undefined values.\n         */\n        if (BLOCK_LIST_ATTRIBUTE_KEYS.has(key) || value === null || value === undefined) {\n          acc[key] = value;\n          return acc;\n        }\n\n        // The schema may not contain the attribute when historical data references a\n        // component or field that no longer exists (e.g. a component detached from a\n        // dynamic zone via the content-type-builder). Pass the value through so the\n        // History view can still render the rest of the document.\n        if (!attribute) {\n          acc[key] = value;\n          return acc;\n        }\n\n        if (attribute.type === 'component') {\n          if (attribute.repeatable) {\n            const componentValue = (\n              predicate(attribute, value) ? transform(value, attribute) : value\n            ) as Schema.Attribute.Value<Schema.Attribute.Component<UID.Component, true>>;\n            acc[key] = componentValue.map((componentData) =>\n              traverse(componentData, components[attribute.component]?.attributes ?? {})\n            );\n          } else {\n            const componentValue = (\n              predicate(attribute, value) ? transform(value, attribute) : value\n            ) as Schema.Attribute.Value<Schema.Attribute.Component<UID.Component, false>>;\n\n            acc[key] = traverse(componentValue, components[attribute.component]?.attributes ?? {});\n          }\n        } else if (attribute.type === 'dynamiczone') {\n          const dynamicZoneValue = (\n            predicate(attribute, value) ? transform(value, attribute) : value\n          ) as Schema.Attribute.Value<Schema.Attribute.DynamicZone>;\n\n          acc[key] = dynamicZoneValue.map((componentData) =>\n            traverse(componentData, components[componentData.__component]?.attributes ?? {})\n          );\n        } else if (predicate(attribute, value)) {\n          acc[key] = transform(value, attribute);\n        } else {\n          acc[key] = value;\n        }\n\n        return acc;\n      }, {});\n    };\n\n    return traverse(data, schema.attributes);\n  };\n\n/* -------------------------------------------------------------------------------------------------\n * removeProhibitedFields\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Removes all the fields that are not allowed.\n */\nconst removeProhibitedFields = (prohibitedFields: Schema.Attribute.Kind[]) =>\n  traverseData(\n    (attribute) => prohibitedFields.includes(attribute.type),\n    () => ''\n  );\n\n/* -------------------------------------------------------------------------------------------------\n * prepareRelations\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Sets all relation values to an empty array.\n */\nconst prepareRelations = traverseData(\n  (attribute) => attribute.type === 'relation',\n  () => ({\n    connect: [],\n    disconnect: [],\n  })\n);\n\n/* -------------------------------------------------------------------------------------------------\n * prepareTempKeys\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Adds a `__temp_key__` to each component and dynamiczone item. This gives us\n * a stable identifier regardless of its ids etc. that we can then use for drag and drop.\n */\nconst prepareTempKeys = traverseData(\n  (attribute) =>\n    (attribute.type === 'component' && attribute.repeatable) || attribute.type === 'dynamiczone',\n  (data) => {\n    if (Array.isArray(data) && data.length > 0) {\n      const keys = generateNKeysBetween(undefined, undefined, data.length);\n\n      return data.map((datum, index) => ({\n        ...datum,\n        __temp_key__: keys[index],\n      }));\n    }\n\n    return data;\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * removeFieldsThatDontExistOnSchema\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Fields that don't exist in the schema like createdAt etc. are only on the first level (not nested),\n * as such we don't need to traverse the components to remove them.\n */\nconst removeFieldsThatDontExistOnSchema = (schema: PartialSchema) => (data: AnyData) => {\n  const schemaKeys = Object.keys(schema.attributes);\n  const dataKeys = Object.keys(data);\n\n  const keysToRemove = dataKeys.filter((key) => !schemaKeys.includes(key));\n\n  const revisedData = [...keysToRemove, ...DOCUMENT_META_FIELDS].reduce((acc, key) => {\n    delete acc[key];\n\n    return acc;\n  }, structuredClone(data));\n\n  return revisedData;\n};\n\n/**\n * @internal\n * @description We need to remove null fields from the data-structure because it will pass it\n * to the specific inputs breaking them as most would prefer empty strings or `undefined` if\n * they're controlled / uncontrolled. However, Boolean fields should preserve null values.\n */\nconst removeNullValues = (schema: PartialSchema, components: ComponentsDictionary = {}) =>\n  traverseData(\n    (attribute, value) => value === null && attribute.type !== 'boolean',\n    () => undefined\n  )(schema, components);\n\n/* -------------------------------------------------------------------------------------------------\n * transformDocuments\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Takes a document data structure (this could be from the API or a default form structure)\n * and applies consistent data transformations to it. This is also used when we add new components to the\n * form to ensure the data is correctly prepared from their default state e.g. relations are set to an empty array.\n */\nconst transformDocument =\n  (schema: PartialSchema, components: ComponentsDictionary = {}) =>\n  (document: AnyData) => {\n    const transformations = flow(\n      removeFieldsThatDontExistOnSchema(schema),\n      removeProhibitedFields(['password'])(schema, components),\n      removeNullValues(schema, components),\n      prepareRelations(schema, components),\n      prepareTempKeys(schema, components)\n    );\n\n    return transformations(document);\n  };\n\ntype HandleOptions = {\n  schema?: Schema.ContentType | Schema.Component;\n  initialValues?: AnyData;\n  components?: Record<string, Schema.Component>;\n};\n\ntype RemovedFieldPath = string;\n\n/**\n * @internal\n * @description Finds the initial value for a component or dynamic zone item (based on its __temp_key__ and not its index).\n * @param initialValue - The initial values object.\n * @param item - The item to find the initial value for.\n * @returns The initial value for the item.\n */\nconst getItemInitialValue = (initialValue: AnyData, item: AnyData) => {\n  if (initialValue && Array.isArray(initialValue)) {\n    const matchingInitialItem = initialValue.find(\n      (initialItem) => initialItem.__temp_key__ === item.__temp_key__\n    );\n    if (matchingInitialItem) {\n      return matchingInitialItem;\n    }\n  }\n  return {};\n};\n\n/**\n * @internal\n * @description Collects paths of attributes that should be removed based on visibility conditions.\n * This function only evaluates conditions.visible (JSON Logic), not the visible boolean property.\n *\n * @param data - The data object to evaluate\n * @param schema - The content type schema\n * @param components - Dictionary of component schemas\n * @param path - Current path in the data structure (for nested components/dynamiczones)\n * @returns Array of field paths that should be removed\n */\nconst collectInvisibleAttributes = (\n  data: AnyData,\n  schema: Schema.ContentType | Schema.Component | undefined,\n  components: Record<string, Schema.Component>,\n  path: string[] = []\n): RemovedFieldPath[] => {\n  if (!schema?.attributes) return [];\n\n  const rulesEngine = createRulesEngine();\n  const removedPaths: RemovedFieldPath[] = [];\n  const evaluatedData: AnyData = {};\n\n  for (const [attrName, attrDef] of Object.entries(schema.attributes)) {\n    const fullPath = [...path, attrName].join('.');\n\n    // Skip fields with visible: false - they're managed by backend\n    if ('visible' in attrDef && attrDef.visible === false) {\n      continue;\n    }\n\n    const condition = attrDef?.conditions?.visible;\n    const isVisible = condition\n      ? rulesEngine.evaluate(condition, { ...data, ...evaluatedData })\n      : true;\n\n    if (!isVisible) {\n      removedPaths.push(fullPath);\n      continue;\n    }\n\n    // Track this field for future condition evaluations\n    if (attrName in data) {\n      evaluatedData[attrName] = data[attrName];\n    }\n\n    // Recursively process components\n    if (attrDef.type === 'component') {\n      const compSchema = components[attrDef.component];\n      const value = data[attrName];\n\n      if (attrDef.repeatable && Array.isArray(value)) {\n        value.forEach((item) => {\n          const nestedPaths = collectInvisibleAttributes(item, compSchema, components, [\n            ...path,\n            `${attrName}[${item.__temp_key__}]`,\n          ]);\n          removedPaths.push(...nestedPaths);\n        });\n      } else if (value && typeof value === 'object') {\n        const nestedPaths = collectInvisibleAttributes(value, compSchema, components, [\n          ...path,\n          attrName,\n        ]);\n        removedPaths.push(...nestedPaths);\n      }\n    }\n\n    // Recursively process dynamic zones\n    if (attrDef.type === 'dynamiczone' && Array.isArray(data[attrName])) {\n      data[attrName].forEach((dzItem: AnyData) => {\n        const compUID = dzItem?.__component;\n        const compSchema = components[compUID];\n        const nestedPaths = collectInvisibleAttributes(dzItem, compSchema, components, [\n          ...path,\n          `${attrName}[${dzItem.__temp_key__}]`,\n        ]);\n        removedPaths.push(...nestedPaths);\n      });\n    }\n  }\n\n  return removedPaths;\n};\n\n/**\n * @internal\n * @description Removes attributes from data based on the list of paths to remove.\n * Preserves fields with visible: false from data or initialValues.\n *\n * @param data - The data object to filter\n * @param initialValues - Initial values to fall back to\n * @param schema - The content type schema\n * @param components - Dictionary of component schemas\n * @param removedPaths - Array of field paths to remove\n * @param currentPath - Current path in the data structure\n * @returns Filtered data object\n */\nconst filterDataByRemovedPaths = (\n  data: AnyData,\n  initialValues: AnyData,\n  schema: Schema.ContentType | Schema.Component | undefined,\n  components: Record<string, Schema.Component>,\n  removedPaths: RemovedFieldPath[],\n  currentPath: string[] = []\n): AnyData => {\n  if (!schema?.attributes) return data;\n\n  const result: AnyData = {};\n\n  for (const [attrName, attrDef] of Object.entries(schema.attributes)) {\n    const fullPath = [...currentPath, attrName].join('.');\n\n    // Check if this field should be removed\n    if (removedPaths.includes(fullPath)) {\n      continue;\n    }\n\n    // Handle fields with visible: false - preserve from data or initialValues\n    if ('visible' in attrDef && attrDef.visible === false) {\n      const userProvided = Object.hasOwn(data, attrName);\n      if (userProvided) {\n        result[attrName] = data[attrName];\n      } else if (attrName in initialValues) {\n        result[attrName] = initialValues[attrName];\n      }\n      continue;\n    }\n\n    const userProvided = Object.hasOwn(data, attrName);\n    const currentValue = userProvided ? data[attrName] : undefined;\n    const initialValue = initialValues?.[attrName];\n\n    // Handle components\n    if (attrDef.type === 'component') {\n      const compSchema = components[attrDef.component];\n      const value = currentValue === undefined ? initialValue : currentValue;\n\n      if (!value) {\n        result[attrName] = attrDef.repeatable ? [] : null;\n        continue;\n      }\n\n      if (attrDef.repeatable && Array.isArray(value)) {\n        result[attrName] = value.map((item) => {\n          const componentInitialValue = getItemInitialValue(initialValue, item);\n          return filterDataByRemovedPaths(\n            item,\n            componentInitialValue,\n            compSchema,\n            components,\n            removedPaths,\n            [...currentPath, `${attrName}[${item.__temp_key__}]`]\n          );\n        });\n      } else {\n        result[attrName] = filterDataByRemovedPaths(\n          value,\n          initialValue ?? {},\n          compSchema,\n          components,\n          removedPaths,\n          [...currentPath, attrName]\n        );\n      }\n\n      continue;\n    }\n\n    // Handle dynamic zones\n    if (attrDef.type === 'dynamiczone') {\n      if (!Array.isArray(currentValue)) {\n        result[attrName] = [];\n        continue;\n      }\n\n      result[attrName] = currentValue.map((dzItem) => {\n        const compUID = dzItem?.__component;\n        const compSchema = components[compUID];\n        const componentInitialValue = getItemInitialValue(initialValue, dzItem);\n\n        const cleaned = filterDataByRemovedPaths(\n          dzItem,\n          componentInitialValue,\n          compSchema,\n          components,\n          removedPaths,\n          [...currentPath, `${attrName}[${dzItem.__temp_key__}]`]\n        );\n\n        // For newly created components, ensure id is undefined (in case of reordering)\n        const processedItem =\n          dzItem.id === undefined || dzItem.id === null\n            ? { __component: compUID, ...cleaned, id: undefined }\n            : { __component: compUID, ...cleaned };\n\n        return processedItem;\n      });\n\n      continue;\n    }\n\n    // Regular fields - preserve from data or initialValues\n    if (currentValue !== undefined) {\n      result[attrName] = currentValue;\n    } else if (initialValue !== undefined) {\n      result[attrName] = initialValue;\n    }\n  }\n\n  // Pass through any fields from data that aren't in the schema\n  for (const [key, value] of Object.entries(data)) {\n    if (!(key in result) && !(key in (schema?.attributes || {}))) {\n      result[key] = value;\n    }\n  }\n\n  return result;\n};\n\n/**\n * Removes values from the data object if their corresponding attribute has a\n * visibility condition that evaluates to false.\n *\n * @param data - The data object to filter based on visibility\n * @param options - Schema, initialValues, and components\n * @returns Object with filtered data and list of removed attribute paths\n */\nconst handleInvisibleAttributes = (\n  data: AnyData,\n  { schema, initialValues = {}, components = {} }: HandleOptions\n): {\n  data: AnyData;\n  removedAttributes: RemovedFieldPath[];\n} => {\n  if (!schema?.attributes) return { data, removedAttributes: [] };\n\n  const removedAttributes = collectInvisibleAttributes(data, schema, components);\n\n  const filteredData = filterDataByRemovedPaths(\n    data,\n    initialValues,\n    schema,\n    components,\n    removedAttributes\n  );\n\n  return {\n    data: filteredData,\n    removedAttributes,\n  };\n};\n\nexport {\n  removeProhibitedFields,\n  prepareRelations,\n  prepareTempKeys,\n  removeFieldsThatDontExistOnSchema,\n  transformDocument,\n  handleInvisibleAttributes,\n  getDirectParent,\n};\nexport type { AnyData };\n"],"names":["BLOCK_LIST_ATTRIBUTE_KEYS","Set","getDirectParent","data","path","undefined","isNumericIndex","value","test","segments","split","parentPath","slice","current","segment","Array","isArray","Number","traverseData","predicate","transform","schema","components","traverse","datum","attributes","Object","entries","reduce","acc","key","attribute","has","type","repeatable","componentValue","map","componentData","component","dynamicZoneValue","__component","removeProhibitedFields","prohibitedFields","includes","prepareRelations","connect","disconnect","prepareTempKeys","length","keys","generateNKeysBetween","index","__temp_key__","removeFieldsThatDontExistOnSchema","schemaKeys","dataKeys","keysToRemove","filter","revisedData","DOCUMENT_META_FIELDS","structuredClone","removeNullValues","transformDocument","document","transformations","flow","getItemInitialValue","initialValue","item","matchingInitialItem","find","initialItem","collectInvisibleAttributes","rulesEngine","createRulesEngine","removedPaths","evaluatedData","attrName","attrDef","fullPath","join","visible","condition","conditions","isVisible","evaluate","push","compSchema","forEach","nestedPaths","dzItem","compUID","filterDataByRemovedPaths","initialValues","currentPath","result","userProvided","hasOwn","currentValue","componentInitialValue","cleaned","processedItem","id","handleInvisibleAttributes","removedAttributes","filteredData"],"mappings":"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"}
+{"version":3,"file":"data.mjs","sources":["../../../../../admin/src/pages/EditView/utils/data.ts"],"sourcesContent":["import { createRulesEngine } from '@strapi/admin/strapi-admin';\nimport { generateNKeysBetween } from 'fractional-indexing';\nimport flow from 'lodash/flow';\n\nimport { DOCUMENT_META_FIELDS } from '../../../constants/attributes';\n\nimport type { ComponentsDictionary, Document } from '../../../hooks/useDocument';\nimport type { Schema, UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * traverseData\n * -----------------------------------------------------------------------------------------------*/\n\n// Make only attributes required since it's the only one Content History has\ntype PartialSchema = Partial<Schema.Schema> & Pick<Schema.Schema, 'attributes'>;\n\ntype Predicate = <TAttribute extends Schema.Attribute.AnyAttribute>(\n  attribute: TAttribute,\n  value: Schema.Attribute.Value<TAttribute>\n) => boolean;\ntype Transform = <TAttribute extends Schema.Attribute.AnyAttribute>(\n  value: Schema.Attribute.Value<TAttribute>,\n  attribute: TAttribute\n) => unknown;\ntype AnyData = Omit<Document, 'id'>;\n\nconst BLOCK_LIST_ATTRIBUTE_KEYS = new Set(['__component', '__temp_key__']);\n\n/**\n * @internal\n * @description Returns the direct parent object for a dot-separated path.\n */\nconst getDirectParent = (data: unknown, path: string): unknown => {\n  if (!path) return undefined;\n  const isNumericIndex = (value: string) => /^\\d+$/.test(value);\n  const segments = path.split('.');\n  const parentPath = segments.slice(0, -1);\n  let current: unknown = data;\n\n  for (const segment of parentPath) {\n    if (current == null) return undefined;\n\n    if (isNumericIndex(segment)) {\n      if (!Array.isArray(current)) return undefined;\n      current = current[Number(segment)];\n      continue;\n    }\n\n    if (typeof current !== 'object') return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n\n  return current;\n};\n\n/**\n * @internal This function is used to traverse the data and transform the values.\n * Given a predicate function, it will transform the value (using the given transform function)\n * if the predicate returns true. If it finds that the attribute is a component or dynamiczone,\n * it will recursively traverse those data structures as well.\n *\n * It is possible to break the ContentManager by using this function incorrectly, for example,\n * if you transform a number into a string but the attribute type is a number, the ContentManager\n * will not be able to save the data and the Form will likely crash because the component it's\n * passing the data too won't successfully be able to handle the value.\n */\nconst traverseData =\n  (predicate: Predicate, transform: Transform) =>\n  (schema: PartialSchema, components: ComponentsDictionary = {}) =>\n  (data: AnyData = {}) => {\n    const traverse = (datum: AnyData, attributes: Schema.Schema['attributes']) => {\n      return Object.entries(datum).reduce<AnyData>((acc, [key, value]) => {\n        const attribute = attributes[key];\n\n        /**\n         * If the attribute is a block list attribute, we don't want to transform it.\n         * We also don't want to transform null or undefined values.\n         */\n        if (BLOCK_LIST_ATTRIBUTE_KEYS.has(key) || value === null || value === undefined) {\n          acc[key] = value;\n          return acc;\n        }\n\n        // The schema may not contain the attribute when historical data references a\n        // component or field that no longer exists (e.g. a component detached from a\n        // dynamic zone via the content-type-builder). Pass the value through so the\n        // History view can still render the rest of the document.\n        if (!attribute) {\n          acc[key] = value;\n          return acc;\n        }\n\n        if (attribute.type === 'component') {\n          if (attribute.repeatable) {\n            const componentValue = (\n              predicate(attribute, value) ? transform(value, attribute) : value\n            ) as Schema.Attribute.Value<Schema.Attribute.Component<UID.Component, true>>;\n            acc[key] = componentValue.map((componentData) =>\n              traverse(componentData, components[attribute.component]?.attributes ?? {})\n            );\n          } else {\n            const componentValue = (\n              predicate(attribute, value) ? transform(value, attribute) : value\n            ) as Schema.Attribute.Value<Schema.Attribute.Component<UID.Component, false>>;\n\n            acc[key] = traverse(componentValue, components[attribute.component]?.attributes ?? {});\n          }\n        } else if (attribute.type === 'dynamiczone') {\n          const dynamicZoneValue = (\n            predicate(attribute, value) ? transform(value, attribute) : value\n          ) as Schema.Attribute.Value<Schema.Attribute.DynamicZone>;\n\n          acc[key] = dynamicZoneValue.map((componentData) =>\n            traverse(componentData, components[componentData.__component]?.attributes ?? {})\n          );\n        } else if (predicate(attribute, value)) {\n          acc[key] = transform(value, attribute);\n        } else {\n          acc[key] = value;\n        }\n\n        return acc;\n      }, {});\n    };\n\n    return traverse(data, schema.attributes);\n  };\n\n/* -------------------------------------------------------------------------------------------------\n * removeProhibitedFields\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Removes all the fields that are not allowed.\n */\nconst removeProhibitedFields = (prohibitedFields: Schema.Attribute.Kind[]) =>\n  traverseData(\n    (attribute) => prohibitedFields.includes(attribute.type),\n    () => ''\n  );\n\n/* -------------------------------------------------------------------------------------------------\n * prepareRelations\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Sets all relation values to an empty array.\n */\nconst prepareRelations = traverseData(\n  (attribute) => attribute.type === 'relation',\n  () => ({\n    connect: [],\n    disconnect: [],\n  })\n);\n\n/* -------------------------------------------------------------------------------------------------\n * prepareTempKeys\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Adds a `__temp_key__` to each component and dynamiczone item. This gives us\n * a stable identifier regardless of its ids etc. that we can then use for drag and drop.\n */\nconst prepareTempKeys = traverseData(\n  (attribute) =>\n    (attribute.type === 'component' && attribute.repeatable) || attribute.type === 'dynamiczone',\n  (data) => {\n    if (Array.isArray(data) && data.length > 0) {\n      const keys = generateNKeysBetween(undefined, undefined, data.length);\n\n      return data.map((datum, index) => ({\n        ...datum,\n        __temp_key__: keys[index],\n      }));\n    }\n\n    return data;\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * removeFieldsThatDontExistOnSchema\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Fields that don't exist in the schema like createdAt etc. are only on the first level (not nested),\n * as such we don't need to traverse the components to remove them.\n */\nconst removeFieldsThatDontExistOnSchema = (schema: PartialSchema) => (data: AnyData) => {\n  const schemaKeys = Object.keys(schema.attributes);\n  const dataKeys = Object.keys(data);\n\n  const keysToRemove = dataKeys.filter((key) => !schemaKeys.includes(key));\n\n  const revisedData = [...keysToRemove, ...DOCUMENT_META_FIELDS].reduce((acc, key) => {\n    delete acc[key];\n\n    return acc;\n  }, structuredClone(data));\n\n  return revisedData;\n};\n\n/**\n * @internal\n * @description We need to remove null fields from the data-structure because it will pass it\n * to the specific inputs breaking them as most would prefer empty strings or `undefined` if\n * they're controlled / uncontrolled. However, Boolean fields should preserve null values.\n */\nconst removeNullValues = (schema: PartialSchema, components: ComponentsDictionary = {}) =>\n  traverseData(\n    (attribute, value) => value === null && attribute.type !== 'boolean',\n    () => undefined\n  )(schema, components);\n\n/* -------------------------------------------------------------------------------------------------\n * transformDocuments\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal\n * @description Takes a document data structure (this could be from the API or a default form structure)\n * and applies consistent data transformations to it. This is also used when we add new components to the\n * form to ensure the data is correctly prepared from their default state e.g. relations are set to an empty array.\n */\nconst transformDocument =\n  (schema: PartialSchema, components: ComponentsDictionary = {}) =>\n  (document: AnyData) => {\n    const transformations = flow(\n      removeFieldsThatDontExistOnSchema(schema),\n      removeProhibitedFields(['password'])(schema, components),\n      removeNullValues(schema, components),\n      prepareRelations(schema, components),\n      prepareTempKeys(schema, components)\n    );\n\n    return transformations(document);\n  };\n\ntype HandleOptions = {\n  schema?: Schema.ContentType | Schema.Component;\n  initialValues?: AnyData;\n  components?: Record<string, Schema.Component>;\n};\n\ntype RemovedFieldPath = string;\n\n/**\n * @internal\n * @description Finds the initial value of a component or of a dynamic zone item: by its\n * __temp_key__ (not its index) in a list, and only when it's the stored component the item is\n * an edit of. A component that takes the place of a saved one (a new one after a reset, a copy\n * from another entry, a row reusing the key of a deleted row) is a different component: it must\n * not inherit anything from the saved one, its id above all, or the saved one would be updated\n * in place and keep its relations.\n * @param initialValue - The initial value of the field.\n * @param item - The item to find the initial value for.\n * @returns The initial value for the item.\n */\nconst getItemInitialValue = (initialValue: unknown, item: AnyData): AnyData => {\n  const initialItem: unknown = Array.isArray(initialValue)\n    ? initialValue.find((candidate) => candidate?.__temp_key__ === item.__temp_key__)\n    : initialValue;\n\n  if (!initialItem || typeof initialItem !== 'object') {\n    return {};\n  }\n\n  const { id, __component } = initialItem as AnyData;\n  const isSameComponent =\n    (id ?? null) === (item.id ?? null) &&\n    (__component === undefined ||\n      item.__component === undefined ||\n      __component === item.__component);\n\n  return isSameComponent ? (initialItem as AnyData) : {};\n};\n\n/**\n * @internal\n * @description Collects paths of attributes that should be removed based on visibility conditions.\n * This function only evaluates conditions.visible (JSON Logic), not the visible boolean property.\n *\n * @param data - The data object to evaluate\n * @param schema - The content type schema\n * @param components - Dictionary of component schemas\n * @param path - Current path in the data structure (for nested components/dynamiczones)\n * @returns Array of field paths that should be removed\n */\nconst collectInvisibleAttributes = (\n  data: AnyData,\n  schema: Schema.ContentType | Schema.Component | undefined,\n  components: Record<string, Schema.Component>,\n  path: string[] = []\n): RemovedFieldPath[] => {\n  if (!schema?.attributes) return [];\n\n  const rulesEngine = createRulesEngine();\n  const removedPaths: RemovedFieldPath[] = [];\n  const evaluatedData: AnyData = {};\n\n  for (const [attrName, attrDef] of Object.entries(schema.attributes)) {\n    const fullPath = [...path, attrName].join('.');\n\n    // Skip fields with visible: false - they're managed by backend\n    if ('visible' in attrDef && attrDef.visible === false) {\n      continue;\n    }\n\n    const condition = attrDef?.conditions?.visible;\n    const isVisible = condition\n      ? rulesEngine.evaluate(condition, { ...data, ...evaluatedData })\n      : true;\n\n    if (!isVisible) {\n      removedPaths.push(fullPath);\n      continue;\n    }\n\n    // Track this field for future condition evaluations\n    if (attrName in data) {\n      evaluatedData[attrName] = data[attrName];\n    }\n\n    // Recursively process components\n    if (attrDef.type === 'component') {\n      const compSchema = components[attrDef.component];\n      const value = data[attrName];\n\n      if (attrDef.repeatable && Array.isArray(value)) {\n        value.forEach((item) => {\n          const nestedPaths = collectInvisibleAttributes(item, compSchema, components, [\n            ...path,\n            `${attrName}[${item.__temp_key__}]`,\n          ]);\n          removedPaths.push(...nestedPaths);\n        });\n      } else if (value && typeof value === 'object') {\n        const nestedPaths = collectInvisibleAttributes(value, compSchema, components, [\n          ...path,\n          attrName,\n        ]);\n        removedPaths.push(...nestedPaths);\n      }\n    }\n\n    // Recursively process dynamic zones\n    if (attrDef.type === 'dynamiczone' && Array.isArray(data[attrName])) {\n      data[attrName].forEach((dzItem: AnyData) => {\n        const compUID = dzItem?.__component;\n        const compSchema = components[compUID];\n        const nestedPaths = collectInvisibleAttributes(dzItem, compSchema, components, [\n          ...path,\n          `${attrName}[${dzItem.__temp_key__}]`,\n        ]);\n        removedPaths.push(...nestedPaths);\n      });\n    }\n  }\n\n  return removedPaths;\n};\n\n/**\n * @internal\n * @description Removes attributes from data based on the list of paths to remove.\n * Preserves fields with visible: false from data or initialValues.\n *\n * @param data - The data object to filter\n * @param initialValues - Initial values to fall back to\n * @param schema - The content type schema\n * @param components - Dictionary of component schemas\n * @param removedPaths - Array of field paths to remove\n * @param currentPath - Current path in the data structure\n * @returns Filtered data object\n */\nconst filterDataByRemovedPaths = (\n  data: AnyData,\n  initialValues: AnyData,\n  schema: Schema.ContentType | Schema.Component | undefined,\n  components: Record<string, Schema.Component>,\n  removedPaths: RemovedFieldPath[],\n  currentPath: string[] = []\n): AnyData => {\n  if (!schema?.attributes) return data;\n\n  const result: AnyData = {};\n\n  for (const [attrName, attrDef] of Object.entries(schema.attributes)) {\n    const fullPath = [...currentPath, attrName].join('.');\n\n    // Check if this field should be removed\n    if (removedPaths.includes(fullPath)) {\n      continue;\n    }\n\n    // Handle fields with visible: false - preserve from data or initialValues\n    if ('visible' in attrDef && attrDef.visible === false) {\n      const userProvided = Object.hasOwn(data, attrName);\n      if (userProvided) {\n        result[attrName] = data[attrName];\n      } else if (attrName in initialValues) {\n        result[attrName] = initialValues[attrName];\n      }\n      continue;\n    }\n\n    const userProvided = Object.hasOwn(data, attrName);\n    const currentValue = userProvided ? data[attrName] : undefined;\n    const initialValue = initialValues?.[attrName];\n\n    // Handle components\n    if (attrDef.type === 'component') {\n      const compSchema = components[attrDef.component];\n      const value = currentValue === undefined ? initialValue : currentValue;\n\n      if (!value) {\n        result[attrName] = attrDef.repeatable ? [] : null;\n        continue;\n      }\n\n      if (attrDef.repeatable && Array.isArray(value)) {\n        result[attrName] = value.map((item) => {\n          const componentInitialValue = getItemInitialValue(initialValue, item);\n          return filterDataByRemovedPaths(\n            item,\n            componentInitialValue,\n            compSchema,\n            components,\n            removedPaths,\n            [...currentPath, `${attrName}[${item.__temp_key__}]`]\n          );\n        });\n      } else {\n        result[attrName] = filterDataByRemovedPaths(\n          value,\n          getItemInitialValue(initialValue, value),\n          compSchema,\n          components,\n          removedPaths,\n          [...currentPath, attrName]\n        );\n      }\n\n      continue;\n    }\n\n    // Handle dynamic zones\n    if (attrDef.type === 'dynamiczone') {\n      if (!Array.isArray(currentValue)) {\n        result[attrName] = [];\n        continue;\n      }\n\n      result[attrName] = currentValue.map((dzItem) => {\n        const compUID = dzItem?.__component;\n        const compSchema = components[compUID];\n        const componentInitialValue = getItemInitialValue(initialValue, dzItem);\n\n        const cleaned = filterDataByRemovedPaths(\n          dzItem,\n          componentInitialValue,\n          compSchema,\n          components,\n          removedPaths,\n          [...currentPath, `${attrName}[${dzItem.__temp_key__}]`]\n        );\n\n        // For newly created components, ensure id is undefined (in case of reordering)\n        const processedItem =\n          dzItem.id === undefined || dzItem.id === null\n            ? { __component: compUID, ...cleaned, id: undefined }\n            : { __component: compUID, ...cleaned };\n\n        return processedItem;\n      });\n\n      continue;\n    }\n\n    // Regular fields - preserve from data or initialValues\n    if (currentValue !== undefined) {\n      result[attrName] = currentValue;\n    } else if (initialValue !== undefined) {\n      result[attrName] = initialValue;\n    }\n  }\n\n  // Pass through any fields from data that aren't in the schema\n  for (const [key, value] of Object.entries(data)) {\n    if (!(key in result) && !(key in (schema?.attributes || {}))) {\n      result[key] = value;\n    }\n  }\n\n  return result;\n};\n\n/**\n * Removes values from the data object if their corresponding attribute has a\n * visibility condition that evaluates to false.\n *\n * @param data - The data object to filter based on visibility\n * @param options - Schema, initialValues, and components\n * @returns Object with filtered data and list of removed attribute paths\n */\nconst handleInvisibleAttributes = (\n  data: AnyData,\n  { schema, initialValues = {}, components = {} }: HandleOptions\n): {\n  data: AnyData;\n  removedAttributes: RemovedFieldPath[];\n} => {\n  if (!schema?.attributes) return { data, removedAttributes: [] };\n\n  const removedAttributes = collectInvisibleAttributes(data, schema, components);\n\n  const filteredData = filterDataByRemovedPaths(\n    data,\n    initialValues,\n    schema,\n    components,\n    removedAttributes\n  );\n\n  return {\n    data: filteredData,\n    removedAttributes,\n  };\n};\n\nexport {\n  removeProhibitedFields,\n  prepareRelations,\n  prepareTempKeys,\n  removeFieldsThatDontExistOnSchema,\n  transformDocument,\n  handleInvisibleAttributes,\n  getDirectParent,\n};\nexport type { AnyData };\n"],"names":["BLOCK_LIST_ATTRIBUTE_KEYS","Set","getDirectParent","data","path","undefined","isNumericIndex","value","test","segments","split","parentPath","slice","current","segment","Array","isArray","Number","traverseData","predicate","transform","schema","components","traverse","datum","attributes","Object","entries","reduce","acc","key","attribute","has","type","repeatable","componentValue","map","componentData","component","dynamicZoneValue","__component","removeProhibitedFields","prohibitedFields","includes","prepareRelations","connect","disconnect","prepareTempKeys","length","keys","generateNKeysBetween","index","__temp_key__","removeFieldsThatDontExistOnSchema","schemaKeys","dataKeys","keysToRemove","filter","revisedData","DOCUMENT_META_FIELDS","structuredClone","removeNullValues","transformDocument","document","transformations","flow","getItemInitialValue","initialValue","item","initialItem","find","candidate","id","isSameComponent","collectInvisibleAttributes","rulesEngine","createRulesEngine","removedPaths","evaluatedData","attrName","attrDef","fullPath","join","visible","condition","conditions","isVisible","evaluate","push","compSchema","forEach","nestedPaths","dzItem","compUID","filterDataByRemovedPaths","initialValues","currentPath","result","userProvided","hasOwn","currentValue","componentInitialValue","cleaned","processedItem","handleInvisibleAttributes","removedAttributes","filteredData"],"mappings":"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"}

package/dist/admin/pages/EditView/utils/forms.js

@@ -1,5 +1,10 @@
 'use strict';
 
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var yup = require('yup');
+var validation = require('../../../utils/validation.js');
+var data = require('./data.js');
+
 /* -------------------------------------------------------------------------------------------------
  * createDefaultForm
  * -----------------------------------------------------------------------------------------------*/ /**
@@ -27,6 +32,35 @@
     };
     return traverseSchema(contentType.attributes);
 };
+/* -------------------------------------------------------------------------------------------------
+ * getPublishValidationErrors
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * @internal Validates the values the same way the Publish action does (required fields are
+ * enforced, fields hidden by visibility conditions are skipped) and returns the errors in the
+ * shape the form expects, or `{}` when the values are valid. Used to show the errors up front
+ * when the edit view is opened with `location.state.forceValidation` (e.g. from a release).
+ */ const getPublishValidationErrors = (values, { schema, components })=>{
+    const { data: data$1, removedAttributes } = data.handleInvisibleAttributes(values, {
+        schema,
+        initialValues: values,
+        components
+    });
+    try {
+        validation.createYupSchema(schema?.attributes, components, {
+            status: 'published',
+            removedAttributes
+        }).validateSync(data$1, {
+            abortEarly: false
+        });
+        return {};
+    } catch (error) {
+        if (error instanceof yup.ValidationError) {
+            return strapiAdmin.getYupValidationErrors(error);
+        }
+        throw error;
+    }
+};
 
 exports.createDefaultForm = createDefaultForm;
+exports.getPublishValidationErrors = getPublishValidationErrors;
 //# sourceMappingURL=forms.js.map

package/dist/admin/pages/EditView/utils/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","sources":["../../../../../admin/src/pages/EditView/utils/forms.ts"],"sourcesContent":["import type { ComponentsDictionary, Document } from '../../../hooks/useDocument';\nimport type { Schema } from '@strapi/types';\n\ntype AnyData = Omit<Document, 'id'>;\n\n/* -------------------------------------------------------------------------------------------------\n * createDefaultForm\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Using the content-type schema & the components dictionary of the content-type,\n * creates a form with pre-filled default values. This is used when creating a new entry.\n */\nconst createDefaultForm = (\n  contentType: Schema.Schema,\n  components: ComponentsDictionary = {}\n): AnyData => {\n  const traverseSchema = (attributes: Schema.Schema['attributes']): AnyData => {\n    return Object.entries(attributes).reduce<AnyData>((acc, [key, attribute]) => {\n      if ('default' in attribute) {\n        acc[key] = attribute.default;\n      } else if (attribute.type === 'component' && attribute.required) {\n        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);\n\n        if (attribute.repeatable) {\n          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];\n        } else {\n          acc[key] = defaultComponentForm;\n        }\n      } else if (attribute.type === 'dynamiczone' && attribute.required) {\n        acc[key] = [];\n      }\n\n      return acc;\n    }, {});\n  };\n\n  return traverseSchema(contentType.attributes);\n};\n\nexport { createDefaultForm };\n"],"names":["createDefaultForm","contentType","components","traverseSchema","attributes","Object","entries","reduce","acc","key","attribute","default","type","required","defaultComponentForm","component","repeatable","min","Array","fill"],"mappings":";;AAKA;;;;;AAOC,UACKA,iBAAAA,GAAoB,CACxBC,WAAAA,EACAC,UAAAA,GAAmC,EAAE,GAAA;AAErC,IAAA,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;QACtB,OAAOC,MAAAA,CAAOC,OAAO,CAACF,UAAAA,CAAAA,CAAYG,MAAM,CAAU,CAACC,GAAAA,EAAK,CAACC,GAAAA,EAAKC,SAAAA,CAAU,GAAA;AACtE,YAAA,IAAI,aAAaA,SAAAA,EAAW;AAC1BF,gBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUC,OAAO;AAC9B,YAAA,CAAA,MAAO,IAAID,SAAAA,CAAUE,IAAI,KAAK,WAAA,IAAeF,SAAAA,CAAUG,QAAQ,EAAE;gBAC/D,MAAMC,oBAAAA,GAAuBX,eAAeD,UAAU,CAACQ,UAAUK,SAAS,CAAC,CAACX,UAAU,CAAA;gBAEtF,IAAIM,SAAAA,CAAUM,UAAU,EAAE;AACxBR,oBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUO,GAAG,GAAG;AAAIC,wBAAAA,GAAAA,KAAAA,CAAMR,SAAAA,CAAUO,GAAG,CAAA,CAAEE,IAAI,CAACL,oBAAAA;AAAsB,qBAAA,GAAG,EAAE;gBACtF,CAAA,MAAO;oBACLN,GAAG,CAACC,IAAI,GAAGK,oBAAAA;AACb,gBAAA;AACF,YAAA,CAAA,MAAO,IAAIJ,SAAAA,CAAUE,IAAI,KAAK,aAAA,IAAiBF,SAAAA,CAAUG,QAAQ,EAAE;gBACjEL,GAAG,CAACC,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;YAEA,OAAOD,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AACN,IAAA,CAAA;IAEA,OAAOL,cAAAA,CAAeF,YAAYG,UAAU,CAAA;AAC9C;;;;"}
+{"version":3,"file":"forms.js","sources":["../../../../../admin/src/pages/EditView/utils/forms.ts"],"sourcesContent":["import { getYupValidationErrors, type FormErrors } from '@strapi/admin/strapi-admin';\nimport { ValidationError } from 'yup';\n\nimport { createYupSchema } from '../../../utils/validation';\n\nimport { handleInvisibleAttributes } from './data';\n\nimport type {\n  ComponentsDictionary,\n  Document,\n  Schema as ContentTypeSchema,\n} from '../../../hooks/useDocument';\nimport type { Schema } from '@strapi/types';\n\ntype AnyData = Omit<Document, 'id'>;\n\n/* -------------------------------------------------------------------------------------------------\n * createDefaultForm\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Using the content-type schema & the components dictionary of the content-type,\n * creates a form with pre-filled default values. This is used when creating a new entry.\n */\nconst createDefaultForm = (\n  contentType: Schema.Schema,\n  components: ComponentsDictionary = {}\n): AnyData => {\n  const traverseSchema = (attributes: Schema.Schema['attributes']): AnyData => {\n    return Object.entries(attributes).reduce<AnyData>((acc, [key, attribute]) => {\n      if ('default' in attribute) {\n        acc[key] = attribute.default;\n      } else if (attribute.type === 'component' && attribute.required) {\n        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);\n\n        if (attribute.repeatable) {\n          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];\n        } else {\n          acc[key] = defaultComponentForm;\n        }\n      } else if (attribute.type === 'dynamiczone' && attribute.required) {\n        acc[key] = [];\n      }\n\n      return acc;\n    }, {});\n  };\n\n  return traverseSchema(contentType.attributes);\n};\n\n/* -------------------------------------------------------------------------------------------------\n * getPublishValidationErrors\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Validates the values the same way the Publish action does (required fields are\n * enforced, fields hidden by visibility conditions are skipped) and returns the errors in the\n * shape the form expects, or `{}` when the values are valid. Used to show the errors up front\n * when the edit view is opened with `location.state.forceValidation` (e.g. from a release).\n */\nconst getPublishValidationErrors = (\n  values: AnyData,\n  { schema, components }: { schema?: ContentTypeSchema; components?: ComponentsDictionary }\n): FormErrors => {\n  const { data, removedAttributes } = handleInvisibleAttributes(values, {\n    schema,\n    initialValues: values,\n    components,\n  });\n\n  try {\n    createYupSchema(schema?.attributes, components, {\n      status: 'published',\n      removedAttributes,\n    }).validateSync(data, { abortEarly: false });\n\n    return {};\n  } catch (error) {\n    if (error instanceof ValidationError) {\n      return getYupValidationErrors(error);\n    }\n\n    throw error;\n  }\n};\n\nexport { createDefaultForm, getPublishValidationErrors };\n"],"names":["createDefaultForm","contentType","components","traverseSchema","attributes","Object","entries","reduce","acc","key","attribute","default","type","required","defaultComponentForm","component","repeatable","min","Array","fill","getPublishValidationErrors","values","schema","data","removedAttributes","handleInvisibleAttributes","initialValues","createYupSchema","status","validateSync","abortEarly","error","ValidationError","getYupValidationErrors"],"mappings":";;;;;;;AAgBA;;;;;AAOC,UACKA,iBAAAA,GAAoB,CACxBC,WAAAA,EACAC,UAAAA,GAAmC,EAAE,GAAA;AAErC,IAAA,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;QACtB,OAAOC,MAAAA,CAAOC,OAAO,CAACF,UAAAA,CAAAA,CAAYG,MAAM,CAAU,CAACC,GAAAA,EAAK,CAACC,GAAAA,EAAKC,SAAAA,CAAU,GAAA;AACtE,YAAA,IAAI,aAAaA,SAAAA,EAAW;AAC1BF,gBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUC,OAAO;AAC9B,YAAA,CAAA,MAAO,IAAID,SAAAA,CAAUE,IAAI,KAAK,WAAA,IAAeF,SAAAA,CAAUG,QAAQ,EAAE;gBAC/D,MAAMC,oBAAAA,GAAuBX,eAAeD,UAAU,CAACQ,UAAUK,SAAS,CAAC,CAACX,UAAU,CAAA;gBAEtF,IAAIM,SAAAA,CAAUM,UAAU,EAAE;AACxBR,oBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUO,GAAG,GAAG;AAAIC,wBAAAA,GAAAA,KAAAA,CAAMR,SAAAA,CAAUO,GAAG,CAAA,CAAEE,IAAI,CAACL,oBAAAA;AAAsB,qBAAA,GAAG,EAAE;gBACtF,CAAA,MAAO;oBACLN,GAAG,CAACC,IAAI,GAAGK,oBAAAA;AACb,gBAAA;AACF,YAAA,CAAA,MAAO,IAAIJ,SAAAA,CAAUE,IAAI,KAAK,aAAA,IAAiBF,SAAAA,CAAUG,QAAQ,EAAE;gBACjEL,GAAG,CAACC,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;YAEA,OAAOD,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AACN,IAAA,CAAA;IAEA,OAAOL,cAAAA,CAAeF,YAAYG,UAAU,CAAA;AAC9C;AAEA;;;;;;;IAUA,MAAMgB,6BAA6B,CACjCC,MAAAA,EACA,EAAEC,MAAM,EAAEpB,UAAU,EAAqE,GAAA;AAEzF,IAAA,MAAM,QAAEqB,MAAI,EAAEC,iBAAiB,EAAE,GAAGC,+BAA0BJ,MAAAA,EAAQ;AACpEC,QAAAA,MAAAA;QACAI,aAAAA,EAAeL,MAAAA;AACfnB,QAAAA;AACF,KAAA,CAAA;IAEA,IAAI;QACFyB,0BAAAA,CAAgBL,MAAAA,EAAQlB,YAAYF,UAAAA,EAAY;YAC9C0B,MAAAA,EAAQ,WAAA;AACRJ,YAAAA;SACF,CAAA,CAAGK,YAAY,CAACN,MAAAA,EAAM;YAAEO,UAAAA,EAAY;AAAM,SAAA,CAAA;AAE1C,QAAA,OAAO,EAAC;AACV,IAAA,CAAA,CAAE,OAAOC,KAAAA,EAAO;AACd,QAAA,IAAIA,iBAAiBC,mBAAAA,EAAiB;AACpC,YAAA,OAAOC,kCAAAA,CAAuBF,KAAAA,CAAAA;AAChC,QAAA;QAEA,MAAMA,KAAAA;AACR,IAAA;AACF;;;;;"}

package/dist/admin/pages/EditView/utils/forms.mjs

@@ -1,3 +1,8 @@
+import { getYupValidationErrors } from '@strapi/admin/strapi-admin';
+import { ValidationError } from 'yup';
+import { createYupSchema } from '../../../utils/validation.mjs';
+import { handleInvisibleAttributes } from './data.mjs';
+
 /* -------------------------------------------------------------------------------------------------
  * createDefaultForm
  * -----------------------------------------------------------------------------------------------*/ /**
@@ -25,6 +30,34 @@
     };
     return traverseSchema(contentType.attributes);
 };
+/* -------------------------------------------------------------------------------------------------
+ * getPublishValidationErrors
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * @internal Validates the values the same way the Publish action does (required fields are
+ * enforced, fields hidden by visibility conditions are skipped) and returns the errors in the
+ * shape the form expects, or `{}` when the values are valid. Used to show the errors up front
+ * when the edit view is opened with `location.state.forceValidation` (e.g. from a release).
+ */ const getPublishValidationErrors = (values, { schema, components })=>{
+    const { data, removedAttributes } = handleInvisibleAttributes(values, {
+        schema,
+        initialValues: values,
+        components
+    });
+    try {
+        createYupSchema(schema?.attributes, components, {
+            status: 'published',
+            removedAttributes
+        }).validateSync(data, {
+            abortEarly: false
+        });
+        return {};
+    } catch (error) {
+        if (error instanceof ValidationError) {
+            return getYupValidationErrors(error);
+        }
+        throw error;
+    }
+};
 
-export { createDefaultForm };
+export { createDefaultForm, getPublishValidationErrors };
 //# sourceMappingURL=forms.mjs.map

package/dist/admin/pages/EditView/utils/forms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"forms.mjs","sources":["../../../../../admin/src/pages/EditView/utils/forms.ts"],"sourcesContent":["import type { ComponentsDictionary, Document } from '../../../hooks/useDocument';\nimport type { Schema } from '@strapi/types';\n\ntype AnyData = Omit<Document, 'id'>;\n\n/* -------------------------------------------------------------------------------------------------\n * createDefaultForm\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Using the content-type schema & the components dictionary of the content-type,\n * creates a form with pre-filled default values. This is used when creating a new entry.\n */\nconst createDefaultForm = (\n  contentType: Schema.Schema,\n  components: ComponentsDictionary = {}\n): AnyData => {\n  const traverseSchema = (attributes: Schema.Schema['attributes']): AnyData => {\n    return Object.entries(attributes).reduce<AnyData>((acc, [key, attribute]) => {\n      if ('default' in attribute) {\n        acc[key] = attribute.default;\n      } else if (attribute.type === 'component' && attribute.required) {\n        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);\n\n        if (attribute.repeatable) {\n          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];\n        } else {\n          acc[key] = defaultComponentForm;\n        }\n      } else if (attribute.type === 'dynamiczone' && attribute.required) {\n        acc[key] = [];\n      }\n\n      return acc;\n    }, {});\n  };\n\n  return traverseSchema(contentType.attributes);\n};\n\nexport { createDefaultForm };\n"],"names":["createDefaultForm","contentType","components","traverseSchema","attributes","Object","entries","reduce","acc","key","attribute","default","type","required","defaultComponentForm","component","repeatable","min","Array","fill"],"mappings":"AAKA;;;;;AAOC,UACKA,iBAAAA,GAAoB,CACxBC,WAAAA,EACAC,UAAAA,GAAmC,EAAE,GAAA;AAErC,IAAA,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;QACtB,OAAOC,MAAAA,CAAOC,OAAO,CAACF,UAAAA,CAAAA,CAAYG,MAAM,CAAU,CAACC,GAAAA,EAAK,CAACC,GAAAA,EAAKC,SAAAA,CAAU,GAAA;AACtE,YAAA,IAAI,aAAaA,SAAAA,EAAW;AAC1BF,gBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUC,OAAO;AAC9B,YAAA,CAAA,MAAO,IAAID,SAAAA,CAAUE,IAAI,KAAK,WAAA,IAAeF,SAAAA,CAAUG,QAAQ,EAAE;gBAC/D,MAAMC,oBAAAA,GAAuBX,eAAeD,UAAU,CAACQ,UAAUK,SAAS,CAAC,CAACX,UAAU,CAAA;gBAEtF,IAAIM,SAAAA,CAAUM,UAAU,EAAE;AACxBR,oBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUO,GAAG,GAAG;AAAIC,wBAAAA,GAAAA,KAAAA,CAAMR,SAAAA,CAAUO,GAAG,CAAA,CAAEE,IAAI,CAACL,oBAAAA;AAAsB,qBAAA,GAAG,EAAE;gBACtF,CAAA,MAAO;oBACLN,GAAG,CAACC,IAAI,GAAGK,oBAAAA;AACb,gBAAA;AACF,YAAA,CAAA,MAAO,IAAIJ,SAAAA,CAAUE,IAAI,KAAK,aAAA,IAAiBF,SAAAA,CAAUG,QAAQ,EAAE;gBACjEL,GAAG,CAACC,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;YAEA,OAAOD,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AACN,IAAA,CAAA;IAEA,OAAOL,cAAAA,CAAeF,YAAYG,UAAU,CAAA;AAC9C;;;;"}
+{"version":3,"file":"forms.mjs","sources":["../../../../../admin/src/pages/EditView/utils/forms.ts"],"sourcesContent":["import { getYupValidationErrors, type FormErrors } from '@strapi/admin/strapi-admin';\nimport { ValidationError } from 'yup';\n\nimport { createYupSchema } from '../../../utils/validation';\n\nimport { handleInvisibleAttributes } from './data';\n\nimport type {\n  ComponentsDictionary,\n  Document,\n  Schema as ContentTypeSchema,\n} from '../../../hooks/useDocument';\nimport type { Schema } from '@strapi/types';\n\ntype AnyData = Omit<Document, 'id'>;\n\n/* -------------------------------------------------------------------------------------------------\n * createDefaultForm\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Using the content-type schema & the components dictionary of the content-type,\n * creates a form with pre-filled default values. This is used when creating a new entry.\n */\nconst createDefaultForm = (\n  contentType: Schema.Schema,\n  components: ComponentsDictionary = {}\n): AnyData => {\n  const traverseSchema = (attributes: Schema.Schema['attributes']): AnyData => {\n    return Object.entries(attributes).reduce<AnyData>((acc, [key, attribute]) => {\n      if ('default' in attribute) {\n        acc[key] = attribute.default;\n      } else if (attribute.type === 'component' && attribute.required) {\n        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);\n\n        if (attribute.repeatable) {\n          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];\n        } else {\n          acc[key] = defaultComponentForm;\n        }\n      } else if (attribute.type === 'dynamiczone' && attribute.required) {\n        acc[key] = [];\n      }\n\n      return acc;\n    }, {});\n  };\n\n  return traverseSchema(contentType.attributes);\n};\n\n/* -------------------------------------------------------------------------------------------------\n * getPublishValidationErrors\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * @internal Validates the values the same way the Publish action does (required fields are\n * enforced, fields hidden by visibility conditions are skipped) and returns the errors in the\n * shape the form expects, or `{}` when the values are valid. Used to show the errors up front\n * when the edit view is opened with `location.state.forceValidation` (e.g. from a release).\n */\nconst getPublishValidationErrors = (\n  values: AnyData,\n  { schema, components }: { schema?: ContentTypeSchema; components?: ComponentsDictionary }\n): FormErrors => {\n  const { data, removedAttributes } = handleInvisibleAttributes(values, {\n    schema,\n    initialValues: values,\n    components,\n  });\n\n  try {\n    createYupSchema(schema?.attributes, components, {\n      status: 'published',\n      removedAttributes,\n    }).validateSync(data, { abortEarly: false });\n\n    return {};\n  } catch (error) {\n    if (error instanceof ValidationError) {\n      return getYupValidationErrors(error);\n    }\n\n    throw error;\n  }\n};\n\nexport { createDefaultForm, getPublishValidationErrors };\n"],"names":["createDefaultForm","contentType","components","traverseSchema","attributes","Object","entries","reduce","acc","key","attribute","default","type","required","defaultComponentForm","component","repeatable","min","Array","fill","getPublishValidationErrors","values","schema","data","removedAttributes","handleInvisibleAttributes","initialValues","createYupSchema","status","validateSync","abortEarly","error","ValidationError","getYupValidationErrors"],"mappings":";;;;;AAgBA;;;;;AAOC,UACKA,iBAAAA,GAAoB,CACxBC,WAAAA,EACAC,UAAAA,GAAmC,EAAE,GAAA;AAErC,IAAA,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;QACtB,OAAOC,MAAAA,CAAOC,OAAO,CAACF,UAAAA,CAAAA,CAAYG,MAAM,CAAU,CAACC,GAAAA,EAAK,CAACC,GAAAA,EAAKC,SAAAA,CAAU,GAAA;AACtE,YAAA,IAAI,aAAaA,SAAAA,EAAW;AAC1BF,gBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUC,OAAO;AAC9B,YAAA,CAAA,MAAO,IAAID,SAAAA,CAAUE,IAAI,KAAK,WAAA,IAAeF,SAAAA,CAAUG,QAAQ,EAAE;gBAC/D,MAAMC,oBAAAA,GAAuBX,eAAeD,UAAU,CAACQ,UAAUK,SAAS,CAAC,CAACX,UAAU,CAAA;gBAEtF,IAAIM,SAAAA,CAAUM,UAAU,EAAE;AACxBR,oBAAAA,GAAG,CAACC,GAAAA,CAAI,GAAGC,SAAAA,CAAUO,GAAG,GAAG;AAAIC,wBAAAA,GAAAA,KAAAA,CAAMR,SAAAA,CAAUO,GAAG,CAAA,CAAEE,IAAI,CAACL,oBAAAA;AAAsB,qBAAA,GAAG,EAAE;gBACtF,CAAA,MAAO;oBACLN,GAAG,CAACC,IAAI,GAAGK,oBAAAA;AACb,gBAAA;AACF,YAAA,CAAA,MAAO,IAAIJ,SAAAA,CAAUE,IAAI,KAAK,aAAA,IAAiBF,SAAAA,CAAUG,QAAQ,EAAE;gBACjEL,GAAG,CAACC,GAAAA,CAAI,GAAG,EAAE;AACf,YAAA;YAEA,OAAOD,GAAAA;AACT,QAAA,CAAA,EAAG,EAAC,CAAA;AACN,IAAA,CAAA;IAEA,OAAOL,cAAAA,CAAeF,YAAYG,UAAU,CAAA;AAC9C;AAEA;;;;;;;IAUA,MAAMgB,6BAA6B,CACjCC,MAAAA,EACA,EAAEC,MAAM,EAAEpB,UAAU,EAAqE,GAAA;AAEzF,IAAA,MAAM,EAAEqB,IAAI,EAAEC,iBAAiB,EAAE,GAAGC,0BAA0BJ,MAAAA,EAAQ;AACpEC,QAAAA,MAAAA;QACAI,aAAAA,EAAeL,MAAAA;AACfnB,QAAAA;AACF,KAAA,CAAA;IAEA,IAAI;QACFyB,eAAAA,CAAgBL,MAAAA,EAAQlB,YAAYF,UAAAA,EAAY;YAC9C0B,MAAAA,EAAQ,WAAA;AACRJ,YAAAA;SACF,CAAA,CAAGK,YAAY,CAACN,IAAAA,EAAM;YAAEO,UAAAA,EAAY;AAAM,SAAA,CAAA;AAE1C,QAAA,OAAO,EAAC;AACV,IAAA,CAAA,CAAE,OAAOC,KAAAA,EAAO;AACd,QAAA,IAAIA,iBAAiBC,eAAAA,EAAiB;AACpC,YAAA,OAAOC,sBAAAA,CAAuBF,KAAAA,CAAAA;AAChC,QAAA;QAEA,MAAMA,KAAAA;AACR,IAAA;AACF;;;;"}

package/dist/admin/pages/ListConfiguration/components/DraggableCard.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var Icons = require('@strapi/icons');
 var reactDndHtml5Backend = require('react-dnd-html5-backend');
@@ -116,7 +117,7 @@ const DraggableCard = ({ attribute, index, isDraggingSibling, label, name, onMov
                         paddingLeft: 3,
                         onClick: (e)=>e.stopPropagation(),
                         children: [
-                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Root, {
+                            /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.UnsavedChangesModal, {
                                 open: isModalOpen,
                                 onOpenChange: setIsModalOpen,
                                 children: [

package/dist/admin/pages/ListConfiguration/components/DraggableCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableCard.js","sources":["../../../../../admin/src/pages/ListConfiguration/components/DraggableCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  Modal,\n  Typography,\n  useComposedRefs,\n} from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { CardDragPreview } from '../../../components/DragPreviews/CardDragPreview';\nimport { ItemTypes } from '../../../constants/dragAndDrop';\nimport { useDragAndDrop } from '../../../hooks/useDragAndDrop';\nimport { getTranslation } from '../../../utils/translations';\n\nimport { EditFieldForm } from './EditFieldForm';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\n\ntype DraggableCardProps = Omit<ListFieldLayout, 'label'> & {\n  label: string;\n  index: number;\n  isDraggingSibling: boolean;\n  onMoveField: (dragIndex: number, hoverIndex: number) => void;\n  onRemoveField: () => void;\n  setIsDraggingSibling: (isDragging: boolean) => void;\n};\n\nconst DraggableCard = ({\n  attribute,\n  index,\n  isDraggingSibling,\n  label,\n  name,\n  onMoveField,\n  onRemoveField,\n  setIsDraggingSibling,\n}: DraggableCardProps) => {\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const [, forceRerenderAfterDnd] = React.useState(false);\n\n  const [{ isDragging }, objectRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(true, {\n    type: ItemTypes.FIELD,\n    item: { index, label, name },\n    index,\n    onMoveItem: onMoveField,\n    onEnd: () => setIsDraggingSibling(false),\n  });\n\n  React.useEffect(() => {\n    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });\n  }, [dragPreviewRef]);\n\n  React.useEffect(() => {\n    if (isDragging) {\n      setIsDraggingSibling(true);\n    }\n  }, [isDragging, setIsDraggingSibling]);\n\n  // Effect in order to force a rerender after reordering the components\n  // Since we are removing the Accordion when doing the DnD  we are losing the dragRef, therefore the replaced element cannot be dragged\n  // anymore, this hack forces a rerender in order to apply the dragRef\n  React.useEffect(() => {\n    if (!isDraggingSibling) {\n      forceRerenderAfterDnd((prev) => !prev);\n    }\n  }, [isDraggingSibling]);\n\n  const composedRefs = useComposedRefs<HTMLButtonElement>(\n    dropRef,\n    objectRef as React.RefObject<HTMLButtonElement>\n  );\n\n  return (\n    <FieldWrapper ref={composedRefs}>\n      {isDragging && <CardDragPreview label={label} />}\n      {!isDragging && isDraggingSibling && <CardDragPreview isSibling label={label} />}\n\n      {!isDragging && !isDraggingSibling && (\n        <FieldContainer\n          borderColor=\"neutral150\"\n          background=\"neutral100\"\n          hasRadius\n          justifyContent=\"space-between\"\n          onClick={() => setIsModalOpen(true)}\n        >\n          <Flex gap={3}>\n            <DragButton\n              ref={dragRef}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.move.field'),\n                  defaultMessage: 'Move {item}',\n                },\n                { item: label }\n              )}\n              onClick={(e) => e.stopPropagation()}\n              type=\"button\"\n            >\n              <Drag />\n            </DragButton>\n            <Typography fontWeight=\"bold\">{label}</Typography>\n          </Flex>\n          <Flex paddingLeft={3} onClick={(e) => e.stopPropagation()}>\n            <Modal.Root open={isModalOpen} onOpenChange={setIsModalOpen}>\n              <Modal.Trigger>\n                <ActionButton\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  aria-label={formatMessage(\n                    {\n                      id: getTranslation('components.DraggableCard.edit.field'),\n                      defaultMessage: 'Edit {item}',\n                    },\n                    { item: label }\n                  )}\n                  type=\"button\"\n                >\n                  <Pencil width=\"1.2rem\" height=\"1.2rem\" />\n                </ActionButton>\n              </Modal.Trigger>\n              <EditFieldForm\n                attribute={attribute}\n                name={`layout.${index}`}\n                onClose={() => {\n                  setIsModalOpen(false);\n                }}\n              />\n            </Modal.Root>\n            <ActionButton\n              onClick={onRemoveField}\n              data-testid={`delete-${name}`}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.delete.field'),\n                  defaultMessage: 'Delete {item}',\n                },\n                { item: label }\n              )}\n              type=\"button\"\n            >\n              <Cross width=\"1.2rem\" height=\"1.2rem\" />\n            </ActionButton>\n          </Flex>\n        </FieldContainer>\n      )}\n    </FieldWrapper>\n  );\n};\n\nconst ActionButton = styled.button`\n  display: flex;\n  align-items: center;\n  height: ${({ theme }) => theme.spaces[7]};\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionButton)`\n  padding: 0 ${({ theme }) => theme.spaces[3]};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n  cursor: all-scroll;\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)`\n  max-height: 3.2rem;\n  cursor: pointer;\n`;\n\nconst FieldWrapper = styled<BoxComponent>(Box)`\n  &:last-child {\n    padding-right: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { DraggableCard };\nexport type { DraggableCardProps };\n"],"names":["DraggableCard","attribute","index","isDraggingSibling","label","name","onMoveField","onRemoveField","setIsDraggingSibling","isModalOpen","setIsModalOpen","React","useState","formatMessage","useIntl","forceRerenderAfterDnd","isDragging","objectRef","dropRef","dragRef","dragPreviewRef","useDragAndDrop","type","ItemTypes","FIELD","item","onMoveItem","onEnd","useEffect","getEmptyImage","captureDraggingState","prev","composedRefs","useComposedRefs","_jsxs","FieldWrapper","ref","_jsx","CardDragPreview","isSibling","FieldContainer","borderColor","background","hasRadius","justifyContent","onClick","Flex","gap","DragButton","aria-label","id","getTranslation","defaultMessage","e","stopPropagation","Drag","Typography","fontWeight","paddingLeft","Modal","Root","open","onOpenChange","Trigger","ActionButton","Pencil","width","height","EditFieldForm","onClose","data-testid","Cross","styled","button","theme","spaces","colors","neutral600","neutral700","neutral150","Box"],"mappings":"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"}
+{"version":3,"file":"DraggableCard.js","sources":["../../../../../admin/src/pages/ListConfiguration/components/DraggableCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { UnsavedChangesModal } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  Modal,\n  Typography,\n  useComposedRefs,\n} from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { CardDragPreview } from '../../../components/DragPreviews/CardDragPreview';\nimport { ItemTypes } from '../../../constants/dragAndDrop';\nimport { useDragAndDrop } from '../../../hooks/useDragAndDrop';\nimport { getTranslation } from '../../../utils/translations';\n\nimport { EditFieldForm } from './EditFieldForm';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\n\ntype DraggableCardProps = Omit<ListFieldLayout, 'label'> & {\n  label: string;\n  index: number;\n  isDraggingSibling: boolean;\n  onMoveField: (dragIndex: number, hoverIndex: number) => void;\n  onRemoveField: () => void;\n  setIsDraggingSibling: (isDragging: boolean) => void;\n};\n\nconst DraggableCard = ({\n  attribute,\n  index,\n  isDraggingSibling,\n  label,\n  name,\n  onMoveField,\n  onRemoveField,\n  setIsDraggingSibling,\n}: DraggableCardProps) => {\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const [, forceRerenderAfterDnd] = React.useState(false);\n\n  const [{ isDragging }, objectRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(true, {\n    type: ItemTypes.FIELD,\n    item: { index, label, name },\n    index,\n    onMoveItem: onMoveField,\n    onEnd: () => setIsDraggingSibling(false),\n  });\n\n  React.useEffect(() => {\n    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });\n  }, [dragPreviewRef]);\n\n  React.useEffect(() => {\n    if (isDragging) {\n      setIsDraggingSibling(true);\n    }\n  }, [isDragging, setIsDraggingSibling]);\n\n  // Effect in order to force a rerender after reordering the components\n  // Since we are removing the Accordion when doing the DnD  we are losing the dragRef, therefore the replaced element cannot be dragged\n  // anymore, this hack forces a rerender in order to apply the dragRef\n  React.useEffect(() => {\n    if (!isDraggingSibling) {\n      forceRerenderAfterDnd((prev) => !prev);\n    }\n  }, [isDraggingSibling]);\n\n  const composedRefs = useComposedRefs<HTMLButtonElement>(\n    dropRef,\n    objectRef as React.RefObject<HTMLButtonElement>\n  );\n\n  return (\n    <FieldWrapper ref={composedRefs}>\n      {isDragging && <CardDragPreview label={label} />}\n      {!isDragging && isDraggingSibling && <CardDragPreview isSibling label={label} />}\n\n      {!isDragging && !isDraggingSibling && (\n        <FieldContainer\n          borderColor=\"neutral150\"\n          background=\"neutral100\"\n          hasRadius\n          justifyContent=\"space-between\"\n          onClick={() => setIsModalOpen(true)}\n        >\n          <Flex gap={3}>\n            <DragButton\n              ref={dragRef}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.move.field'),\n                  defaultMessage: 'Move {item}',\n                },\n                { item: label }\n              )}\n              onClick={(e) => e.stopPropagation()}\n              type=\"button\"\n            >\n              <Drag />\n            </DragButton>\n            <Typography fontWeight=\"bold\">{label}</Typography>\n          </Flex>\n          <Flex paddingLeft={3} onClick={(e) => e.stopPropagation()}>\n            <UnsavedChangesModal open={isModalOpen} onOpenChange={setIsModalOpen}>\n              <Modal.Trigger>\n                <ActionButton\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  aria-label={formatMessage(\n                    {\n                      id: getTranslation('components.DraggableCard.edit.field'),\n                      defaultMessage: 'Edit {item}',\n                    },\n                    { item: label }\n                  )}\n                  type=\"button\"\n                >\n                  <Pencil width=\"1.2rem\" height=\"1.2rem\" />\n                </ActionButton>\n              </Modal.Trigger>\n              <EditFieldForm\n                attribute={attribute}\n                name={`layout.${index}`}\n                onClose={() => {\n                  setIsModalOpen(false);\n                }}\n              />\n            </UnsavedChangesModal>\n            <ActionButton\n              onClick={onRemoveField}\n              data-testid={`delete-${name}`}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.delete.field'),\n                  defaultMessage: 'Delete {item}',\n                },\n                { item: label }\n              )}\n              type=\"button\"\n            >\n              <Cross width=\"1.2rem\" height=\"1.2rem\" />\n            </ActionButton>\n          </Flex>\n        </FieldContainer>\n      )}\n    </FieldWrapper>\n  );\n};\n\nconst ActionButton = styled.button`\n  display: flex;\n  align-items: center;\n  height: ${({ theme }) => theme.spaces[7]};\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionButton)`\n  padding: 0 ${({ theme }) => theme.spaces[3]};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n  cursor: all-scroll;\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)`\n  max-height: 3.2rem;\n  cursor: pointer;\n`;\n\nconst FieldWrapper = styled<BoxComponent>(Box)`\n  &:last-child {\n    padding-right: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { DraggableCard };\nexport type { DraggableCardProps };\n"],"names":["DraggableCard","attribute","index","isDraggingSibling","label","name","onMoveField","onRemoveField","setIsDraggingSibling","isModalOpen","setIsModalOpen","React","useState","formatMessage","useIntl","forceRerenderAfterDnd","isDragging","objectRef","dropRef","dragRef","dragPreviewRef","useDragAndDrop","type","ItemTypes","FIELD","item","onMoveItem","onEnd","useEffect","getEmptyImage","captureDraggingState","prev","composedRefs","useComposedRefs","_jsxs","FieldWrapper","ref","_jsx","CardDragPreview","isSibling","FieldContainer","borderColor","background","hasRadius","justifyContent","onClick","Flex","gap","DragButton","aria-label","id","getTranslation","defaultMessage","e","stopPropagation","Drag","Typography","fontWeight","paddingLeft","UnsavedChangesModal","open","onOpenChange","Modal","Trigger","ActionButton","Pencil","width","height","EditFieldForm","onClose","data-testid","Cross","styled","button","theme","spaces","colors","neutral600","neutral700","neutral150","Box"],"mappings":"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"}

package/dist/admin/pages/ListConfiguration/components/DraggableCard.mjs

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
+import { UnsavedChangesModal } from '@strapi/admin/strapi-admin';
 import { useComposedRefs, Flex, Typography, Modal, Box } from '@strapi/design-system';
 import { Drag, Pencil, Cross } from '@strapi/icons';
 import { getEmptyImage } from 'react-dnd-html5-backend';
@@ -94,7 +95,7 @@ const DraggableCard = ({ attribute, index, isDraggingSibling, label, name, onMov
                         paddingLeft: 3,
                         onClick: (e)=>e.stopPropagation(),
                         children: [
-                            /*#__PURE__*/ jsxs(Modal.Root, {
+                            /*#__PURE__*/ jsxs(UnsavedChangesModal, {
                                 open: isModalOpen,
                                 onOpenChange: setIsModalOpen,
                                 children: [

package/dist/admin/pages/ListConfiguration/components/DraggableCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableCard.mjs","sources":["../../../../../admin/src/pages/ListConfiguration/components/DraggableCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  Modal,\n  Typography,\n  useComposedRefs,\n} from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { CardDragPreview } from '../../../components/DragPreviews/CardDragPreview';\nimport { ItemTypes } from '../../../constants/dragAndDrop';\nimport { useDragAndDrop } from '../../../hooks/useDragAndDrop';\nimport { getTranslation } from '../../../utils/translations';\n\nimport { EditFieldForm } from './EditFieldForm';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\n\ntype DraggableCardProps = Omit<ListFieldLayout, 'label'> & {\n  label: string;\n  index: number;\n  isDraggingSibling: boolean;\n  onMoveField: (dragIndex: number, hoverIndex: number) => void;\n  onRemoveField: () => void;\n  setIsDraggingSibling: (isDragging: boolean) => void;\n};\n\nconst DraggableCard = ({\n  attribute,\n  index,\n  isDraggingSibling,\n  label,\n  name,\n  onMoveField,\n  onRemoveField,\n  setIsDraggingSibling,\n}: DraggableCardProps) => {\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const [, forceRerenderAfterDnd] = React.useState(false);\n\n  const [{ isDragging }, objectRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(true, {\n    type: ItemTypes.FIELD,\n    item: { index, label, name },\n    index,\n    onMoveItem: onMoveField,\n    onEnd: () => setIsDraggingSibling(false),\n  });\n\n  React.useEffect(() => {\n    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });\n  }, [dragPreviewRef]);\n\n  React.useEffect(() => {\n    if (isDragging) {\n      setIsDraggingSibling(true);\n    }\n  }, [isDragging, setIsDraggingSibling]);\n\n  // Effect in order to force a rerender after reordering the components\n  // Since we are removing the Accordion when doing the DnD  we are losing the dragRef, therefore the replaced element cannot be dragged\n  // anymore, this hack forces a rerender in order to apply the dragRef\n  React.useEffect(() => {\n    if (!isDraggingSibling) {\n      forceRerenderAfterDnd((prev) => !prev);\n    }\n  }, [isDraggingSibling]);\n\n  const composedRefs = useComposedRefs<HTMLButtonElement>(\n    dropRef,\n    objectRef as React.RefObject<HTMLButtonElement>\n  );\n\n  return (\n    <FieldWrapper ref={composedRefs}>\n      {isDragging && <CardDragPreview label={label} />}\n      {!isDragging && isDraggingSibling && <CardDragPreview isSibling label={label} />}\n\n      {!isDragging && !isDraggingSibling && (\n        <FieldContainer\n          borderColor=\"neutral150\"\n          background=\"neutral100\"\n          hasRadius\n          justifyContent=\"space-between\"\n          onClick={() => setIsModalOpen(true)}\n        >\n          <Flex gap={3}>\n            <DragButton\n              ref={dragRef}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.move.field'),\n                  defaultMessage: 'Move {item}',\n                },\n                { item: label }\n              )}\n              onClick={(e) => e.stopPropagation()}\n              type=\"button\"\n            >\n              <Drag />\n            </DragButton>\n            <Typography fontWeight=\"bold\">{label}</Typography>\n          </Flex>\n          <Flex paddingLeft={3} onClick={(e) => e.stopPropagation()}>\n            <Modal.Root open={isModalOpen} onOpenChange={setIsModalOpen}>\n              <Modal.Trigger>\n                <ActionButton\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  aria-label={formatMessage(\n                    {\n                      id: getTranslation('components.DraggableCard.edit.field'),\n                      defaultMessage: 'Edit {item}',\n                    },\n                    { item: label }\n                  )}\n                  type=\"button\"\n                >\n                  <Pencil width=\"1.2rem\" height=\"1.2rem\" />\n                </ActionButton>\n              </Modal.Trigger>\n              <EditFieldForm\n                attribute={attribute}\n                name={`layout.${index}`}\n                onClose={() => {\n                  setIsModalOpen(false);\n                }}\n              />\n            </Modal.Root>\n            <ActionButton\n              onClick={onRemoveField}\n              data-testid={`delete-${name}`}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.delete.field'),\n                  defaultMessage: 'Delete {item}',\n                },\n                { item: label }\n              )}\n              type=\"button\"\n            >\n              <Cross width=\"1.2rem\" height=\"1.2rem\" />\n            </ActionButton>\n          </Flex>\n        </FieldContainer>\n      )}\n    </FieldWrapper>\n  );\n};\n\nconst ActionButton = styled.button`\n  display: flex;\n  align-items: center;\n  height: ${({ theme }) => theme.spaces[7]};\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionButton)`\n  padding: 0 ${({ theme }) => theme.spaces[3]};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n  cursor: all-scroll;\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)`\n  max-height: 3.2rem;\n  cursor: pointer;\n`;\n\nconst FieldWrapper = styled<BoxComponent>(Box)`\n  &:last-child {\n    padding-right: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { DraggableCard };\nexport type { DraggableCardProps };\n"],"names":["DraggableCard","attribute","index","isDraggingSibling","label","name","onMoveField","onRemoveField","setIsDraggingSibling","isModalOpen","setIsModalOpen","React","useState","formatMessage","useIntl","forceRerenderAfterDnd","isDragging","objectRef","dropRef","dragRef","dragPreviewRef","useDragAndDrop","type","ItemTypes","FIELD","item","onMoveItem","onEnd","useEffect","getEmptyImage","captureDraggingState","prev","composedRefs","useComposedRefs","_jsxs","FieldWrapper","ref","_jsx","CardDragPreview","isSibling","FieldContainer","borderColor","background","hasRadius","justifyContent","onClick","Flex","gap","DragButton","aria-label","id","getTranslation","defaultMessage","e","stopPropagation","Drag","Typography","fontWeight","paddingLeft","Modal","Root","open","onOpenChange","Trigger","ActionButton","Pencil","width","height","EditFieldForm","onClose","data-testid","Cross","styled","button","theme","spaces","colors","neutral600","neutral700","neutral150","Box"],"mappings":"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"}
+{"version":3,"file":"DraggableCard.mjs","sources":["../../../../../admin/src/pages/ListConfiguration/components/DraggableCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { UnsavedChangesModal } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  BoxComponent,\n  Flex,\n  FlexComponent,\n  Modal,\n  Typography,\n  useComposedRefs,\n} from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { CardDragPreview } from '../../../components/DragPreviews/CardDragPreview';\nimport { ItemTypes } from '../../../constants/dragAndDrop';\nimport { useDragAndDrop } from '../../../hooks/useDragAndDrop';\nimport { getTranslation } from '../../../utils/translations';\n\nimport { EditFieldForm } from './EditFieldForm';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\n\ntype DraggableCardProps = Omit<ListFieldLayout, 'label'> & {\n  label: string;\n  index: number;\n  isDraggingSibling: boolean;\n  onMoveField: (dragIndex: number, hoverIndex: number) => void;\n  onRemoveField: () => void;\n  setIsDraggingSibling: (isDragging: boolean) => void;\n};\n\nconst DraggableCard = ({\n  attribute,\n  index,\n  isDraggingSibling,\n  label,\n  name,\n  onMoveField,\n  onRemoveField,\n  setIsDraggingSibling,\n}: DraggableCardProps) => {\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const [, forceRerenderAfterDnd] = React.useState(false);\n\n  const [{ isDragging }, objectRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(true, {\n    type: ItemTypes.FIELD,\n    item: { index, label, name },\n    index,\n    onMoveItem: onMoveField,\n    onEnd: () => setIsDraggingSibling(false),\n  });\n\n  React.useEffect(() => {\n    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });\n  }, [dragPreviewRef]);\n\n  React.useEffect(() => {\n    if (isDragging) {\n      setIsDraggingSibling(true);\n    }\n  }, [isDragging, setIsDraggingSibling]);\n\n  // Effect in order to force a rerender after reordering the components\n  // Since we are removing the Accordion when doing the DnD  we are losing the dragRef, therefore the replaced element cannot be dragged\n  // anymore, this hack forces a rerender in order to apply the dragRef\n  React.useEffect(() => {\n    if (!isDraggingSibling) {\n      forceRerenderAfterDnd((prev) => !prev);\n    }\n  }, [isDraggingSibling]);\n\n  const composedRefs = useComposedRefs<HTMLButtonElement>(\n    dropRef,\n    objectRef as React.RefObject<HTMLButtonElement>\n  );\n\n  return (\n    <FieldWrapper ref={composedRefs}>\n      {isDragging && <CardDragPreview label={label} />}\n      {!isDragging && isDraggingSibling && <CardDragPreview isSibling label={label} />}\n\n      {!isDragging && !isDraggingSibling && (\n        <FieldContainer\n          borderColor=\"neutral150\"\n          background=\"neutral100\"\n          hasRadius\n          justifyContent=\"space-between\"\n          onClick={() => setIsModalOpen(true)}\n        >\n          <Flex gap={3}>\n            <DragButton\n              ref={dragRef}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.move.field'),\n                  defaultMessage: 'Move {item}',\n                },\n                { item: label }\n              )}\n              onClick={(e) => e.stopPropagation()}\n              type=\"button\"\n            >\n              <Drag />\n            </DragButton>\n            <Typography fontWeight=\"bold\">{label}</Typography>\n          </Flex>\n          <Flex paddingLeft={3} onClick={(e) => e.stopPropagation()}>\n            <UnsavedChangesModal open={isModalOpen} onOpenChange={setIsModalOpen}>\n              <Modal.Trigger>\n                <ActionButton\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  aria-label={formatMessage(\n                    {\n                      id: getTranslation('components.DraggableCard.edit.field'),\n                      defaultMessage: 'Edit {item}',\n                    },\n                    { item: label }\n                  )}\n                  type=\"button\"\n                >\n                  <Pencil width=\"1.2rem\" height=\"1.2rem\" />\n                </ActionButton>\n              </Modal.Trigger>\n              <EditFieldForm\n                attribute={attribute}\n                name={`layout.${index}`}\n                onClose={() => {\n                  setIsModalOpen(false);\n                }}\n              />\n            </UnsavedChangesModal>\n            <ActionButton\n              onClick={onRemoveField}\n              data-testid={`delete-${name}`}\n              aria-label={formatMessage(\n                {\n                  id: getTranslation('components.DraggableCard.delete.field'),\n                  defaultMessage: 'Delete {item}',\n                },\n                { item: label }\n              )}\n              type=\"button\"\n            >\n              <Cross width=\"1.2rem\" height=\"1.2rem\" />\n            </ActionButton>\n          </Flex>\n        </FieldContainer>\n      )}\n    </FieldWrapper>\n  );\n};\n\nconst ActionButton = styled.button`\n  display: flex;\n  align-items: center;\n  height: ${({ theme }) => theme.spaces[7]};\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionButton)`\n  padding: 0 ${({ theme }) => theme.spaces[3]};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n  cursor: all-scroll;\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)`\n  max-height: 3.2rem;\n  cursor: pointer;\n`;\n\nconst FieldWrapper = styled<BoxComponent>(Box)`\n  &:last-child {\n    padding-right: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { DraggableCard };\nexport type { DraggableCardProps };\n"],"names":["DraggableCard","attribute","index","isDraggingSibling","label","name","onMoveField","onRemoveField","setIsDraggingSibling","isModalOpen","setIsModalOpen","React","useState","formatMessage","useIntl","forceRerenderAfterDnd","isDragging","objectRef","dropRef","dragRef","dragPreviewRef","useDragAndDrop","type","ItemTypes","FIELD","item","onMoveItem","onEnd","useEffect","getEmptyImage","captureDraggingState","prev","composedRefs","useComposedRefs","_jsxs","FieldWrapper","ref","_jsx","CardDragPreview","isSibling","FieldContainer","borderColor","background","hasRadius","justifyContent","onClick","Flex","gap","DragButton","aria-label","id","getTranslation","defaultMessage","e","stopPropagation","Drag","Typography","fontWeight","paddingLeft","UnsavedChangesModal","open","onOpenChange","Modal","Trigger","ActionButton","Pencil","width","height","EditFieldForm","onClose","data-testid","Cross","styled","button","theme","spaces","colors","neutral600","neutral700","neutral150","Box"],"mappings":"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"}

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.js

@@ -127,12 +127,13 @@ const EditFieldForm = ({ attribute, name, onClose })=>{
                 }),
                 /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
                     children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                            onClick: onClose,
-                            variant: "tertiary",
-                            children: formatMessage({
-                                id: 'app.components.Button.cancel',
-                                defaultMessage: 'Cancel'
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
                             })
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditFieldForm.js","sources":["../../../../../admin/src/pages/ListConfiguration/components/EditFieldForm.tsx"],"sourcesContent":["import { Form, useField, InputRenderer, useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, FlexComponent, Grid, Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { FieldTypeIcon } from '../../../components/FieldTypeIcon';\nimport { capitalise } from '../../../utils/strings';\nimport { getTranslation } from '../../../utils/translations';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\nimport type { FormData } from '../ListConfigurationPage';\n\ninterface EditFieldFormProps extends Pick<ListFieldLayout, 'attribute'> {\n  name: string;\n  onClose: () => void;\n}\n\nconst FIELD_SCHEMA = yup.object().shape({\n  label: yup.string().required(),\n  sortable: yup.boolean(),\n});\n\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const { value, onChange } = useField<FormData['layout'][number]>(name);\n\n  if (!value) {\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\n    console.error(\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\n    );\n\n    toggleNotification({\n      message: formatMessage({\n        id: 'content-manager.containers.list-settings.modal-form.error',\n        defaultMessage: 'An error occurred while trying to open the form.',\n      }),\n      type: 'danger',\n    });\n\n    return null;\n  }\n\n  let shouldDisplaySortToggle = !['media', 'relation'].includes(attribute.type);\n\n  if ('relation' in attribute && ['oneWay', 'oneToOne', 'manyToOne'].includes(attribute.relation)) {\n    shouldDisplaySortToggle = true;\n  }\n\n  return (\n    <Modal.Content>\n      <Form\n        method=\"PUT\"\n        initialValues={value}\n        validationSchema={FIELD_SCHEMA}\n        onSubmit={(data) => {\n          onChange(name, data);\n          onClose();\n        }}\n      >\n        <Modal.Header>\n          <HeaderContainer>\n            {/* @ts-expect-error attribute.type === custom does not work here */}\n            <FieldTypeIcon type={attribute.type} />\n            <Modal.Title>\n              {formatMessage(\n                {\n                  id: getTranslation('containers.list-settings.modal-form.label'),\n                  defaultMessage: 'Edit {fieldName}',\n                },\n                { fieldName: capitalise(value.label) }\n              )}\n            </Modal.Title>\n          </HeaderContainer>\n        </Modal.Header>\n        <Modal.Body>\n          <Grid.Root gap={4}>\n            {[\n              {\n                name: 'label',\n                label: formatMessage({\n                  id: getTranslation('form.Input.label'),\n                  defaultMessage: 'Label',\n                }),\n                hint: formatMessage({\n                  id: getTranslation('form.Input.label.inputDescription'),\n                  defaultMessage: \"This value overrides the label displayed in the table's head\",\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                label: formatMessage({\n                  id: getTranslation('form.Input.sort.field'),\n                  defaultMessage: 'Enable sort on this field',\n                }),\n                name: 'sortable',\n                size: 6,\n                type: 'boolean' as const,\n              },\n            ]\n              .filter(\n                (field) =>\n                  field.name !== 'sortable' ||\n                  (field.name === 'sortable' && shouldDisplaySortToggle)\n              )\n              .map(({ size, ...field }) => (\n                <Grid.Item\n                  key={field.name}\n                  xs={12}\n                  col={size}\n                  direction=\"column\"\n                  alignItems=\"stretch\"\n                >\n                  <InputRenderer {...field} />\n                </Grid.Item>\n              ))}\n          </Grid.Root>\n        </Modal.Body>\n        <Modal.Footer>\n          <Button onClick={onClose} variant=\"tertiary\">\n            {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n          </Button>\n          <Button type=\"submit\">\n            {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\n          </Button>\n        </Modal.Footer>\n      </Form>\n    </Modal.Content>\n  );\n};\n\nconst HeaderContainer = styled<FlexComponent>(Flex)`\n  svg {\n    width: 3.2rem;\n    margin-right: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { EditFieldForm };\nexport type { EditFieldFormProps };\n"],"names":["FIELD_SCHEMA","yup","object","shape","label","string","required","sortable","boolean","EditFieldForm","attribute","name","onClose","formatMessage","useIntl","toggleNotification","useNotification","value","onChange","useField","console","error","message","id","defaultMessage","type","shouldDisplaySortToggle","includes","relation","_jsx","Modal","Content","_jsxs","Form","method","initialValues","validationSchema","onSubmit","data","Header","HeaderContainer","FieldTypeIcon","Title","getTranslation","fieldName","capitalise","Body","Grid","Root","gap","hint","size","filter","field","map","Item","xs","col","direction","alignItems","InputRenderer","Footer","Button","onClick","variant","styled","Flex","theme","spaces"],"mappings":"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"}
+{"version":3,"file":"EditFieldForm.js","sources":["../../../../../admin/src/pages/ListConfiguration/components/EditFieldForm.tsx"],"sourcesContent":["import { Form, useField, InputRenderer, useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, FlexComponent, Grid, Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\nimport * as yup from 'yup';\n\nimport { FieldTypeIcon } from '../../../components/FieldTypeIcon';\nimport { capitalise } from '../../../utils/strings';\nimport { getTranslation } from '../../../utils/translations';\n\nimport type { ListFieldLayout } from '../../../hooks/useDocumentLayout';\nimport type { FormData } from '../ListConfigurationPage';\n\ninterface EditFieldFormProps extends Pick<ListFieldLayout, 'attribute'> {\n  name: string;\n  onClose: () => void;\n}\n\nconst FIELD_SCHEMA = yup.object().shape({\n  label: yup.string().required(),\n  sortable: yup.boolean(),\n});\n\nconst EditFieldForm = ({ attribute, name, onClose }: EditFieldFormProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n\n  const { value, onChange } = useField<FormData['layout'][number]>(name);\n\n  if (!value) {\n    // This is very unlikely to happen, but it ensures the form is not opened without a value.\n    console.error(\n      \"You've opened a field to edit without it being part of the form, this is likely a bug with Strapi. Please open an issue.\"\n    );\n\n    toggleNotification({\n      message: formatMessage({\n        id: 'content-manager.containers.list-settings.modal-form.error',\n        defaultMessage: 'An error occurred while trying to open the form.',\n      }),\n      type: 'danger',\n    });\n\n    return null;\n  }\n\n  let shouldDisplaySortToggle = !['media', 'relation'].includes(attribute.type);\n\n  if ('relation' in attribute && ['oneWay', 'oneToOne', 'manyToOne'].includes(attribute.relation)) {\n    shouldDisplaySortToggle = true;\n  }\n\n  return (\n    <Modal.Content>\n      <Form\n        method=\"PUT\"\n        initialValues={value}\n        validationSchema={FIELD_SCHEMA}\n        onSubmit={(data) => {\n          onChange(name, data);\n          onClose();\n        }}\n      >\n        <Modal.Header>\n          <HeaderContainer>\n            {/* @ts-expect-error attribute.type === custom does not work here */}\n            <FieldTypeIcon type={attribute.type} />\n            <Modal.Title>\n              {formatMessage(\n                {\n                  id: getTranslation('containers.list-settings.modal-form.label'),\n                  defaultMessage: 'Edit {fieldName}',\n                },\n                { fieldName: capitalise(value.label) }\n              )}\n            </Modal.Title>\n          </HeaderContainer>\n        </Modal.Header>\n        <Modal.Body>\n          <Grid.Root gap={4}>\n            {[\n              {\n                name: 'label',\n                label: formatMessage({\n                  id: getTranslation('form.Input.label'),\n                  defaultMessage: 'Label',\n                }),\n                hint: formatMessage({\n                  id: getTranslation('form.Input.label.inputDescription'),\n                  defaultMessage: \"This value overrides the label displayed in the table's head\",\n                }),\n                size: 6,\n                type: 'string' as const,\n              },\n              {\n                label: formatMessage({\n                  id: getTranslation('form.Input.sort.field'),\n                  defaultMessage: 'Enable sort on this field',\n                }),\n                name: 'sortable',\n                size: 6,\n                type: 'boolean' as const,\n              },\n            ]\n              .filter(\n                (field) =>\n                  field.name !== 'sortable' ||\n                  (field.name === 'sortable' && shouldDisplaySortToggle)\n              )\n              .map(({ size, ...field }) => (\n                <Grid.Item\n                  key={field.name}\n                  xs={12}\n                  col={size}\n                  direction=\"column\"\n                  alignItems=\"stretch\"\n                >\n                  <InputRenderer {...field} />\n                </Grid.Item>\n              ))}\n          </Grid.Root>\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          </Modal.Close>\n          <Button type=\"submit\">\n            {formatMessage({ id: 'global.finish', defaultMessage: 'Finish' })}\n          </Button>\n        </Modal.Footer>\n      </Form>\n    </Modal.Content>\n  );\n};\n\nconst HeaderContainer = styled<FlexComponent>(Flex)`\n  svg {\n    width: 3.2rem;\n    margin-right: ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nexport { EditFieldForm };\nexport type { EditFieldFormProps };\n"],"names":["FIELD_SCHEMA","yup","object","shape","label","string","required","sortable","boolean","EditFieldForm","attribute","name","onClose","formatMessage","useIntl","toggleNotification","useNotification","value","onChange","useField","console","error","message","id","defaultMessage","type","shouldDisplaySortToggle","includes","relation","_jsx","Modal","Content","_jsxs","Form","method","initialValues","validationSchema","onSubmit","data","Header","HeaderContainer","FieldTypeIcon","Title","getTranslation","fieldName","capitalise","Body","Grid","Root","gap","hint","size","filter","field","map","Item","xs","col","direction","alignItems","InputRenderer","Footer","Close","Button","variant","styled","Flex","theme","spaces"],"mappings":"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"}

package/dist/admin/pages/ListConfiguration/components/EditFieldForm.mjs

@@ -105,12 +105,13 @@ const EditFieldForm = ({ attribute, name, onClose })=>{
                 }),
                 /*#__PURE__*/ jsxs(Modal.Footer, {
                     children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            onClick: onClose,
-                            variant: "tertiary",
-                            children: formatMessage({
-                                id: 'app.components.Button.cancel',
-                                defaultMessage: 'Cancel'
+                        /*#__PURE__*/ jsx(Modal.Close, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
                             })
                         }),
                         /*#__PURE__*/ jsx(Button, {