@strapi/content-type-builder 5.53.0 → 5.55.0

package/dist/admin/components/DataManager/utils/contentStructure.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var isEqual = require('lodash/isEqual');
+var omit = require('lodash/omit');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
+var omit__default = /*#__PURE__*/_interopDefault(omit);
+
+const CONTENT_STRUCTURE_VERSION = 1;
+const MAX_FOLDER_DEPTH = 3;
+function sectionKeyForKind(kind) {
+    return kind === 'singleType' ? 'singleTypes' : 'collectionTypes';
+}
+function createEmptyContentStructure() {
+    return {
+        version: CONTENT_STRUCTURE_VERSION,
+        sections: {
+            collectionTypes: {
+                groups: []
+            },
+            singleTypes: {
+                groups: []
+            }
+        }
+    };
+}
+const addStatusToSection = (section)=>{
+    return {
+        groups: (section?.groups || []).map((group)=>({
+                ...group,
+                status: 'UNCHANGED'
+            }))
+    };
+};
+function fromServerFile(file) {
+    if (!file || !file.sections) {
+        return createEmptyContentStructure();
+    }
+    return {
+        version: CONTENT_STRUCTURE_VERSION,
+        sections: {
+            collectionTypes: addStatusToSection(file.sections.collectionTypes),
+            singleTypes: addStatusToSection(file.sections.singleTypes)
+        }
+    };
+}
+const removeStatusFromSection = (section)=>{
+    return {
+        groups: section.groups.map((group)=>omit__default.default(group, 'status'))
+    };
+};
+function toServerFile(structure) {
+    return {
+        version: CONTENT_STRUCTURE_VERSION,
+        sections: {
+            collectionTypes: removeStatusFromSection(structure.sections.collectionTypes),
+            singleTypes: removeStatusFromSection(structure.sections.singleTypes)
+        }
+    };
+}
+/**
+ * Determines whether two contentStructure trees differ in any way the server would persist.
+ *
+ * The client-side state manager removes groups from the tree upon deletion.
+ * This means that the "REMOVED" status is impossible to reach. See {@link GroupStatus}.
+ */ function hasContentStructureChanged(working, initial) {
+    return !isEqual__default.default(toServerFile(working), toServerFile(initial));
+}
+function generateGroupId() {
+    const body = (()=>{
+        if (crypto.randomUUID) {
+            return crypto.randomUUID().replace(/-/g, '').slice(0, 24);
+        }
+        const bytes = new Uint8Array(Math.ceil(24 / 2));
+        crypto.getRandomValues(bytes);
+        return Array.from(bytes, (byte)=>byte.toString(16).padStart(2, '0')).join('').slice(0, 24);
+    })();
+    return `grp_${body}`;
+}
+/**
+ * Find a sibling folder that already has a given `name`.
+ *
+ * `excludeId` skips a group by id (used when renaming, so a folder doesn't
+ * collide with itself).
+ *
+ * Returns `undefined` for an empty name or no match.
+ */ function findSiblingFolderByName(groups, parentId, name, excludeId) {
+    const target = name.trim().toLowerCase();
+    if (target.length === 0) {
+        return undefined;
+    }
+    return groups.find((group)=>{
+        if (group.parent !== parentId) {
+            return false;
+        }
+        if (group.id === excludeId) {
+            return false;
+        }
+        return group.name.trim().toLowerCase() === target;
+    });
+}
+/**
+ * Whether a folder name is already taken by a sibling. See
+ * {@link findSiblingFolderByName}.
+ */ function isFolderNameTakenBySibling(groups, parentId, name, excludeId) {
+    return findSiblingFolderByName(groups, parentId, name, excludeId) !== undefined;
+}
+/**
+ * Returns names that would collide if a folder were removed and its child folders inherited its
+ * parent. Both the existing destination siblings and the incoming children are compared using
+ * the same case-insensitive contract as create, rename, and move.
+ */ function getDeleteFolderOnlySiblingNameCollisions(groups, groupId) {
+    const groupToDelete = groups.find((group)=>group.id === groupId);
+    if (!groupToDelete) {
+        return [];
+    }
+    const siblingNames = new Set(groups.filter((group)=>group.parent === groupToDelete.parent && group.id !== groupId).map((group)=>group.name.trim().toLowerCase()));
+    const collisions = [];
+    for (const child of groupToDelete.children){
+        if (child.type !== 'group') {
+            continue;
+        }
+        const childGroup = groups.find((group)=>group.id === child.id);
+        if (!childGroup) {
+            continue;
+        }
+        const name = childGroup.name.trim().toLowerCase();
+        if (siblingNames.has(name)) {
+            collisions.push(childGroup.name);
+            continue;
+        }
+        siblingNames.add(name);
+    }
+    return collisions;
+}
+
+exports.CONTENT_STRUCTURE_VERSION = CONTENT_STRUCTURE_VERSION;
+exports.MAX_FOLDER_DEPTH = MAX_FOLDER_DEPTH;
+exports.createEmptyContentStructure = createEmptyContentStructure;
+exports.findSiblingFolderByName = findSiblingFolderByName;
+exports.fromServerFile = fromServerFile;
+exports.generateGroupId = generateGroupId;
+exports.getDeleteFolderOnlySiblingNameCollisions = getDeleteFolderOnlySiblingNameCollisions;
+exports.hasContentStructureChanged = hasContentStructureChanged;
+exports.isFolderNameTakenBySibling = isFolderNameTakenBySibling;
+exports.sectionKeyForKind = sectionKeyForKind;
+exports.toServerFile = toServerFile;
+//# sourceMappingURL=contentStructure.js.map

