@payloadcms/ui 4.0.0-canary.1 → 4.0.0-canary.2

package/dist/views/Version/SelectComparison/VersionDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useId","useMemo","useRef","useState","toast","Drawer","LoadingOverlay","useModal","useDocumentInfo","useEditDepth","useSearchParams","useServerFunctions","useTranslation","baseClass","formatVersionDrawerSlug","depth","uuid","VersionDrawerContent","props","collectionSlug","docID","drawerSlug","globalSlug","isTrashed","closeModal","searchParams","prevSearchParams","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","t","getDocumentView","fetchDocumentView","isGlobal","Boolean","entitySlug","result","paramsOverride","segments","String","filter","redirectAfterDelete","redirectAfterDuplicate","Object","fromEntries","entries","versions","disableGutter","useVersionDrawerCreatedAtCell","Document","error","message","current","_jsx","VersionDrawer","$","t0","className","slug","title","children","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","t1","t2","t3","t4","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","MemoizedDrawer","t8","isDrawerOpen"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { LoadingOverlay } from '../../../../elements/Loading/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useDocumentInfo } from '../../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../../providers/EditDepth/index.js'\nimport { useSearchParams } from '../../../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const baseClass = 'version-drawer'\nexport const formatVersionDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `version-drawer_${depth}_${uuid}`\n\nexport const VersionDrawerContent: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { isTrashed } = useDocumentInfo()\n  const { closeModal } = useModal()\n  const searchParams = useSearchParams()\n  const prevSearchParams = useRef(searchParams)\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n  const { t } = useTranslation()\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const isGlobal = Boolean(globalSlug)\n          const entitySlug = collectionSlug ?? globalSlug\n\n          const result = await renderDocument({\n            collectionSlug: entitySlug,\n            docID,\n            drawerSlug,\n            paramsOverride: {\n              segments: [\n                isGlobal ? 'globals' : 'collections',\n                entitySlug,\n                ...(isTrashed ? ['trash'] : []),\n                isGlobal ? undefined : String(docID),\n                'versions',\n              ].filter(Boolean),\n            },\n            redirectAfterDelete: false,\n            redirectAfterDuplicate: false,\n            searchParams: Object.fromEntries(searchParams.entries()),\n            versions: {\n              disableGutter: true,\n              useVersionDrawerCreatedAtCell: true,\n            },\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      closeModal,\n      collectionSlug,\n      drawerSlug,\n      globalSlug,\n      isTrashed,\n      renderDocument,\n      searchParams,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {\n      prevSearchParams.current = searchParams\n      getDocumentView(docID)\n      hasRenderedDocument.current = true\n    }\n  }, [docID, getDocumentView, searchParams])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return DocumentView\n}\n\nexport const VersionDrawer: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { t } = useTranslation()\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('version:selectVersionToCompare')}>\n      <VersionDrawerContent\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    </Drawer>\n  )\n}\n\nexport const useVersionDrawer = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatVersionDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return () => (\n      <VersionDrawer\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    )\n  }, [collectionSlug, docID, drawerSlug, globalSlug])\n\n  return useMemo(\n    () => ({\n      closeDrawer,\n      Drawer: MemoizedDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [MemoizedDrawer, closeDrawer, drawerDepth, drawerSlug, isOpen, openDrawer, toggleDrawer],\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useId","useMemo","useRef","useState","toast","Drawer","LoadingOverlay","useModal","useDocumentInfo","useEditDepth","useSearchParams","useServerFunctions","useTranslation","baseClass","formatVersionDrawerSlug","depth","uuid","VersionDrawerContent","props","collectionSlug","docID","drawerSlug","globalSlug","isTrashed","closeModal","searchParams","prevSearchParams","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","t","getDocumentView","fetchDocumentView","isGlobal","Boolean","entitySlug","result","paramsOverride","segments","String","filter","redirectAfterDelete","redirectAfterDuplicate","Object","fromEntries","entries","versions","useVersionDrawerCreatedAtCell","Document","error","message","current","_jsx","VersionDrawer","$","t0","className","slug","title","children","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","t1","t2","t3","t4","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","MemoizedDrawer","t8","isDrawerOpen"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { LoadingOverlay } from '../../../../elements/Loading/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useDocumentInfo } from '../../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../../providers/EditDepth/index.js'\nimport { useSearchParams } from '../../../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const baseClass = 'version-drawer'\nexport const formatVersionDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `version-drawer_${depth}_${uuid}`\n\nexport const VersionDrawerContent: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { isTrashed } = useDocumentInfo()\n  const { closeModal } = useModal()\n  const searchParams = useSearchParams()\n  const prevSearchParams = useRef(searchParams)\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n  const { t } = useTranslation()\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const isGlobal = Boolean(globalSlug)\n          const entitySlug = collectionSlug ?? globalSlug\n\n          const result = await renderDocument({\n            collectionSlug: entitySlug,\n            docID,\n            drawerSlug,\n            paramsOverride: {\n              segments: [\n                isGlobal ? 'globals' : 'collections',\n                entitySlug,\n                ...(isTrashed ? ['trash'] : []),\n                isGlobal ? undefined : String(docID),\n                'versions',\n              ].filter(Boolean),\n            },\n            redirectAfterDelete: false,\n            redirectAfterDuplicate: false,\n            searchParams: Object.fromEntries(searchParams.entries()),\n            versions: {\n              useVersionDrawerCreatedAtCell: true,\n            },\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      closeModal,\n      collectionSlug,\n      drawerSlug,\n      globalSlug,\n      isTrashed,\n      renderDocument,\n      searchParams,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {\n      prevSearchParams.current = searchParams\n      getDocumentView(docID)\n      hasRenderedDocument.current = true\n    }\n  }, [docID, getDocumentView, searchParams])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return DocumentView\n}\n\nexport const VersionDrawer: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { t } = useTranslation()\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('version:selectVersionToCompare')}>\n      <VersionDrawerContent\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    </Drawer>\n  )\n}\n\nexport const useVersionDrawer = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatVersionDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return () => (\n      <VersionDrawer\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    )\n  }, [collectionSlug, docID, drawerSlug, globalSlug])\n\n  return useMemo(\n    () => ({\n      closeDrawer,\n      Drawer: MemoizedDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [MemoizedDrawer, closeDrawer, drawerDepth, drawerSlug, isOpen, openDrawer, toggleDrawer],\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/SelectComparison/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .compare-version-moreVersions {
+    color: var(--color-text-secondary);
+  }
+}

package/dist/views/Version/SelectComparison/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { Props } from './types.js';
-import './index.scss';
+import './index.css';
 export declare const SelectComparison: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/SelectComparison/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoD3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoD3C,CAAA"}

package/dist/views/Version/SelectComparison/index.js

@@ -5,7 +5,7 @@ import React, { memo, useCallback, useMemo } from 'react';
 import { ReactSelect } from '../../../elements/ReactSelect/index.js';
 import { fieldBaseClass } from '../../../fields/shared/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import './index.scss';
+import './index.css';
 import { useVersionDrawer } from './VersionDrawer/index.js';
 const baseClass = 'compare-version';
 export const SelectComparison = /*#__PURE__*/memo(props => {

package/dist/views/Version/SelectComparison/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC8B,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC8B,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}

package/dist/views/Versions/index.css

@@ -49,12 +49,12 @@
     padding: 0;
   }
 
-  .versions .table td.cell--linked > a {
+  .versions .table td.cell--linked > :is(a, button) {
     padding-inline-start: var(--gutter-h);
     width: 100%;
   }
 
-  .versions .table td.cell--linked > a {
+  .versions .table td.cell--linked > :is(a, button) {
     font-weight: var(--text-body-medium-strong-font-weight);
     text-decoration-line: underline;
     text-decoration-style: solid;

package/dist/views/Versions/index.d.ts

@@ -1,4 +1,4 @@
-import { type DocumentViewServerProps } from 'payload';
+import type { DocumentViewServerProps } from 'payload';
 import React from 'react';
 import './index.css';
 export declare function VersionsView(props: DocumentViewServerProps): Promise<React.JSX.Element>;

package/dist/views/Versions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAkC,MAAM,SAAS,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,YAAY,CAAC,KAAK,EAAE,uBAAuB,8BA8LhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAiB,MAAM,SAAS,CAAA;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,YAAY,CAAC,KAAK,EAAE,uBAAuB,8BA6JhE"}

package/dist/views/Versions/index.js

@@ -33,7 +33,6 @@ export async function VersionsView(props) {
     },
     versions: {
       CreatedAtCellOverride,
-      disableGutter = false,
       useVersionDrawerCreatedAtCell = false
     } = {}
   } = props;
@@ -42,21 +41,10 @@ export async function VersionsView(props) {
   const globalSlug = globalConfig?.slug;
   const isTrashed = segments[2] === 'trash';
   const {
-    localization,
     routes: {
       api: apiRoute
     }
   } = config;
-  const whereQuery = {
-    and: []
-  };
-  if (localization && draftsEnabled) {
-    whereQuery.and.push({
-      snapshot: {
-        not_equals: true
-      }
-    });
-  }
   const defaultLimit = collectionSlug ? collectionConfig?.admin?.pagination?.defaultLimit : 10;
   const limitToUse = isNumber(limit) ? Number(limit) : defaultLimit;
   const versionsData = await fetchVersions({
@@ -70,8 +58,7 @@ export async function VersionsView(props) {
     parentID: id,
     req,
     sort: sort,
-    user,
-    where: whereQuery
+    user
   });
   if (!versionsData) {
     return req.server.notFound();
@@ -93,12 +80,7 @@ export async function VersionsView(props) {
       }
     },
     status: 'published',
-    user,
-    where: localization ? {
-      snapshot: {
-        not_equals: true
-      }
-    } : undefined
+    user
   }) : Promise.resolve(null), draftsEnabled ? fetchLatestVersion({
     collectionSlug,
     depth: 0,
@@ -116,12 +98,7 @@ export async function VersionsView(props) {
       }
     },
     status: 'draft',
-    user,
-    where: localization ? {
-      snapshot: {
-        not_equals: true
-      }
-    } : undefined
+    user
   }) : Promise.resolve(null)]);
   const fetchURL = formatAdminURL({
     apiRoute,

package/dist/views/Versions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","hasDraftsEnabled","isNumber","React","ListQueryProvider","SetDocumentStepNav","VersionDrawerCreatedAtCell","VersionsViewClient","buildVersionColumns","fetchLatestVersion","fetchVersions","baseClass","VersionsView","props","hasPublishedDoc","initPageResult","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","t","user","routeSegments","segments","searchParams","limit","page","sort","versions","CreatedAtCellOverride","disableGutter","useVersionDrawerCreatedAtCell","draftsEnabled","collectionSlug","slug","globalSlug","isTrashed","localization","routes","api","apiRoute","whereQuery","and","push","snapshot","not_equals","defaultLimit","admin","pagination","limitToUse","Number","versionsData","depth","locale","overrideAccess","parseInt","toString","undefined","parentID","where","server","notFound","currentlyPublishedVersion","latestDraftVersion","Promise","all","select","updatedAt","version","_status","status","resolve","fetchURL","path","resolvedCreatedAtCellOverride","columns","docs","pluralLabel","labels","plural","label","_jsxs","Fragment","_jsx","useAsTitle","view","className","data","modifySearchParams","orderableFieldName","orderable","query","paginationLimits","limits"],"sources":["../../../src/views/Versions/index.tsx"],"sourcesContent":["import { type DocumentViewServerProps, type PaginatedDocs, type Where } from 'payload'\nimport { formatAdminURL, hasDraftsEnabled, isNumber } from 'payload/shared'\nimport React from 'react'\n\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  ListQueryProvider,\n  SetDocumentStepNav,\n  VersionDrawerCreatedAtCell,\n  VersionsViewClient,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildVersionColumns } from './buildColumns.js'\nimport { fetchLatestVersion, fetchVersions } from './fetchVersions.js'\nimport './index.css'\n\nconst baseClass = 'versions'\n\nexport async function VersionsView(props: DocumentViewServerProps) {\n  const {\n    hasPublishedDoc,\n    initPageResult: {\n      collectionConfig,\n      docID: id,\n      globalConfig,\n      req,\n      req: {\n        i18n,\n        payload: { config },\n        t,\n        user,\n      },\n    },\n    routeSegments: segments,\n    searchParams: { limit, page, sort },\n    versions: {\n      CreatedAtCellOverride,\n      disableGutter = false,\n      useVersionDrawerCreatedAtCell = false,\n    } = {},\n  } = props\n\n  const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const isTrashed = segments[2] === 'trash'\n\n  const {\n    localization,\n    routes: { api: apiRoute },\n  } = config\n\n  const whereQuery: {\n    and: Array<{ parent?: { equals: number | string }; snapshot?: { not_equals: boolean } }>\n  } & Where = {\n    and: [],\n  }\n  if (localization && draftsEnabled) {\n    whereQuery.and.push({\n      snapshot: {\n        not_equals: true,\n      },\n    })\n  }\n\n  const defaultLimit = collectionSlug ? collectionConfig?.admin?.pagination?.defaultLimit : 10\n\n  const limitToUse = isNumber(limit) ? Number(limit) : defaultLimit\n\n  const versionsData: PaginatedDocs = await fetchVersions({\n    collectionSlug,\n    depth: 0,\n    globalSlug,\n    limit: limitToUse,\n    locale: req.locale,\n    overrideAccess: false,\n    page: page ? parseInt(page.toString(), 10) : undefined,\n    parentID: id,\n    req,\n    sort: sort as string,\n    user,\n    where: whereQuery,\n  })\n\n  if (!versionsData) {\n    return req.server.notFound()\n  }\n\n  const [currentlyPublishedVersion, latestDraftVersion] = await Promise.all([\n    hasPublishedDoc\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'published',\n          user,\n          where: localization\n            ? {\n                snapshot: {\n                  not_equals: true,\n                },\n              }\n            : undefined,\n        })\n      : Promise.resolve(null),\n    draftsEnabled\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'draft',\n          user,\n          where: localization\n            ? {\n                snapshot: {\n                  not_equals: true,\n                },\n              }\n            : undefined,\n        })\n      : Promise.resolve(null),\n  ])\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: collectionSlug ? `/${collectionSlug}/versions` : `/${globalSlug}/versions`,\n  })\n\n  const resolvedCreatedAtCellOverride =\n    CreatedAtCellOverride ??\n    (useVersionDrawerCreatedAtCell ? VersionDrawerCreatedAtCell : undefined)\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    CreatedAtCellOverride: resolvedCreatedAtCellOverride,\n    currentlyPublishedVersion,\n    docID: id,\n    docs: versionsData?.docs,\n    globalConfig,\n    i18n,\n    isTrashed,\n    latestDraftVersion,\n  })\n\n  const pluralLabel =\n    typeof collectionConfig?.labels?.plural === 'function'\n      ? collectionConfig.labels.plural({ i18n, t })\n      : (collectionConfig?.labels?.plural ?? globalConfig?.label)\n\n  return (\n    <React.Fragment>\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={pluralLabel}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalSlug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <div className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            modifySearchParams\n            orderableFieldName={collectionConfig?.orderable === true ? '_order' : undefined}\n            query={{\n              limit: limitToUse,\n              sort: sort as string,\n            }}\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </div>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","hasDraftsEnabled","isNumber","React","ListQueryProvider","SetDocumentStepNav","VersionDrawerCreatedAtCell","VersionsViewClient","buildVersionColumns","fetchLatestVersion","fetchVersions","baseClass","VersionsView","props","hasPublishedDoc","initPageResult","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","t","user","routeSegments","segments","searchParams","limit","page","sort","versions","CreatedAtCellOverride","useVersionDrawerCreatedAtCell","draftsEnabled","collectionSlug","slug","globalSlug","isTrashed","routes","api","apiRoute","defaultLimit","admin","pagination","limitToUse","Number","versionsData","depth","locale","overrideAccess","parseInt","toString","undefined","parentID","server","notFound","currentlyPublishedVersion","latestDraftVersion","Promise","all","select","updatedAt","version","_status","status","resolve","fetchURL","path","resolvedCreatedAtCellOverride","columns","docs","pluralLabel","labels","plural","label","_jsxs","Fragment","_jsx","useAsTitle","view","className","data","modifySearchParams","orderableFieldName","orderable","query","paginationLimits","limits"],"sources":["../../../src/views/Versions/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps, PaginatedDocs } from 'payload'\n\nimport { formatAdminURL, hasDraftsEnabled, isNumber } from 'payload/shared'\nimport React from 'react'\n\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  ListQueryProvider,\n  SetDocumentStepNav,\n  VersionDrawerCreatedAtCell,\n  VersionsViewClient,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildVersionColumns } from './buildColumns.js'\nimport { fetchLatestVersion, fetchVersions } from './fetchVersions.js'\nimport './index.css'\n\nconst baseClass = 'versions'\n\nexport async function VersionsView(props: DocumentViewServerProps) {\n  const {\n    hasPublishedDoc,\n    initPageResult: {\n      collectionConfig,\n      docID: id,\n      globalConfig,\n      req,\n      req: {\n        i18n,\n        payload: { config },\n        t,\n        user,\n      },\n    },\n    routeSegments: segments,\n    searchParams: { limit, page, sort },\n    versions: { CreatedAtCellOverride, useVersionDrawerCreatedAtCell = false } = {},\n  } = props\n\n  const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const isTrashed = segments[2] === 'trash'\n\n  const {\n    routes: { api: apiRoute },\n  } = config\n\n  const defaultLimit = collectionSlug ? collectionConfig?.admin?.pagination?.defaultLimit : 10\n\n  const limitToUse = isNumber(limit) ? Number(limit) : defaultLimit\n\n  const versionsData: PaginatedDocs = await fetchVersions({\n    collectionSlug,\n    depth: 0,\n    globalSlug,\n    limit: limitToUse,\n    locale: req.locale,\n    overrideAccess: false,\n    page: page ? parseInt(page.toString(), 10) : undefined,\n    parentID: id,\n    req,\n    sort: sort as string,\n    user,\n  })\n\n  if (!versionsData) {\n    return req.server.notFound()\n  }\n\n  const [currentlyPublishedVersion, latestDraftVersion] = await Promise.all([\n    hasPublishedDoc\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'published',\n          user,\n        })\n      : Promise.resolve(null),\n    draftsEnabled\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'draft',\n          user,\n        })\n      : Promise.resolve(null),\n  ])\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: collectionSlug ? `/${collectionSlug}/versions` : `/${globalSlug}/versions`,\n  })\n\n  const resolvedCreatedAtCellOverride =\n    CreatedAtCellOverride ??\n    (useVersionDrawerCreatedAtCell ? VersionDrawerCreatedAtCell : undefined)\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    CreatedAtCellOverride: resolvedCreatedAtCellOverride,\n    currentlyPublishedVersion,\n    docID: id,\n    docs: versionsData?.docs,\n    globalConfig,\n    i18n,\n    isTrashed,\n    latestDraftVersion,\n  })\n\n  const pluralLabel =\n    typeof collectionConfig?.labels?.plural === 'function'\n      ? collectionConfig.labels.plural({ i18n, t })\n      : (collectionConfig?.labels?.plural ?? globalConfig?.label)\n\n  return (\n    <React.Fragment>\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={pluralLabel}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalSlug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <div className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            modifySearchParams\n            orderableFieldName={collectionConfig?.orderable === true ? '_order' : undefined}\n            query={{\n              limit: limitToUse,\n              sort: sort as string,\n            }}\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </div>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-canary.1",
+  "version": "4.0.0-canary.2",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -243,7 +243,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-canary.1"
+    "@payloadcms/translations": "4.0.0-canary.2"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -257,13 +257,13 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-canary.1"
+    "payload": "4.0.0-canary.2",
+    "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-canary.1"
+    "payload": "4.0.0-canary.2"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/BulkUpload/AddingFilesView/index.scss

@@ -1,25 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .bulk-upload--file-manager {
-    display: flex;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-
-    &__editView {
-      flex-grow: 1;
-      height: 100%;
-      max-height: 100%;
-      overflow: auto;
-    }
-
-    @include mid-break {
-      flex-direction: column-reverse;
-
-      &__editView {
-        flex-grow: 1;
-      }
-    }
-  }
-}

