@payloadcms/ui 3.24.0-canary.72057b1 → 3.24.0-canary.80e034e

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","t0","$","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","t1","Symbol","for","current","setInterval","newProgress","Math","random","pow","log","initiateProgress","t2","t3","clearInterval","t4","callback","startRouteTransition","t5","_jsx","RouteTransitionContext","Provider","value","createContext","undefined","useRouteTransition","useContext"],"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * 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.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\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 * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => void) => {\n      startTransition(() => {\n        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext.Provider\n      value={{ isTransitioning, startRouteTransition, transitionProgress }}\n    >\n      {children}\n    </RouteTransitionContext.Provider>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  startRouteTransition: () => undefined,\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.useContext(RouteTransitionContext)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Selection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIhD,OAAO,KAA8E,MAAM,OAAO,CAAA;AAKlG,oBAAY,eAAe;IACzB,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,CAAC,gBAAgB,CAAC,EAAE,KAAK,KAAK,MAAM,CAAA;IACpD,SAAS,EAAE,eAAe,CAAA;IAC1B,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAID,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAElC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqK7C,CAAA;AAED,eAAO,MAAM,YAAY,QAAO,gBAAuC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Selection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIhD,OAAO,KAA8E,MAAM,OAAO,CAAA;AAKlG,oBAAY,eAAe;IACzB,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,CAAC,gBAAgB,CAAC,EAAE,KAAK,KAAK,MAAM,CAAA;IACpD,SAAS,EAAE,eAAe,CAAA;IAC1B,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAID,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAElC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoK7C,CAAA;AAED,eAAO,MAAM,YAAY,QAAO,gBAAuC,CAAA"}

package/dist/providers/Selection/index.js

@@ -71,14 +71,13 @@ export const SelectionProvider = ({
     }
     const existingValue = selected.get(id_2);
     const isSelected = typeof existingValue === 'boolean' ? !existingValue : true;
-    let newMap = new Map();
-    if (isSelected) {
-      newMap = new Map(selected.set(id_2, isSelected));
-    } else {
-      newMap = new Map(selected.set(id_2, false));
+    const newMap = new Map(selected.set(id_2, isSelected));
+    // If previously selected all and now deselecting, adjust status
+    if (selectAll === "allAvailable" && !isSelected) {
+      setSelectAll("some");
     }
     setSelected(newMap);
-  }, [selected, docs, user?.id]);
+  }, [selected, docs, selectAll, user?.id]);
   const getQueryParams = useCallback(additionalWhereParams => {
     let where;
     if (selectAll === "allAvailable") {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useSearchParams","qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","parseSearchParams","useLocale","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","user","contextRef","code","locale","selected","setSelected","rows","Map","forEach","id","set","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","_isLocked","_userEditing","setSelection","doc","find","existingValue","get","isSelected","newMap","getQueryParams","additionalWhereParams","where","params","not_equals","ids","key","value","push","in","and","stringify","addQueryPrefix","some","all","size","_","length","newCount","current","_jsx","Provider","useSelection"],"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser, Where } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { useLocale } from '../Locale/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Map<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  readonly children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly docs: any[]\n  readonly totalDocs: number\n  user: ClientUser\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs, user }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = new Map()\n    docs.forEach(({ id }) => {\n      rows.set(id, false)\n    })\n    return rows\n  })\n\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const searchParams = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = new Map()\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, true)\n          }\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n      } else {\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, selectAll !== SelectAllStatus.Some)\n          }\n        })\n      }\n\n      setSelected(rows)\n    },\n    [docs, selectAll, user?.id],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const doc = docs.find((doc) => doc.id === id)\n\n      if (doc?._isLocked && user?.id !== doc?._userEditing.id) {\n        return // Prevent selection if the document is locked\n      }\n\n      const existingValue = selected.get(id)\n      const isSelected = typeof existingValue === 'boolean' ? !existingValue : true\n\n      let newMap = new Map()\n\n      if (isSelected) {\n        newMap = new Map(selected.set(id, isSelected))\n      } else {\n        newMap = new Map(selected.set(id, false))\n      }\n\n      setSelected(newMap)\n    },\n    [selected, docs, user?.id],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalWhereParams?: Where): string => {\n      let where: Where\n\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = parseSearchParams(searchParams)?.where as Where\n\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        const ids = []\n\n        for (const [key, value] of selected) {\n          if (value) {\n            ids.push(key)\n          }\n        }\n\n        where = {\n          id: {\n            in: ids,\n          },\n        }\n      }\n\n      if (additionalWhereParams) {\n        where = {\n          and: [{ ...additionalWhereParams }, where],\n        }\n      }\n\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n\n    if (!selected.size) {\n      all = false\n      some = false\n    } else {\n      for (const [_, value] of selected) {\n        all = all && value\n        some = some || value\n      }\n    }\n\n    if (all && selected.size === docs.length) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected, totalDocs, docs])\n\n  useEffect(() => {\n    let newCount = 0\n\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      newCount = totalDocs\n    } else {\n      for (const [_, value] of selected) {\n        if (value) {\n          newCount++\n        }\n      }\n    }\n\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useSearchParams","qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","parseSearchParams","useLocale","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","user","contextRef","code","locale","selected","setSelected","rows","Map","forEach","id","set","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","_isLocked","_userEditing","setSelection","doc","find","existingValue","get","isSelected","newMap","getQueryParams","additionalWhereParams","where","params","not_equals","ids","key","value","push","in","and","stringify","addQueryPrefix","some","all","size","_","length","newCount","current","_jsx","Provider","useSelection"],"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser, Where } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { useLocale } from '../Locale/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Map<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  readonly children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly docs: any[]\n  readonly totalDocs: number\n  user: ClientUser\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs, user }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = new Map()\n    docs.forEach(({ id }) => {\n      rows.set(id, false)\n    })\n    return rows\n  })\n\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const searchParams = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = new Map()\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, true)\n          }\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n      } else {\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, selectAll !== SelectAllStatus.Some)\n          }\n        })\n      }\n\n      setSelected(rows)\n    },\n    [docs, selectAll, user?.id],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const doc = docs.find((doc) => doc.id === id)\n\n      if (doc?._isLocked && user?.id !== doc?._userEditing.id) {\n        return // Prevent selection if the document is locked\n      }\n\n      const existingValue = selected.get(id)\n      const isSelected = typeof existingValue === 'boolean' ? !existingValue : true\n\n      const newMap = new Map(selected.set(id, isSelected))\n\n      // If previously selected all and now deselecting, adjust status\n      if (selectAll === SelectAllStatus.AllAvailable && !isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n\n      setSelected(newMap)\n    },\n    [selected, docs, selectAll, user?.id],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalWhereParams?: Where): string => {\n      let where: Where\n\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = parseSearchParams(searchParams)?.where as Where\n\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        const ids = []\n\n        for (const [key, value] of selected) {\n          if (value) {\n            ids.push(key)\n          }\n        }\n\n        where = {\n          id: {\n            in: ids,\n          },\n        }\n      }\n\n      if (additionalWhereParams) {\n        where = {\n          and: [{ ...additionalWhereParams }, where],\n        }\n      }\n\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n\n    if (!selected.size) {\n      all = false\n      some = false\n    } else {\n      for (const [_, value] of selected) {\n        all = all && value\n        some = some || value\n      }\n    }\n\n    if (all && selected.size === docs.length) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected, totalDocs, docs])\n\n  useEffect(() => {\n    let newCount = 0\n\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      newCount = totalDocs\n    } else {\n      for (const [_, value] of selected) {\n        if (value) {\n          newCount++\n        }\n      }\n    }\n\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}