package/dist/admin/components/DataManager/utils/contentStructure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentStructure.js","sources":["../../../../../admin/src/components/DataManager/utils/contentStructure.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport omit from 'lodash/omit';\n\nimport type { Status } from '../../../types';\nimport type { Modules, Struct } from '@strapi/types';\n\nexport type SectionKey = Modules.ContentStructure.ContentStructureSectionKey;\n\nexport type ContentStructureChild = Modules.ContentStructure.ContentStructureChild;\n\n/**\n * The status of a content structure group, excluding \"REMOVED\".\n * The contentStructure API is declarative, so the server will identify removed groups by their absence in the submitted structure.\n * The admin panel will remove groups from the tree upon deletion, so the \"REMOVED\" status is impossible to reach.\n */\nexport type GroupStatus = Exclude<Status, 'REMOVED'>;\n\nexport type ContentStructureGroup = Modules.ContentStructure.ContentStructureGroup & {\n  status: GroupStatus;\n};\n\nexport type ContentStructureSection = {\n  groups: ContentStructureGroup[];\n};\n\nexport const CONTENT_STRUCTURE_VERSION = 1;\nexport const MAX_FOLDER_DEPTH = 3;\n\nexport type FolderSelection = { targetGroupId: string | null } | { newFolderName: string };\n\n/**\n * Admin-side model of the content-structure (folder groups).\n *\n * The admin is identical to the server-side structure, but for the inclusion of a `status` field on every group.\n * This allows the admin panel to track changes to the content structure using existing patterns.\n *\n * The `status` field is stripped by {@link toServerFile} before a client-modified structure is sent to the server.\n */\nexport type ContentStructure = {\n  version: typeof CONTENT_STRUCTURE_VERSION;\n  sections: Record<SectionKey, ContentStructureSection>;\n};\n\nexport const SECTION_KEYS = [\n  'collectionTypes',\n  'singleTypes',\n] as const satisfies readonly SectionKey[];\n\nexport function sectionKeyForKind(kind: Struct.ContentTypeKind): SectionKey {\n  return kind === 'singleType' ? 'singleTypes' : 'collectionTypes';\n}\n\nexport function createEmptyContentStructure(): ContentStructure {\n  return {\n    version: CONTENT_STRUCTURE_VERSION,\n    sections: {\n      collectionTypes: { groups: [] },\n      singleTypes: { groups: [] },\n    },\n  };\n}\n\nconst addStatusToSection = (\n  section: Modules.ContentStructure.ContentStructureSection | undefined\n): ContentStructureSection => {\n  return {\n    groups: (section?.groups || []).map((group) => ({\n      ...group,\n      status: 'UNCHANGED',\n    })),\n  };\n};\n\nexport function fromServerFile(\n  file: Modules.ContentStructure.ContentStructureFile | null | undefined\n): ContentStructure {\n  if (!file || !file.sections) {\n    return createEmptyContentStructure();\n  }\n\n  return {\n    version: CONTENT_STRUCTURE_VERSION,\n    sections: {\n      collectionTypes: addStatusToSection(file.sections.collectionTypes),\n      singleTypes: addStatusToSection(file.sections.singleTypes),\n    },\n  };\n}\n\nconst removeStatusFromSection = (\n  section: ContentStructureSection\n): Modules.ContentStructure.ContentStructureSection => {\n  return {\n    groups: section.groups.map((group) => omit(group, 'status')),\n  };\n};\n\nexport function toServerFile(\n  structure: ContentStructure\n): Modules.ContentStructure.ContentStructureFile {\n  return {\n    version: CONTENT_STRUCTURE_VERSION,\n    sections: {\n      collectionTypes: removeStatusFromSection(structure.sections.collectionTypes),\n      singleTypes: removeStatusFromSection(structure.sections.singleTypes),\n    },\n  };\n}\n\n/**\n * Determines whether two contentStructure trees differ in any way the server would persist.\n *\n * The client-side state manager removes groups from the tree upon deletion.\n * This means that the \"REMOVED\" status is impossible to reach. See {@link GroupStatus}.\n */\nexport function hasContentStructureChanged(\n  working: ContentStructure,\n  initial: ContentStructure\n): boolean {\n  return !isEqual(toServerFile(working), toServerFile(initial));\n}\n\nexport function generateGroupId(): string {\n  const body = (() => {\n    if (crypto.randomUUID) {\n      return crypto.randomUUID().replace(/-/g, '').slice(0, 24);\n    }\n\n    const bytes = new Uint8Array(Math.ceil(24 / 2));\n    crypto.getRandomValues(bytes);\n\n    return Array.from(bytes, (byte) => byte.toString(16).padStart(2, '0'))\n      .join('')\n      .slice(0, 24);\n  })();\n\n  return `grp_${body}`;\n}\n\n/**\n * Find a sibling folder that already has a given `name`.\n *\n * `excludeId` skips a group by id (used when renaming, so a folder doesn't\n * collide with itself).\n *\n * Returns `undefined` for an empty name or no match.\n */\nexport function findSiblingFolderByName<\n  TGroup extends Pick<ContentStructureGroup, 'id' | 'name' | 'parent'>,\n>(groups: TGroup[], parentId: string | null, name: string, excludeId?: string): TGroup | undefined {\n  const target = name.trim().toLowerCase();\n\n  if (target.length === 0) {\n    return undefined;\n  }\n\n  return groups.find((group) => {\n    if (group.parent !== parentId) {\n      return false;\n    }\n\n    if (group.id === excludeId) {\n      return false;\n    }\n\n    return group.name.trim().toLowerCase() === target;\n  });\n}\n\n/**\n * Whether a folder name is already taken by a sibling. See\n * {@link findSiblingFolderByName}.\n */\nexport function isFolderNameTakenBySibling(\n  groups: Pick<ContentStructureGroup, 'id' | 'name' | 'parent'>[],\n  parentId: string | null,\n  name: string,\n  excludeId?: string\n): boolean {\n  return findSiblingFolderByName(groups, parentId, name, excludeId) !== undefined;\n}\n\n/**\n * Returns names that would collide if a folder were removed and its child folders inherited its\n * parent. Both the existing destination siblings and the incoming children are compared using\n * the same case-insensitive contract as create, rename, and move.\n */\nexport function getDeleteFolderOnlySiblingNameCollisions(\n  groups: Pick<ContentStructureGroup, 'id' | 'name' | 'parent' | 'children'>[],\n  groupId: string\n): string[] {\n  const groupToDelete = groups.find((group) => group.id === groupId);\n\n  if (!groupToDelete) {\n    return [];\n  }\n\n  const siblingNames = new Set(\n    groups\n      .filter((group) => group.parent === groupToDelete.parent && group.id !== groupId)\n      .map((group) => group.name.trim().toLowerCase())\n  );\n  const collisions: string[] = [];\n\n  for (const child of groupToDelete.children) {\n    if (child.type !== 'group') {\n      continue;\n    }\n\n    const childGroup = groups.find((group) => group.id === child.id);\n    if (!childGroup) {\n      continue;\n    }\n\n    const name = childGroup.name.trim().toLowerCase();\n    if (siblingNames.has(name)) {\n      collisions.push(childGroup.name);\n      continue;\n    }\n\n    siblingNames.add(name);\n  }\n\n  return collisions;\n}\n"],"names":["CONTENT_STRUCTURE_VERSION","MAX_FOLDER_DEPTH","sectionKeyForKind","kind","createEmptyContentStructure","version","sections","collectionTypes","groups","singleTypes","addStatusToSection","section","map","group","status","fromServerFile","file","removeStatusFromSection","omit","toServerFile","structure","hasContentStructureChanged","working","initial","isEqual","generateGroupId","body","crypto","randomUUID","replace","slice","bytes","Uint8Array","Math","ceil","getRandomValues","Array","from","byte","toString","padStart","join","findSiblingFolderByName","parentId","name","excludeId","target","trim","toLowerCase","length","undefined","find","parent","id","isFolderNameTakenBySibling","getDeleteFolderOnlySiblingNameCollisions","groupId","groupToDelete","siblingNames","Set","filter","collisions","child","children","type","childGroup","has","push","add"],"mappings":"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"}

