@payloadcms/ui 3.0.0-canary.518fabe → 3.0.0-canary.51be7be

package/dist/elements/DocumentControls/index.scss

@@ -1,229 +1,239 @@
 @import '../../scss/styles.scss';
 
-.doc-controls {
-  @include blur-bg-light;
-  position: sticky;
-  top: 0;
-  width: 100%;
-  z-index: 5;
-  display: flex;
-  align-items: center;
-
-  &__divider {
-    content: '';
-    display: block;
-    position: absolute;
-    height: 1px;
-    background: var(--theme-elevation-100);
+@layer payload-default {
+  .doc-controls {
+    @include blur-bg-light;
+    position: sticky;
+    top: 0;
     width: 100%;
-    left: 0;
-    top: 100%;
-  }
-
-  &__wrapper {
-    position: relative;
-    width: 100%;
-    display: flex;
-    align-items: space-between;
-    gap: var(--base);
-    padding-bottom: 1px;
-    z-index: 4;
-    height: var(--doc-controls-height);
-  }
-
-  &__content {
+    z-index: 5;
     display: flex;
     align-items: center;
-    flex-grow: 1;
-    overflow: hidden;
-    padding: base(0.8) 0;
-  }
 
-  &__meta {
-    flex-grow: 1;
-    display: flex;
-    list-style: none;
-    padding: 0;
-    gap: var(--base);
-    margin: 0;
-    width: 100%;
-
-    & button {
-      margin: 0;
+    &__divider {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: 100%;
+      left: 0;
+      top: 100%;
     }
-  }
 
-  &__list-item {
-    display: flex;
-    align-items: center;
-    margin: 0;
-  }
+    &__wrapper {
+      position: relative;
+      width: 100%;
+      display: flex;
+      align-items: space-between;
+      gap: var(--base);
+      padding-bottom: 1px;
+      z-index: 4;
+      height: var(--doc-controls-height);
+    }
 
-  &__value-wrap {
-    overflow: hidden;
-  }
+    &__content {
+      display: flex;
+      align-items: center;
+      flex-grow: 1;
+      overflow: hidden;
+      padding: base(0.8) 0;
+    }
 
-  &__value {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 0;
-    font-weight: 600;
-    line-height: base(1.2);
-  }
+    &__meta {
+      flex-grow: 1;
+      display: flex;
+      list-style: none;
+      padding: 0;
+      gap: var(--base);
+      margin: 0;
+      width: 100%;
 
-  &__label {
-    color: var(--theme-elevation-500);
-    white-space: nowrap;
-    margin: 0;
-  }
+      & button {
+        margin: 0;
+      }
+    }
 
-  &__controls-wrapper {
-    --controls-gap: calc(var(--base) / 2);
-    --dot-button-width: calc(var(--base) * 2);
-    display: flex;
-    align-items: center;
-    margin: 0;
-    gap: var(--controls-gap);
-    position: relative;
-  }
+    &__locked-controls.locked {
+      position: unset;
 
-  &__controls {
-    display: flex;
-    align-items: center;
-    margin: 0;
-    gap: calc(var(--base) / 2);
+      .tooltip {
+        top: calc(var(--base) * -0.5);
+      }
+    }
 
-    button {
+    &__list-item {
+      display: flex;
+      align-items: center;
       margin: 0;
+    }
+
+    &__value-wrap {
+      overflow: hidden;
+    }
+
+    &__value {
+      overflow: hidden;
+      text-overflow: ellipsis;
       white-space: nowrap;
+      margin: 0;
+      font-weight: 600;
+      line-height: base(1.2);
     }
-  }
 
-  &__dots {
-    margin: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 2px;
-    border: 1px solid var(--theme-elevation-100);
-    border-radius: $style-radius-m;
-    height: calc(var(--base) * 1.6);
-    width: calc(var(--base) * 1.6);
+    &__label {
+      color: var(--theme-elevation-500);
+      white-space: nowrap;
+      margin: 0;
+    }
 
-    &:hover {
-      border: 1px solid var(--theme-elevation-500);
-      background-color: var(--theme-elevation-100);
+    &__controls-wrapper {
+      --controls-gap: calc(var(--base) / 2);
+      --dot-button-width: calc(var(--base) * 2);
+      display: flex;
+      align-items: center;
+      margin: 0;
+      gap: var(--controls-gap);
+      position: relative;
     }
 
-    > div {
-      width: 3px;
-      height: 3px;
-      border-radius: 100%;
-      background-color: currentColor;
+    &__controls {
+      display: flex;
+      align-items: center;
+      margin: 0;
+      gap: calc(var(--base) / 2);
+
+      button {
+        margin: 0;
+        white-space: nowrap;
+      }
     }
-  }
 
-  &__popup {
-    position: relative;
-  }
+    &__dots {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      gap: 2px;
+      border: 1px solid var(--theme-elevation-100);
+      border-radius: $style-radius-m;
+      height: calc(var(--base) * 1.6);
+      width: calc(var(--base) * 1.6);
 
-  .popup--active {
-    .doc-controls {
-      &__dots {
+      &:hover {
         border: 1px solid var(--theme-elevation-500);
         background-color: var(--theme-elevation-100);
       }
-    }
-  }
-
-  .popup__trigger-wrap {
-    display: flex;
-  }
 
-  @include mid-break {
-    // On mobile, only stick the controls to the top
-    // The timestamps and meta can scroll past
-    // The same container needs to the sticky, though
-    // So we use a static height with a negative top equal to the meta height plus top padding
-    top: base(-2.8);
-    padding-right: 0;
-    padding-left: 0;
+      > div {
+        width: 3px;
+        height: 3px;
+        border-radius: 100%;
+        background-color: currentColor;
+      }
+    }
 
-    &__wrapper {
-      flex-direction: column;
-      gap: 0;
-      height: unset;
+    &__popup {
+      position: relative;
     }
 
-    &__content {
-      width: 100%;
-      overflow: auto;
-      padding-inline: base(2);
-      // this container has a fixed height
-      // this means the scrollbar (when present) overlaps the content
-      &::-webkit-scrollbar {
-        display: none;
+    .popup--active {
+      .doc-controls {
+        &__dots {
+          border: 1px solid var(--theme-elevation-500);
+          background-color: var(--theme-elevation-100);
+        }
       }
     }
 
-    &__meta {
-      width: auto;
-      gap: calc(var(--base) / 2);
+    .popup__trigger-wrap {
+      display: flex;
+    }
 
-      &::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0;
-        width: base(0.8);
-        height: var(--base);
-        background: linear-gradient(to right, transparent, var(--theme-bg));
-        flex-shrink: 0;
-        z-index: 1111;
-        pointer-events: none;
+    @include mid-break {
+      // On mobile, only stick the controls to the top
+      // The timestamps and meta can scroll past
+      // The same container needs to the sticky, though
+      // So we use a static height with a negative top equal to the meta height plus top padding
+      top: base(-2.8);
+      padding-right: 0;
+      padding-left: 0;
+
+      &__wrapper {
+        flex-direction: column;
+        gap: 0;
+        height: unset;
       }
-    }
 
-    &__controls-wrapper {
-      background-color: var(--theme-bg);
-      width: 100%;
-      transform: translate3d(0, 0, 0);
-      padding-right: var(--gutter-h);
-      justify-content: space-between;
-      height: var(--doc-controls-height);
-      border-top: 1px solid var(--theme-elevation-100);
-    }
+      &__content {
+        width: 100%;
+        overflow: auto;
+        padding-inline: base(2);
+        // this container has a fixed height
+        // this means the scrollbar (when present) overlaps the content
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
 
-    &__controls {
-      padding-left: var(--gutter-h);
-      overflow: auto;
+      &__meta {
+        width: auto;
+        gap: calc(var(--base) / 2);
+
+        &::after {
+          content: '';
+          display: block;
+          position: absolute;
+          right: 0;
+          width: base(0.8);
+          height: var(--base);
+          background: linear-gradient(to right, transparent, var(--theme-bg));
+          flex-shrink: 0;
+          z-index: 1111;
+          pointer-events: none;
+        }
+      }
 
-      // do not show scrollbar because the parent container has a static height
-      // this container has a gradient overlay as visual indication of `overflow: scroll`
-      &::-webkit-scrollbar {
-        display: none;
+      &__controls-wrapper {
+        background-color: var(--theme-bg);
+        width: 100%;
+        transform: translate3d(0, 0, 0);
+        padding-right: var(--gutter-h);
+        justify-content: space-between;
+        height: var(--doc-controls-height);
+        border-top: 1px solid var(--theme-elevation-100);
       }
 
-      &::after {
-        content: '';
-        display: block;
-        position: sticky;
-        right: 0;
-        width: calc(var(--base) * 2);
-        height: calc(var(--base) * 1.5);
-        background: linear-gradient(to right, transparent, var(--theme-bg));
-        flex-shrink: 0;
-        z-index: 1111;
-        pointer-events: none;
+      &__controls {
+        padding-left: var(--gutter-h);
+        overflow: auto;
+
+        // do not show scrollbar because the parent container has a static height
+        // this container has a gradient overlay as visual indication of `overflow: scroll`
+        &::-webkit-scrollbar {
+          display: none;
+        }
+
+        &::after {
+          content: '';
+          display: block;
+          position: sticky;
+          right: 0;
+          width: calc(var(--base) * 2);
+          height: calc(var(--base) * 1.5);
+          background: linear-gradient(to right, transparent, var(--theme-bg));
+          flex-shrink: 0;
+          z-index: 1111;
+          pointer-events: none;
+        }
       }
     }
-  }
 
-  @include small-break {
-    &__content {
-      padding-inline: base(0.8);
+    @include small-break {
+      &__content {
+        padding-inline: base(0.8);
+      }
     }
   }
 }

package/dist/elements/DocumentDrawer/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAcrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoI/D,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAcrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwI/D,CAAA"}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -17,7 +17,7 @@ import { IDLabel } from '../IDLabel/index.js';
 import { RenderTitle } from '../RenderTitle/index.js';
 import { baseClass } from './index.js';
 export const DocumentDrawerContent = t0 => {
-  const $ = _c(44);
+  const $ = _c(46);
   const {
     id: existingDocID,
     AfterFields,
@@ -25,6 +25,8 @@ export const DocumentDrawerContent = t0 => {
     disableActions,
     drawerSlug,
     Header,
+    initialData,
+    initialState,
     onDelete: onDeleteFromProps,
     onDuplicate: onDuplicateFromProps,
     onSave: onSaveFromProps,
@@ -156,24 +158,24 @@ export const DocumentDrawerContent = t0 => {
     t8 = $[21];
   }
   let t9;
-  if ($[22] !== t8 || $[23] !== t || $[24] !== toggleModal || $[25] !== drawerSlug || $[26] !== redirectAfterDelete || $[27] !== redirectAfterDuplicate || $[28] !== Edit || $[29] !== AfterFields || $[30] !== apiURL || $[31] !== collectionConfig.slug || $[32] !== disableActions || $[33] !== docID || $[34] !== isEditing || $[35] !== onDelete || $[36] !== onDuplicate || $[37] !== onLoadError || $[38] !== onSave) {
+  if ($[22] !== t8 || $[23] !== t || $[24] !== toggleModal || $[25] !== drawerSlug || $[26] !== redirectAfterDelete || $[27] !== redirectAfterDuplicate || $[28] !== Edit || $[29] !== AfterFields || $[30] !== apiURL || $[31] !== collectionConfig.slug || $[32] !== disableActions || $[33] !== docID || $[34] !== initialData || $[35] !== initialState || $[36] !== isEditing || $[37] !== onDelete || $[38] !== onDuplicate || $[39] !== onLoadError || $[40] !== onSave) {
     let t10;
-    if ($[40] !== toggleModal || $[41] !== drawerSlug) {
+    if ($[42] !== toggleModal || $[43] !== drawerSlug) {
       t10 = () => toggleModal(drawerSlug);
-      $[40] = toggleModal;
-      $[41] = drawerSlug;
-      $[42] = t10;
+      $[42] = toggleModal;
+      $[43] = drawerSlug;
+      $[44] = t10;
     } else {
-      t10 = $[42];
+      t10 = $[44];
     }
     let t11;
-    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
       t11 = () => {
         setDocID(null);
       };
-      $[43] = t11;
+      $[45] = t11;
     } else {
-      t11 = $[43];
+      t11 = $[45];
     }
     t9 = _jsx(DocumentInfoProvider, {
       AfterFields,
@@ -198,6 +200,8 @@ export const DocumentDrawerContent = t0 => {
       disableActions,
       disableLeaveWithoutSaving: true,
       id: docID,
+      initialData,
+      initialState,
       isEditing,
       onDelete,
       onDrawerCreate: t11,
@@ -222,14 +226,16 @@ export const DocumentDrawerContent = t0 => {
     $[31] = collectionConfig.slug;
     $[32] = disableActions;
     $[33] = docID;
-    $[34] = isEditing;
-    $[35] = onDelete;
-    $[36] = onDuplicate;
-    $[37] = onLoadError;
-    $[38] = onSave;
-    $[39] = t9;
+    $[34] = initialData;
+    $[35] = initialState;
+    $[36] = isEditing;
+    $[37] = onDelete;
+    $[38] = onDuplicate;
+    $[39] = onLoadError;
+    $[40] = onSave;
+    $[41] = t9;
   } else {
-    t9 = $[39];
+    t9 = $[41];
   }
   return t9;
 };

package/dist/elements/DocumentDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","XIcon","useConfig","RenderComponent","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","useRelatedCollections","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","AfterFields","collectionSlug","disableActions","drawerSlug","Header","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","redirectAfterDelete","redirectAfterDuplicate","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","args_0","t7","args_1","t8","_jsx","element","t10","t11","Symbol","for","t9","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableLeaveWithoutSaving","onDrawerCreate","undefined","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  AfterFields,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  Header,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      if (typeof onDeleteFromProps === 'function') {\n        void onDeleteFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n\n      closeModal(drawerSlug)\n    },\n    [onDeleteFromProps, collectionConfig, closeModal, drawerSlug],\n  )\n\n  return (\n    <DocumentInfoProvider\n      AfterFields={AfterFields}\n      apiURL={apiURL}\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\n            </h2>\n            {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n            i.e. changing to a `div` element will fix the animation issue but will break accessibility\n          */}\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      collectionSlug={collectionConfig.slug}\n      disableActions={disableActions}\n      disableLeaveWithoutSaving\n      id={docID}\n      isEditing={isEditing}\n      onDelete={onDelete}\n      onDrawerCreate={() => {\n        setDocID(null)\n      }}\n      onDuplicate={onDuplicate}\n      onLoadError={onLoadError}\n      onSave={onSave}\n      redirectAfterDelete={redirectAfterDelete !== undefined ? redirectAfterDelete : false}\n      redirectAfterDuplicate={redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","XIcon","useConfig","RenderComponent","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","useRelatedCollections","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","AfterFields","collectionSlug","disableActions","drawerSlug","Header","initialData","initialState","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","redirectAfterDelete","redirectAfterDuplicate","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","args_0","t7","args_1","t8","_jsx","element","t10","t11","Symbol","for","t9","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableLeaveWithoutSaving","onDrawerCreate","undefined","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  AfterFields,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  Header,\n  initialData,\n  initialState,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      if (typeof onDeleteFromProps === 'function') {\n        void onDeleteFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n\n      closeModal(drawerSlug)\n    },\n    [onDeleteFromProps, collectionConfig, closeModal, drawerSlug],\n  )\n\n  return (\n    <DocumentInfoProvider\n      AfterFields={AfterFields}\n      apiURL={apiURL}\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\n            </h2>\n            {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n            i.e. changing to a `div` element will fix the animation issue but will break accessibility\n          */}\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      collectionSlug={collectionConfig.slug}\n      disableActions={disableActions}\n      disableLeaveWithoutSaving\n      id={docID}\n      initialData={initialData}\n      initialState={initialState}\n      isEditing={isEditing}\n      onDelete={onDelete}\n      onDrawerCreate={() => {\n        setDocID(null)\n      }}\n      onDuplicate={onDuplicate}\n      onLoadError={onLoadError}\n      onSave={onSave}\n      redirectAfterDelete={redirectAfterDelete !== undefined ? redirectAfterDelete : false}\n      redirectAfterDuplicate={redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AACxD,SAASC,KAAK,QAAQ;AAItB,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,EAAEC,eAAe,QAAQ;AACtD,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAE1B,OAAO,MAAMC,qBAAA,GAAuDC,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAAC;IAAAsB,EAAA,EAAAC,aAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC,WAAA,EAAAC,oBAAA;IAAAC,MAAA,EAAAC,eAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAlB,EAcpE;EACC;IAAAmB;EAAA,IAAmB/B,SAAA;EAEnB;IAAAgC,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAGIH,MAAA;EAFM;IAAAI,GAAA,EAAAC;EAAA,IAAAH,EAAiB;EAI3B;IAAAI,UAAA;IAAAC,UAAA;IAAAC;EAAA,IAAgD9C,QAAA;EAChD,MAAA+C,MAAA,GAAepC,SAAA;EACf;IAAAqC;EAAA,IAAcpC,cAAA;EACd,OAAAqC,KAAA,EAAAC,QAAA,IAA0B9C,QAAA,CAASkB,aAAA;EACnC,OAAA6B,MAAA,EAAAC,SAAA,IAA4BhD,QAAA,MAAS;EACrC,OAAAiD,gBAAA,IAA2BxC,qBAAA,CAAsBW,cAAA;EAEjD,MAAA8B,IAAA,GAAaD,gBAAA,CAAAE,KAAA,CAAAC,UAAA,CAAAC,KAAA,CAAAC,IAAA,CAAAC,OAAA,CAAAC,SAAA;EAEb,MAAAC,SAAA,GAAkBC,OAAA,CAAQb,KAAA;EAC1B,MAAAc,MAAA,GAAed,KAAA,GACX,GAAGR,SAAA,GAAYE,QAAA,IAAYnB,cAAA,IAAkByB,KAAA,GAAQF,MAAA,EAAAiB,IAAA,GAAe,WAAWjB,MAAA,CAAAiB,IAAA,EAAa,GAAG,IAAI,OACnG;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA9C,CAAA,QAAAyB,UAAA,IAAAzB,CAAA,QAAAM,UAAA;IAEMuC,EAAA,GAAAA,CAAA;MACRb,SAAA,CAAUU,OAAA,CAAQjB,UAAU,CAACnB,UAAA,GAAAyB,MAAa;IAAA;IACzCe,EAAA,IAACrB,UAAA,EAAYnB,UAAA;IAAWN,CAAA,MAAAyB,UAAA;IAAAzB,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAA6C,EAAA;IAAA7C,CAAA,MAAA8C,EAAA;EAAA;IAAAD,EAAA,GAAA7C,CAAA;IAAA8C,EAAA,GAAA9C,CAAA;EAAA;EAF3BjB,SAAA,CAAU8D,EAEV,EAAGC,EAAwB;EAAA,IAAAC,EAAA;EAAA,IAAA/C,CAAA,QAAA+B,MAAA,IAAA/B,CAAA,QAAAwB,UAAA,IAAAxB,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAA4B,CAAA;IAGzBmB,EAAA,GAAAC,IAAA;MAAA,IACMjB,MAAA;QACFP,UAAA,CAAWlB,UAAA;QACXrB,KAAA,CAAAgE,KAAA,CAAYD,IAAA,CAAAE,MAAA,MAAAC,OAAA,IAA4BvB,CAAA,CAAE;MAAA;IAAA;IAE9C5B,CAAA,MAAA+B,MAAA;IAAA/B,CAAA,MAAAwB,UAAA;IAAAxB,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAA4B,CAAA;IAAA5B,CAAA,MAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EANF,MAAAoD,WAAA,GAAoBL,EAOiB;EAAA,IAAAM,EAAA;EAAA,IAAArD,CAAA,QAAAe,eAAA,IAAAf,CAAA,SAAAiC,gBAAA;IAInCoB,EAAA,GAAAC,IAAA;MACExB,QAAA,CAASwB,IAAA,CAAAC,GAAA,CAAAtD,EAAW;MAAA,IAChB,OAAOc,eAAA,KAAoB;QACxBA,eAAA;UAAA,GACAuC,IAAI;UAAArB;QAAA,CAET;MAAA;IAAA;IAEJjC,CAAA,MAAAe,eAAA;IAAAf,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAqD,EAAA;EAAA;IAAAA,EAAA,GAAArD,CAAA;EAAA;EATF,MAAAc,MAAA,GAAeuC,EAUsB;EAAA,IAAAG,EAAA;EAAA,IAAAxD,CAAA,SAAAa,oBAAA,IAAAb,CAAA,SAAAiC,gBAAA;IAInCuB,EAAA,GAAAC,MAAA;MACE3B,QAAA,CAASwB,MAAA,CAAAC,GAAA,CAAAtD,EAAW;MAAA,IAEhB,OAAOY,oBAAA,KAAyB;QAC7BA,oBAAA;UAAA,GACAyC,MAAI;UAAArB;QAAA,CAET;MAAA;IAAA;IAEJjC,CAAA,OAAAa,oBAAA;IAAAb,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAVF,MAAAY,WAAA,GAAoB4C,EAWsB;EAAA,IAAAE,EAAA;EAAA,IAAA1D,CAAA,SAAAW,iBAAA,IAAAX,CAAA,SAAAiC,gBAAA,IAAAjC,CAAA,SAAAwB,UAAA,IAAAxB,CAAA,SAAAM,UAAA;IAIxCoD,EAAA,GAAAC,MAAA;MAAA,IACM,OAAOhD,iBAAA,KAAsB;QAC1BA,iBAAA;UAAA,GACA2C,MAAI;UAAArB;QAAA,CAET;MAAA;MAGFT,UAAA,CAAWlB,UAAA;IAAA;IACbN,CAAA,OAAAW,iBAAA;IAAAX,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAwB,UAAA;IAAAxB,CAAA,OAAAM,UAAA;IAAAN,CAAA,OAAA0D,EAAA;EAAA;IAAAA,EAAA,GAAA1D,CAAA;EAAA;EAVF,MAAAU,QAAA,GAAiBgD,EAW8C;EAAA,IAAAE,EAAA;EAAA,IAAA5D,CAAA,SAAAO,MAAA;IAWlDqD,EAAA,GAAArD,MAAA,IAAUsD,IAAA,CAAAjE,WAAA;MAAAkE,OAAA,EAAqB;IAAA,C;;;;;;;;;;MAQvBC,GAAA,GAAAA,CAAA,KAAMrC,WAAA,CAAYpB,UAAA;MAAAN,CAAA,OAAA0B,WAAA;MAAA1B,CAAA,OAAAM,UAAA;MAAAN,CAAA,OAAA+D,GAAA;IAAA;MAAAA,GAAA,GAAA/D,CAAA;IAAA;IAAA,IAAAgE,GAAA;IAAA,IAAAhE,CAAA,SAAAiE,MAAA,CAAAC,GAAA;MAiBnBF,GAAA,GAAAA,CAAA;QACdlC,QAAA,KAAS;MAAA;MACX9B,CAAA,OAAAgE,GAAA;IAAA;MAAAA,GAAA,GAAAhE,CAAA;IAAA;IAlCFmE,EAAA,GAAAN,IAAA,CAAAxE,oBAAA;MAAAc,WAAA;MAAAwC,MAAA;MAAAyB,cAAA,EAIIC,KAAA,CAAA3E,MAAA;QAAA4E,SAAA,EAAmB,GAAAzE,SAAA,UAAsB;QAAA0E,QAAA,GACvCF,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAAzE,SAAA,kBAA8B;UAAA0E,QAAA,GAC5CV,IAAA,CAAC;YAAAS,SAAA,EAAc,GAAAzE,SAAA,eAA2B;YAAA0E,QAAA,EACvCX;cAKHC,IAAA,CAAC;YAAA,cACajC,CAAA,CAAE;YAAA0C,SAAA,EACH,GAAAzE,SAAA,gBAA4B;YAAA2E,OAAA,EAC9BT,GAAkB;YAAAU,IAAA,EACtB;YAAAF,QAAA,EAELV,IAAA,CAAA3E,KAAA,IAAC;UAAA,C;YAGL2E,IAAA,CAAAa,aAAA,IAAC;MAAA,C;sBAGWzC,gBAAA,CAAA0C,IAAA;MAAAtE,cAAA;MAAAuE,yBAAA;MAAA3E,EAAA,EAGZ4B,KAAA;MAAArB,WAAA;MAAAC,YAAA;MAAAgC,SAAA;MAAA/B,QAAA;MAAAmE,cAAA,EAKYb,GAEhB;MAAApD,WAAA;MAAAwC,WAAA;MAAAtC,MAAA;MAAAE,mBAAA,EAIqBA,mBAAA,KAAA8D,SAAwB,GAAY9D,mBAAA,QAAsB;MAAAC,sBAAA,EACvDA,sBAAA,KAAA6D,SAA2B,GAAY7D,sBAAA,QAAyB;MAAAsD,QAAA,EAExFV,IAAA,CAAAzE,eAAA;QAAA2F,eAAA,EAAkC7C;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;SAzCpCiC,E;CA4CJ;AAEA,MAAMO,aAAA,GAA0BA,CAAA;EAAA,MAAA1E,CAAA,GAAArB,EAAA;EAC9B;IAAAsB,EAAA;IAAA+E;EAAA,IAAsB1F,eAAA;EAAA,IAAAS,EAAA;EAAA,IAAAC,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAgF,KAAA;IACfjF,EAAA,GAAAE,EAAA,IAAMA,EAAA,KAAO+E,KAAA,GAAQnB,IAAA,CAAAlE,OAAA;MAAAM,EAAA,EAAaA,EAAA,CAAAgF,QAAA,CAAW;IAAA,C,QAAS;IAAAjF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAgF,KAAA;IAAAhF,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OAAtDD,EAAsD;AAAA,CAC/D","ignoreList":[]}