@payloadcms/ui 4.0.0-beta.5 → 4.0.0-beta.6

package/dist/elements/Nav/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAKhD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,+BAKrB,CAAA;AAEF,eAAO,MAAM,MAAM,sBAA8B,CAAA;AAYjD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAmGA,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAKhD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC5E,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,+BAKrB,CAAA;AAEF,eAAO,MAAM,MAAM,sBAA8B,CAAA;AAYjD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAwGA,CAAA"}

package/dist/elements/Nav/context.js

@@ -45,6 +45,7 @@ export const NavProvider = ({
     setPreference
   } = usePreferences();
   const navRef = useRef(null);
+  const navToggleRef = useRef(null);
   const previousBreakpoints = useRef({
     large: largeBreak,
     mid: midBreak,
@@ -121,6 +122,7 @@ export const NavProvider = ({
       hydrated,
       navOpen,
       navRef,
+      navToggleRef,
       setNavOpen
     },
     children: children

package/dist/elements/Nav/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["useWindowInfo","PREFERENCE_KEYS","React","useEffect","useRef","usePreferences","usePathname","NavContext","createContext","hydrated","navOpen","navRef","setNavOpen","useNav","use","getNavPreference","getPreference","navPrefs","NAV","preferredState","open","NavProvider","children","initialIsOpen","breakpoints","l","largeBreak","m","midBreak","s","smallBreak","pathname","setPreference","previousBreakpoints","large","mid","small","previousPathname","setNavOpenState","useState","useCallback","value","persist","setHydrated","setNavFromPreferences","current","style","overscrollBehavior","previous","_jsx"],"sources":["../../../src/elements/Nav/context.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useEffect, useRef } from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { usePathname } from '../../providers/RouterAdapter/index.js'\n\ntype NavContextType = {\n  hydrated: boolean\n  navOpen: boolean\n  navRef: React.RefObject<HTMLDivElement | null>\n  setNavOpen: (value: boolean, persist?: boolean) => void\n}\n\n/**\n * @internal\n */\nexport const NavContext = React.createContext<NavContextType>({\n  hydrated: false,\n  navOpen: true,\n  navRef: null,\n  setNavOpen: () => {},\n})\n\nexport const useNav = () => React.use(NavContext)\n\nconst getNavPreference = async (getPreference): Promise<boolean> => {\n  const navPrefs = await getPreference(PREFERENCE_KEYS.NAV)\n  const preferredState = navPrefs?.open\n  if (typeof preferredState === 'boolean') {\n    return preferredState\n  } else {\n    return true\n  }\n}\n\n/**\n * @internal\n */\nexport const NavProvider: React.FC<{\n  children: React.ReactNode\n  initialIsOpen?: boolean\n}> = ({ children, initialIsOpen }) => {\n  const {\n    breakpoints: { l: largeBreak, m: midBreak, s: smallBreak },\n  } = useWindowInfo()\n\n  const pathname = usePathname()\n\n  const { getPreference, setPreference } = usePreferences()\n  const navRef = useRef(null)\n  const previousBreakpoints = useRef({\n    large: largeBreak,\n    mid: midBreak,\n    small: smallBreak,\n  })\n  const previousPathname = useRef(pathname)\n\n  // The server supplies the saved open state for the initial render.\n  const [navOpen, setNavOpenState] = React.useState(initialIsOpen)\n\n  const setNavOpen = React.useCallback(\n    (value: boolean, persist = false) => {\n      setNavOpenState(value)\n\n      if (persist) {\n        void setPreference(PREFERENCE_KEYS.NAV, { open: value }, true)\n      }\n    },\n    [setPreference],\n  )\n\n  const [hydrated, setHydrated] = React.useState(false)\n\n  // on load check the user's preference and set \"initial\" state\n  useEffect(() => {\n    if (largeBreak === false) {\n      const setNavFromPreferences = async () => {\n        const preferredState = await getNavPreference(getPreference)\n        setNavOpen(preferredState)\n      }\n\n      void setNavFromPreferences()\n    }\n  }, [largeBreak, getPreference, setNavOpen])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user navigates away\n  useEffect(() => {\n    if (previousPathname.current !== pathname && smallBreak === true) {\n      setNavOpen(false)\n    }\n    previousPathname.current = pathname\n  }, [pathname, setNavOpen, smallBreak])\n\n  // on open and close, lock the body scroll\n  // do not do this on desktop, the sidebar is not a modal\n  useEffect(() => {\n    if (navRef.current) {\n      if (navOpen && midBreak) {\n        navRef.current.style.overscrollBehavior = 'contain'\n      } else {\n        navRef.current.style.overscrollBehavior = 'auto'\n      }\n    }\n  }, [navOpen, midBreak])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user resizes down to mobile\n  // the sidebar is a modal on mobile\n  useEffect(() => {\n    const previous = previousBreakpoints.current\n\n    if (\n      (largeBreak === true && previous.large === false) ||\n      (midBreak === true && previous.mid === false) ||\n      (smallBreak === true && previous.small !== true)\n    ) {\n      setNavOpen(false)\n    }\n\n    previousBreakpoints.current = {\n      large: largeBreak,\n      mid: midBreak,\n      small: smallBreak,\n    }\n    if (typeof smallBreak === 'boolean') {\n      setHydrated(true)\n    }\n  }, [largeBreak, midBreak, setNavOpen, smallBreak])\n\n  // when the component unmounts, clear all body scroll locks\n  useEffect(() => {\n    return () => {\n      if (navRef.current) {\n        navRef.current.style.overscrollBehavior = 'auto'\n      }\n    }\n  }, [])\n\n  return <NavContext value={{ hydrated, navOpen, navRef, setNavOpen }}>{children}</NavContext>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"context.js","names":["useWindowInfo","PREFERENCE_KEYS","React","useEffect","useRef","usePreferences","usePathname","NavContext","createContext","hydrated","navOpen","navRef","setNavOpen","useNav","use","getNavPreference","getPreference","navPrefs","NAV","preferredState","open","NavProvider","children","initialIsOpen","breakpoints","l","largeBreak","m","midBreak","s","smallBreak","pathname","setPreference","navToggleRef","previousBreakpoints","large","mid","small","previousPathname","setNavOpenState","useState","useCallback","value","persist","setHydrated","setNavFromPreferences","current","style","overscrollBehavior","previous","_jsx"],"sources":["../../../src/elements/Nav/context.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useEffect, useRef } from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { usePathname } from '../../providers/RouterAdapter/index.js'\n\ntype NavContextType = {\n  hydrated: boolean\n  navOpen: boolean\n  navRef: React.RefObject<HTMLDivElement | null>\n  navToggleRef?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  setNavOpen: (value: boolean, persist?: boolean) => void\n}\n\n/**\n * @internal\n */\nexport const NavContext = React.createContext<NavContextType>({\n  hydrated: false,\n  navOpen: true,\n  navRef: null,\n  setNavOpen: () => {},\n})\n\nexport const useNav = () => React.use(NavContext)\n\nconst getNavPreference = async (getPreference): Promise<boolean> => {\n  const navPrefs = await getPreference(PREFERENCE_KEYS.NAV)\n  const preferredState = navPrefs?.open\n  if (typeof preferredState === 'boolean') {\n    return preferredState\n  } else {\n    return true\n  }\n}\n\n/**\n * @internal\n */\nexport const NavProvider: React.FC<{\n  children: React.ReactNode\n  initialIsOpen?: boolean\n}> = ({ children, initialIsOpen }) => {\n  const {\n    breakpoints: { l: largeBreak, m: midBreak, s: smallBreak },\n  } = useWindowInfo()\n\n  const pathname = usePathname()\n\n  const { getPreference, setPreference } = usePreferences()\n  const navRef = useRef(null)\n  const navToggleRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null)\n  const previousBreakpoints = useRef({\n    large: largeBreak,\n    mid: midBreak,\n    small: smallBreak,\n  })\n  const previousPathname = useRef(pathname)\n\n  // The server supplies the saved open state for the initial render.\n  const [navOpen, setNavOpenState] = React.useState(initialIsOpen)\n\n  const setNavOpen = React.useCallback(\n    (value: boolean, persist = false) => {\n      setNavOpenState(value)\n\n      if (persist) {\n        void setPreference(PREFERENCE_KEYS.NAV, { open: value }, true)\n      }\n    },\n    [setPreference],\n  )\n\n  const [hydrated, setHydrated] = React.useState(false)\n\n  // on load check the user's preference and set \"initial\" state\n  useEffect(() => {\n    if (largeBreak === false) {\n      const setNavFromPreferences = async () => {\n        const preferredState = await getNavPreference(getPreference)\n        setNavOpen(preferredState)\n      }\n\n      void setNavFromPreferences()\n    }\n  }, [largeBreak, getPreference, setNavOpen])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user navigates away\n  useEffect(() => {\n    if (previousPathname.current !== pathname && smallBreak === true) {\n      setNavOpen(false)\n    }\n    previousPathname.current = pathname\n  }, [pathname, setNavOpen, smallBreak])\n\n  // on open and close, lock the body scroll\n  // do not do this on desktop, the sidebar is not a modal\n  useEffect(() => {\n    if (navRef.current) {\n      if (navOpen && midBreak) {\n        navRef.current.style.overscrollBehavior = 'contain'\n      } else {\n        navRef.current.style.overscrollBehavior = 'auto'\n      }\n    }\n  }, [navOpen, midBreak])\n\n  // on smaller screens where the nav is a modal\n  // close the nav when the user resizes down to mobile\n  // the sidebar is a modal on mobile\n  useEffect(() => {\n    const previous = previousBreakpoints.current\n\n    if (\n      (largeBreak === true && previous.large === false) ||\n      (midBreak === true && previous.mid === false) ||\n      (smallBreak === true && previous.small !== true)\n    ) {\n      setNavOpen(false)\n    }\n\n    previousBreakpoints.current = {\n      large: largeBreak,\n      mid: midBreak,\n      small: smallBreak,\n    }\n    if (typeof smallBreak === 'boolean') {\n      setHydrated(true)\n    }\n  }, [largeBreak, midBreak, setNavOpen, smallBreak])\n\n  // when the component unmounts, clear all body scroll locks\n  useEffect(() => {\n    return () => {\n      if (navRef.current) {\n        navRef.current.style.overscrollBehavior = 'auto'\n      }\n    }\n  }, [])\n\n  return (\n    <NavContext value={{ hydrated, navOpen, navRef, navToggleRef, setNavOpen }}>\n      {children}\n    </NavContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Nav/getNavPrefs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNavPrefs.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/getNavPrefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7D,eAAO,MAAM,WAAW,QAAqB,cAAc,KAAG,OAAO,CAAC,cAAc,CAsElF,CAAA"}
+{"version":3,"file":"getNavPrefs.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/getNavPrefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7D,eAAO,MAAM,WAAW,QAAqB,cAAc,KAAG,OAAO,CAAC,cAAc,CAyElF,CAAA"}

package/dist/elements/Nav/getNavPrefs.js

@@ -8,13 +8,18 @@ export const getNavPrefs = cache(async req => {
       open: true
     };
   }
+  // Navigation renders alongside document creation and must not join its transaction.
+  const preferencesReq = {
+    ...req,
+    transactionID: undefined
+  };
   const navPrefs = await req.payload.find({
     collection: 'payload-preferences',
     depth: 0,
     limit: 1,
     overrideAccess: true,
     pagination: false,
-    req,
+    req: preferencesReq,
     where: {
       and: [{
         key: {
@@ -37,7 +42,7 @@ export const getNavPrefs = cache(async req => {
     limit: 1,
     overrideAccess: true,
     pagination: false,
-    req,
+    req: preferencesReq,
     where: {
       and: [{
         key: {

package/dist/elements/Nav/getNavPrefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNavPrefs.js","names":["PREFERENCE_KEYS","cache","getNavPrefs","req","user","collection","activeTab","undefined","groups","open","navPrefs","payload","find","depth","limit","overrideAccess","pagination","where","and","key","equals","NAV","id","then","res","docs","value","sidebarPrefs","NAV_SIDEBAR_ACTIVE_TAB"],"sources":["../../../src/elements/Nav/getNavPrefs.ts"],"sourcesContent":["import type { NavPreferences, PayloadRequest } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport { cache } from 'react'\n\nexport const getNavPrefs = cache(async (req: PayloadRequest): Promise<NavPreferences> => {\n  if (!req?.user?.collection) {\n    return { activeTab: undefined, groups: {}, open: true }\n  }\n\n  const navPrefs = await req.payload\n    .find({\n      collection: 'payload-preferences',\n      depth: 0,\n      limit: 1,\n      overrideAccess: true,\n      pagination: false,\n      req,\n      where: {\n        and: [\n          {\n            key: {\n              equals: PREFERENCE_KEYS.NAV,\n            },\n          },\n          {\n            'user.relationTo': {\n              equals: req.user.collection,\n            },\n          },\n          {\n            'user.value': {\n              equals: req?.user?.id,\n            },\n          },\n        ],\n      },\n    })\n    ?.then((res) => res?.docs?.[0]?.value)\n\n  const sidebarPrefs = await req.payload\n    .find({\n      collection: 'payload-preferences',\n      depth: 0,\n      limit: 1,\n      overrideAccess: true,\n      pagination: false,\n      req,\n      where: {\n        and: [\n          {\n            key: {\n              equals: PREFERENCE_KEYS.NAV_SIDEBAR_ACTIVE_TAB,\n            },\n          },\n          {\n            'user.relationTo': {\n              equals: req.user.collection,\n            },\n          },\n          {\n            'user.value': {\n              equals: req?.user?.id,\n            },\n          },\n        ],\n      },\n    })\n    ?.then((res) => res?.docs?.[0]?.value)\n\n  return {\n    activeTab: sidebarPrefs?.activeTab,\n    groups: navPrefs?.groups ?? {},\n    open: navPrefs?.open ?? true,\n  }\n})\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ;AAChC,SAASC,KAAK,QAAQ;AAEtB,OAAO,MAAMC,WAAA,GAAcD,KAAA,CAAM,MAAOE,GAAA;EACtC,IAAI,CAACA,GAAA,EAAKC,IAAA,EAAMC,UAAA,EAAY;IAC1B,OAAO;MAAEC,SAAA,EAAWC,SAAA;MAAWC,MAAA,EAAQ,CAAC;MAAGC,IAAA,EAAM;IAAK;EACxD;EAEA,MAAMC,QAAA,GAAW,MAAMP,GAAA,CAAIQ,OAAO,CAC/BC,IAAI,CAAC;IACJP,UAAA,EAAY;IACZQ,KAAA,EAAO;IACPC,KAAA,EAAO;IACPC,cAAA,EAAgB;IAChBC,UAAA,EAAY;IACZb,GAAA;IACAc,KAAA,EAAO;MACLC,GAAA,EAAK,CACH;QACEC,GAAA,EAAK;UACHC,MAAA,EAAQpB,eAAA,CAAgBqB;QAC1B;MACF,GACA;QACE,mBAAmB;UACjBD,MAAA,EAAQjB,GAAA,CAAIC,IAAI,CAACC;QACnB;MACF,GACA;QACE,cAAc;UACZe,MAAA,EAAQjB,GAAA,EAAKC,IAAA,EAAMkB;QACrB;MACF;IAEJ;EACF,IACEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,EAAKC,IAAA,GAAO,EAAE,EAAEC,KAAA;EAElC,MAAMC,YAAA,GAAe,MAAMxB,GAAA,CAAIQ,OAAO,CACnCC,IAAI,CAAC;IACJP,UAAA,EAAY;IACZQ,KAAA,EAAO;IACPC,KAAA,EAAO;IACPC,cAAA,EAAgB;IAChBC,UAAA,EAAY;IACZb,GAAA;IACAc,KAAA,EAAO;MACLC,GAAA,EAAK,CACH;QACEC,GAAA,EAAK;UACHC,MAAA,EAAQpB,eAAA,CAAgB4B;QAC1B;MACF,GACA;QACE,mBAAmB;UACjBR,MAAA,EAAQjB,GAAA,CAAIC,IAAI,CAACC;QACnB;MACF,GACA;QACE,cAAc;UACZe,MAAA,EAAQjB,GAAA,EAAKC,IAAA,EAAMkB;QACrB;MACF;IAEJ;EACF,IACEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,EAAKC,IAAA,GAAO,EAAE,EAAEC,KAAA;EAElC,OAAO;IACLpB,SAAA,EAAWqB,YAAA,EAAcrB,SAAA;IACzBE,MAAA,EAAQE,QAAA,EAAUF,MAAA,IAAU,CAAC;IAC7BC,IAAA,EAAMC,QAAA,EAAUD,IAAA,IAAQ;EAC1B;AACF","ignoreList":[]}
+{"version":3,"file":"getNavPrefs.js","names":["PREFERENCE_KEYS","cache","getNavPrefs","req","user","collection","activeTab","undefined","groups","open","preferencesReq","transactionID","navPrefs","payload","find","depth","limit","overrideAccess","pagination","where","and","key","equals","NAV","id","then","res","docs","value","sidebarPrefs","NAV_SIDEBAR_ACTIVE_TAB"],"sources":["../../../src/elements/Nav/getNavPrefs.ts"],"sourcesContent":["import type { NavPreferences, PayloadRequest } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport { cache } from 'react'\n\nexport const getNavPrefs = cache(async (req: PayloadRequest): Promise<NavPreferences> => {\n  if (!req?.user?.collection) {\n    return { activeTab: undefined, groups: {}, open: true }\n  }\n\n  // Navigation renders alongside document creation and must not join its transaction.\n  const preferencesReq = { ...req, transactionID: undefined }\n\n  const navPrefs = await req.payload\n    .find({\n      collection: 'payload-preferences',\n      depth: 0,\n      limit: 1,\n      overrideAccess: true,\n      pagination: false,\n      req: preferencesReq,\n      where: {\n        and: [\n          {\n            key: {\n              equals: PREFERENCE_KEYS.NAV,\n            },\n          },\n          {\n            'user.relationTo': {\n              equals: req.user.collection,\n            },\n          },\n          {\n            'user.value': {\n              equals: req?.user?.id,\n            },\n          },\n        ],\n      },\n    })\n    ?.then((res) => res?.docs?.[0]?.value)\n\n  const sidebarPrefs = await req.payload\n    .find({\n      collection: 'payload-preferences',\n      depth: 0,\n      limit: 1,\n      overrideAccess: true,\n      pagination: false,\n      req: preferencesReq,\n      where: {\n        and: [\n          {\n            key: {\n              equals: PREFERENCE_KEYS.NAV_SIDEBAR_ACTIVE_TAB,\n            },\n          },\n          {\n            'user.relationTo': {\n              equals: req.user.collection,\n            },\n          },\n          {\n            'user.value': {\n              equals: req?.user?.id,\n            },\n          },\n        ],\n      },\n    })\n    ?.then((res) => res?.docs?.[0]?.value)\n\n  return {\n    activeTab: sidebarPrefs?.activeTab,\n    groups: navPrefs?.groups ?? {},\n    open: navPrefs?.open ?? true,\n  }\n})\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ;AAChC,SAASC,KAAK,QAAQ;AAEtB,OAAO,MAAMC,WAAA,GAAcD,KAAA,CAAM,MAAOE,GAAA;EACtC,IAAI,CAACA,GAAA,EAAKC,IAAA,EAAMC,UAAA,EAAY;IAC1B,OAAO;MAAEC,SAAA,EAAWC,SAAA;MAAWC,MAAA,EAAQ,CAAC;MAAGC,IAAA,EAAM;IAAK;EACxD;EAEA;EACA,MAAMC,cAAA,GAAiB;IAAE,GAAGP,GAAG;IAAEQ,aAAA,EAAeJ;EAAU;EAE1D,MAAMK,QAAA,GAAW,MAAMT,GAAA,CAAIU,OAAO,CAC/BC,IAAI,CAAC;IACJT,UAAA,EAAY;IACZU,KAAA,EAAO;IACPC,KAAA,EAAO;IACPC,cAAA,EAAgB;IAChBC,UAAA,EAAY;IACZf,GAAA,EAAKO,cAAA;IACLS,KAAA,EAAO;MACLC,GAAA,EAAK,CACH;QACEC,GAAA,EAAK;UACHC,MAAA,EAAQtB,eAAA,CAAgBuB;QAC1B;MACF,GACA;QACE,mBAAmB;UACjBD,MAAA,EAAQnB,GAAA,CAAIC,IAAI,CAACC;QACnB;MACF,GACA;QACE,cAAc;UACZiB,MAAA,EAAQnB,GAAA,EAAKC,IAAA,EAAMoB;QACrB;MACF;IAEJ;EACF,IACEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,EAAKC,IAAA,GAAO,EAAE,EAAEC,KAAA;EAElC,MAAMC,YAAA,GAAe,MAAM1B,GAAA,CAAIU,OAAO,CACnCC,IAAI,CAAC;IACJT,UAAA,EAAY;IACZU,KAAA,EAAO;IACPC,KAAA,EAAO;IACPC,cAAA,EAAgB;IAChBC,UAAA,EAAY;IACZf,GAAA,EAAKO,cAAA;IACLS,KAAA,EAAO;MACLC,GAAA,EAAK,CACH;QACEC,GAAA,EAAK;UACHC,MAAA,EAAQtB,eAAA,CAAgB8B;QAC1B;MACF,GACA;QACE,mBAAmB;UACjBR,MAAA,EAAQnB,GAAA,CAAIC,IAAI,CAACC;QACnB;MACF,GACA;QACE,cAAc;UACZiB,MAAA,EAAQnB,GAAA,EAAKC,IAAA,EAAMoB;QACrB;MACF;IAEJ;EACF,IACEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,EAAKC,IAAA,GAAO,EAAE,EAAEC,KAAA;EAElC,OAAO;IACLtB,SAAA,EAAWuB,YAAA,EAAcvB,SAAA;IACzBE,MAAA,EAAQI,QAAA,EAAUJ,MAAA,IAAU,CAAC;IAC7BC,IAAA,EAAMG,QAAA,EAAUH,IAAA,IAAQ;EAC1B;AACF","ignoreList":[]}

package/dist/elements/Nav/index.css

@@ -22,11 +22,22 @@
   }
 
   .nav__close {
+    position: relative;
     display: flex;
     align-items: center;
     background: none;
     border: 0;
+    border-radius: var(--button-radius);
     outline: 0;
+
+    &:focus-visible::after {
+      content: '';
+      position: absolute;
+      inset: var(--spacer-1);
+      border: var(--stroke-width-small) solid var(--color-border-selected);
+      border-radius: var(--button-radius);
+      pointer-events: none;
+    }
   }
 
   .nav__scroll {

package/dist/elements/Popup/PopupButtonList/index.css

@@ -63,7 +63,7 @@
 
   .popup-button-list__button:focus-visible {
     outline: var(--accessibility-outline);
-    outline-offset: -1px;
+    outline-offset: var(--accessibility-outline-inset);
     border-radius: var(--popup-item-radius);
   }
   .popup-button-list__button:hover {

package/dist/elements/PreviewButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,sBAoD5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,sBAsD5B"}

package/dist/elements/PreviewButton/index.js

@@ -67,7 +67,11 @@ export function PreviewButton() {
         position: "relative"
       },
       children: [_jsx(Button, {
+        "aria-label": label,
         buttonStyle: "ghost",
+        extraButtonProps: {
+          title: undefined
+        },
         icon: _jsx(LinkIcon, {
           size: 24
         }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","event","metaKey","ctrlKey","window","open","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","icon","size","onClick","delay","id","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton() {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback(\n    async (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!previewURL) {\n        return\n      }\n\n      if (event.metaKey || event.ctrlKey) {\n        window.open(previewURL, '_blank', 'noopener,noreferrer')\n        return\n      }\n\n      await navigator.clipboard.writeText(previewURL)\n      setCopied(true)\n    },\n    [previewURL],\n  )\n\n  if (!previewURL) {\n    return null\n  }\n\n  const label = copied ? t('general:copied') : t('general:copy')\n\n  return (\n    <span\n      onPointerEnter={() => {\n        setHovered(true)\n        setCopied(false)\n      }}\n      onPointerLeave={() => {\n        setHovered(false)\n        setCopied(false)\n      }}\n      style={{ position: 'relative' }}\n    >\n      <Button\n        buttonStyle=\"ghost\"\n        icon={<LinkIcon size={24} />}\n        id=\"preview-button\"\n        onClick={handleClick}\n      />\n      <Tooltip delay={0} id=\"preview-button-tooltip\" show={hovered || copied}>\n        {label}\n      </Tooltip>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW;EAAA,IAAuBN,aAAA;EACvB;IAAAO;EAAA,IAAcN,cAAA;EACd,OAAAO,MAAA,EAAAC,SAAA,IAA4BX,QAAA,CAAS;EACrC,OAAAY,OAAA,EAAAC,UAAA,IAA8Bb,QAAA,CAAS;EAAA,IAAAc,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAGrCM,EAAA,SAAAC,KAAA;MACE,IAAI,CAACP,UAAA;QAAA;MAAA;MAIL,IAAIO,KAAA,CAAAC,OAA8B,IAAbD,KAAA,CAAAE,OAAa;QAChCC,MAAA,CAAAC,IAAW,CAACX,UAAA,EAAY,UAAU;QAAA;MAAA;MAIpC,MAAMY,SAAA,CAAAC,SAAmB,CAAAC,SAAU,CAACd,UAAA;MACpCG,SAAA,CAAU;IAAA,CACZ;IAAAJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAbF,MAAAgB,WAAA,GAAoBT,EAcN;EAGd,IAAI,CAACN,UAAA;IAAA,OACI;EAAA;EACT,IAAAgB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAgB,WAAA,IAAAhB,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAEA,MAAAgB,KAAA,GAAcf,MAAA,GAASD,CAAA,CAAE,gBAAsB,IAAFA,CAAA,CAAE;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAqB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdb,UAAA,CAAW;QACXF,SAAA,CAAU;MAAA,CACZ;MACgBgB,EAAA,GAAAA,CAAA;QACdd,UAAA,CAAW;QACXF,SAAA,CAAU;MAAA,CACZ;MAAAJ,CAAA,MAAAmB,EAAA;MAAAnB,CAAA,MAAAoB,EAAA;IAAA;MAAAD,EAAA,GAAAnB,CAAA;MAAAoB,EAAA,GAAApB,CAAA;IAAA;IARFiB,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA,EACO;QAAAC,QAAA,EAAY;MAAW;MAAAC,QAAA,E,CAE9BC,IAAA,CAAChC,MAAA;QAAAiC,WAAA,EACa;QAAAC,IAAA,EACNF,IAAA,CAACnC,QAAA;UAAAsC,IAAA,EAAe;;YACnB;QAAAC,OAAA,EACMjB;UAEXa,IAAA,CAAC/B,OAAA;QAAAoC,KAAA,EAAe;QAAAC,EAAA,EAAM;QAAAC,IAAA,EAA+B/B,OAAW,IAAXF,MAAW;QAAAyB,QAAA,EAC7DV;;;;;;;;;;;SAlBLD,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","event","metaKey","ctrlKey","window","open","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","extraButtonProps","title","undefined","icon","size","onClick","delay","id","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton() {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback(\n    async (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!previewURL) {\n        return\n      }\n\n      if (event.metaKey || event.ctrlKey) {\n        window.open(previewURL, '_blank', 'noopener,noreferrer')\n        return\n      }\n\n      await navigator.clipboard.writeText(previewURL)\n      setCopied(true)\n    },\n    [previewURL],\n  )\n\n  if (!previewURL) {\n    return null\n  }\n\n  const label = copied ? t('general:copied') : t('general:copy')\n\n  return (\n    <span\n      onPointerEnter={() => {\n        setHovered(true)\n        setCopied(false)\n      }}\n      onPointerLeave={() => {\n        setHovered(false)\n        setCopied(false)\n      }}\n      style={{ position: 'relative' }}\n    >\n      <Button\n        aria-label={label}\n        buttonStyle=\"ghost\"\n        extraButtonProps={{ title: undefined }}\n        icon={<LinkIcon size={24} />}\n        id=\"preview-button\"\n        onClick={handleClick}\n      />\n      <Tooltip delay={0} id=\"preview-button-tooltip\" show={hovered || copied}>\n        {label}\n      </Tooltip>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW;EAAA,IAAuBN,aAAA;EACvB;IAAAO;EAAA,IAAcN,cAAA;EACd,OAAAO,MAAA,EAAAC,SAAA,IAA4BX,QAAA,CAAS;EACrC,OAAAY,OAAA,EAAAC,UAAA,IAA8Bb,QAAA,CAAS;EAAA,IAAAc,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAGrCM,EAAA,SAAAC,KAAA;MACE,IAAI,CAACP,UAAA;QAAA;MAAA;MAIL,IAAIO,KAAA,CAAAC,OAA8B,IAAbD,KAAA,CAAAE,OAAa;QAChCC,MAAA,CAAAC,IAAW,CAACX,UAAA,EAAY,UAAU;QAAA;MAAA;MAIpC,MAAMY,SAAA,CAAAC,SAAmB,CAAAC,SAAU,CAACd,UAAA;MACpCG,SAAA,CAAU;IAAA,CACZ;IAAAJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAbF,MAAAgB,WAAA,GAAoBT,EAcN;EAGd,IAAI,CAACN,UAAA;IAAA,OACI;EAAA;EACT,IAAAgB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAgB,WAAA,IAAAhB,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAEA,MAAAgB,KAAA,GAAcf,MAAA,GAASD,CAAA,CAAE,gBAAsB,IAAFA,CAAA,CAAE;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAqB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdb,UAAA,CAAW;QACXF,SAAA,CAAU;MAAA,CACZ;MACgBgB,EAAA,GAAAA,CAAA;QACdd,UAAA,CAAW;QACXF,SAAA,CAAU;MAAA,CACZ;MAAAJ,CAAA,MAAAmB,EAAA;MAAAnB,CAAA,MAAAoB,EAAA;IAAA;MAAAD,EAAA,GAAAnB,CAAA;MAAAoB,EAAA,GAAApB,CAAA;IAAA;IARFiB,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA,EACO;QAAAC,QAAA,EAAY;MAAW;MAAAC,QAAA,E,CAE9BC,IAAA,CAAChC,MAAA;QAAA,cACaqB,KAAA;QAAAY,WAAA,EACA;QAAAC,gBAAA,EACM;UAAAC,KAAA,EAASC;QAAU;QAAAC,IAAA,EAC/BL,IAAA,CAACnC,QAAA;UAAAyC,IAAA,EAAe;;YACnB;QAAAC,OAAA,EACMpB;UAEXa,IAAA,CAAC/B,OAAA;QAAAuC,KAAA,EAAe;QAAAC,EAAA,EAAM;QAAAC,IAAA,EAA+BlC,OAAW,IAAXF,MAAW;QAAAyB,QAAA,EAC7DV;;;;;;;;;;;SApBLD,E","ignoreList":[]}

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildUpcomingColumns.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAG1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,KAAK,IAAI,GAAG;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,oBAAoB,CAAC,CAAA;IAC5E,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,eAAO,MAAM,oBAAoB,oFAQ9B,IAAI,KAAG,MAAM,EA4Gf,CAAA"}
+{"version":3,"file":"buildUpcomingColumns.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAG1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,KAAK,IAAI,GAAG;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,oBAAoB,CAAC,CAAA;IAC5E,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,eAAO,MAAM,oBAAoB,oFAQ9B,IAAI,KAAG,MAAM,EA6Gf,CAAA"}

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js

@@ -104,6 +104,7 @@ export const buildUpcomingColumns = ({
       children: t('general:delete')
     }),
     renderedCells: docs.map(doc => /*#__PURE__*/_jsx(Button, {
+      "aria-label": t('general:delete'),
       buttonStyle: "ghost",
       className: "schedule-publish__delete",
       icon: "x",

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildUpcomingColumns.js","names":["getTranslation","React","formatDate","Button","Pill","buildUpcomingColumns","dateFormat","deleteHandler","docs","i18n","localization","supportedTimezones","t","columns","accessor","active","field","name","type","Heading","_jsx","renderedCells","map","doc","input","_jsxs","pillStyle","size","id","date","waitUntil","pattern","timezone","matchedTimezone","find","value","label","push","locale","matchedLocale","locales","code","buttonStyle","className","icon","onClick","e","preventDefault","tooltip"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"sourcesContent":["import type { ClientConfig, Column } from 'payload'\n\nimport { getTranslation, type I18nClient, type TFunction } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UpcomingEvent } from './types.js'\n\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Button } from '../../Button/index.js'\nimport { Pill } from '../../Pill/index.js'\n\ntype Args = {\n  dateFormat: string\n  deleteHandler: (id: number | string) => void\n  docs: UpcomingEvent[]\n  i18n: I18nClient\n  localization: ClientConfig['localization']\n  supportedTimezones: ClientConfig['admin']['timezones']['supportedTimezones']\n  t: TFunction\n}\n\nexport const buildUpcomingColumns = ({\n  dateFormat,\n  deleteHandler,\n  docs,\n  i18n,\n  localization,\n  supportedTimezones,\n  t,\n}: Args): Column[] => {\n  const columns: Column[] = [\n    {\n      accessor: 'input.type',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('version:type')}</span>,\n      renderedCells: docs.map((doc) => {\n        const type = doc.input?.type\n\n        return (\n          <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'} size=\"small\">\n            {type === 'publish' && t('version:publish')}\n            {type === 'unpublish' && t('version:unpublish')}\n          </Pill>\n        )\n      }),\n    },\n    {\n      accessor: 'waitUntil',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <span>{t('general:time')}</span>,\n      renderedCells: docs.map((doc) => (\n        <span key={doc.id}>\n          {formatDate({\n            date: doc.waitUntil,\n            i18n,\n            pattern: dateFormat,\n            timezone: doc.input.timezone,\n          })}\n        </span>\n      )),\n    },\n    {\n      accessor: 'input.timezone',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:timezone')}</span>,\n      renderedCells: docs.map((doc) => {\n        const matchedTimezone = supportedTimezones.find(\n          (timezone) => timezone.value === doc.input.timezone,\n        )\n\n        const timezone = matchedTimezone?.label || doc.input.timezone\n\n        return <span key={doc.id}>{timezone || t('general:noValue')}</span>\n      }),\n    },\n  ]\n\n  if (localization) {\n    columns.push({\n      accessor: 'input.locale',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:locale')}</span>,\n      renderedCells: docs.map((doc) => {\n        if (doc.input.locale) {\n          const matchedLocale = localization.locales.find(\n            (locale) => locale.code === doc.input.locale,\n          )\n          if (matchedLocale) {\n            return <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>\n          }\n        }\n\n        return <span key={doc.id}>{t('general:all')}</span>\n      }),\n    })\n  }\n\n  columns.push({\n    accessor: 'delete',\n    active: true,\n    field: {\n      name: 'delete',\n      type: 'text',\n    },\n    Heading: <span>{t('general:delete')}</span>,\n    renderedCells: docs.map((doc) => (\n      <Button\n        buttonStyle=\"ghost\"\n        className=\"schedule-publish__delete\"\n        icon=\"x\"\n        key={doc.id}\n        onClick={(e) => {\n          e.preventDefault()\n          deleteHandler(doc.id)\n        }}\n        tooltip={t('general:delete')}\n      />\n    )),\n  })\n\n  return columns\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"buildUpcomingColumns.js","names":["getTranslation","React","formatDate","Button","Pill","buildUpcomingColumns","dateFormat","deleteHandler","docs","i18n","localization","supportedTimezones","t","columns","accessor","active","field","name","type","Heading","_jsx","renderedCells","map","doc","input","_jsxs","pillStyle","size","id","date","waitUntil","pattern","timezone","matchedTimezone","find","value","label","push","locale","matchedLocale","locales","code","buttonStyle","className","icon","onClick","e","preventDefault","tooltip"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"sourcesContent":["import type { ClientConfig, Column } from 'payload'\n\nimport { getTranslation, type I18nClient, type TFunction } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UpcomingEvent } from './types.js'\n\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Button } from '../../Button/index.js'\nimport { Pill } from '../../Pill/index.js'\n\ntype Args = {\n  dateFormat: string\n  deleteHandler: (id: number | string) => void\n  docs: UpcomingEvent[]\n  i18n: I18nClient\n  localization: ClientConfig['localization']\n  supportedTimezones: ClientConfig['admin']['timezones']['supportedTimezones']\n  t: TFunction\n}\n\nexport const buildUpcomingColumns = ({\n  dateFormat,\n  deleteHandler,\n  docs,\n  i18n,\n  localization,\n  supportedTimezones,\n  t,\n}: Args): Column[] => {\n  const columns: Column[] = [\n    {\n      accessor: 'input.type',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('version:type')}</span>,\n      renderedCells: docs.map((doc) => {\n        const type = doc.input?.type\n\n        return (\n          <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'} size=\"small\">\n            {type === 'publish' && t('version:publish')}\n            {type === 'unpublish' && t('version:unpublish')}\n          </Pill>\n        )\n      }),\n    },\n    {\n      accessor: 'waitUntil',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <span>{t('general:time')}</span>,\n      renderedCells: docs.map((doc) => (\n        <span key={doc.id}>\n          {formatDate({\n            date: doc.waitUntil,\n            i18n,\n            pattern: dateFormat,\n            timezone: doc.input.timezone,\n          })}\n        </span>\n      )),\n    },\n    {\n      accessor: 'input.timezone',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:timezone')}</span>,\n      renderedCells: docs.map((doc) => {\n        const matchedTimezone = supportedTimezones.find(\n          (timezone) => timezone.value === doc.input.timezone,\n        )\n\n        const timezone = matchedTimezone?.label || doc.input.timezone\n\n        return <span key={doc.id}>{timezone || t('general:noValue')}</span>\n      }),\n    },\n  ]\n\n  if (localization) {\n    columns.push({\n      accessor: 'input.locale',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:locale')}</span>,\n      renderedCells: docs.map((doc) => {\n        if (doc.input.locale) {\n          const matchedLocale = localization.locales.find(\n            (locale) => locale.code === doc.input.locale,\n          )\n          if (matchedLocale) {\n            return <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>\n          }\n        }\n\n        return <span key={doc.id}>{t('general:all')}</span>\n      }),\n    })\n  }\n\n  columns.push({\n    accessor: 'delete',\n    active: true,\n    field: {\n      name: 'delete',\n      type: 'text',\n    },\n    Heading: <span>{t('general:delete')}</span>,\n    renderedCells: docs.map((doc) => (\n      <Button\n        aria-label={t('general:delete')}\n        buttonStyle=\"ghost\"\n        className=\"schedule-publish__delete\"\n        icon=\"x\"\n        key={doc.id}\n        onClick={(e) => {\n          e.preventDefault()\n          deleteHandler(doc.id)\n        }}\n        tooltip={t('general:delete')}\n      />\n    )),\n  })\n\n  return columns\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ReactSelect/MultiValue/index.css

@@ -23,6 +23,6 @@
 
   .multi-value.rs__multi-value:has(.multi-value-label__drag-button:focus-visible) {
     outline: var(--accessibility-outline);
-    outline-offset: calc(var(--stroke-width-small) * -1);
+    outline-offset: var(--accessibility-outline-inset);
   }
 }

package/dist/elements/ReactSelect/index.css

@@ -18,7 +18,7 @@
       -webkit-appearance: none;
       appearance: none;
       height: auto;
-      padding-block: calc(var(--spacer-1) + 1px);
+      padding-block: calc(var(--spacer-1) - var(--stroke-width-small));
       padding-inline: var(--field-padding-inline) var(--spacer-5);
       flex-wrap: wrap;
       gap: var(--spacer-1);
@@ -59,7 +59,9 @@
 
     .rs__input-container {
       color: var(--color-text);
-      height: var(--text-body-medium-line-height);
+      height: var(--spacer-4);
+      min-width: var(--spacer-4);
+      grid-template-columns: 0 minmax(var(--spacer-4), min-content);
       margin: 0;
       padding: 0;
     }

package/dist/elements/ReactSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAI/E,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAoBxC,OAAO,aAAa,CAAA;AAmRpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAI/E,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAoBxC,OAAO,aAAa,CAAA;AAwRpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}

package/dist/elements/ReactSelect/index.js

@@ -150,10 +150,15 @@ const SelectAdapter = props => {
         minHeight: undefined,
         ...externalStyles?.control?.(rsStyles_0, state_2)
       }),
-      // Allow external option styles to override emotion defaults
-      option: (rsStyles_1, state_3) => ({
+      input: (rsStyles_1, state_3) => ({
         ...rsStyles_1,
-        ...externalStyles?.option?.(rsStyles_1, state_3)
+        gridTemplateColumns: undefined,
+        ...externalStyles?.input?.(rsStyles_1, state_3)
+      }),
+      // Allow external option styles to override emotion defaults
+      option: (rsStyles_2, state_4) => ({
+        ...rsStyles_2,
+        ...externalStyles?.option?.(rsStyles_2, state_4)
       }),
       // Keep react-select's computed maxHeight so the menu can fit available
       // viewport space near screen edges (instead of using a fixed class value).

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["arrayMove","horizontalListSortingStrategy","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","Select","CreatableSelect","useDebouncedEffect","useTranslation","DraggableSortable","ShimmerEffect","ClearIndicator","Control","DefaultMenuPortal","DropdownIndicator","getCaptureMenuScroll","getMenuListStyles","getMenuStyles","Input","generateMultiValueDraggableID","MultiValue","MultiValueLabel","MultiValueRemove","Option","SelectOption","SingleValue","ValueContainer","DEFAULT_MAX_MENU_HEIGHT","SelectAdapter","props","i18n","t","inputValue","setInputValue","uuid","hasMounted","setHasMounted","captureMenuScroll","captureMenuScrollProp","className","classNames","externalClassNames","components","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","menuPortalTarget","menuPortalTargetProp","menuPosition","menuPositionProp","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","styles","externalStyles","value","document","body","shouldUseFloatingMenuPortal","Boolean","MenuPortal","isLoadingDebounced","setIsLoadingDebounced","menuClassName","state","placement","external","menu","filter","join","selectClassNames","menuList","selectComponents","sharedSelectProps","classNamePrefix","instanceId","isDisabled","loadingMessage","maxMenuHeight","menuPlacement","menuShouldBlockScroll","menuPortal","rsStyles","zIndex","control","minHeight","option","unstyled","_jsx","height","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","nativeEvent","isComposing","label","onInputChange","newValue","onKeyDown","SortableSelect","draggableIDs","Array","isArray","map","optionValue","ids","onDragEnd","moveFromIndex","moveToIndex","sorted","sortingStrategy","ReactSelect","isMulti","isSortable"],"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\nimport type { GroupBase, MenuListProps, MenuProps } from 'react-select'\n\nimport { arrayMove, horizontalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option, ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { useDebouncedEffect } from '../../hooks/useDebouncedEffect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { DefaultMenuPortal } from './DefaultMenuPortal.js'\nimport { DropdownIndicator } from './DropdownIndicator/index.js'\nimport { getCaptureMenuScroll } from './getCaptureMenuScroll.js'\nimport { getMenuListStyles } from './getMenuListStyles.js'\nimport { getMenuStyles } from './getMenuStyles.js'\nimport { Input } from './Input/index.js'\nimport { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { Option as SelectOption } from './Option/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.css'\n\nconst DEFAULT_MAX_MENU_HEIGHT = 300\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = useState('') // for creatable select\n  const uuid = useId()\n  const [hasMounted, setHasMounted] = useState(false)\n\n  const {\n    captureMenuScroll: captureMenuScrollProp,\n    className,\n    classNames: externalClassNames,\n    components,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    menuPortalTarget: menuPortalTargetProp,\n    menuPosition: menuPositionProp,\n    noOptionsMessage = () => t('general:noOptions'),\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    styles: externalStyles,\n    value,\n  } = props\n\n  const menuPortalTarget =\n    menuPortalTargetProp === undefined\n      ? typeof document !== 'undefined'\n        ? document.body\n        : null\n      : menuPortalTargetProp\n\n  const menuPosition = menuPositionProp ?? (menuPortalTarget ? 'fixed' : undefined)\n  const shouldUseFloatingMenuPortal = Boolean(menuPortalTarget && !components?.MenuPortal)\n  const captureMenuScroll = getCaptureMenuScroll({\n    captureMenuScroll: captureMenuScrollProp,\n    menuPortalTarget,\n  })\n\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  // Debounce the loading state so that fast option fetches (e.g. relationship\n  // fields that resolve almost instantly) don't cause the clear indicator to\n  // flash to react-select's loading indicator and back. The loading indicator\n  // only appears once a load takes longer than the threshold below.\n  const [isLoadingDebounced, setIsLoadingDebounced] = useState(false)\n\n  useDebouncedEffect(\n    () => {\n      setIsLoadingDebounced(isLoading)\n    },\n    [isLoading],\n    250,\n  )\n\n  const menuClassName = useCallback(\n    (state: MenuProps<Option, boolean, GroupBase<Option>>) => {\n      const placement = state.placement ? `rs__menu--placement-${state.placement}` : ''\n      const external = externalClassNames?.menu?.(state) ?? ''\n      return [placement, external].filter(Boolean).join(' ')\n    },\n    [externalClassNames],\n  )\n\n  const selectClassNames = useMemo(\n    () => ({\n      ...externalClassNames,\n      menu: menuClassName,\n      menuList: (state: MenuListProps<Option, boolean, GroupBase<Option>>) => {\n        const external = externalClassNames?.menuList?.(state) ?? ''\n        return ['scrollbar-thin', external].filter(Boolean).join(' ')\n      },\n    }),\n    [externalClassNames, menuClassName],\n  )\n\n  const selectComponents = useMemo(\n    () => ({\n      ClearIndicator,\n      Control,\n      DropdownIndicator,\n      Input,\n      MenuPortal: DefaultMenuPortal,\n      MultiValue,\n      MultiValueLabel,\n      MultiValueRemove,\n      Option: SelectOption,\n      SingleValue,\n      ValueContainer,\n      ...components,\n    }),\n    [components],\n  )\n\n  const sharedSelectProps = {\n    captureMenuScroll,\n    className: [className, 'react-select', showError && 'react-select--error']\n      .filter(Boolean)\n      .join(' '),\n    classNamePrefix: 'rs',\n    classNames: selectClassNames,\n    components: selectComponents,\n    filterOption,\n    instanceId: uuid,\n    isClearable,\n    isDisabled: disabled,\n    isLoading: isLoadingDebounced,\n    isSearchable,\n    loadingMessage: () => t('general:loading') + '...',\n    maxMenuHeight: DEFAULT_MAX_MENU_HEIGHT,\n    menuPlacement: 'auto' as const,\n    menuPortalTarget,\n    menuPosition,\n    menuShouldBlockScroll: false,\n    noOptionsMessage,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder: getTranslation(placeholder, i18n),\n    styles: {\n      menu: getMenuStyles({\n        externalStyles,\n        shouldUseFloatingMenuPortal,\n      }),\n      // When portaling to document.body, the portal container needs an explicit\n      // z-index so the menu appears above drawers and dialogs. unstyled={true}\n      // strips react-select's default zIndex:9999 from the portal container.\n      ...(menuPortalTarget && {\n        menuPortal: (rsStyles, state) => ({\n          ...rsStyles,\n          zIndex: 'var(--z-portal-element)',\n          ...externalStyles?.menuPortal?.(rsStyles, state),\n        }),\n      }),\n      // Remove the default react-select min-height so our CSS can control it\n      control: (rsStyles, state) => ({\n        ...rsStyles,\n        minHeight: undefined,\n        ...externalStyles?.control?.(rsStyles, state),\n      }),\n      // Allow external option styles to override emotion defaults\n      option: (rsStyles, state) => ({\n        ...rsStyles,\n        ...externalStyles?.option?.(rsStyles, state),\n      }),\n      // Keep react-select's computed maxHeight so the menu can fit available\n      // viewport space near screen edges (instead of using a fixed class value).\n      menuList: getMenuListStyles(externalStyles, shouldUseFloatingMenuPortal),\n    },\n    unstyled: true,\n  }\n\n  if (!hasMounted) {\n    return <ShimmerEffect height=\"var(--field-min-height-large)\" />\n  }\n\n  if (!isCreatable) {\n    return (\n      <div>\n        <Select<Option, boolean, GroupBase<Option>>\n          {...props}\n          {...sharedSelectProps}\n          getOptionValue={getOptionValue}\n          value={value}\n        />\n      </div>\n    )\n  }\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    if (!value || !inputValue || inputValue.trim() === '') {\n      return\n    }\n\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n\n    if (event.nativeEvent.isComposing) {\n      return\n    }\n\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([\n          ...(value as Option[]),\n          {\n            label: inputValue,\n            value: inputValue,\n          },\n        ])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <div>\n      <CreatableSelect<Option, boolean, GroupBase<Option>>\n        {...props}\n        {...sharedSelectProps}\n        inputValue={inputValue}\n        onInputChange={(newValue) => setInputValue(newValue)}\n        onKeyDown={handleKeyDown}\n        value={value}\n      />\n    </div>\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { getOptionValue, onChange, value } = props\n\n  let draggableIDs: string[] = []\n  if (value) {\n    draggableIDs = (Array.isArray(value) ? value : [value]).map((optionValue) => {\n      return generateMultiValueDraggableID(optionValue, getOptionValue)\n    })\n  }\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={draggableIDs}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n      sortingStrategy={horizontalListSortingStrategy}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["arrayMove","horizontalListSortingStrategy","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","Select","CreatableSelect","useDebouncedEffect","useTranslation","DraggableSortable","ShimmerEffect","ClearIndicator","Control","DefaultMenuPortal","DropdownIndicator","getCaptureMenuScroll","getMenuListStyles","getMenuStyles","Input","generateMultiValueDraggableID","MultiValue","MultiValueLabel","MultiValueRemove","Option","SelectOption","SingleValue","ValueContainer","DEFAULT_MAX_MENU_HEIGHT","SelectAdapter","props","i18n","t","inputValue","setInputValue","uuid","hasMounted","setHasMounted","captureMenuScroll","captureMenuScrollProp","className","classNames","externalClassNames","components","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","menuPortalTarget","menuPortalTargetProp","menuPosition","menuPositionProp","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","styles","externalStyles","value","document","body","shouldUseFloatingMenuPortal","Boolean","MenuPortal","isLoadingDebounced","setIsLoadingDebounced","menuClassName","state","placement","external","menu","filter","join","selectClassNames","menuList","selectComponents","sharedSelectProps","classNamePrefix","instanceId","isDisabled","loadingMessage","maxMenuHeight","menuPlacement","menuShouldBlockScroll","menuPortal","rsStyles","zIndex","control","minHeight","input","gridTemplateColumns","option","unstyled","_jsx","height","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","nativeEvent","isComposing","label","onInputChange","newValue","onKeyDown","SortableSelect","draggableIDs","Array","isArray","map","optionValue","ids","onDragEnd","moveFromIndex","moveToIndex","sorted","sortingStrategy","ReactSelect","isMulti","isSortable"],"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\nimport type { GroupBase, MenuListProps, MenuProps } from 'react-select'\n\nimport { arrayMove, horizontalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option, ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { useDebouncedEffect } from '../../hooks/useDebouncedEffect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { DefaultMenuPortal } from './DefaultMenuPortal.js'\nimport { DropdownIndicator } from './DropdownIndicator/index.js'\nimport { getCaptureMenuScroll } from './getCaptureMenuScroll.js'\nimport { getMenuListStyles } from './getMenuListStyles.js'\nimport { getMenuStyles } from './getMenuStyles.js'\nimport { Input } from './Input/index.js'\nimport { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { Option as SelectOption } from './Option/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.css'\n\nconst DEFAULT_MAX_MENU_HEIGHT = 300\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = useState('') // for creatable select\n  const uuid = useId()\n  const [hasMounted, setHasMounted] = useState(false)\n\n  const {\n    captureMenuScroll: captureMenuScrollProp,\n    className,\n    classNames: externalClassNames,\n    components,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    menuPortalTarget: menuPortalTargetProp,\n    menuPosition: menuPositionProp,\n    noOptionsMessage = () => t('general:noOptions'),\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    styles: externalStyles,\n    value,\n  } = props\n\n  const menuPortalTarget =\n    menuPortalTargetProp === undefined\n      ? typeof document !== 'undefined'\n        ? document.body\n        : null\n      : menuPortalTargetProp\n\n  const menuPosition = menuPositionProp ?? (menuPortalTarget ? 'fixed' : undefined)\n  const shouldUseFloatingMenuPortal = Boolean(menuPortalTarget && !components?.MenuPortal)\n  const captureMenuScroll = getCaptureMenuScroll({\n    captureMenuScroll: captureMenuScrollProp,\n    menuPortalTarget,\n  })\n\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  // Debounce the loading state so that fast option fetches (e.g. relationship\n  // fields that resolve almost instantly) don't cause the clear indicator to\n  // flash to react-select's loading indicator and back. The loading indicator\n  // only appears once a load takes longer than the threshold below.\n  const [isLoadingDebounced, setIsLoadingDebounced] = useState(false)\n\n  useDebouncedEffect(\n    () => {\n      setIsLoadingDebounced(isLoading)\n    },\n    [isLoading],\n    250,\n  )\n\n  const menuClassName = useCallback(\n    (state: MenuProps<Option, boolean, GroupBase<Option>>) => {\n      const placement = state.placement ? `rs__menu--placement-${state.placement}` : ''\n      const external = externalClassNames?.menu?.(state) ?? ''\n      return [placement, external].filter(Boolean).join(' ')\n    },\n    [externalClassNames],\n  )\n\n  const selectClassNames = useMemo(\n    () => ({\n      ...externalClassNames,\n      menu: menuClassName,\n      menuList: (state: MenuListProps<Option, boolean, GroupBase<Option>>) => {\n        const external = externalClassNames?.menuList?.(state) ?? ''\n        return ['scrollbar-thin', external].filter(Boolean).join(' ')\n      },\n    }),\n    [externalClassNames, menuClassName],\n  )\n\n  const selectComponents = useMemo(\n    () => ({\n      ClearIndicator,\n      Control,\n      DropdownIndicator,\n      Input,\n      MenuPortal: DefaultMenuPortal,\n      MultiValue,\n      MultiValueLabel,\n      MultiValueRemove,\n      Option: SelectOption,\n      SingleValue,\n      ValueContainer,\n      ...components,\n    }),\n    [components],\n  )\n\n  const sharedSelectProps = {\n    captureMenuScroll,\n    className: [className, 'react-select', showError && 'react-select--error']\n      .filter(Boolean)\n      .join(' '),\n    classNamePrefix: 'rs',\n    classNames: selectClassNames,\n    components: selectComponents,\n    filterOption,\n    instanceId: uuid,\n    isClearable,\n    isDisabled: disabled,\n    isLoading: isLoadingDebounced,\n    isSearchable,\n    loadingMessage: () => t('general:loading') + '...',\n    maxMenuHeight: DEFAULT_MAX_MENU_HEIGHT,\n    menuPlacement: 'auto' as const,\n    menuPortalTarget,\n    menuPosition,\n    menuShouldBlockScroll: false,\n    noOptionsMessage,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder: getTranslation(placeholder, i18n),\n    styles: {\n      menu: getMenuStyles({\n        externalStyles,\n        shouldUseFloatingMenuPortal,\n      }),\n      // When portaling to document.body, the portal container needs an explicit\n      // z-index so the menu appears above drawers and dialogs. unstyled={true}\n      // strips react-select's default zIndex:9999 from the portal container.\n      ...(menuPortalTarget && {\n        menuPortal: (rsStyles, state) => ({\n          ...rsStyles,\n          zIndex: 'var(--z-portal-element)',\n          ...externalStyles?.menuPortal?.(rsStyles, state),\n        }),\n      }),\n      // Remove the default react-select min-height so our CSS can control it\n      control: (rsStyles, state) => ({\n        ...rsStyles,\n        minHeight: undefined,\n        ...externalStyles?.control?.(rsStyles, state),\n      }),\n      input: (rsStyles, state) => ({\n        ...rsStyles,\n        gridTemplateColumns: undefined,\n        ...externalStyles?.input?.(rsStyles, state),\n      }),\n      // Allow external option styles to override emotion defaults\n      option: (rsStyles, state) => ({\n        ...rsStyles,\n        ...externalStyles?.option?.(rsStyles, state),\n      }),\n      // Keep react-select's computed maxHeight so the menu can fit available\n      // viewport space near screen edges (instead of using a fixed class value).\n      menuList: getMenuListStyles(externalStyles, shouldUseFloatingMenuPortal),\n    },\n    unstyled: true,\n  }\n\n  if (!hasMounted) {\n    return <ShimmerEffect height=\"var(--field-min-height-large)\" />\n  }\n\n  if (!isCreatable) {\n    return (\n      <div>\n        <Select<Option, boolean, GroupBase<Option>>\n          {...props}\n          {...sharedSelectProps}\n          getOptionValue={getOptionValue}\n          value={value}\n        />\n      </div>\n    )\n  }\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    if (!value || !inputValue || inputValue.trim() === '') {\n      return\n    }\n\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n\n    if (event.nativeEvent.isComposing) {\n      return\n    }\n\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([\n          ...(value as Option[]),\n          {\n            label: inputValue,\n            value: inputValue,\n          },\n        ])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <div>\n      <CreatableSelect<Option, boolean, GroupBase<Option>>\n        {...props}\n        {...sharedSelectProps}\n        inputValue={inputValue}\n        onInputChange={(newValue) => setInputValue(newValue)}\n        onKeyDown={handleKeyDown}\n        value={value}\n      />\n    </div>\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { getOptionValue, onChange, value } = props\n\n  let draggableIDs: string[] = []\n  if (value) {\n    draggableIDs = (Array.isArray(value) ? value : [value]).map((optionValue) => {\n      return generateMultiValueDraggableID(optionValue, getOptionValue)\n    })\n  }\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={draggableIDs}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n      sortingStrategy={horizontalListSortingStrategy}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/SchedulePublishButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SchedulePublishButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAWhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA8ElE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SchedulePublishButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAWhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAgFlE,CAAA"}

package/dist/elements/SchedulePublishButton/index.js

@@ -121,8 +121,12 @@ export const SchedulePublishButton = t0 => {
           position: "relative"
         },
         children: [_jsx(Button, {
+          "aria-label": label,
           buttonStyle: "ghost",
           disabled,
+          extraButtonProps: {
+            title: undefined
+          },
           icon: _jsx(ScheduleIcon, {
             active: hasScheduledPublish
           }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","hasAutosaveEnabled","hasScheduledPublishEnabled","React","useMemo","useState","useFormModified","ScheduleIcon","useConfig","useDocumentInfo","useTranslation","Button","ScheduleDrawer","Tooltip","SchedulePublishButton","t0","$","disabled","id","collectionSlug","globalSlug","hasPublishPermission","hasScheduledPublish","setHasScheduledPublish","unpublishedVersionCount","getEntityConfig","isModalOpen","toggleModal","t","modified","hovered","setHovered","t1","bb0","t2","undefined","entityConfig","scheduledPublishEnabled","hasAutosave","canSchedulePublish","Boolean","drawerSlug","hasNewerVersions","t3","label","t4","t5","Symbol","for","t6","_jsxs","Fragment","children","onPointerEnter","onPointerLeave","style","position","_jsx","buttonStyle","icon","active","onClick","delay","show","defaultType","onUpcomingChange","schedulePublishConfig","versions","drafts","schedulePublish","slug"],"sources":["../../../src/elements/SchedulePublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { hasAutosaveEnabled, hasScheduledPublishEnabled } from 'payload/shared'\nimport React, { useMemo, useState } from 'react'\n\nimport { useFormModified } from '../../forms/Form/context.js'\nimport { ScheduleIcon } from '../../icons/Schedule/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ScheduleDrawer } from '../PublishButton/ScheduleDrawer/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport const SchedulePublishButton: React.FC<{ disabled?: boolean }> = ({ disabled }) => {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishPermission,\n    hasScheduledPublish,\n    setHasScheduledPublish,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { getEntityConfig } = useConfig()\n  const { isModalOpen, toggleModal } = useModal()\n  const { t } = useTranslation()\n  const modified = useFormModified()\n  const [hovered, setHovered] = useState(false)\n\n  const entityConfig = useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig)\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const canSchedulePublish = Boolean(\n    scheduledPublishEnabled &&\n    hasPublishPermission &&\n    (globalSlug || (collectionSlug && id)) &&\n    (hasAutosave || !modified),\n  )\n\n  const drawerSlug = `schedule-publish-${id}`\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  if (!canSchedulePublish) {\n    return null\n  }\n\n  const label = t('version:schedulePublish')\n\n  return (\n    <React.Fragment>\n      <span\n        onPointerEnter={() => setHovered(true)}\n        onPointerLeave={() => setHovered(false)}\n        style={{ position: 'relative' }}\n      >\n        <Button\n          buttonStyle=\"ghost\"\n          disabled={disabled}\n          icon={<ScheduleIcon active={hasScheduledPublish} />}\n          id=\"schedule-publish-button\"\n          onClick={() => toggleModal(drawerSlug)}\n        />\n        <Tooltip delay={0} show={hovered}>\n          {label}\n        </Tooltip>\n      </span>\n      {isModalOpen(drawerSlug) && (\n        <ScheduleDrawer\n          defaultType={!hasNewerVersions ? 'unpublish' : 'publish'}\n          onUpcomingChange={setHasScheduledPublish}\n          schedulePublishConfig={\n            scheduledPublishEnabled &&\n            typeof entityConfig.versions.drafts.schedulePublish === 'object'\n              ? entityConfig.versions.drafts.schedulePublish\n              : undefined\n          }\n          slug={drawerSlug}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,SAASC,kBAAkB,EAAEC,0BAA0B,QAAQ;AAC/D,OAAOC,KAAA,IAASC,OAAO,EAAEC,QAAQ,QAAQ;AAEzC,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AAExB,OAAO,MAAMC,qBAAA,GAA0DC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB;EAAA,IAAAF,EAAY;EAClF;IAAAG,EAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,oBAAA;IAAAC,mBAAA;IAAAC,sBAAA;IAAAC;EAAA,IAQIf,eAAA;EAEJ;IAAAgB;EAAA,IAA4BjB,SAAA;EAC5B;IAAAkB,WAAA;IAAAC;EAAA,IAAqC3B,QAAA;EACrC;IAAA4B;EAAA,IAAclB,cAAA;EACd,MAAAmB,QAAA,GAAiBvB,eAAA;EACjB,OAAAwB,OAAA,EAAAC,UAAA,IAA8B1B,QAAA,CAAS;EAAA,IAAA2B,EAAA;EAAAC,GAAA;IAGrC,IAAId,cAAA;MAAA,IAAAe,EAAA;MAAA,IAAAlB,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAS,eAAA;QACKS,EAAA,GAAAT,eAAA,CAAgB;UAAAN;QAAiB;QAAAH,CAAA,MAAAG,cAAA;QAAAH,CAAA,MAAAS,eAAA;QAAAT,CAAA,MAAAkB,EAAA;MAAA;QAAAA,EAAA,GAAAlB,CAAA;MAAA;MAAxCgB,EAAA,GAAOE,EAAiC;MAAxC,MAAAD,GAAA;IAAwC;IAE1C,IAAIb,UAAA;MAAA,IAAAc,EAAA;MAAA,IAAAlB,CAAA,QAAAS,eAAA,IAAAT,CAAA,QAAAI,UAAA;QACKc,EAAA,GAAAT,eAAA,CAAgB;UAAAL;QAAa;QAAAJ,CAAA,MAAAS,eAAA;QAAAT,CAAA,MAAAI,UAAA;QAAAJ,CAAA,MAAAkB,EAAA;MAAA;QAAAA,EAAA,GAAAlB,CAAA;MAAA;MAApCgB,EAAA,GAAOE,EAA6B;MAApC,MAAAD,GAAA;IAAoC;IACtCD,EAAA,GAAAG,SAAA;EAAA;EANF,MAAAC,YAAA,GAAqBJ,EAO2B;EAAA,IAAAE,EAAA;EAAA,IAAAlB,CAAA,QAAAoB,YAAA;IAEhBF,EAAA,GAAAhC,0BAAA,CAA2BkC,YAAA;IAAApB,CAAA,MAAAoB,YAAA;IAAApB,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAA3D,MAAAqB,uBAAA,GAAgCH,EAA2B;EAC3D,MAAAI,WAAA,GAAoBrC,kBAAA,CAAmBmC,YAAA;EAEvC,MAAAG,kBAAA,GAA2BC,OAAA,CACzBH,uBACA,IADAhB,oBAEoC,KAAnCD,UAAmC,IAApBD,cAAoB,IAApBD,EAAoB,CACZ,KAAvBoB,WAAuB,IAAvB,CAAgBT,QAAO;EAG1B,MAAAY,UAAA,GAAmB,oBAAoBvB,EAAA,EAAI;EAC3C,MAAAwB,gBAAA,GAAyBlB,uBAAA,GAA0B;EAEnD,IAAI,CAACe,kBAAA;IAAA,OACI;EAAA;EACT,IAAAI,EAAA;EAAA,IAAA3B,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAyB,UAAA,IAAAzB,CAAA,SAAAoB,YAAA,IAAApB,CAAA,SAAA0B,gBAAA,IAAA1B,CAAA,SAAAM,mBAAA,IAAAN,CAAA,SAAAc,OAAA,IAAAd,CAAA,SAAAU,WAAA,IAAAV,CAAA,SAAAqB,uBAAA,IAAArB,CAAA,SAAAO,sBAAA,IAAAP,CAAA,SAAAY,CAAA,IAAAZ,CAAA,SAAAW,WAAA;IAEA,MAAAiB,KAAA,GAAchB,CAAA,CAAE;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAA9B,CAAA,SAAA+B,MAAA,CAAAC,GAAA;MAKMH,EAAA,GAAAA,CAAA,KAAMd,UAAA,CAAW;MACjBe,EAAA,GAAAA,CAAA,KAAMf,UAAA,CAAW;MAAAf,CAAA,OAAA6B,EAAA;MAAA7B,CAAA,OAAA8B,EAAA;IAAA;MAAAD,EAAA,GAAA7B,CAAA;MAAA8B,EAAA,GAAA9B,CAAA;IAAA;IAAA,IAAAiC,EAAA;IAAA,IAAAjC,CAAA,SAAAyB,UAAA,IAAAzB,CAAA,SAAAW,WAAA;MAQtBsB,EAAA,GAAAA,CAAA,KAAMtB,WAAA,CAAYc,UAAA;MAAAzB,CAAA,OAAAyB,UAAA;MAAAzB,CAAA,OAAAW,WAAA;MAAAX,CAAA,OAAAiC,EAAA;IAAA;MAAAA,EAAA,GAAAjC,CAAA;IAAA;IAXjC2B,EAAA,GAAAO,KAAA,CAAC/C,KAAA,CAAAgD,QAAc;MAAAC,QAAA,E,CACbF,KAAA,CAAC;QAAAG,cAAA,EACiBR,EAAiB;QAAAS,cAAA,EACjBR,EAAiB;QAAAS,KAAA,EAC1B;UAAAC,QAAA,EAAY;QAAW;QAAAJ,QAAA,E,CAE9BK,IAAA,CAAC9C,MAAA;UAAA+C,WAAA,EACa;UAAAzC,QAAA;UAAA0C,IAAA,EAENF,IAAA,CAAClD,YAAA;YAAAqD,MAAA,EAAqBtC;;cACzB;UAAAuC,OAAA,EACMZ;YAEXQ,IAAA,CAAC5C,OAAA;UAAAiD,KAAA,EAAe;UAAAC,IAAA,EAASjC,OAAA;UAAAsB,QAAA,EACtBR;;UAGJlB,WAAA,CAAYe,U,KACXgB,IAAA,CAAC7C,cAAA;QAAAoD,WAAA,EACc,CAACtB,gBAAiC,GAAlC,WAAkC,GAAlC,SAAkC;QAAAuB,gBAAA,EAC7B1C,sBAAA;QAAA2C,qBAAA,EAEhB7B,uBACwD,IAAxD,OAAOD,YAAA,CAAA+B,QAAqB,CAAAC,MAAO,CAAAC,eAAgB,KAAK,QAEpD,GADAjC,YAAA,CAAA+B,QAAqB,CAAAC,MAAO,CAAAC,eAC5B,GAHJlC,SAGI;QAAAmC,IAAA,EAEA7B;;;;;;;;;;;;;;;;;;SA3BZE,E;CAgCJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","hasAutosaveEnabled","hasScheduledPublishEnabled","React","useMemo","useState","useFormModified","ScheduleIcon","useConfig","useDocumentInfo","useTranslation","Button","ScheduleDrawer","Tooltip","SchedulePublishButton","t0","$","disabled","id","collectionSlug","globalSlug","hasPublishPermission","hasScheduledPublish","setHasScheduledPublish","unpublishedVersionCount","getEntityConfig","isModalOpen","toggleModal","t","modified","hovered","setHovered","t1","bb0","t2","undefined","entityConfig","scheduledPublishEnabled","hasAutosave","canSchedulePublish","Boolean","drawerSlug","hasNewerVersions","t3","label","t4","t5","Symbol","for","t6","_jsxs","Fragment","children","onPointerEnter","onPointerLeave","style","position","_jsx","buttonStyle","extraButtonProps","title","icon","active","onClick","delay","show","defaultType","onUpcomingChange","schedulePublishConfig","versions","drafts","schedulePublish","slug"],"sources":["../../../src/elements/SchedulePublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { hasAutosaveEnabled, hasScheduledPublishEnabled } from 'payload/shared'\nimport React, { useMemo, useState } from 'react'\n\nimport { useFormModified } from '../../forms/Form/context.js'\nimport { ScheduleIcon } from '../../icons/Schedule/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ScheduleDrawer } from '../PublishButton/ScheduleDrawer/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport const SchedulePublishButton: React.FC<{ disabled?: boolean }> = ({ disabled }) => {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishPermission,\n    hasScheduledPublish,\n    setHasScheduledPublish,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { getEntityConfig } = useConfig()\n  const { isModalOpen, toggleModal } = useModal()\n  const { t } = useTranslation()\n  const modified = useFormModified()\n  const [hovered, setHovered] = useState(false)\n\n  const entityConfig = useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig)\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const canSchedulePublish = Boolean(\n    scheduledPublishEnabled &&\n    hasPublishPermission &&\n    (globalSlug || (collectionSlug && id)) &&\n    (hasAutosave || !modified),\n  )\n\n  const drawerSlug = `schedule-publish-${id}`\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  if (!canSchedulePublish) {\n    return null\n  }\n\n  const label = t('version:schedulePublish')\n\n  return (\n    <React.Fragment>\n      <span\n        onPointerEnter={() => setHovered(true)}\n        onPointerLeave={() => setHovered(false)}\n        style={{ position: 'relative' }}\n      >\n        <Button\n          aria-label={label}\n          buttonStyle=\"ghost\"\n          disabled={disabled}\n          extraButtonProps={{ title: undefined }}\n          icon={<ScheduleIcon active={hasScheduledPublish} />}\n          id=\"schedule-publish-button\"\n          onClick={() => toggleModal(drawerSlug)}\n        />\n        <Tooltip delay={0} show={hovered}>\n          {label}\n        </Tooltip>\n      </span>\n      {isModalOpen(drawerSlug) && (\n        <ScheduleDrawer\n          defaultType={!hasNewerVersions ? 'unpublish' : 'publish'}\n          onUpcomingChange={setHasScheduledPublish}\n          schedulePublishConfig={\n            scheduledPublishEnabled &&\n            typeof entityConfig.versions.drafts.schedulePublish === 'object'\n              ? entityConfig.versions.drafts.schedulePublish\n              : undefined\n          }\n          slug={drawerSlug}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Search/SearchInput/index.css

@@ -61,14 +61,43 @@
 
   .search-input__clear {
     position: absolute;
-    inset-inline-end: var(--spacer-1);
+    inset-inline-end: var(--spacer-0);
     top: 50%;
     transform: translateY(-50%);
     color: var(--color-icon-secondary);
+    isolation: isolate;
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset-block: 0;
+      inset-inline: 0;
+      margin: auto;
+      width: var(--spacer-3);
+      height: var(--spacer-3);
+      border-radius: inherit;
+      z-index: -1;
+    }
 
     &.btn {
-      height: unset;
-      width: unset;
+      height: var(--spacer-4);
+      width: var(--spacer-4);
+    }
+
+    &:hover:not(.btn--disabled) {
+      background: transparent;
+
+      &::before {
+        background: var(--color-bg-transparent-hover);
+      }
+    }
+
+    &:active:not(.btn--disabled) {
+      background: transparent;
+
+      &::before {
+        background: var(--color-bg-transparent-pressed);
+      }
     }
 
     &:hover:not(.btn--disabled),

package/dist/elements/SegmentedControl/index.css

@@ -46,7 +46,7 @@
   }
   .segmented-control__input:focus-visible + .segmented-control__icon {
     outline: var(--stroke-width-small) solid var(--color-border-selected);
-    outline-offset: -1px;
+    outline-offset: var(--accessibility-outline-inset);
     box-shadow: none;
   }
 }

package/dist/elements/SidebarToggle/index.css

@@ -24,7 +24,7 @@
 
     &:focus-visible {
       outline: var(--accessibility-outline);
-      outline-offset: -1px;
+      outline-offset: var(--accessibility-outline-inset);
     }
   }
 }