package/dist/admin/components/DataManager/utils/contentStructure.mjs

@@ -0,0 +1,133 @@
+import isEqual from 'lodash/isEqual';
+import omit from 'lodash/omit';
+
+const CONTENT_STRUCTURE_VERSION = 1;
+const MAX_FOLDER_DEPTH = 3;
+function sectionKeyForKind(kind) {
+    return kind === 'singleType' ? 'singleTypes' : 'collectionTypes';
+}
+function createEmptyContentStructure() {
+    return {
+        version: CONTENT_STRUCTURE_VERSION,
+        sections: {
+            collectionTypes: {
+                groups: []
+            },
+            singleTypes: {
+                groups: []
+            }
+        }
+    };
+}
+const addStatusToSection = (section)=>{
+    return {
+        groups: (section?.groups || []).map((group)=>({
+                ...group,
+                status: 'UNCHANGED'
+            }))
+    };
+};
+function fromServerFile(file) {
+    if (!file || !file.sections) {
+        return createEmptyContentStructure();
+    }
+    return {
+        version: CONTENT_STRUCTURE_VERSION,
+        sections: {
+            collectionTypes: addStatusToSection(file.sections.collectionTypes),
+            singleTypes: addStatusToSection(file.sections.singleTypes)
+        }
+    };
+}
+const removeStatusFromSection = (section)=>{
+    return {
+        groups: section.groups.map((group)=>omit(group, 'status'))
+    };
+};
+function toServerFile(structure) {
+    return {
+        version: CONTENT_STRUCTURE_VERSION,
+        sections: {
+            collectionTypes: removeStatusFromSection(structure.sections.collectionTypes),
+            singleTypes: removeStatusFromSection(structure.sections.singleTypes)
+        }
+    };
+}
+/**
+ * Determines whether two contentStructure trees differ in any way the server would persist.
+ *
+ * The client-side state manager removes groups from the tree upon deletion.
+ * This means that the "REMOVED" status is impossible to reach. See {@link GroupStatus}.
+ */ function hasContentStructureChanged(working, initial) {
+    return !isEqual(toServerFile(working), toServerFile(initial));
+}
+function generateGroupId() {
+    const body = (()=>{
+        if (crypto.randomUUID) {
+            return crypto.randomUUID().replace(/-/g, '').slice(0, 24);
+        }
+        const bytes = new Uint8Array(Math.ceil(24 / 2));
+        crypto.getRandomValues(bytes);
+        return Array.from(bytes, (byte)=>byte.toString(16).padStart(2, '0')).join('').slice(0, 24);
+    })();
+    return `grp_${body}`;
+}
+/**
+ * Find a sibling folder that already has a given `name`.
+ *
+ * `excludeId` skips a group by id (used when renaming, so a folder doesn't
+ * collide with itself).
+ *
+ * Returns `undefined` for an empty name or no match.
+ */ function findSiblingFolderByName(groups, parentId, name, excludeId) {
+    const target = name.trim().toLowerCase();
+    if (target.length === 0) {
+        return undefined;
+    }
+    return groups.find((group)=>{
+        if (group.parent !== parentId) {
+            return false;
+        }
+        if (group.id === excludeId) {
+            return false;
+        }
+        return group.name.trim().toLowerCase() === target;
+    });
+}
+/**
+ * Whether a folder name is already taken by a sibling. See
+ * {@link findSiblingFolderByName}.
+ */ function isFolderNameTakenBySibling(groups, parentId, name, excludeId) {
+    return findSiblingFolderByName(groups, parentId, name, excludeId) !== undefined;
+}
+/**
+ * Returns names that would collide if a folder were removed and its child folders inherited its
+ * parent. Both the existing destination siblings and the incoming children are compared using
+ * the same case-insensitive contract as create, rename, and move.
+ */ function getDeleteFolderOnlySiblingNameCollisions(groups, groupId) {
+    const groupToDelete = groups.find((group)=>group.id === groupId);
+    if (!groupToDelete) {
+        return [];
+    }
+    const siblingNames = new Set(groups.filter((group)=>group.parent === groupToDelete.parent && group.id !== groupId).map((group)=>group.name.trim().toLowerCase()));
+    const collisions = [];
+    for (const child of groupToDelete.children){
+        if (child.type !== 'group') {
+            continue;
+        }
+        const childGroup = groups.find((group)=>group.id === child.id);
+        if (!childGroup) {
+            continue;
+        }
+        const name = childGroup.name.trim().toLowerCase();
+        if (siblingNames.has(name)) {
+            collisions.push(childGroup.name);
+            continue;
+        }
+        siblingNames.add(name);
+    }
+    return collisions;
+}
+
+export { CONTENT_STRUCTURE_VERSION, MAX_FOLDER_DEPTH, createEmptyContentStructure, findSiblingFolderByName, fromServerFile, generateGroupId, getDeleteFolderOnlySiblingNameCollisions, hasContentStructureChanged, isFolderNameTakenBySibling, sectionKeyForKind, toServerFile };
+//# sourceMappingURL=contentStructure.mjs.map

