@payloadcms/ui 4.0.0-internal.af6aad0 → 4.0.0-internal.b8e7c89

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.d.ts

@@ -1,29 +1,15 @@
-import type { PathSegment } from '../ColumnBrowser/types.js';
 type FetchAncestorPathArgs = {
     api: string;
     collectionSlug: string;
     itemId: number | string;
     parentFieldName: string;
     serverURL: string;
-    useAsTitle: string;
 };
-type FetchAncestorPathsArgs = {
-    itemIds: (number | string)[];
-} & Omit<FetchAncestorPathArgs, 'itemId'>;
-export type AncestorPathResult = {
-    /** Ancestor IDs from root down to the item's immediate parent, excluding the item itself */
-    ancestorIds: (number | string)[];
-    /** Full path from root down to the item itself, with titles */
-    path: PathSegment[];
-};
-/**
- * Fetches the ancestor paths for several items in a single API call with depth.
- * Each populated parent chain is walked to build a titled breadcrumb from root to the item.
- */
-export declare function fetchAncestorPaths({ api, collectionSlug, itemIds, parentFieldName, serverURL, useAsTitle, }: FetchAncestorPathsArgs): Promise<Map<number | string, AncestorPathResult>>;
 /**
- * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.
+ * Fetches the ancestor path for an item using a single API call with depth.
+ * Returns array of ancestor IDs from root to item's parent.
+ * Example: item at level 3 returns [grandparentId, parentId]
  */
-export declare function fetchAncestorPath({ itemId, ...rest }: FetchAncestorPathArgs): Promise<AncestorPathResult>;
+export declare function fetchAncestorPath({ api, collectionSlug, itemId, parentFieldName, serverURL, }: FetchAncestorPathArgs): Promise<(number | string)[]>;
 export {};
 //# sourceMappingURL=fetchAncestorPath.d.ts.map

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetchAncestorPath.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5D,KAAK,qBAAqB,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAC7B,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAA;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4FAA4F;IAC5F,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAChC,+DAA+D;IAC/D,IAAI,EAAE,WAAW,EAAE,CAAA;CACpB,CAAA;AAMD;;;GAGG;AACH,wBAAsB,kBAAkB,CAAC,EACvC,GAAG,EACH,cAAc,EACd,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,GACX,EAAE,sBAAsB,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,kBAAkB,CAAC,CAAC,CA0C5E;AAED;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,qBAAqB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAIrD"}
+{"version":3,"file":"fetchAncestorPath.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAID;;;;GAIG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,GAAG,EACH,cAAc,EACd,MAAM,EACN,eAAe,EACf,SAAS,GACV,EAAE,qBAAqB,GAAG,OAAO,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CA+CtD"}

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js

@@ -1,36 +1,27 @@
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 const MAX_HIERARCHY_DEPTH = 20;
-const EMPTY_RESULT = {
-  ancestorIds: [],
-  path: []
-};
 /**
- * Fetches the ancestor paths for several items in a single API call with depth.
- * Each populated parent chain is walked to build a titled breadcrumb from root to the item.
+ * Fetches the ancestor path for an item using a single API call with depth.
+ * Returns array of ancestor IDs from root to item's parent.
+ * Example: item at level 3 returns [grandparentId, parentId]
  */
