@payloadcms/ui 3.0.0-canary.c696728 → 3.0.0-canary.c96fa61

package/dist/elements/EditMany/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","getFormState","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","EditMany","props","collection","fields","undefined","slug","labels","plural","permissions","closeModal","config","t3","routes","t4","serverURL","api","apiRoute","count","getQueryParams","selectAll","i18n","t5","Symbol","for","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","t6","current","getInitialState","state","result","body","collectionSlug","data","operation","schemaPath","t7","useEffect","t8","t9","formState","prevFormState","onChange","None","replace","params","page","AllAvailable","onSuccess","t10","versions","drafts","t11","t12","_jsxs","Header","id","Provider","value","label","type","length","path","readOnly","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n  readonly fields: ClientField[]\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__draft`} disabled={disabled} onClick={save}>\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { collection: { slug, labels: { plural } } = {}, collection, fields } = props\n\n  const { permissions } = useAuth()\n  const { closeModal } = useModal()\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [selected, setSelected] = useState([])\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update?.permission\n\n  const drawerSlug = `edit-${slug}`\n\n  React.useEffect(() => {\n    if (!hasInitializedState.current) {\n      const getInitialState = async () => {\n        const { state: result } = await getFormState({\n          apiRoute,\n          body: {\n            collectionSlug: slug,\n            data: {},\n            operation: 'update',\n            schemaPath: slug,\n          },\n          serverURL,\n        })\n\n        setInitialState(result)\n        hasInitializedState.current = true\n      }\n\n      void getInitialState()\n    }\n  }, [apiRoute, hasInitializedState, serverURL, slug])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: slug,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: slug,\n        },\n        serverURL,\n      })\n\n      return state\n    },\n    [serverURL, apiRoute, slug],\n  )\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  const onSuccess = () => {\n    router.replace(\n      stringifyParams({\n        params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n      }),\n    )\n    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n    closeModal(drawerSlug)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSelected([])\n        }}\n        slug={drawerSlug}\n      >\n        {t('general:edit')}\n      </DrawerToggler>\n      <Drawer Header={null} slug={drawerSlug}>\n        <DocumentInfoProvider collectionSlug={slug} id={null}>\n          <OperationContext.Provider value=\"update\">\n            <div className={`${baseClass}__main`}>\n              <div className={`${baseClass}__header`}>\n                <h2 className={`${baseClass}__header__title`}>\n                  {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n                </h2>\n                <button\n                  aria-label={t('general:close')}\n                  className={`${baseClass}__header__close`}\n                  id={`close-drawer__${drawerSlug}`}\n                  onClick={() => closeModal(drawerSlug)}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              </div>\n              <Form\n                className={`${baseClass}__form`}\n                initialState={initialState}\n                onChange={[onChange]}\n                onSuccess={onSuccess}\n              >\n                <FieldSelect fields={fields} setSelected={setSelected} />\n                {selected.length === 0 ? null : (\n                  <RenderFields fields={selected} path=\"\" readOnly={false} schemaPath={slug} />\n                )}\n                <div className={`${baseClass}__sidebar-wrap`}>\n                  <div className={`${baseClass}__sidebar`}>\n                    <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                      <div className={`${baseClass}__document-actions`}>\n                        {collection?.versions?.drafts ? (\n                          <React.Fragment>\n                            <PublishButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                            <SaveDraftButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                          </React.Fragment>\n                        ) : (\n                          <Submit\n                            action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n                            disabled={selected.length === 0}\n                          />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </Form>\n            </div>\n          </OperationContext.Provider>\n        </DocumentInfoProvider>\n      </Drawer>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","EditDepthProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useServerFunctions","useTranslation","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditMany","props","collection","undefined","slug","fields","labels","plural","permissions","user","closeModal","config","t3","routes","t4","serverURL","api","apiRoute","getFormState","count","getQueryParams","selectAll","i18n","t5","Symbol","for","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","t6","current","getInitialState","state","result","collectionSlug","data","docPermissions","docPreferences","operation","schemaPath","t7","useEffect","t8","t9","formState","prevFormState","onChange","None","replace","params","page","AllAvailable","onSuccess","t10","versions","drafts","t11","t12","_jsxs","Header","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","Provider","value","label","type","length","parentIndexPath","parentPath","parentSchemaPath","readOnly","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { collection: { slug, fields, labels: { plural } } = {}, collection } = props\n\n  const { permissions, user } = useAuth()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [selected, setSelected] = useState([])\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update?.permission\n\n  const drawerSlug = `edit-${slug}`\n\n  React.useEffect(() => {\n    if (!hasInitializedState.current) {\n      const getInitialState = async () => {\n        const { state: result } = await getFormState({\n          collectionSlug: slug,\n          data: {},\n          docPermissions: collectionPermissions,\n          docPreferences: null,\n          operation: 'update',\n          schemaPath: slug,\n        })\n\n        setInitialState(result)\n        hasInitializedState.current = true\n      }\n\n      void getInitialState()\n    }\n  }, [apiRoute, hasInitializedState, serverURL, slug, getFormState, user, collectionPermissions])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        collectionSlug: slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: slug,\n      })\n\n      return state\n    },\n    [slug, getFormState, collectionPermissions],\n  )\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  const onSuccess = () => {\n    router.replace(\n      stringifyParams({\n        params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n      }),\n    )\n    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n    closeModal(drawerSlug)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSelected([])\n        }}\n        slug={drawerSlug}\n      >\n        {t('general:edit')}\n      </DrawerToggler>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <DocumentInfoProvider\n            collectionSlug={slug}\n            currentEditor={user}\n            hasPublishedDoc={false}\n            id={null}\n            initialData={{}}\n            initialState={initialState}\n            isLocked={false}\n            lastUpdateTime={0}\n            mostRecentVersionIsAutosaved={false}\n            unpublishedVersionCount={0}\n            versionCount={0}\n          >\n            <OperationContext.Provider value=\"update\">\n              <div className={`${baseClass}__main`}>\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`}>\n                    {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n                  </h2>\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${drawerSlug}`}\n                    onClick={() => closeModal(drawerSlug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n                <Form\n                  className={`${baseClass}__form`}\n                  initialState={initialState}\n                  onChange={[onChange]}\n                  onSuccess={onSuccess}\n                >\n                  <FieldSelect fields={fields} setSelected={setSelected} />\n                  {selected.length === 0 ? null : (\n                    <RenderFields\n                      fields={selected}\n                      parentIndexPath=\"\"\n                      parentPath=\"\"\n                      parentSchemaPath={slug}\n                      permissions={permissions?.collections?.[slug]?.fields}\n                      readOnly={false}\n                    />\n                  )}\n                  <div className={`${baseClass}__sidebar-wrap`}>\n                    <div className={`${baseClass}__sidebar`}>\n                      <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                        <div className={`${baseClass}__document-actions`}>\n                          {collection?.versions?.drafts ? (\n                            <React.Fragment>\n                              <SaveDraftButton\n                                action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                                disabled={selected.length === 0}\n                              />\n                              <PublishButton\n                                action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                                disabled={selected.length === 0}\n                              />\n                            </React.Fragment>\n                          ) : (\n                            <Submit\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n                              disabled={selected.length === 0}\n                            />\n                          )}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </Form>\n              </div>\n            </OperationContext.Provider>\n          </DocumentInfoProvider>\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/index.scss

@@ -1,199 +1,201 @@
 @import '../../scss/styles.scss';
 
-.edit-many {
-  &__toggle {
-    font-size: 1rem;
-    line-height: base(1.2);
-    display: inline-flex;
-    background: var(--theme-elevation-150);
-    color: var(--theme-elevation-800);
-    border-radius: $style-radius-s;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    border: 0;
-    padding: 0 base(0.4);
-    align-items: center;
-    cursor: pointer;
-    text-decoration: none;
-
-    &:active,
-    &:focus {
-      outline: none;
-    }
-
-    &:hover {
-      background: var(--theme-elevation-100);
-    }
+@layer payload-default {
+  .edit-many {
+    &__toggle {
+      font-size: 1rem;
+      line-height: base(1.2);
+      display: inline-flex;
+      background: var(--theme-elevation-150);
+      color: var(--theme-elevation-800);
+      border-radius: $style-radius-s;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      border: 0;
+      padding: 0 base(0.4);
+      align-items: center;
+      cursor: pointer;
+      text-decoration: none;
 
-    &:active {
-      background: var(--theme-elevation-100);
-    }
-  }
+      &:active,
+      &:focus {
+        outline: none;
+      }
 
-  &__form {
-    height: 100%;
-  }
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
 
-  &__main {
-    width: calc(100% - #{base(15)});
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-  }
+      &:active {
+        background: var(--theme-elevation-100);
+      }
+    }
 
-  &__header {
-    display: flex;
-    margin-top: base(2.5);
-    margin-bottom: base(1);
-    width: 100%;
+    &__form {
+      height: 100%;
+    }
 
-    &__title {
-      margin: 0;
-      flex-grow: 1;
+    &__main {
+      width: calc(100% - #{base(15)});
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
     }
 
-    &__close {
-      border: 0;
-      background-color: transparent;
-      padding: 0;
-      cursor: pointer;
-      overflow: hidden;
-      width: base(1);
-      height: base(1);
+    &__header {
+      display: flex;
+      margin-top: base(2.5);
+      margin-bottom: base(1);
+      width: 100%;
 
-      svg {
-        width: base(2);
-        height: base(2);
-        position: relative;
-        inset-inline-start: base(-0.5);
-        top: base(-0.5);
+      &__title {
+        margin: 0;
+        flex-grow: 1;
+      }
 
-        .stroke {
-          stroke-width: 2px;
-          vector-effect: non-scaling-stroke;
+      &__close {
+        border: 0;
+        background-color: transparent;
+        padding: 0;
+        cursor: pointer;
+        overflow: hidden;
+        width: base(1);
+        height: base(1);
+
+        svg {
+          width: base(2);
+          height: base(2);
+          position: relative;
+          inset-inline-start: base(-0.5);
+          top: base(-0.5);
+
+          .stroke {
+            stroke-width: 2px;
+            vector-effect: non-scaling-stroke;
+          }
         }
       }
     }
-  }
-
-  &__edit {
-    padding-top: base(1);
-    padding-bottom: base(2);
-    flex-grow: 1;
-  }
-  [dir='rtl'] &__sidebar-wrap {
-    left: 0;
-    border-right: 1px solid var(--theme-elevation-100);
-    right: auto;
-  }
-
-  &__sidebar-wrap {
-    position: fixed;
-    width: base(15);
-    height: 100%;
-    top: 0;
-    right: 0;
-    overflow: visible;
-    border-left: 1px solid var(--theme-elevation-100);
-  }
-
-  &__sidebar {
-    width: 100%;
-    height: 100%;
-    overflow-y: auto;
-  }
-
-  &__sidebar-sticky-wrap {
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-  }
 
-  &__collection-actions,
-  &__meta,
-  &__sidebar-fields {
-    [dir='ltr'] & {
-      padding-left: base(1.5);
+    &__edit {
+      padding-top: base(1);
+      padding-bottom: base(2);
+      flex-grow: 1;
     }
-    [dir='rtl'] & {
-      padding-right: base(1.5);
+    [dir='rtl'] &__sidebar-wrap {
+      left: 0;
+      border-right: 1px solid var(--theme-elevation-100);
+      right: auto;
     }
-  }
 
-  &__document-actions {
-    padding-right: $baseline;
-    position: sticky;
-    top: 0;
-    z-index: var(--z-nav);
+    &__sidebar-wrap {
+      position: fixed;
+      width: base(15);
+      height: 100%;
+      top: 0;
+      right: 0;
+      overflow: visible;
+      border-left: 1px solid var(--theme-elevation-100);
+    }
 
-    > * {
-      position: relative;
-      z-index: 1;
+    &__sidebar {
+      width: 100%;
+      height: 100%;
+      overflow-y: auto;
     }
 
-    @include mid-break {
-      @include blur-bg;
+    &__sidebar-sticky-wrap {
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
     }
-  }
 
-  &__document-actions {
-    display: flex;
-    flex-wrap: wrap;
-    padding: base(1);
-    gap: base(0.5);
+    &__collection-actions,
+    &__meta,
+    &__sidebar-fields {
+      [dir='ltr'] & {
+        padding-left: base(1.5);
+      }
+      [dir='rtl'] & {
+        padding-right: base(1.5);
+      }
+    }
 
-    .form-submit {
-      width: calc(50% - #{base(1)});
+    &__document-actions {
+      padding-right: $baseline;
+      position: sticky;
+      top: 0;
+      z-index: var(--z-nav);
 
-      @include mid-break {
-        width: auto;
-        flex-grow: 1;
+      > * {
+        position: relative;
+        z-index: 1;
       }
 
-      .btn {
-        width: 100%;
-        padding-left: base(0.5);
-        padding-right: base(0.5);
-        margin-bottom: 0;
+      @include mid-break {
+        @include blur-bg;
       }
     }
-  }
 
-  @include mid-break {
-    &__main {
-      width: 100%;
-      min-height: initial;
-    }
+    &__document-actions {
+      display: flex;
+      flex-wrap: wrap;
+      padding: base(1);
+      gap: base(0.5);
 
-    &__sidebar-wrap {
-      position: static;
-      width: 100%;
-      height: initial;
-    }
+      .form-submit {
+        width: calc(50% - #{base(1)});
 
-    &__form {
-      display: block;
-    }
+        @include mid-break {
+          width: auto;
+          flex-grow: 1;
+        }
 
-    &__edit {
-      padding-top: 0;
-      padding-bottom: 0;
+        .btn {
+          width: 100%;
+          padding-left: base(0.5);
+          padding-right: base(0.5);
+          margin-bottom: 0;
+        }
+      }
     }
 
-    &__document-actions {
-      position: fixed;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      top: auto;
-      z-index: var(--z-nav);
-    }
+    @include mid-break {
+      &__main {
+        width: 100%;
+        min-height: initial;
+      }
 
-    &__document-actions,
-    &__sidebar-fields {
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
+      &__sidebar-wrap {
+        position: static;
+        width: 100%;
+        height: initial;
+      }
+
+      &__form {
+        display: block;
+      }
+
+      &__edit {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__document-actions {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        top: auto;
+        z-index: var(--z-nav);
+      }
+
+      &__document-actions,
+      &__sidebar-fields {
+        padding-left: var(--gutter-h);
+        padding-right: var(--gutter-h);
+      }
     }
   }
 }