@payloadcms/ui 3.23.0 → 3.24.0-canary.05013b2

package/dist/providers/Config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","RootConfigContext","undefined","ConfigProvider","children","config","configFromProps","setConfig","collectionsBySlug","globalsBySlug","collection","collections","slug","global","globals","getEntityConfig","args","collectionSlug","globalSlug","_jsx","Provider","value","useConfig"],"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["/* eslint-disable perfectionist/sort-object-types  */ // Need to disable this rule because the order of the overloads is important\n'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientGlobalConfig,\n  CollectionSlug,\n  GlobalSlug,\n} from 'payload'\n\nimport React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\n\ntype GetEntityConfigFn = {\n  // Overload #1: collectionSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug: {} | CollectionSlug; globalSlug?: never }): ClientCollectionConfig\n\n  // Overload #2: globalSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug?: never; globalSlug: {} | GlobalSlug }): ClientGlobalConfig\n\n  // Overload #3: both/none (fall back to union | null)\n  (args: {\n    collectionSlug?: {} | CollectionSlug\n    globalSlug?: {} | GlobalSlug\n  }): ClientCollectionConfig | ClientGlobalConfig | null\n}\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  /**\n   * Get a collection or global config by its slug. This is preferred over\n   * using `config.collections.find` or `config.globals.find`, because\n   * getEntityConfig uses a lookup map for O(1) lookups.\n   */\n  getEntityConfig: GetEntityConfigFn\n  setConfig: (config: ClientConfig) => void\n}\n\nconst RootConfigContext = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const [config, setConfig] = useState<ClientConfig>(configFromProps)\n\n  // Need to update local config state if config from props changes, for HMR.\n  // That way, config changes will be updated in the UI immediately without needing a refresh.\n  useEffect(() => {\n    setConfig(configFromProps)\n  }, [configFromProps])\n\n  // Build lookup maps for collections and globals so we can do O(1) lookups by slug\n  const { collectionsBySlug, globalsBySlug } = useMemo(() => {\n    const collectionsBySlug: Record<string, ClientCollectionConfig> = {}\n    const globalsBySlug: Record<string, ClientGlobalConfig> = {}\n\n    for (const collection of config.collections) {\n      collectionsBySlug[collection.slug] = collection\n    }\n    for (const global of config.globals) {\n      globalsBySlug[global.slug] = global\n    }\n\n    return { collectionsBySlug, globalsBySlug }\n  }, [config])\n\n  const getEntityConfig = useCallback<GetEntityConfigFn>(\n    (args) => {\n      if ('collectionSlug' in args) {\n        return collectionsBySlug[args.collectionSlug] ?? null\n      }\n      if ('globalSlug' in args) {\n        return globalsBySlug[args.globalSlug] ?? null\n      }\n      return null as any\n    },\n    [collectionsBySlug, globalsBySlug],\n  )\n\n  return (\n    <RootConfigContext.Provider value={{ config, getEntityConfig, setConfig }}>\n      {children}\n    </RootConfigContext.Provider>\n  )\n}\n\nexport const useConfig = (): ClientConfigContext => useContext(RootConfigContext)\n"],"mappings":"AAAA,sDAAsD;AACtD;;;AASA,OAAOA,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AA6B5F,MAAMC,iBAAA,gBAAoBN,aAAA,CAA+CO,SAAA;AAEzE,OAAO,MAAMC,cAAA,GAGRA,CAAC;EAAEC,QAAQ;EAAEC,MAAA,EAAQC;AAAe,CAAE;EACzC,MAAM,CAACD,MAAA,EAAQE,SAAA,CAAU,GAAGP,QAAA,CAAuBM,eAAA;EAEnD;EACA;EACAR,SAAA,CAAU;IACRS,SAAA,CAAUD,eAAA;EACZ,GAAG,CAACA,eAAA,CAAgB;EAEpB;EACA,MAAM;IAAEE,iBAAiB,EAAjBA,mBAAiB;IAAEC,aAAa,EAAbA;EAAa,CAAE,GAAGV,OAAA,CAAQ;IACnD,MAAMS,iBAAA,GAA4D,CAAC;IACnE,MAAMC,aAAA,GAAoD,CAAC;IAE3D,KAAK,MAAMC,UAAA,IAAcL,MAAA,CAAOM,WAAW,EAAE;MAC3CH,iBAAiB,CAACE,UAAA,CAAWE,IAAI,CAAC,GAAGF,UAAA;IACvC;IACA,KAAK,MAAMG,MAAA,IAAUR,MAAA,CAAOS,OAAO,EAAE;MACnCL,aAAa,CAACI,MAAA,CAAOD,IAAI,CAAC,GAAGC,MAAA;IAC/B;IAEA,OAAO;MAAEL,iBAAA;MAAmBC;IAAc;EAC5C,GAAG,CAACJ,MAAA,CAAO;EAEX,MAAMU,eAAA,GAAkBnB,WAAA,CACrBoB,IAAA;IACC,IAAI,oBAAoBA,IAAA,EAAM;MAC5B,OAAOR,mBAAiB,CAACQ,IAAA,CAAKC,cAAc,CAAC,IAAI;IACnD;IACA,IAAI,gBAAgBD,IAAA,EAAM;MACxB,OAAOP,eAAa,CAACO,IAAA,CAAKE,UAAU,CAAC,IAAI;IAC3C;IACA,OAAO;EACT,GACA,CAACV,mBAAA,EAAmBC,eAAA,CAAc;EAGpC,oBACEU,IAAA,CAAClB,iBAAA,CAAkBmB,QAAQ;IAACC,KAAA,EAAO;MAAEhB,MAAA;MAAQU,eAAA;MAAiBR;IAAU;cACrEH;;AAGP;AAEA,OAAO,MAAMkB,SAAA,GAAYA,CAAA;EAAA,OAA2BzB,UAAA,CAAAI,iBAAW;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","RootConfigContext","undefined","sanitizeClientConfig","unSanitizedConfig","blocks","length","blocksMap","sanitizedConfig","block","slug","ConfigProvider","children","config","configFromProps","setConfig","collectionsBySlug","globalsBySlug","collection","collections","global","globals","getEntityConfig","args","collectionSlug","globalSlug","_jsx","Provider","value","useConfig"],"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["/* eslint-disable perfectionist/sort-object-types  */ // Need to disable this rule because the order of the overloads is important\n'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientGlobalConfig,\n  CollectionSlug,\n  GlobalSlug,\n  UnsanitizedClientConfig,\n} from 'payload'\n\nimport React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\n\ntype GetEntityConfigFn = {\n  // Overload #1: collectionSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug: {} | CollectionSlug; globalSlug?: never }): ClientCollectionConfig\n\n  // Overload #2: globalSlug only\n  // @todo remove \"{} |\" in 4.0, which would be a breaking change\n  (args: { collectionSlug?: never; globalSlug: {} | GlobalSlug }): ClientGlobalConfig\n\n  // Overload #3: both/none (fall back to union | null)\n  (args: {\n    collectionSlug?: {} | CollectionSlug\n    globalSlug?: {} | GlobalSlug\n  }): ClientCollectionConfig | ClientGlobalConfig | null\n}\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  /**\n   * Get a collection or global config by its slug. This is preferred over\n   * using `config.collections.find` or `config.globals.find`, because\n   * getEntityConfig uses a lookup map for O(1) lookups.\n   */\n  getEntityConfig: GetEntityConfigFn\n  setConfig: (config: ClientConfig) => void\n}\n\nconst RootConfigContext = createContext<ClientConfigContext | undefined>(undefined)\n\nfunction sanitizeClientConfig(\n  unSanitizedConfig: ClientConfig | UnsanitizedClientConfig,\n): ClientConfig {\n  if (!unSanitizedConfig?.blocks?.length || (unSanitizedConfig as ClientConfig).blocksMap) {\n    ;(unSanitizedConfig as ClientConfig).blocksMap = {}\n    return unSanitizedConfig as ClientConfig\n  }\n  const sanitizedConfig: ClientConfig = { ...unSanitizedConfig } as ClientConfig\n\n  sanitizedConfig.blocksMap = {}\n\n  for (const block of unSanitizedConfig.blocks) {\n    sanitizedConfig.blocksMap[block.slug] = block\n  }\n\n  return sanitizedConfig\n}\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig | UnsanitizedClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const [config, setConfig] = useState<ClientConfig>(() => sanitizeClientConfig(configFromProps))\n\n  // Need to update local config state if config from props changes, for HMR.\n  // That way, config changes will be updated in the UI immediately without needing a refresh.\n  useEffect(() => {\n    setConfig(sanitizeClientConfig(configFromProps))\n  }, [configFromProps])\n\n  // Build lookup maps for collections and globals so we can do O(1) lookups by slug\n  const { collectionsBySlug, globalsBySlug } = useMemo(() => {\n    const collectionsBySlug: Record<string, ClientCollectionConfig> = {}\n    const globalsBySlug: Record<string, ClientGlobalConfig> = {}\n\n    for (const collection of config.collections) {\n      collectionsBySlug[collection.slug] = collection\n    }\n    for (const global of config.globals) {\n      globalsBySlug[global.slug] = global\n    }\n\n    return { collectionsBySlug, globalsBySlug }\n  }, [config])\n\n  const getEntityConfig = useCallback<GetEntityConfigFn>(\n    (args) => {\n      if ('collectionSlug' in args) {\n        return collectionsBySlug[args.collectionSlug] ?? null\n      }\n      if ('globalSlug' in args) {\n        return globalsBySlug[args.globalSlug] ?? null\n      }\n      return null as any\n    },\n    [collectionsBySlug, globalsBySlug],\n  )\n\n  return (\n    <RootConfigContext.Provider value={{ config, getEntityConfig, setConfig }}>\n      {children}\n    </RootConfigContext.Provider>\n  )\n}\n\nexport const useConfig = (): ClientConfigContext => useContext(RootConfigContext)\n"],"mappings":"AAAA,sDAAsD;AACtD;;;AAUA,OAAOA,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AA6B5F,MAAMC,iBAAA,gBAAoBN,aAAA,CAA+CO,SAAA;AAEzE,SAASC,qBACPC,iBAAyD;EAEzD,IAAI,CAACA,iBAAA,EAAmBC,MAAA,EAAQC,MAAA,IAAUF,iBAAC,CAAmCG,SAAS,EAAE;;IACrFH,iBAAA,CAAmCG,SAAS,GAAG,CAAC;IAClD,OAAOH,iBAAA;EACT;EACA,MAAMI,eAAA,GAAgC;IAAE,GAAGJ;EAAkB;EAE7DI,eAAA,CAAgBD,SAAS,GAAG,CAAC;EAE7B,KAAK,MAAME,KAAA,IAASL,iBAAA,CAAkBC,MAAM,EAAE;IAC5CG,eAAA,CAAgBD,SAAS,CAACE,KAAA,CAAMC,IAAI,CAAC,GAAGD,KAAA;EAC1C;EAEA,OAAOD,eAAA;AACT;AAEA,OAAO,MAAMG,cAAA,GAGRA,CAAC;EAAEC,QAAQ;EAAEC,MAAA,EAAQC;AAAe,CAAE;EACzC,MAAM,CAACD,MAAA,EAAQE,SAAA,CAAU,GAAGf,QAAA,CAAuB,MAAMG,oBAAA,CAAqBW,eAAA;EAE9E;EACA;EACAhB,SAAA,CAAU;IACRiB,SAAA,CAAUZ,oBAAA,CAAqBW,eAAA;EACjC,GAAG,CAACA,eAAA,CAAgB;EAEpB;EACA,MAAM;IAAEE,iBAAiB,EAAjBA,mBAAiB;IAAEC,aAAa,EAAbA;EAAa,CAAE,GAAGlB,OAAA,CAAQ;IACnD,MAAMiB,iBAAA,GAA4D,CAAC;IACnE,MAAMC,aAAA,GAAoD,CAAC;IAE3D,KAAK,MAAMC,UAAA,IAAcL,MAAA,CAAOM,WAAW,EAAE;MAC3CH,iBAAiB,CAACE,UAAA,CAAWR,IAAI,CAAC,GAAGQ,UAAA;IACvC;IACA,KAAK,MAAME,MAAA,IAAUP,MAAA,CAAOQ,OAAO,EAAE;MACnCJ,aAAa,CAACG,MAAA,CAAOV,IAAI,CAAC,GAAGU,MAAA;IAC/B;IAEA,OAAO;MAAEJ,iBAAA;MAAmBC;IAAc;EAC5C,GAAG,CAACJ,MAAA,CAAO;EAEX,MAAMS,eAAA,GAAkB1B,WAAA,CACrB2B,IAAA;IACC,IAAI,oBAAoBA,IAAA,EAAM;MAC5B,OAAOP,mBAAiB,CAACO,IAAA,CAAKC,cAAc,CAAC,IAAI;IACnD;IACA,IAAI,gBAAgBD,IAAA,EAAM;MACxB,OAAON,eAAa,CAACM,IAAA,CAAKE,UAAU,CAAC,IAAI;IAC3C;IACA,OAAO;EACT,GACA,CAACT,mBAAA,EAAmBC,eAAA,CAAc;EAGpC,oBACES,IAAA,CAACzB,iBAAA,CAAkB0B,QAAQ;IAACC,KAAA,EAAO;MAAEf,MAAA;MAAQS,eAAA;MAAiBP;IAAU;cACrEH;;AAGP;AAEA,OAAO,MAAMiB,SAAA,GAAYA,CAAA;EAAA,OAA2BhC,UAAA,CAAAI,iBAAW;AAAA","ignoreList":[]}