-export async function fetchAncestorPaths({
+export async function fetchAncestorPath({
   api,
   collectionSlug,
-  itemIds,
+  itemId,
   parentFieldName,
-  serverURL,
-  useAsTitle
+  serverURL
 }) {
-  const results = new Map();
-  if (itemIds.length === 0) {
-    return results;
-  }
   const queryString = qs.stringify({
     depth: MAX_HIERARCHY_DEPTH,
-    limit: itemIds.length,
+    limit: 1,
     select: {
-      [parentFieldName]: true,
-      [useAsTitle]: true
+      [parentFieldName]: true
     },
     where: {
       id: {
-        in: itemIds
+        equals: itemId
       }
     }
   }, {
@@ -45,80 +36,25 @@ export async function fetchAncestorPaths({
     credentials: 'include'
   });
   if (!response.ok) {
-    return results;
+    return [];
   }
   const data = await response.json();
-  for (const doc of data.docs || []) {
-    const id = doc.id;
-    if (id === null || id === undefined) {
-      continue;
-    }
-    results.set(id, buildAncestorPath({
-      id,
-      doc,
-      parentFieldName,
-      useAsTitle
-    }));
+  const doc = data.docs?.[0];
+  if (!doc) {
+    return [];
   }
-  return results;
-}
-/**
- * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.
- */
-export async function fetchAncestorPath({
-  itemId,
-  ...rest
-}) {
-  const results = await fetchAncestorPaths({
-    ...rest,
-    itemIds: [itemId]
-  });
-  return results.get(itemId) ?? EMPTY_RESULT;
-}
-function buildAncestorPath({
-  id,
-  doc,
-  parentFieldName,
-  useAsTitle
-}) {
-  const toTitle = (value, segmentID) => {
-    const rawTitle = value?.[useAsTitle];
-    return typeof rawTitle === 'string' || typeof rawTitle === 'number' ? String(rawTitle) : String(segmentID);
-  };
-  const path = [{
-    id,
-    title: toTitle(doc, id)
-  }];
-  let current = doc;
-  for (let depth = 0; depth < MAX_HIERARCHY_DEPTH; depth++) {
-    const parent = current?.[parentFieldName];
-    if (parent === null || parent === undefined) {
-      break;
-    }
-    // Parent is either a populated document or a bare ID once the depth limit is hit
-    if (typeof parent === 'object') {
-      const parentDoc = parent;
-      const parentID = parentDoc.id;
-      if (parentID === null || parentID === undefined) {
-        break;
-      }
-      path.unshift({
-        id: parentID,
-        title: toTitle(parentDoc, parentID)
-      });
-      current = parentDoc;
-    } else {
-      const parentID = parent;
-      path.unshift({
-        id: parentID,
-        title: String(parentID)
-      });
-      break;
+  // Walk the nested parent chain to build path from root to immediate parent
+  const path = [];
+  let current = doc[parentFieldName];
+  while (current !== null && current !== undefined) {
+    // Parent could be an ID (number/string) or a populated object
+    const parentId = typeof current === 'object' ? current.id : current;
+    if (parentId !== null && parentId !== undefined) {
+      path.unshift(parentId);
     }
+    // Move to next parent (only if current is populated object)
+    current = typeof current === 'object' ? current[parentFieldName] : null;
   }
-  return {
-    ancestorIds: path.slice(0, -1).map(segment => segment.id),
-    path
-  };
+  return path;
 }
 //# sourceMappingURL=fetchAncestorPath.js.map

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","EMPTY_RESULT","ancestorIds","path","fetchAncestorPaths","api","collectionSlug","itemIds","parentFieldName","serverURL","useAsTitle","results","Map","length","queryString","stringify","depth","limit","select","where","id","in","addQueryPrefix","url","apiRoute","response","fetch","credentials","ok","data","json","doc","docs","undefined","set","buildAncestorPath","fetchAncestorPath","itemId","rest","get","toTitle","value","segmentID","rawTitle","String","title","current","parent","parentDoc","parentID","unshift","slice","map","segment"],"sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\nimport type { PathSegment } from '../ColumnBrowser/types.js'\n\ntype FetchAncestorPathArgs = {\n  api: string\n  collectionSlug: string\n  itemId: number | string\n  parentFieldName: string\n  serverURL: string\n  useAsTitle: string\n}\n\ntype FetchAncestorPathsArgs = {\n  itemIds: (number | string)[]\n} & Omit<FetchAncestorPathArgs, 'itemId'>\n\nexport type AncestorPathResult = {\n  /** Ancestor IDs from root down to the item's immediate parent, excluding the item itself */\n  ancestorIds: (number | string)[]\n  /** Full path from root down to the item itself, with titles */\n  path: PathSegment[]\n}\n\nconst MAX_HIERARCHY_DEPTH = 20\n\nconst EMPTY_RESULT: AncestorPathResult = { ancestorIds: [], path: [] }\n\n/**\n * Fetches the ancestor paths for several items in a single API call with depth.\n * Each populated parent chain is walked to build a titled breadcrumb from root to the item.\n */\nexport async function fetchAncestorPaths({\n  api,\n  collectionSlug,\n  itemIds,\n  parentFieldName,\n  serverURL,\n  useAsTitle,\n}: FetchAncestorPathsArgs): Promise<Map<number | string, AncestorPathResult>> {\n  const results = new Map<number | string, AncestorPathResult>()\n\n  if (itemIds.length === 0) {\n    return results\n  }\n\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: itemIds.length,\n      select: { [parentFieldName]: true, [useAsTitle]: true },\n      where: { id: { in: itemIds } },\n    },\n    { addQueryPrefix: true },\n  )\n\n  const url = formatAdminURL({\n    apiRoute: api,\n    path: `/${collectionSlug}${queryString}`,\n    serverURL,\n  })\n\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    return results\n  }\n\n  const data = await response.json()\n\n  for (const doc of (data.docs || []) as Record<string, unknown>[]) {\n    const id = doc.id as number | string\n\n    if (id === null || id === undefined) {\n      continue\n    }\n\n    results.set(id, buildAncestorPath({ id, doc, parentFieldName, useAsTitle }))\n  }\n\n  return results\n}\n\n/**\n * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.\n */\nexport async function fetchAncestorPath({\n  itemId,\n  ...rest\n}: FetchAncestorPathArgs): Promise<AncestorPathResult> {\n  const results = await fetchAncestorPaths({ ...rest, itemIds: [itemId] })\n\n  return results.get(itemId) ?? EMPTY_RESULT\n}\n\nfunction buildAncestorPath({\n  id,\n  doc,\n  parentFieldName,\n  useAsTitle,\n}: {\n  doc: Record<string, unknown>\n  id: number | string\n  parentFieldName: string\n  useAsTitle: string\n}): AncestorPathResult {\n  const toTitle = (\n    value: Record<string, unknown> | undefined,\n    segmentID: number | string,\n  ): string => {\n    const rawTitle = value?.[useAsTitle]\n    return typeof rawTitle === 'string' || typeof rawTitle === 'number'\n      ? String(rawTitle)\n      : String(segmentID)\n  }\n\n  const path: PathSegment[] = [{ id, title: toTitle(doc, id) }]\n\n  let current: Record<string, unknown> | undefined = doc\n\n  for (let depth = 0; depth < MAX_HIERARCHY_DEPTH; depth++) {\n    const parent = current?.[parentFieldName]\n\n    if (parent === null || parent === undefined) {\n      break\n    }\n\n    // Parent is either a populated document or a bare ID once the depth limit is hit\n    if (typeof parent === 'object') {\n      const parentDoc = parent as Record<string, unknown>\n      const parentID = parentDoc.id as number | string\n\n      if (parentID === null || parentID === undefined) {\n        break\n      }\n\n      path.unshift({ id: parentID, title: toTitle(parentDoc, parentID) })\n      current = parentDoc\n    } else {\n      const parentID = parent as number | string\n      path.unshift({ id: parentID, title: String(parentID) })\n      break\n    }\n  }\n\n  return {\n    ancestorIds: path.slice(0, -1).map((segment) => segment.id),\n    path,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","fetchAncestorPath","api","collectionSlug","itemId","parentFieldName","serverURL","queryString","stringify","depth","limit","select","where","id","equals","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","data","json","doc","docs","current","undefined","parentId","unshift"],"sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\ntype FetchAncestorPathArgs = {\n  api: string\n  collectionSlug: string\n  itemId: number | string\n  parentFieldName: string\n  serverURL: string\n}\n\nconst MAX_HIERARCHY_DEPTH = 20\n\n/**\n * Fetches the ancestor path for an item using a single API call with depth.\n * Returns array of ancestor IDs from root to item's parent.\n * Example: item at level 3 returns [grandparentId, parentId]\n */\nexport async function fetchAncestorPath({\n  api,\n  collectionSlug,\n  itemId,\n  parentFieldName,\n  serverURL,\n}: FetchAncestorPathArgs): Promise<(number | string)[]> {\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: 1,\n      select: { [parentFieldName]: true },\n      where: { id: { equals: itemId } },\n    },\n    { addQueryPrefix: true },\n  )\n\n  const url = formatAdminURL({\n    apiRoute: api,\n    path: `/${collectionSlug}${queryString}`,\n    serverURL,\n  })\n\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    return []\n  }\n\n  const data = await response.json()\n  const doc = data.docs?.[0]\n\n  if (!doc) {\n    return []\n  }\n\n  // Walk the nested parent chain to build path from root to immediate parent\n  const path: (number | string)[] = []\n  let current = doc[parentFieldName]\n\n  while (current !== null && current !== undefined) {\n    // Parent could be an ID (number/string) or a populated object\n    const parentId = typeof current === 'object' ? current.id : current\n\n    if (parentId !== null && parentId !== undefined) {\n      path.unshift(parentId)\n    }\n\n    // Move to next parent (only if current is populated object)\n    current = typeof current === 'object' ? current[parentFieldName] : null\n  }\n\n  return path\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AAUpB,MAAMC,mBAAA,GAAsB;AAE5B;;;;;AAKA,OAAO,eAAeC,kBAAkB;EACtCC,GAAG;EACHC,cAAc;EACdC,MAAM;EACNC,eAAe;EACfC;AAAS,CACa;EACtB,MAAMC,WAAA,GAAcR,EAAA,CAAGS,SAAS,CAC9B;IACEC,KAAA,EAAOT,mBAAA;IACPU,KAAA,EAAO;IACPC,MAAA,EAAQ;MAAE,CAACN,eAAA,GAAkB;IAAK;IAClCO,KAAA,EAAO;MAAEC,EAAA,EAAI;QAAEC,MAAA,EAAQV;MAAO;IAAE;EAClC,GACA;IAAEW,cAAA,EAAgB;EAAK;EAGzB,MAAMC,GAAA,GAAMlB,cAAA,CAAe;IACzBmB,QAAA,EAAUf,GAAA;IACVgB,IAAA,EAAM,IAAIf,cAAA,GAAiBI,WAAA,EAAa;IACxCD;EACF;EAEA,MAAMa,QAAA,GAAW,MAAMC,KAAA,CAAMJ,GAAA,EAAK;IAAEK,WAAA,EAAa;EAAU;EAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;IAChB,OAAO,EAAE;EACX;EAEA,MAAMC,IAAA,GAAO,MAAMJ,QAAA,CAASK,IAAI;EAChC,MAAMC,GAAA,GAAMF,IAAA,CAAKG,IAAI,GAAG,EAAE;EAE1B,IAAI,CAACD,GAAA,EAAK;IACR,OAAO,EAAE;EACX;EAEA;EACA,MAAMP,IAAA,GAA4B,EAAE;EACpC,IAAIS,OAAA,GAAUF,GAAG,CAACpB,eAAA,CAAgB;EAElC,OAAOsB,OAAA,KAAY,QAAQA,OAAA,KAAYC,SAAA,EAAW;IAChD;IACA,MAAMC,QAAA,GAAW,OAAOF,OAAA,KAAY,WAAWA,OAAA,CAAQd,EAAE,GAAGc,OAAA;IAE5D,IAAIE,QAAA,KAAa,QAAQA,QAAA,KAAaD,SAAA,EAAW;MAC/CV,IAAA,CAAKY,OAAO,CAACD,QAAA;IACf;IAEA;IACAF,OAAA,GAAU,OAAOA,OAAA,KAAY,WAAWA,OAAO,CAACtB,eAAA,CAAgB,GAAG;EACrE;EAEA,OAAOa,IAAA;AACT","ignoreList":[]}

package/dist/elements/Hierarchy/Modal/index.css

@@ -14,17 +14,66 @@
     overflow: clip;
   }
 
-  /* Beats the `:has(.dialog__header)` / `:has(.dialog__footer)` padding rules in Dialog/index.css */
-  .dialog.hierarchy-modal .hierarchy-modal__content .dialog__body {
+  .hierarchy-modal__header-actions {
+    display: flex;
+    gap: var(--spacer-2);
+  }
+
+  .dialog.hierarchy-modal .dialog__body {
     display: flex;
     flex-direction: column;
     padding: 0;
   }
 
-  .dialog.hierarchy-modal .dialog__footer {
+  .hierarchy-modal__subheader {
+    display: flex;
     justify-content: space-between;
     align-items: center;
-    border-top: var(--stroke-width-small) solid var(--color-border);
+    padding: var(--spacer-1) var(--spacer-3);
+    padding-inline-start: var(--spacer-2-5);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    flex-shrink: 0;
+  }
+
+  .hierarchy-modal__subheader-left {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    font-weight: 500;
+    color: var(--color-text);
+  }
+
+  .hierarchy-modal__subheader-right {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .hierarchy-modal__selection-info {
+    color: var(--color-text-secondary);
+  }
+
+  .hierarchy-modal__move-to-root,
+  .hierarchy-modal__clear-all {
+    height: auto;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: var(--color-text-secondary);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .hierarchy-modal__move-to-root:hover:not(.btn--disabled),
+  .hierarchy-modal__clear-all:hover:not(.btn--disabled) {
+    background: transparent;
+    color: var(--color-text);
+  }
+
+  .hierarchy-modal__move-to-root:active:not(.btn--disabled),
+  .hierarchy-modal__clear-all:active:not(.btn--disabled) {
+    background: transparent;
   }
 
   .hierarchy-modal__columns {

package/dist/elements/Hierarchy/Modal/index.d.ts

@@ -10,12 +10,9 @@ type HierarchyModalContentProps = {
     }) => void;
 } & HierarchyModalInternalProps;
 export type HierarchyModalContentRef = {
-    selectItem: (params: {
-        id: number | string;
-        title?: string;
-    }) => void;
+    selectItem: (id: number | string) => void;
 };
-export declare const HierarchyModalContent: ({ baseFilter, closeModal, columnBrowserRef, confirmLabel, disabledIds, filterByCollection, hasMany, hierarchyCollectionSlug, Icon, initialSelections, onCreateNew, onMoveToRoot, onSave, parentFieldName, ref, showMoveToRoot, title, useAsTitle, }: {
+export declare const HierarchyModalContent: ({ baseFilter, closeModal, columnBrowserRef, disabledIds, filterByCollection, hasMany, hierarchyCollectionSlug, Icon, initialSelections, onCreateNew, onMoveToRoot, onSave, parentFieldName, ref, showMoveToRoot, useAsTitle, }: {
     ref?: React.RefObject<HierarchyModalContentRef | null>;
 } & HierarchyModalContentProps) => React.JSX.Element;
 export declare const HierarchyModal: React.FC<HierarchyModalInternalProps>;

package/dist/elements/Hierarchy/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,OAAO,KAAK,EAAE,2BAA2B,EAAqB,MAAM,YAAY,CAAA;AAYhF,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,oBAAoB,CAAA;AAE1C,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACrE,GAAG,2BAA2B,CAAA;AAE/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,eAAO,MAAM,qBAAqB,wPAmB/B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,0BAA0B,sBAyPzF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAoGhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAqB,MAAM,YAAY,CAAA;AAahF,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,oBAAoB,CAAA;AAE1C,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACrE,GAAG,2BAA2B,CAAA;AAE/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,qBAAqB,mOAiB/B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,0BAA0B,sBAmNzF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+FhE,CAAA"}