package/dist/elements/BulkUpload/EditForm/index.scss

@@ -1,11 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .collection-edit {
-    width: 100%;
-
-    &__form {
-      height: auto;
-    }
-  }
-}

package/dist/elements/BulkUpload/EditMany/index.scss

@@ -1,171 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .edit-many-bulk-uploads {
-    &__form {
-      height: 100%;
-    }
-
-    &__main {
-      width: calc(100% - #{base(15)});
-      display: flex;
-      flex-direction: column;
-      min-height: 100%;
-    }
-
-    &__header {
-      display: flex;
-      margin-top: base(2.5);
-      margin-bottom: base(1);
-      width: 100%;
-
-      &__title {
-        margin: 0;
-        flex-grow: 1;
-      }
-
-      &__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);
-      }
-      [dir='rtl'] & {
-        padding-right: base(1.5);
-      }
-    }
-
-    &__document-actions {
-      padding-right: $baseline;
-      position: sticky;
-      top: 0;
-      z-index: var(--z-nav);
-
-      > * {
-        position: relative;
-        z-index: 1;
-      }
-
-      @include mid-break {
-        @include blur-bg;
-      }
-    }
-
-    &__document-actions {
-      display: flex;
-      flex-wrap: wrap;
-      padding: base(1);
-      gap: base(0.5);
-
-      .form-submit {
-        width: calc(50% - #{base(1)});
-
-        @include mid-break {
-          width: auto;
-          flex-grow: 1;
-        }
-
-        .btn {
-          width: 100%;
-          padding-left: base(0.5);
-          padding-right: base(0.5);
-          margin-bottom: 0;
-        }
-      }
-    }
-
-    @include mid-break {
-      &__main {
-        width: 100%;
-        min-height: initial;
-      }
-
-      &__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);
-      }
-    }
-  }
-}