package/dist/providers/ListQuery/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ListQuery/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpE,OAAO,KAA+E,MAAM,OAAO,CAAA;AAKnG,KAAK,eAAe,GAAG;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,eAAe,CAAA;AAInB,eAAO,MAAM,YAAY,QAAO,gBAAuC,CAAA;AAEvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0JtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ListQuery/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpE,OAAO,KAA+E,MAAM,OAAO,CAAA;AAKnG,KAAK,eAAe,GAAG;IACrB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,eAAe,CAAA;AAInB,eAAO,MAAM,YAAY,QAAO,gBAAuC,CAAA;AAEvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2JtD,CAAA"}

package/dist/providers/ListQuery/index.js

@@ -93,6 +93,7 @@ export const ListQueryProvider = ({
     });
   }, [refineListData]);
   // If `defaultLimit` or `defaultSort` are updated externally, update the query
+  // I.e. when HMR runs, these properties may be different
   useEffect(() => {
     if (modifySearchParams) {
       let shouldUpdateQueryString = false;
@@ -112,7 +113,7 @@ export const ListQueryProvider = ({
       if (shouldUpdateQueryString) {
         setCurrentQuery(newQuery_0);
         // Do not use router.replace here to avoid re-rendering on initial load
-        window.history.pushState(null, '', `?${qs.stringify(newQuery_0)}`);
+        window.history.replaceState(null, '', `?${qs.stringify(newQuery_0)}`);
       }
     }
   }, [defaultSort, defaultLimit, router, modifySearchParams]);

package/dist/providers/ListQuery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useRouter","useSearchParams","isNumber","qs","React","createContext","useCallback","useContext","useEffect","useMemo","useState","useListDrawerContext","parseSearchParams","Context","useListQuery","ListQueryProvider","children","data","defaultLimit","defaultSort","modifySearchParams","onQueryChange","onQueryChangeFromProps","router","rawSearchParams","searchParams","currentQuery","setCurrentQuery","currentQueryRef","useRef","refineListData","query","page","newQuery","limit","String","search","sort","where","replace","stringify","addQueryPrefix","onChangeFn","handlePageChange","arg","handlePerPageChange","handleSearchChange","undefined","handleSortChange","handleWhereChange","shouldUpdateQueryString","current","window","history","pushState","_jsx","Provider","value"],"sources":["../../../src/providers/ListQuery/index.tsx"],"sourcesContent":["'use client'\nimport type { ListQuery, PaginatedDocs, Sort, Where } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { isNumber } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\n\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\n\ntype ContextHandlers = {\n  handlePageChange?: (page: number) => Promise<void>\n  handlePerPageChange?: (limit: number) => Promise<void>\n  handleSearchChange?: (search: string) => Promise<void>\n  handleSortChange?: (sort: string) => Promise<void>\n  handleWhereChange?: (where: Where) => Promise<void>\n}\n\nexport type ListQueryProps = {\n  readonly children: React.ReactNode\n  readonly collectionSlug?: string\n  readonly data: PaginatedDocs\n  readonly defaultLimit?: number\n  readonly defaultSort?: Sort\n  readonly modifySearchParams?: boolean\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly preferenceKey?: string\n}\n\nexport type ListQueryContext = {\n  data: PaginatedDocs\n  defaultLimit?: number\n  defaultSort?: Sort\n  query: ListQuery\n  refineListData: (args: ListQuery) => Promise<void>\n} & ContextHandlers\n\nconst Context = createContext({} as ListQueryContext)\n\nexport const useListQuery = (): ListQueryContext => useContext(Context)\n\nexport const ListQueryProvider: React.FC<ListQueryProps> = ({\n  children,\n  data,\n  defaultLimit,\n  defaultSort,\n  modifySearchParams,\n  onQueryChange: onQueryChangeFromProps,\n}) => {\n  'use no memo'\n  const router = useRouter()\n  const rawSearchParams = useSearchParams()\n  const searchParams = useMemo(() => parseSearchParams(rawSearchParams), [rawSearchParams])\n\n  const { onQueryChange } = useListDrawerContext()\n\n  const [currentQuery, setCurrentQuery] = useState<ListQuery>(() => {\n    if (modifySearchParams) {\n      return searchParams\n    } else {\n      return {}\n    }\n  })\n\n  const currentQueryRef = React.useRef(currentQuery)\n\n  // If the search params change externally, update the current query\n  useEffect(() => {\n    if (modifySearchParams) {\n      setCurrentQuery(searchParams)\n    }\n  }, [searchParams, modifySearchParams])\n\n  const refineListData = useCallback(\n    // eslint-disable-next-line @typescript-eslint/require-await\n    async (query: ListQuery) => {\n      let page = 'page' in query ? query.page : currentQuery?.page\n\n      if ('where' in query || 'search' in query) {\n        page = '1'\n      }\n\n      const newQuery: ListQuery = {\n        limit: 'limit' in query ? query.limit : (currentQuery?.limit ?? String(defaultLimit)),\n        page,\n        search: 'search' in query ? query.search : currentQuery?.search,\n        sort: 'sort' in query ? query.sort : ((currentQuery?.sort as string) ?? defaultSort),\n        where: 'where' in query ? query.where : currentQuery?.where,\n      }\n\n      if (modifySearchParams) {\n        router.replace(`${qs.stringify(newQuery, { addQueryPrefix: true })}`)\n      } else if (\n        typeof onQueryChange === 'function' ||\n        typeof onQueryChangeFromProps === 'function'\n      ) {\n        const onChangeFn = onQueryChange || onQueryChangeFromProps\n        onChangeFn(newQuery)\n      }\n\n      setCurrentQuery(newQuery)\n    },\n    [\n      currentQuery?.page,\n      currentQuery?.limit,\n      currentQuery?.search,\n      currentQuery?.sort,\n      currentQuery?.where,\n      defaultLimit,\n      defaultSort,\n      modifySearchParams,\n      onQueryChange,\n      onQueryChangeFromProps,\n      router,\n    ],\n  )\n\n  const handlePageChange = useCallback(\n    async (arg: number) => {\n      await refineListData({ page: String(arg) })\n    },\n    [refineListData],\n  )\n\n  const handlePerPageChange = React.useCallback(\n    async (arg: number) => {\n      await refineListData({ limit: String(arg), page: '1' })\n    },\n    [refineListData],\n  )\n\n  const handleSearchChange = useCallback(\n    async (arg: string) => {\n      const search = arg === '' ? undefined : arg\n      await refineListData({ search })\n    },\n    [refineListData],\n  )\n\n  const handleSortChange = useCallback(\n    async (arg: string) => {\n      await refineListData({ sort: arg })\n    },\n    [refineListData],\n  )\n\n  const handleWhereChange = useCallback(\n    async (arg: Where) => {\n      await refineListData({ where: arg })\n    },\n    [refineListData],\n  )\n\n  // If `defaultLimit` or `defaultSort` are updated externally, update the query\n  useEffect(() => {\n    if (modifySearchParams) {\n      let shouldUpdateQueryString = false\n      const newQuery = { ...(currentQueryRef.current || {}) }\n\n      // Allow the URL to override the default limit\n      if (isNumber(defaultLimit) && !('limit' in currentQueryRef.current)) {\n        newQuery.limit = String(defaultLimit)\n        shouldUpdateQueryString = true\n      }\n\n      // Allow the URL to override the default sort\n      if (defaultSort && !('sort' in currentQueryRef.current)) {\n        newQuery.sort = defaultSort\n        shouldUpdateQueryString = true\n      }\n\n      if (shouldUpdateQueryString) {\n        setCurrentQuery(newQuery)\n        // Do not use router.replace here to avoid re-rendering on initial load\n        window.history.pushState(null, '', `?${qs.stringify(newQuery)}`)\n      }\n    }\n  }, [defaultSort, defaultLimit, router, modifySearchParams])\n\n  return (\n    <Context.Provider\n      value={{\n        data,\n        handlePageChange,\n        handlePerPageChange,\n        handleSearchChange,\n        handleSortChange,\n        handleWhereChange,\n        query: currentQuery,\n        refineListData,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useRouter","useSearchParams","isNumber","qs","React","createContext","useCallback","useContext","useEffect","useMemo","useState","useListDrawerContext","parseSearchParams","Context","useListQuery","ListQueryProvider","children","data","defaultLimit","defaultSort","modifySearchParams","onQueryChange","onQueryChangeFromProps","router","rawSearchParams","searchParams","currentQuery","setCurrentQuery","currentQueryRef","useRef","refineListData","query","page","newQuery","limit","String","search","sort","where","replace","stringify","addQueryPrefix","onChangeFn","handlePageChange","arg","handlePerPageChange","handleSearchChange","undefined","handleSortChange","handleWhereChange","shouldUpdateQueryString","current","window","history","replaceState","_jsx","Provider","value"],"sources":["../../../src/providers/ListQuery/index.tsx"],"sourcesContent":["'use client'\nimport type { ListQuery, PaginatedDocs, Sort, Where } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { isNumber } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\n\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\n\ntype ContextHandlers = {\n  handlePageChange?: (page: number) => Promise<void>\n  handlePerPageChange?: (limit: number) => Promise<void>\n  handleSearchChange?: (search: string) => Promise<void>\n  handleSortChange?: (sort: string) => Promise<void>\n  handleWhereChange?: (where: Where) => Promise<void>\n}\n\nexport type ListQueryProps = {\n  readonly children: React.ReactNode\n  readonly collectionSlug?: string\n  readonly data: PaginatedDocs\n  readonly defaultLimit?: number\n  readonly defaultSort?: Sort\n  readonly modifySearchParams?: boolean\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly preferenceKey?: string\n}\n\nexport type ListQueryContext = {\n  data: PaginatedDocs\n  defaultLimit?: number\n  defaultSort?: Sort\n  query: ListQuery\n  refineListData: (args: ListQuery) => Promise<void>\n} & ContextHandlers\n\nconst Context = createContext({} as ListQueryContext)\n\nexport const useListQuery = (): ListQueryContext => useContext(Context)\n\nexport const ListQueryProvider: React.FC<ListQueryProps> = ({\n  children,\n  data,\n  defaultLimit,\n  defaultSort,\n  modifySearchParams,\n  onQueryChange: onQueryChangeFromProps,\n}) => {\n  'use no memo'\n  const router = useRouter()\n  const rawSearchParams = useSearchParams()\n  const searchParams = useMemo(() => parseSearchParams(rawSearchParams), [rawSearchParams])\n\n  const { onQueryChange } = useListDrawerContext()\n\n  const [currentQuery, setCurrentQuery] = useState<ListQuery>(() => {\n    if (modifySearchParams) {\n      return searchParams\n    } else {\n      return {}\n    }\n  })\n\n  const currentQueryRef = React.useRef(currentQuery)\n\n  // If the search params change externally, update the current query\n  useEffect(() => {\n    if (modifySearchParams) {\n      setCurrentQuery(searchParams)\n    }\n  }, [searchParams, modifySearchParams])\n\n  const refineListData = useCallback(\n    // eslint-disable-next-line @typescript-eslint/require-await\n    async (query: ListQuery) => {\n      let page = 'page' in query ? query.page : currentQuery?.page\n\n      if ('where' in query || 'search' in query) {\n        page = '1'\n      }\n\n      const newQuery: ListQuery = {\n        limit: 'limit' in query ? query.limit : (currentQuery?.limit ?? String(defaultLimit)),\n        page,\n        search: 'search' in query ? query.search : currentQuery?.search,\n        sort: 'sort' in query ? query.sort : ((currentQuery?.sort as string) ?? defaultSort),\n        where: 'where' in query ? query.where : currentQuery?.where,\n      }\n\n      if (modifySearchParams) {\n        router.replace(`${qs.stringify(newQuery, { addQueryPrefix: true })}`)\n      } else if (\n        typeof onQueryChange === 'function' ||\n        typeof onQueryChangeFromProps === 'function'\n      ) {\n        const onChangeFn = onQueryChange || onQueryChangeFromProps\n        onChangeFn(newQuery)\n      }\n\n      setCurrentQuery(newQuery)\n    },\n    [\n      currentQuery?.page,\n      currentQuery?.limit,\n      currentQuery?.search,\n      currentQuery?.sort,\n      currentQuery?.where,\n      defaultLimit,\n      defaultSort,\n      modifySearchParams,\n      onQueryChange,\n      onQueryChangeFromProps,\n      router,\n    ],\n  )\n\n  const handlePageChange = useCallback(\n    async (arg: number) => {\n      await refineListData({ page: String(arg) })\n    },\n    [refineListData],\n  )\n\n  const handlePerPageChange = React.useCallback(\n    async (arg: number) => {\n      await refineListData({ limit: String(arg), page: '1' })\n    },\n    [refineListData],\n  )\n\n  const handleSearchChange = useCallback(\n    async (arg: string) => {\n      const search = arg === '' ? undefined : arg\n      await refineListData({ search })\n    },\n    [refineListData],\n  )\n\n  const handleSortChange = useCallback(\n    async (arg: string) => {\n      await refineListData({ sort: arg })\n    },\n    [refineListData],\n  )\n\n  const handleWhereChange = useCallback(\n    async (arg: Where) => {\n      await refineListData({ where: arg })\n    },\n    [refineListData],\n  )\n\n  // If `defaultLimit` or `defaultSort` are updated externally, update the query\n  // I.e. when HMR runs, these properties may be different\n  useEffect(() => {\n    if (modifySearchParams) {\n      let shouldUpdateQueryString = false\n      const newQuery = { ...(currentQueryRef.current || {}) }\n\n      // Allow the URL to override the default limit\n      if (isNumber(defaultLimit) && !('limit' in currentQueryRef.current)) {\n        newQuery.limit = String(defaultLimit)\n        shouldUpdateQueryString = true\n      }\n\n      // Allow the URL to override the default sort\n      if (defaultSort && !('sort' in currentQueryRef.current)) {\n        newQuery.sort = defaultSort\n        shouldUpdateQueryString = true\n      }\n\n      if (shouldUpdateQueryString) {\n        setCurrentQuery(newQuery)\n        // Do not use router.replace here to avoid re-rendering on initial load\n        window.history.replaceState(null, '', `?${qs.stringify(newQuery)}`)\n      }\n    }\n  }, [defaultSort, defaultLimit, router, modifySearchParams])\n\n  return (\n    <Context.Provider\n      value={{\n        data,\n        handlePageChange,\n        handlePerPageChange,\n        handleSearchChange,\n        handleSortChange,\n        handleWhereChange,\n        query: currentQuery,\n        refineListData,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Root/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,MAAM,EACN,oBAAoB,EACpB,oBAAoB,EACpB,IAAI,EACL,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAqB9C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC3C,QAAQ,CAAC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,oBAAoB,CAAA;IAC1C,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;IAC7C,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACrE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACjD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6ExC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,MAAM,EACN,oBAAoB,EACpB,oBAAoB,EACpB,IAAI,EACL,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAsB9C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC3C,QAAQ,CAAC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,oBAAoB,CAAA;IAC1C,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;IAC7C,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACrE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACjD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+ExC,CAAA"}

package/dist/providers/Root/index.js

@@ -17,6 +17,7 @@ import { LocaleProvider } from '../Locale/index.js';
 import { ParamsProvider } from '../Params/index.js';
 import { PreferencesProvider } from '../Preferences/index.js';
 import { RouteCache } from '../RouteCache/index.js';
+import { RouteTransitionProvider } from '../RouteTransition/index.js';
 import { SearchParamsProvider } from '../SearchParams/index.js';
 import { ServerFunctionsProvider } from '../ServerFunctions/index.js';
 import { ThemeProvider } from '../Theme/index.js';
@@ -42,53 +43,55 @@ export const RootProvider = ({
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [/*#__PURE__*/_jsx(ServerFunctionsProvider, {
       serverFunction: serverFunction,
-      children: /*#__PURE__*/_jsx(RouteCacheComponent, {
-        children: /*#__PURE__*/_jsx(ConfigProvider, {
-          config: config,
-          children: /*#__PURE__*/_jsx(ClientFunctionProvider, {
-            children: /*#__PURE__*/_jsx(TranslationProvider, {
-              dateFNSKey: dateFNSKey,
-              fallbackLang: fallbackLang,
-              language: languageCode,
-              languageOptions: languageOptions,
-              switchLanguageServerAction: switchLanguageServerAction,
-              translations: translations,
-              children: /*#__PURE__*/_jsx(WindowInfoProvider, {
-                breakpoints: {
-                  l: '(max-width: 1440px)',
-                  m: '(max-width: 1024px)',
-                  s: '(max-width: 768px)',
-                  xs: '(max-width: 400px)'
-                },
-                children: /*#__PURE__*/_jsx(ScrollInfoProvider, {
-                  children: /*#__PURE__*/_jsx(SearchParamsProvider, {
-                    children: /*#__PURE__*/_jsx(ModalProvider, {
-                      classPrefix: "payload",
-                      transTime: 0,
-                      zIndex: "var(--z-modal)",
-                      children: /*#__PURE__*/_jsxs(AuthProvider, {
-                        permissions: permissions,
-                        user: user,
-                        children: [/*#__PURE__*/_jsx(PreferencesProvider, {
-                          children: /*#__PURE__*/_jsx(ThemeProvider, {
-                            theme: theme,
-                            children: /*#__PURE__*/_jsx(ParamsProvider, {
-                              children: /*#__PURE__*/_jsx(LocaleProvider, {
-                                locale: locale,
-                                children: /*#__PURE__*/_jsx(StepNavProvider, {
-                                  children: /*#__PURE__*/_jsx(LoadingOverlayProvider, {
-                                    children: /*#__PURE__*/_jsx(DocumentEventsProvider, {
-                                      children: /*#__PURE__*/_jsx(NavProvider, {
-                                        initialIsOpen: isNavOpen,
-                                        children: children
+      children: /*#__PURE__*/_jsx(RouteTransitionProvider, {
+        children: /*#__PURE__*/_jsx(RouteCacheComponent, {
+          children: /*#__PURE__*/_jsx(ConfigProvider, {
+            config: config,
+            children: /*#__PURE__*/_jsx(ClientFunctionProvider, {
+              children: /*#__PURE__*/_jsx(TranslationProvider, {
+                dateFNSKey: dateFNSKey,
+                fallbackLang: fallbackLang,
+                language: languageCode,
+                languageOptions: languageOptions,
+                switchLanguageServerAction: switchLanguageServerAction,
+                translations: translations,
+                children: /*#__PURE__*/_jsx(WindowInfoProvider, {
+                  breakpoints: {
+                    l: '(max-width: 1440px)',
+                    m: '(max-width: 1024px)',
+                    s: '(max-width: 768px)',
+                    xs: '(max-width: 400px)'
+                  },
+                  children: /*#__PURE__*/_jsx(ScrollInfoProvider, {
+                    children: /*#__PURE__*/_jsx(SearchParamsProvider, {
+                      children: /*#__PURE__*/_jsx(ModalProvider, {
+                        classPrefix: "payload",
+                        transTime: 0,
+                        zIndex: "var(--z-modal)",
+                        children: /*#__PURE__*/_jsxs(AuthProvider, {
+                          permissions: permissions,
+                          user: user,
+                          children: [/*#__PURE__*/_jsx(PreferencesProvider, {
+                            children: /*#__PURE__*/_jsx(ThemeProvider, {
+                              theme: theme,
+                              children: /*#__PURE__*/_jsx(ParamsProvider, {
+                                children: /*#__PURE__*/_jsx(LocaleProvider, {
+                                  locale: locale,
+                                  children: /*#__PURE__*/_jsx(StepNavProvider, {
+                                    children: /*#__PURE__*/_jsx(LoadingOverlayProvider, {
+                                      children: /*#__PURE__*/_jsx(DocumentEventsProvider, {
+                                        children: /*#__PURE__*/_jsx(NavProvider, {
+                                          initialIsOpen: isNavOpen,
+                                          children: children
+                                        })
                                       })
                                     })
                                   })
                                 })
                               })
                             })
-                          })
-                        }), /*#__PURE__*/_jsx(ModalContainer, {}), /*#__PURE__*/_jsx(StayLoggedInModal, {})]
+                          }), /*#__PURE__*/_jsx(ModalContainer, {}), /*#__PURE__*/_jsx(StayLoggedInModal, {})]
+                        })
                       })
                     })
                   })

package/dist/providers/Root/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ModalContainer","ModalProvider","ScrollInfoProvider","React","Fragment","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","SearchParamsProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","RootProvider","children","config","dateFNSKey","fallbackLang","isNavOpen","languageCode","languageOptions","locale","permissions","serverFunction","switchLanguageServerAction","theme","translations","user","RouteCacheComponent","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","_jsxs","_jsx","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@payloadcms/translations'\nimport type {\n  ClientConfig,\n  LanguageOptions,\n  Locale,\n  SanitizedPermissions,\n  ServerFunctionClient,\n  User,\n} from 'payload'\n\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React, { Fragment } from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { SearchParamsProvider } from '../SearchParams/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n  readonly dateFNSKey: Language['dateFNSKey']\n  readonly fallbackLang: I18nOptions['fallbackLanguage']\n  readonly isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly serverFunction: ServerFunctionClient\n  readonly switchLanguageServerAction?: (lang: string) => Promise<void>\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | User\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  serverFunction,\n  switchLanguageServerAction,\n  theme,\n  translations,\n  user,\n}) => {\n  const RouteCacheComponent =\n    process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true' ? RouteCache : Fragment\n\n  return (\n    <Fragment>\n      <ServerFunctionsProvider serverFunction={serverFunction}>\n        <RouteCacheComponent>\n          <ConfigProvider config={config}>\n            <ClientFunctionProvider>\n              <TranslationProvider\n                dateFNSKey={dateFNSKey}\n                fallbackLang={fallbackLang}\n                language={languageCode}\n                languageOptions={languageOptions}\n                switchLanguageServerAction={switchLanguageServerAction}\n                translations={translations}\n              >\n                <WindowInfoProvider\n                  breakpoints={{\n                    l: '(max-width: 1440px)',\n                    m: '(max-width: 1024px)',\n                    s: '(max-width: 768px)',\n                    xs: '(max-width: 400px)',\n                  }}\n                >\n                  <ScrollInfoProvider>\n                    <SearchParamsProvider>\n                      <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                        <AuthProvider permissions={permissions} user={user}>\n                          <PreferencesProvider>\n                            <ThemeProvider theme={theme}>\n                              <ParamsProvider>\n                                <LocaleProvider locale={locale}>\n                                  <StepNavProvider>\n                                    <LoadingOverlayProvider>\n                                      <DocumentEventsProvider>\n                                        <NavProvider initialIsOpen={isNavOpen}>\n                                          {children}\n                                        </NavProvider>\n                                      </DocumentEventsProvider>\n                                    </LoadingOverlayProvider>\n                                  </StepNavProvider>\n                                </LocaleProvider>\n                              </ParamsProvider>\n                            </ThemeProvider>\n                          </PreferencesProvider>\n                          <ModalContainer />\n                          <StayLoggedInModal />\n                        </AuthProvider>\n                      </ModalProvider>\n                    </SearchParamsProvider>\n                  </ScrollInfoProvider>\n                </WindowInfoProvider>\n              </TranslationProvider>\n            </ClientFunctionProvider>\n          </ConfigProvider>\n        </RouteCacheComponent>\n      </ServerFunctionsProvider>\n      <ToastContainer />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAWA,SAASA,cAAc,EAAEC,aAAa,QAAQ;AAC9C,SAASC,kBAAkB,QAAQ;AACnC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AAmBpC,OAAO,MAAMC,YAAA,GAAgCA,CAAC;EAC5CC,QAAQ;EACRC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,YAAY;EACZC,eAAe;EACfC,MAAM;EACNC,WAAW;EACXC,cAAc;EACdC,0BAA0B;EAC1BC,KAAK;EACLC,YAAY;EACZC;AAAI,CACL;EACC,MAAMC,mBAAA,GACJC,OAAA,CAAQC,GAAG,CAACC,uCAAuC,KAAK,SAASxB,UAAA,GAAab,QAAA;EAEhF,oBACEsC,KAAA,CAACtC,QAAA;4BACCuC,IAAA,CAACxB,uBAAA;MAAwBc,cAAA,EAAgBA,cAAA;gBACvC,aAAAU,IAAA,CAACL,mBAAA;kBACC,aAAAK,IAAA,CAAC/B,cAAA;UAAea,MAAA,EAAQA,MAAA;oBACtB,aAAAkB,IAAA,CAAChC,sBAAA;sBACC,aAAAgC,IAAA,CAACrB,mBAAA;cACCI,UAAA,EAAYA,UAAA;cACZC,YAAA,EAAcA,YAAA;cACdiB,QAAA,EAAUf,YAAA;cACVC,eAAA,EAAiBA,eAAA;cACjBI,0BAAA,EAA4BA,0BAAA;cAC5BE,YAAA,EAAcA,YAAA;wBAEd,aAAAO,IAAA,CAAClC,kBAAA;gBACCoC,WAAA,EAAa;kBACXC,CAAA,EAAG;kBACHC,CAAA,EAAG;kBACHC,CAAA,EAAG;kBACHC,EAAA,EAAI;gBACN;0BAEA,aAAAN,IAAA,CAACzC,kBAAA;4BACC,aAAAyC,IAAA,CAACzB,oBAAA;8BACC,aAAAyB,IAAA,CAAC1C,aAAA;sBAAciD,WAAA,EAAY;sBAAUC,SAAA,EAAW;sBAAGC,MAAA,EAAO;gCACxD,aAAAV,KAAA,CAAChC,YAAA;wBAAasB,WAAA,EAAaA,WAAA;wBAAaK,IAAA,EAAMA,IAAA;gDAC5CM,IAAA,CAAC3B,mBAAA;oCACC,aAAA2B,IAAA,CAACvB,aAAA;4BAAce,KAAA,EAAOA,KAAA;sCACpB,aAAAQ,IAAA,CAAC5B,cAAA;wCACC,aAAA4B,IAAA,CAAC7B,cAAA;gCAAeiB,MAAA,EAAQA,MAAA;0CACtB,aAAAY,IAAA,CAACnC,eAAA;4CACC,aAAAmC,IAAA,CAACtC,sBAAA;8CACC,aAAAsC,IAAA,CAAC9B,sBAAA;gDACC,aAAA8B,IAAA,CAACrC,WAAA;wCAAY+C,aAAA,EAAezB,SAAA;kDACzBJ;;;;;;;;yCASjBmB,IAAA,CAAC3C,cAAA,O,aACD2C,IAAA,CAACpC,iBAAA;;;;;;;;;;qBAWrBoC,IAAA,CAACtB,cAAA;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ModalContainer","ModalProvider","ScrollInfoProvider","React","Fragment","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","SearchParamsProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","RootProvider","children","config","dateFNSKey","fallbackLang","isNavOpen","languageCode","languageOptions","locale","permissions","serverFunction","switchLanguageServerAction","theme","translations","user","RouteCacheComponent","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","_jsxs","_jsx","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@payloadcms/translations'\nimport type {\n  ClientConfig,\n  LanguageOptions,\n  Locale,\n  SanitizedPermissions,\n  ServerFunctionClient,\n  User,\n} from 'payload'\n\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React, { Fragment } from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { SearchParamsProvider } from '../SearchParams/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n  readonly dateFNSKey: Language['dateFNSKey']\n  readonly fallbackLang: I18nOptions['fallbackLanguage']\n  readonly isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly serverFunction: ServerFunctionClient\n  readonly switchLanguageServerAction?: (lang: string) => Promise<void>\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | User\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  serverFunction,\n  switchLanguageServerAction,\n  theme,\n  translations,\n  user,\n}) => {\n  const RouteCacheComponent =\n    process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true' ? RouteCache : Fragment\n\n  return (\n    <Fragment>\n      <ServerFunctionsProvider serverFunction={serverFunction}>\n        <RouteTransitionProvider>\n          <RouteCacheComponent>\n            <ConfigProvider config={config}>\n              <ClientFunctionProvider>\n                <TranslationProvider\n                  dateFNSKey={dateFNSKey}\n                  fallbackLang={fallbackLang}\n                  language={languageCode}\n                  languageOptions={languageOptions}\n                  switchLanguageServerAction={switchLanguageServerAction}\n                  translations={translations}\n                >\n                  <WindowInfoProvider\n                    breakpoints={{\n                      l: '(max-width: 1440px)',\n                      m: '(max-width: 1024px)',\n                      s: '(max-width: 768px)',\n                      xs: '(max-width: 400px)',\n                    }}\n                  >\n                    <ScrollInfoProvider>\n                      <SearchParamsProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <AuthProvider permissions={permissions} user={user}>\n                            <PreferencesProvider>\n                              <ThemeProvider theme={theme}>\n                                <ParamsProvider>\n                                  <LocaleProvider locale={locale}>\n                                    <StepNavProvider>\n                                      <LoadingOverlayProvider>\n                                        <DocumentEventsProvider>\n                                          <NavProvider initialIsOpen={isNavOpen}>\n                                            {children}\n                                          </NavProvider>\n                                        </DocumentEventsProvider>\n                                      </LoadingOverlayProvider>\n                                    </StepNavProvider>\n                                  </LocaleProvider>\n                                </ParamsProvider>\n                              </ThemeProvider>\n                            </PreferencesProvider>\n                            <ModalContainer />\n                            <StayLoggedInModal />\n                          </AuthProvider>\n                        </ModalProvider>\n                      </SearchParamsProvider>\n                    </ScrollInfoProvider>\n                  </WindowInfoProvider>\n                </TranslationProvider>\n              </ClientFunctionProvider>\n            </ConfigProvider>\n          </RouteCacheComponent>\n        </RouteTransitionProvider>\n      </ServerFunctionsProvider>\n      <ToastContainer />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAWA,SAASA,cAAc,EAAEC,aAAa,QAAQ;AAC9C,SAASC,kBAAkB,QAAQ;AACnC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,uBAAuB,QAAQ;AACxC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AAmBpC,OAAO,MAAMC,YAAA,GAAgCA,CAAC;EAC5CC,QAAQ;EACRC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,YAAY;EACZC,eAAe;EACfC,MAAM;EACNC,WAAW;EACXC,cAAc;EACdC,0BAA0B;EAC1BC,KAAK;EACLC,YAAY;EACZC;AAAI,CACL;EACC,MAAMC,mBAAA,GACJC,OAAA,CAAQC,GAAG,CAACC,uCAAuC,KAAK,SAASzB,UAAA,GAAab,QAAA;EAEhF,oBACEuC,KAAA,CAACvC,QAAA;4BACCwC,IAAA,CAACxB,uBAAA;MAAwBc,cAAA,EAAgBA,cAAA;gBACvC,aAAAU,IAAA,CAAC1B,uBAAA;kBACC,aAAA0B,IAAA,CAACL,mBAAA;oBACC,aAAAK,IAAA,CAAChC,cAAA;YAAec,MAAA,EAAQA,MAAA;sBACtB,aAAAkB,IAAA,CAACjC,sBAAA;wBACC,aAAAiC,IAAA,CAACrB,mBAAA;gBACCI,UAAA,EAAYA,UAAA;gBACZC,YAAA,EAAcA,YAAA;gBACdiB,QAAA,EAAUf,YAAA;gBACVC,eAAA,EAAiBA,eAAA;gBACjBI,0BAAA,EAA4BA,0BAAA;gBAC5BE,YAAA,EAAcA,YAAA;0BAEd,aAAAO,IAAA,CAACnC,kBAAA;kBACCqC,WAAA,EAAa;oBACXC,CAAA,EAAG;oBACHC,CAAA,EAAG;oBACHC,CAAA,EAAG;oBACHC,EAAA,EAAI;kBACN;4BAEA,aAAAN,IAAA,CAAC1C,kBAAA;8BACC,aAAA0C,IAAA,CAACzB,oBAAA;gCACC,aAAAyB,IAAA,CAAC3C,aAAA;wBAAckD,WAAA,EAAY;wBAAUC,SAAA,EAAW;wBAAGC,MAAA,EAAO;kCACxD,aAAAV,KAAA,CAACjC,YAAA;0BAAauB,WAAA,EAAaA,WAAA;0BAAaK,IAAA,EAAMA,IAAA;kDAC5CM,IAAA,CAAC5B,mBAAA;sCACC,aAAA4B,IAAA,CAACvB,aAAA;8BAAce,KAAA,EAAOA,KAAA;wCACpB,aAAAQ,IAAA,CAAC7B,cAAA;0CACC,aAAA6B,IAAA,CAAC9B,cAAA;kCAAekB,MAAA,EAAQA,MAAA;4CACtB,aAAAY,IAAA,CAACpC,eAAA;8CACC,aAAAoC,IAAA,CAACvC,sBAAA;gDACC,aAAAuC,IAAA,CAAC/B,sBAAA;kDACC,aAAA+B,IAAA,CAACtC,WAAA;0CAAYgD,aAAA,EAAezB,SAAA;oDACzBJ;;;;;;;;2CASjBmB,IAAA,CAAC5C,cAAA,O,aACD4C,IAAA,CAACrC,iBAAA;;;;;;;;;;;qBAYvBqC,IAAA,CAACtB,cAAA;;AAGP","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.scss';
+/**
+ * Renders a progress bar that shows the progress of a route transition.
+ * Place this at the root of your application, inside of the `RouteTransitionProvider`.
+ * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.
+ * @returns A progress bar that shows the progress of a route transition
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'
+ * const App = () => (
+ * <RouteTransitionProvider>
+ *  <ProgressBar />
+ *  <Link href="/somewhere">Go Somewhere</Link>
+ * </RouteTransitionProvider>
+ */
+export declare const ProgressBar: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/RouteTransition/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,cAAc,CAAA;AAMrB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,yBA4DvB,CAAA"}

package/dist/providers/RouteTransition/ProgressBar/index.js

@@ -0,0 +1,104 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
+import { useRouteTransition } from '../index.js';
+import './index.scss';
+const transitionDuration = 200;
+const baseClass = 'progress-bar';
+const initialDelay = 150;
+/**
+ * Renders a progress bar that shows the progress of a route transition.
+ * Place this at the root of your application, inside of the `RouteTransitionProvider`.
+ * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.
+ * @returns A progress bar that shows the progress of a route transition
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'
+ * const App = () => (
+ * <RouteTransitionProvider>
+ *  <ProgressBar />
+ *  <Link href="/somewhere">Go Somewhere</Link>
+ * </RouteTransitionProvider>
+ */
+export const ProgressBar = () => {
+  const $ = _c(9);
+  const {
+    isTransitioning,
+    transitionProgress
+  } = useRouteTransition();
+  const [progressToShow, setProgressToShow] = React.useState(null);
+  const shouldDelayProgress = useRef(true);
+  let t0;
+  let t1;
+  if ($[0] !== isTransitioning || $[1] !== transitionProgress) {
+    t0 = () => {
+      let clearTimerID;
+      let delayTimerID;
+      if (isTransitioning) {
+        if (shouldDelayProgress.current) {
+          delayTimerID = setTimeout(() => {
+            setProgressToShow(transitionProgress);
+            shouldDelayProgress.current = false;
+          }, initialDelay);
+        } else {
+          setProgressToShow(transitionProgress);
+        }
+      } else {
+        shouldDelayProgress.current = true;
+        setProgressToShow(1);
+        clearTimerID = setTimeout(() => {
+          setProgressToShow(null);
+        }, transitionDuration * 2);
+      }
+      return () => {
+        clearTimeout(clearTimerID);
+        clearTimeout(delayTimerID);
+      };
+    };
+    t1 = [isTransitioning, transitionProgress];
+    $[0] = isTransitioning;
+    $[1] = transitionProgress;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  if (typeof progressToShow === "number") {
+    const t2 = progressToShow === 1 && `${baseClass}--fade-out`;
+    let t3;
+    if ($[4] !== t2) {
+      t3 = [baseClass, t2].filter(Boolean);
+      $[4] = t2;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    const t4 = t3.join(" ");
+    let t5;
+    if ($[6] !== progressToShow || $[7] !== t4) {
+      t5 = _jsx("div", {
+        className: t4,
+        style: {
+          "--transition-duration": `${transitionDuration}ms`
+        },
+        children: _jsx("div", {
+          className: `${baseClass}__progress`,
+          style: {
+            width: `${(progressToShow || 0) * 100}%`
+          }
+        })
+      });
+      $[6] = progressToShow;
+      $[7] = t4;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    return t5;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/RouteTransition/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","$","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","t0","t1","clearTimerID","delayTimerID","current","clearTimeout","t2","t3","filter","Boolean","t4","join","t5","_jsx","className","style","children","width"],"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n * <RouteTransitionProvider>\n *  <ProgressBar />\n *  <Link href=\"/somewhere\">Go Somewhere</Link>\n * </RouteTransitionProvider>\n */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,SAAA,GAAY;AAClB,MAAMC,YAAA,GAAe;AAErB;;;;;;;;;;;;;AAaA,OAAO,MAAMC,WAAA,GAAcA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACzB;IAAAU,eAAA;IAAAC;EAAA,IAAgDP,kBAAA;EAChD,OAAAQ,cAAA,EAAAC,iBAAA,IAA4CZ,KAAA,CAAAa,QAAA,KAA8B;EAC1E,MAAAC,mBAAA,GAA4BZ,MAAA,KAAO;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,kBAAA;IAEzBK,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,YAAA;MACAC,GAAA,CAAAA,YAAA;MAAA,IAEAT,eAAA;QAAA,IACEK,mBAAA,CAAAK,OAAA;UACFD,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;YACbN,iBAAA,CAAkBF,kBAAA;YAClBI,mBAAA,CAAAK,OAAA;UAAA,GAAAb,YACC;QAHH;UAKAM,iBAAA,CAAkBF,kBAAA;QAAA;MAAA;QAGpBI,mBAAA,CAAAK,OAAA;QAIAP,iBAAA,EAAkB;QAIlBK,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;UACbL,iBAAA,KAAkB;QAAA,GACjBR,kBAAA,IAAqB;MAFxB;MAAA;QAMAgB,YAAA,CAAaH,YAAA;QACbG,YAAA,CAAaF,YAAA;MAAA;IAAA;IAEdF,EAAA,IAACP,eAAA,EAAiBC,kBAAA;IAAmBF,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EA/BxCP,SAAA,CAAUc,EA+BV,EAAGC,EAAqC;EAAA,IAEpC,OAAOL,cAAA,KAAmB;IAGD,MAAAU,EAAA,GAAAV,cAAA,MAAmB,IAAK,GAAAN,SAAA,YAAwB;IAAA,IAAAiB,EAAA;IAAA,IAAAd,CAAA,QAAAa,EAAA;MAA5DC,EAAA,IAAAjB,SAAA,EAAYgB,EAAgD,EAAAE,MAAA,CAAAC,OAC7D;MAAAhB,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IADC,MAAAiB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAnB,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAiB,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,KAAA;UAAA,yBAGmB,GAAA1B,kBAAA;QAAyB;QAAA2B,QAAA,EAGpDH,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAxB,SAAA,YAAwB;UAAAyB,KAAA;YAAAE,KAAA,EAE1B,GAAG,CAACrB,cAAA,KAAkB,OAAK;UAAM;QAAA,C;;;;;;;;WAZ9CgB,E;;;CAoBN","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.scss

@@ -0,0 +1,21 @@
+.progress-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  z-index: 9999;
+  opacity: 1;
+
+  &__progress {
+    height: 100%;
+    background-color: var(--theme-elevation-1000);
+    transition: width ease-in var(--transition-duration);
+  }
+
+  &--fade-out {
+    opacity: 0;
+    transition: opacity linear var(--transition-duration);
+    transition-delay: var(--transition-duration);
+  }
+}

package/dist/providers/RouteTransition/index.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+/**
+ * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.
+ * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.
+ * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,
+ * or wrap a callback function with the `startRouteTransition` method.
+ * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.
+ * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'
+ * const App = () => (
+ *  <RouteTransitionProvider>
+ *   <ProgressBar />
+ *   <Link href="/somewhere">Go Somewhere</Link>
+ *  </RouteTransitionProvider>
+ * )
+ */
+export declare const RouteTransitionProvider: React.FC<RouteTransitionProps>;
+type RouteTransitionProps = {
+    children: React.ReactNode;
+};
+type StartRouteTransition = (callback?: () => void) => void;
+type RouteTransitionContextValue = {
+    isTransitioning: boolean;
+    startRouteTransition: StartRouteTransition;
+    transitionProgress: number;
+};
+/**
+ * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.
+ * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.
+ * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * 'use client'
+ * import React, { useCallback } from 'react'
+ * import { useTransition } from '@payloadcms/ui'
+ * import { useRouter } from 'next/navigation'
+ *
+ * const MyComponent: React.FC = () => {
+ *   const router = useRouter()
+ *   const { startRouteTransition } = useRouteTransition()
+ *
+ *   const redirectSomewhere = useCallback(() => {
+ *     startRouteTransition(() => router.push('/somewhere'))
+ *   }, [startRouteTransition, router])
+ *
+ *   // ...
+ * }
+ */
+export declare const useRouteTransition: () => RouteTransitionContextValue;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/RouteTransition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/RouteTransition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyE,MAAM,OAAO,CAAA;AAE7F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+DlE,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,oBAAoB,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;AAE3D,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,OAAO,CAAA;IACxB,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAQD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,mCAAiD,CAAA"}

package/dist/providers/RouteTransition/index.js

@@ -0,0 +1,133 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react';
+/**
+ * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.
+ * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.
+ * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,
+ * or wrap a callback function with the `startRouteTransition` method.
+ * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.
+ * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'
+ * const App = () => (
+ *  <RouteTransitionProvider>
+ *   <ProgressBar />
+ *   <Link href="/somewhere">Go Somewhere</Link>
+ *  </RouteTransitionProvider>
+ * )
+ */
+export const RouteTransitionProvider = t0 => {
+  const $ = _c(11);
+  const {
+    children
+  } = t0;
+  const [isTransitioning, setIsTransitioning] = useOptimistic(false);
+  const [transitionProgress, setTransitionProgress] = React.useState(0);
+  const transitionProgressRef = useRef(transitionProgress);
+  const timerID = useRef(null);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      timerID.current = setInterval(() => {
+        const newProgress = transitionProgressRef.current + (0.93 - transitionProgressRef.current) * Math.random() * 0.2 * Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * 0.75), 0.75);
+        setTransitionProgress(newProgress);
+        transitionProgressRef.current = newProgress;
+      }, 250);
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const initiateProgress = t1;
+  let t2;
+  let t3;
+  if ($[1] !== isTransitioning) {
+    t2 = () => {
+      setTransitionProgress(0);
+      transitionProgressRef.current = 0;
+      if (isTransitioning) {
+        initiateProgress();
+      } else {
+        if (timerID.current) {
+          clearInterval(timerID.current);
+        }
+      }
+    };
+    t3 = [isTransitioning, initiateProgress];
+    $[1] = isTransitioning;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] !== setIsTransitioning) {
+    t4 = callback => {
+      startTransition(() => {
+        setIsTransitioning(true);
+        if (typeof callback === "function") {
+          callback();
+        }
+      });
+    };
+    $[4] = setIsTransitioning;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const startRouteTransition = t4;
+  let t5;
+  if ($[6] !== children || $[7] !== isTransitioning || $[8] !== startRouteTransition || $[9] !== transitionProgress) {
+    t5 = _jsx(RouteTransitionContext.Provider, {
+      value: {
+        isTransitioning,
+        startRouteTransition,
+        transitionProgress
+      },
+      children
+    });
+    $[6] = children;
+    $[7] = isTransitioning;
+    $[8] = startRouteTransition;
+    $[9] = transitionProgress;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+};
+const RouteTransitionContext = /*#__PURE__*/React.createContext({
+  isTransitioning: false,
+  startRouteTransition: () => undefined,
+  transitionProgress: 0
+});
+/**
+ * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.
+ * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.
+ * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * 'use client'
+ * import React, { useCallback } from 'react'
+ * import { useTransition } from '@payloadcms/ui'
+ * import { useRouter } from 'next/navigation'
+ *
+ * const MyComponent: React.FC = () => {
+ *   const router = useRouter()
+ *   const { startRouteTransition } = useRouteTransition()
+ *
+ *   const redirectSomewhere = useCallback(() => {
+ *     startRouteTransition(() => router.push('/somewhere'))
+ *   }, [startRouteTransition, router])
+ *
+ *   // ...
+ * }
+ */
+export const useRouteTransition = () => {
+  return React.useContext(RouteTransitionContext);
+};
+//# sourceMappingURL=index.js.map