package/dist/admin/components/DataManager/utils/contentStructure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentStructure.mjs","sources":["../../../../../admin/src/components/DataManager/utils/contentStructure.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport omit from 'lodash/omit';\n\nimport type { Status } from '../../../types';\nimport type { Modules, Struct } from '@strapi/types';\n\nexport type SectionKey = Modules.ContentStructure.ContentStructureSectionKey;\n\nexport type ContentStructureChild = Modules.ContentStructure.ContentStructureChild;\n\n/**\n * The status of a content structure group, excluding \"REMOVED\".\n * The contentStructure API is declarative, so the server will identify removed groups by their absence in the submitted structure.\n * The admin panel will remove groups from the tree upon deletion, so the \"REMOVED\" status is impossible to reach.\n */\nexport type GroupStatus = Exclude<Status, 'REMOVED'>;\n\nexport type ContentStructureGroup = Modules.ContentStructure.ContentStructureGroup & {\n  status: GroupStatus;\n};\n\nexport type ContentStructureSection = {\n  groups: ContentStructureGroup[];\n};\n\nexport const CONTENT_STRUCTURE_VERSION = 1;\nexport const MAX_FOLDER_DEPTH = 3;\n\nexport type FolderSelection = { targetGroupId: string | null } | { newFolderName: string };\n\n/**\n * Admin-side model of the content-structure (folder groups).\n *\n * The admin is identical to the server-side structure, but for the inclusion of a `status` field on every group.\n * This allows the admin panel to track changes to the content structure using existing patterns.\n *\n * The `status` field is stripped by {@link toServerFile} before a client-modified structure is sent to the server.\n */\nexport type ContentStructure = {\n  version: typeof CONTENT_STRUCTURE_VERSION;\n  sections: Record<SectionKey, ContentStructureSection>;\n};\n\nexport const SECTION_KEYS = [\n  'collectionTypes',\n  'singleTypes',\n] as const satisfies readonly SectionKey[];\n\nexport function sectionKeyForKind(kind: Struct.ContentTypeKind): SectionKey {\n  return kind === 'singleType' ? 'singleTypes' : 'collectionTypes';\n}\n\nexport function createEmptyContentStructure(): ContentStructure {\n  return {\n    version: CONTENT_STRUCTURE_VERSION,\n    sections: {\n      collectionTypes: { groups: [] },\n      singleTypes: { groups: [] },\n    },\n  };\n}\n\nconst addStatusToSection = (\n  section: Modules.ContentStructure.ContentStructureSection | undefined\n): ContentStructureSection => {\n  return {\n    groups: (section?.groups || []).map((group) => ({\n      ...group,\n      status: 'UNCHANGED',\n    })),\n  };\n};\n\nexport function fromServerFile(\n  file: Modules.ContentStructure.ContentStructureFile | null | undefined\n): ContentStructure {\n  if (!file || !file.sections) {\n    return createEmptyContentStructure();\n  }\n\n  return {\n    version: CONTENT_STRUCTURE_VERSION,\n    sections: {\n      collectionTypes: addStatusToSection(file.sections.collectionTypes),\n      singleTypes: addStatusToSection(file.sections.singleTypes),\n    },\n  };\n}\n\nconst removeStatusFromSection = (\n  section: ContentStructureSection\n): Modules.ContentStructure.ContentStructureSection => {\n  return {\n    groups: section.groups.map((group) => omit(group, 'status')),\n  };\n};\n\nexport function toServerFile(\n  structure: ContentStructure\n): Modules.ContentStructure.ContentStructureFile {\n  return {\n    version: CONTENT_STRUCTURE_VERSION,\n    sections: {\n      collectionTypes: removeStatusFromSection(structure.sections.collectionTypes),\n      singleTypes: removeStatusFromSection(structure.sections.singleTypes),\n    },\n  };\n}\n\n/**\n * Determines whether two contentStructure trees differ in any way the server would persist.\n *\n * The client-side state manager removes groups from the tree upon deletion.\n * This means that the \"REMOVED\" status is impossible to reach. See {@link GroupStatus}.\n */\nexport function hasContentStructureChanged(\n  working: ContentStructure,\n  initial: ContentStructure\n): boolean {\n  return !isEqual(toServerFile(working), toServerFile(initial));\n}\n\nexport function generateGroupId(): string {\n  const body = (() => {\n    if (crypto.randomUUID) {\n      return crypto.randomUUID().replace(/-/g, '').slice(0, 24);\n    }\n\n    const bytes = new Uint8Array(Math.ceil(24 / 2));\n    crypto.getRandomValues(bytes);\n\n    return Array.from(bytes, (byte) => byte.toString(16).padStart(2, '0'))\n      .join('')\n      .slice(0, 24);\n  })();\n\n  return `grp_${body}`;\n}\n\n/**\n * Find a sibling folder that already has a given `name`.\n *\n * `excludeId` skips a group by id (used when renaming, so a folder doesn't\n * collide with itself).\n *\n * Returns `undefined` for an empty name or no match.\n */\nexport function findSiblingFolderByName<\n  TGroup extends Pick<ContentStructureGroup, 'id' | 'name' | 'parent'>,\n>(groups: TGroup[], parentId: string | null, name: string, excludeId?: string): TGroup | undefined {\n  const target = name.trim().toLowerCase();\n\n  if (target.length === 0) {\n    return undefined;\n  }\n\n  return groups.find((group) => {\n    if (group.parent !== parentId) {\n      return false;\n    }\n\n    if (group.id === excludeId) {\n      return false;\n    }\n\n    return group.name.trim().toLowerCase() === target;\n  });\n}\n\n/**\n * Whether a folder name is already taken by a sibling. See\n * {@link findSiblingFolderByName}.\n */\nexport function isFolderNameTakenBySibling(\n  groups: Pick<ContentStructureGroup, 'id' | 'name' | 'parent'>[],\n  parentId: string | null,\n  name: string,\n  excludeId?: string\n): boolean {\n  return findSiblingFolderByName(groups, parentId, name, excludeId) !== undefined;\n}\n\n/**\n * Returns names that would collide if a folder were removed and its child folders inherited its\n * parent. Both the existing destination siblings and the incoming children are compared using\n * the same case-insensitive contract as create, rename, and move.\n */\nexport function getDeleteFolderOnlySiblingNameCollisions(\n  groups: Pick<ContentStructureGroup, 'id' | 'name' | 'parent' | 'children'>[],\n  groupId: string\n): string[] {\n  const groupToDelete = groups.find((group) => group.id === groupId);\n\n  if (!groupToDelete) {\n    return [];\n  }\n\n  const siblingNames = new Set(\n    groups\n      .filter((group) => group.parent === groupToDelete.parent && group.id !== groupId)\n      .map((group) => group.name.trim().toLowerCase())\n  );\n  const collisions: string[] = [];\n\n  for (const child of groupToDelete.children) {\n    if (child.type !== 'group') {\n      continue;\n    }\n\n    const childGroup = groups.find((group) => group.id === child.id);\n    if (!childGroup) {\n      continue;\n    }\n\n    const name = childGroup.name.trim().toLowerCase();\n    if (siblingNames.has(name)) {\n      collisions.push(childGroup.name);\n      continue;\n    }\n\n    siblingNames.add(name);\n  }\n\n  return collisions;\n}\n"],"names":["CONTENT_STRUCTURE_VERSION","MAX_FOLDER_DEPTH","sectionKeyForKind","kind","createEmptyContentStructure","version","sections","collectionTypes","groups","singleTypes","addStatusToSection","section","map","group","status","fromServerFile","file","removeStatusFromSection","omit","toServerFile","structure","hasContentStructureChanged","working","initial","isEqual","generateGroupId","body","crypto","randomUUID","replace","slice","bytes","Uint8Array","Math","ceil","getRandomValues","Array","from","byte","toString","padStart","join","findSiblingFolderByName","parentId","name","excludeId","target","trim","toLowerCase","length","undefined","find","parent","id","isFolderNameTakenBySibling","getDeleteFolderOnlySiblingNameCollisions","groupId","groupToDelete","siblingNames","Set","filter","collisions","child","children","type","childGroup","has","push","add"],"mappings":"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"}