package/dist/elements/FileDetails/DraggableFileDetails/index.scss

@@ -1,35 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .file-details-draggable {
-    display: flex;
-    gap: 0.6rem;
-    //justify-content: space-between;
-    align-items: center;
-    background: var(--theme-elevation-50);
-    border-radius: 3px;
-    padding: 0.7rem 0.8rem;
-
-    &--drag-wrapper {
-      display: flex;
-      gap: 0.6rem;
-      align-items: center;
-    }
-
-    &__thumbnail {
-      max-width: 1.5rem;
-    }
-
-    &__actions {
-      flex-grow: 2;
-      display: flex;
-      gap: 0.6rem;
-      align-items: center;
-      justify-content: flex-end;
-    }
-
-    &__remove.btn--style-icon-label {
-      margin: 0;
-    }
-  }
-}

package/dist/elements/Hierarchy/Field/SelectedHierarchies.scss

@@ -1,78 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .selected-hierarchies {
-    &__pills {
-      display: flex;
-      flex-wrap: wrap;
-      gap: calc(var(--base) * 0.5);
-    }
-
-    &__pill {
-      display: inline-flex;
-      align-items: center;
-      gap: calc(var(--base) * 0.25);
-      align-items: center;
-      background-color: var(--theme-elevation-50);
-      border: var(--stroke-width-small) solid var(--theme-elevation-150);
-      padding-inline-end: calc(var(--base) * 0.2);
-
-      .pill__label {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-      }
-    }
-
-    &__pill-label {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      max-width: 200px;
-    }
-
-    &__pill-remove {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-      margin: 0;
-      border: none;
-      background: none;
-      border-radius: $style-radius-s;
-      color: inherit;
-      position: relative;
-
-      &:disabled {
-        cursor: not-allowed;
-      }
-
-      &:hover {
-        background: var(--theme-elevation-200);
-      }
-
-      .icon {
-        width: calc(var(--base) * 0.8);
-        height: calc(var(--base) * 0.8);
-        color: var(--theme-elevation-500);
-      }
-    }
-
-    &__pill-tooltip {
-      white-space: nowrap;
-    }
-
-    &__empty {
-      color: var(--theme-elevation-500);
-      font-style: italic;
-      padding: calc(var(--base) * 0.25) 0;
-      height: 26px;
-    }
-
-    &__loading {
-      color: var(--theme-elevation-500);
-      padding: calc(var(--base) * 0.25) 0;
-      height: 26px;
-    }
-  }
-}