package/dist/admin/components/FolderSelect.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var useDataManager = require('./DataManager/useDataManager.js');
+var contentStructure = require('./DataManager/utils/contentStructure.js');
+var useFormModalNavigation = require('./FormModalNavigation/useFormModalNavigation.js');
+
+/**
+ * Flatten a section's (flat) folder groups into a list of full folder path strings.
+ */ const buildFolderOptions = (groups)=>{
+    const groupById = new Map(groups.map((group)=>[
+            group.id,
+            group
+        ]));
+    const childGroupIds = new Set();
+    for (const group of groups){
+        for (const child of group.children){
+            if (child.type === 'group') {
+                childGroupIds.add(child.id);
+            }
+        }
+    }
+    const options = [];
+    const walk = (group, ancestors)=>{
+        const path = [
+            ...ancestors,
+            group.name
+        ];
+        options.push({
+            id: group.id,
+            label: path.join(' / ')
+        });
+        for (const child of group.children){
+            if (child.type !== 'group') {
+                continue;
+            }
+            const subGroup = groupById.get(child.id);
+            if (subGroup) {
+                walk(subGroup, path);
+            }
+        }
+    };
+    groups.filter((group)=>{
+        return !childGroupIds.has(group.id);
+    }).forEach((root)=>{
+        return walk(root, []);
+    });
+    return options;
+};
+const FolderSelect = ({ error = null, modifiedData, placeholder, isCreating, intlLabel, targetUid, onChange, value, name })=>{
+    const { kind: modalKind } = useFormModalNavigation.useFormModalNavigation();
+    const { contentStructure: contentStructure$1 } = useDataManager.useDataManager();
+    const { formatMessage } = reactIntl.useIntl();
+    const kind = modifiedData?.kind ?? modalKind ?? 'collectionType';
+    const section = contentStructure.sectionKeyForKind(kind);
+    const groups = contentStructure$1.sections[section].groups;
+    const folderOptions = React.useMemo(()=>{
+        return buildFolderOptions(groups);
+    }, [
+        groups
+    ]);
+    const knownFolderIds = React.useMemo(()=>{
+        return new Set(folderOptions.map((option)=>option.id));
+    }, [
+        folderOptions
+    ]);
+    const currentFolderId = React.useMemo(()=>{
+        if (isCreating || !targetUid) {
+            return null;
+        }
+        const owner = groups.find((group)=>{
+            return group.children.some((child)=>{
+                return child.type === 'contentType' && child.uid === targetUid;
+            });
+        });
+        return owner?.id ?? null;
+    }, [
+        groups,
+        isCreating,
+        targetUid
+    ]);
+    const change = (next)=>{
+        onChange({
+            target: {
+                name,
+                value: next,
+                type: 'content-type-folder-select'
+            }
+        });
+    };
+    const changeToFolderId = (id)=>{
+        change(id === currentFolderId ? undefined : {
+            targetGroupId: id
+        });
+    };
+    const selectTypedName = (typed)=>{
+        const trimmed = typed.trim();
+        if (!trimmed) {
+            return;
+        }
+        const existing = contentStructure.findSiblingFolderByName(groups, null, trimmed);
+        if (existing) {
+            changeToFolderId(existing.id);
+            return;
+        }
+        change({
+            newFolderName: trimmed
+        });
+    };
+    const selectedValue = (()=>{
+        if (value === undefined) {
+            return currentFolderId ?? '';
+        }
+        if ('newFolderName' in value) {
+            return value.newFolderName;
+        }
+        return value.targetGroupId ?? '';
+    })();
+    const selectedLabel = (()=>{
+        if (value && 'newFolderName' in value) {
+            return value.newFolderName;
+        }
+        return folderOptions.find(({ id })=>id === selectedValue)?.label ?? '';
+    })();
+    const handleChange = (nextValue)=>{
+        if (!nextValue) {
+            return;
+        }
+        if (knownFolderIds.has(nextValue)) {
+            changeToFolderId(nextValue);
+            return;
+        }
+        selectTypedName(nextValue);
+    };
+    const handleCreateOption = (nextValue)=>{
+        if (!nextValue) {
+            return;
+        }
+        selectTypedName(nextValue);
+    };
+    const handleClear = ()=>{
+        // In edit an explicit clear ungroups the content type. In create it just returns the field to its "no folder" default.
+        change(isCreating ? undefined : {
+            targetGroupId: null
+        });
+    };
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const placeholderText = placeholder ? formatMessage(placeholder) : undefined;
+    const label = formatMessage(intlLabel);
+    const comboboxOptions = React.useMemo(()=>{
+        const options = [];
+        for (const option of folderOptions){
+            options.push(/*#__PURE__*/ jsxRuntime.jsx(designSystem.ComboboxOption, {
+                value: option.id,
+                children: option.label
+            }, option.id));
+        }
+        // A new folder name typed into the combobox doesn't exist as a group yet, so we append it as its own option value.
+        if (selectedValue && !knownFolderIds.has(selectedValue)) {
+            options.push(/*#__PURE__*/ jsxRuntime.jsx(designSystem.ComboboxOption, {
+                value: selectedValue,
+                children: selectedValue
+            }, `new:${selectedValue}`));
+        }
+        return options;
+    }, [
+        folderOptions,
+        knownFolderIds,
+        selectedValue
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Combobox, {
+                defaultTextValue: selectedLabel || undefined,
+                onCreateOption: handleCreateOption,
+                value: selectedValue || undefined,
+                placeholder: placeholderText,
+                onChange: handleChange,
+                onClear: handleClear,
+                creatable: true,
+                children: comboboxOptions
+            }, section),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+
+exports.FolderSelect = FolderSelect;
+//# sourceMappingURL=FolderSelect.js.map

package/dist/admin/components/FolderSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderSelect.js","sources":["../../../admin/src/components/FolderSelect.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react';\n\nimport { Combobox, ComboboxOption, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from './DataManager/useDataManager';\nimport { findSiblingFolderByName, sectionKeyForKind } from './DataManager/utils/contentStructure';\nimport { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\nimport type { ContentStructureGroup, FolderSelection } from './DataManager/utils/contentStructure';\nimport type { Struct } from '@strapi/types';\n\ninterface FolderSelectProps {\n  onChange: FormChangeHandler<FolderSelection | undefined, 'content-type-folder-select'>;\n  modifiedData?: { kind?: Struct.ContentTypeKind };\n  value?: FolderSelection;\n  placeholder?: IntlLabel;\n  error?: string | null;\n  isCreating?: boolean;\n  intlLabel: IntlLabel;\n  targetUid?: string;\n  name: string;\n}\n\ntype FolderOption = { id: string; label: string };\n\n/**\n * Flatten a section's (flat) folder groups into a list of full folder path strings.\n */\nconst buildFolderOptions = (groups: ContentStructureGroup[]): FolderOption[] => {\n  const groupById = new Map(groups.map((group) => [group.id, group]));\n\n  const childGroupIds = new Set<string>();\n\n  for (const group of groups) {\n    for (const child of group.children) {\n      if (child.type === 'group') {\n        childGroupIds.add(child.id);\n      }\n    }\n  }\n\n  const options: FolderOption[] = [];\n\n  const walk = (group: ContentStructureGroup, ancestors: string[]) => {\n    const path = [...ancestors, group.name];\n    options.push({ id: group.id, label: path.join(' / ') });\n\n    for (const child of group.children) {\n      if (child.type !== 'group') {\n        continue;\n      }\n\n      const subGroup = groupById.get(child.id);\n\n      if (subGroup) {\n        walk(subGroup, path);\n      }\n    }\n  };\n\n  groups\n    .filter((group) => {\n      return !childGroupIds.has(group.id);\n    })\n    .forEach((root) => {\n      return walk(root, []);\n    });\n\n  return options;\n};\n\nexport const FolderSelect = ({\n  error = null,\n  modifiedData,\n  placeholder,\n  isCreating,\n  intlLabel,\n  targetUid,\n  onChange,\n  value,\n  name,\n}: FolderSelectProps) => {\n  const { kind: modalKind } = useFormModalNavigation();\n  const { contentStructure } = useDataManager();\n  const { formatMessage } = useIntl();\n\n  const kind = (modifiedData?.kind ?? modalKind ?? 'collectionType') as Struct.ContentTypeKind;\n  const section = sectionKeyForKind(kind);\n  const groups = contentStructure.sections[section].groups;\n\n  const folderOptions = useMemo(() => {\n    return buildFolderOptions(groups);\n  }, [groups]);\n  const knownFolderIds = useMemo(() => {\n    return new Set(folderOptions.map((option) => option.id));\n  }, [folderOptions]);\n\n  const currentFolderId = useMemo(() => {\n    if (isCreating || !targetUid) {\n      return null;\n    }\n\n    const owner = groups.find((group) => {\n      return group.children.some((child) => {\n        return child.type === 'contentType' && child.uid === targetUid;\n      });\n    });\n\n    return owner?.id ?? null;\n  }, [groups, isCreating, targetUid]);\n\n  const change = (next: FolderSelection | undefined) => {\n    onChange({ target: { name, value: next, type: 'content-type-folder-select' } });\n  };\n\n  const changeToFolderId = (id: string) => {\n    change(id === currentFolderId ? undefined : { targetGroupId: id });\n  };\n\n  const selectTypedName = (typed: string) => {\n    const trimmed = typed.trim();\n\n    if (!trimmed) {\n      return;\n    }\n\n    const existing = findSiblingFolderByName(groups, null, trimmed);\n\n    if (existing) {\n      changeToFolderId(existing.id);\n      return;\n    }\n\n    change({ newFolderName: trimmed });\n  };\n\n  const selectedValue = (() => {\n    if (value === undefined) {\n      return currentFolderId ?? '';\n    }\n\n    if ('newFolderName' in value) {\n      return value.newFolderName;\n    }\n\n    return value.targetGroupId ?? '';\n  })();\n\n  const selectedLabel = (() => {\n    if (value && 'newFolderName' in value) {\n      return value.newFolderName;\n    }\n    return folderOptions.find(({ id }) => id === selectedValue)?.label ?? '';\n  })();\n\n  const handleChange = (nextValue?: string) => {\n    if (!nextValue) {\n      return;\n    }\n\n    if (knownFolderIds.has(nextValue)) {\n      changeToFolderId(nextValue);\n      return;\n    }\n\n    selectTypedName(nextValue);\n  };\n\n  const handleCreateOption = (nextValue?: string) => {\n    if (!nextValue) {\n      return;\n    }\n\n    selectTypedName(nextValue);\n  };\n\n  const handleClear = () => {\n    // In edit an explicit clear ungroups the content type. In create it just returns the field to its \"no folder\" default.\n    change(isCreating ? undefined : { targetGroupId: null });\n  };\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n  const placeholderText = placeholder ? formatMessage(placeholder) : undefined;\n  const label = formatMessage(intlLabel);\n\n  const comboboxOptions = useMemo(() => {\n    const options: ReactNode[] = [];\n\n    for (const option of folderOptions) {\n      options.push(\n        <ComboboxOption key={option.id} value={option.id}>\n          {option.label}\n        </ComboboxOption>\n      );\n    }\n\n    // A new folder name typed into the combobox doesn't exist as a group yet, so we append it as its own option value.\n    if (selectedValue && !knownFolderIds.has(selectedValue)) {\n      options.push(\n        <ComboboxOption key={`new:${selectedValue}`} value={selectedValue}>\n          {selectedValue}\n        </ComboboxOption>\n      );\n    }\n\n    return options;\n  }, [folderOptions, knownFolderIds, selectedValue]);\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <Combobox\n        key={section} // This forces the input to regenerate its defaultTextValue when the kind changes.\n        defaultTextValue={selectedLabel || undefined}\n        onCreateOption={handleCreateOption}\n        value={selectedValue || undefined}\n        placeholder={placeholderText}\n        onChange={handleChange}\n        onClear={handleClear}\n        creatable\n      >\n        {comboboxOptions}\n      </Combobox>\n      <Field.Error />\n    </Field.Root>\n  );\n};\n"],"names":["buildFolderOptions","groups","groupById","Map","map","group","id","childGroupIds","Set","child","children","type","add","options","walk","ancestors","path","name","push","label","join","subGroup","get","filter","has","forEach","root","FolderSelect","error","modifiedData","placeholder","isCreating","intlLabel","targetUid","onChange","value","kind","modalKind","useFormModalNavigation","contentStructure","useDataManager","formatMessage","useIntl","section","sectionKeyForKind","sections","folderOptions","useMemo","knownFolderIds","option","currentFolderId","owner","find","some","uid","change","next","target","changeToFolderId","undefined","targetGroupId","selectTypedName","typed","trimmed","trim","existing","findSiblingFolderByName","newFolderName","selectedValue","selectedLabel","handleChange","nextValue","handleCreateOption","handleClear","errorMessage","defaultMessage","placeholderText","comboboxOptions","_jsx","ComboboxOption","_jsxs","Field","Root","Label","Combobox","defaultTextValue","onCreateOption","onClear","creatable","Error"],"mappings":"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"}