@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/elements/LoadingOverlay/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { createContext } from 'react';
 import { LoadingOverlay } from '../../elements/Loading/index.js';
@@ -11,63 +12,106 @@ const Context = /*#__PURE__*/createContext({
   isOnScreen: false,
   toggleLoadingOverlay: undefined
 });
-export const LoadingOverlayProvider = ({
-  children
-}) => {
+export const LoadingOverlayProvider = t0 => {
+  const $ = _c(15);
+  const {
+    children
+  } = t0;
   const {
     t
   } = useTranslation();
-  const fallbackText = t('general:loading');
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("general:loading");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const fallbackText = t1;
   const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState);
+  let t2;
+  if ($[2] !== overlays.isLoading) {
+    t2 = {
+      delayBeforeShow: 1000,
+      inTimeout: animatedDuration,
+      minShowTime: 500,
+      outTimeout: animatedDuration,
+      show: overlays.isLoading
+    };
+    $[2] = overlays.isLoading;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
   const {
     isMounted,
     isUnmounting,
     triggerDelayedRender
-  } = useDelayedRender({
-    delayBeforeShow: 1000,
-    inTimeout: animatedDuration,
-    minShowTime: 500,
-    outTimeout: animatedDuration,
-    show: overlays.isLoading
-  });
-  const toggleLoadingOverlay = React.useCallback(({
-    type,
-    isLoading,
-    key,
-    loadingText = fallbackText
-  }) => {
-    if (isLoading) {
-      triggerDelayedRender();
-      dispatchOverlay({
-        type: 'add',
-        payload: {
-          type,
-          key,
-          loadingText
-        }
-      });
-    } else {
-      dispatchOverlay({
-        type: 'remove',
-        payload: {
-          type,
-          key
-        }
-      });
-    }
-  }, [triggerDelayedRender, fallbackText]);
-  return /*#__PURE__*/_jsxs(Context, {
-    value: {
-      isOnScreen: isMounted,
-      toggleLoadingOverlay
-    },
-    children: [isMounted && /*#__PURE__*/_jsx(LoadingOverlay, {
-      animationDuration: `${animatedDuration}ms`,
-      loadingText: overlays.loadingText || fallbackText,
-      overlayType: overlays.overlayType,
-      show: !isUnmounting
-    }), children]
-  });
+  } = useDelayedRender(t2);
+  let t3;
+  if ($[4] !== fallbackText || $[5] !== triggerDelayedRender) {
+    t3 = t4 => {
+      const {
+        type,
+        isLoading,
+        key,
+        loadingText: t5
+      } = t4;
+      const loadingText = t5 === undefined ? fallbackText : t5;
+      if (isLoading) {
+        triggerDelayedRender();
+        dispatchOverlay({
+          type: "add",
+          payload: {
+            type,
+            key,
+            loadingText
+          }
+        });
+      } else {
+        dispatchOverlay({
+          type: "remove",
+          payload: {
+            type,
+            key
+          }
+        });
+      }
+    };
+    $[4] = fallbackText;
+    $[5] = triggerDelayedRender;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const toggleLoadingOverlay = t3;
+  let t4;
+  if ($[7] !== children || $[8] !== fallbackText || $[9] !== isMounted || $[10] !== isUnmounting || $[11] !== overlays.loadingText || $[12] !== overlays.overlayType || $[13] !== toggleLoadingOverlay) {
+    t4 = _jsxs(Context, {
+      value: {
+        isOnScreen: isMounted,
+        toggleLoadingOverlay
+      },
+      children: [isMounted && _jsx(LoadingOverlay, {
+        animationDuration: `${animatedDuration}ms`,
+        loadingText: overlays.loadingText || fallbackText,
+        overlayType: overlays.overlayType,
+        show: !isUnmounting
+      }), children]
+    });
+    $[7] = children;
+    $[8] = fallbackText;
+    $[9] = isMounted;
+    $[10] = isUnmounting;
+    $[11] = overlays.loadingText;
+    $[12] = overlays.overlayType;
+    $[13] = toggleLoadingOverlay;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 };
 export const useLoadingOverlay = () => {
   const contextHook = React.use(Context);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","createContext","LoadingOverlay","useDelayedRender","useTranslation","defaultLoadingOverlayState","reducer","animatedDuration","Context","isOnScreen","toggleLoadingOverlay","undefined","LoadingOverlayProvider","children","t","fallbackText","overlays","dispatchOverlay","useReducer","isMounted","isUnmounting","triggerDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","isLoading","useCallback","type","key","loadingText","payload","_jsxs","value","_jsx","animationDuration","overlayType","useLoadingOverlay","contextHook","use","Error"],"sources":["../../../src/elements/LoadingOverlay/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext } from 'react'\n\nimport type { LoadingOverlayContext, ToggleLoadingOverlay } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useDelayedRender } from '../../hooks/useDelayedRender.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { defaultLoadingOverlayState, reducer } from './reducer.js'\n\nconst animatedDuration = 250\n\nconst Context = createContext({\n  isOnScreen: false,\n  toggleLoadingOverlay: undefined,\n})\n\nexport const LoadingOverlayProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const { t } = useTranslation()\n  const fallbackText = t('general:loading')\n  const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState)\n\n  const { isMounted, isUnmounting, triggerDelayedRender } = useDelayedRender({\n    delayBeforeShow: 1000,\n    inTimeout: animatedDuration,\n    minShowTime: 500,\n    outTimeout: animatedDuration,\n    show: overlays.isLoading,\n  })\n\n  const toggleLoadingOverlay = React.useCallback<ToggleLoadingOverlay>(\n    ({ type, isLoading, key, loadingText = fallbackText }) => {\n      if (isLoading) {\n        triggerDelayedRender()\n        dispatchOverlay({\n          type: 'add',\n          payload: {\n            type,\n            key,\n            loadingText,\n          },\n        })\n      } else {\n        dispatchOverlay({\n          type: 'remove',\n          payload: {\n            type,\n            key,\n          },\n        })\n      }\n    },\n    [triggerDelayedRender, fallbackText],\n  )\n\n  return (\n    <Context\n      value={{\n        isOnScreen: isMounted,\n        toggleLoadingOverlay,\n      }}\n    >\n      {isMounted && (\n        <LoadingOverlay\n          animationDuration={`${animatedDuration}ms`}\n          loadingText={overlays.loadingText || fallbackText}\n          overlayType={overlays.overlayType}\n          show={!isUnmounting}\n        />\n      )}\n      {children}\n    </Context>\n  )\n}\n\nexport const useLoadingOverlay = (): LoadingOverlayContext => {\n  const contextHook = React.use(Context)\n  if (contextHook === undefined) {\n    throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider')\n  }\n\n  return contextHook\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,QAAQ;AAIrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,0BAA0B,EAAEC,OAAO,QAAQ;AAEpD,MAAMC,gBAAA,GAAmB;AAEzB,MAAMC,OAAA,gBAAUP,aAAA,CAAc;EAC5BQ,UAAA,EAAY;EACZC,oBAAA,EAAsBC;AACxB;AAEA,OAAO,MAAMC,sBAAA,GAAmEA,CAAC;EAAEC;AAAQ,CAAE;EAC3F,MAAM;IAAEC;EAAC,CAAE,GAAGV,cAAA;EACd,MAAMW,YAAA,GAAeD,CAAA,CAAE;EACvB,MAAM,CAACE,QAAA,EAAUC,eAAA,CAAgB,GAAGjB,KAAA,CAAMkB,UAAU,CAACZ,OAAA,EAASD,0BAAA;EAE9D,MAAM;IAAEc,SAAS;IAAEC,YAAY;IAAEC;EAAoB,CAAE,GAAGlB,gBAAA,CAAiB;IACzEmB,eAAA,EAAiB;IACjBC,SAAA,EAAWhB,gBAAA;IACXiB,WAAA,EAAa;IACbC,UAAA,EAAYlB,gBAAA;IACZmB,IAAA,EAAMV,QAAA,CAASW;EACjB;EAEA,MAAMjB,oBAAA,GAAuBV,KAAA,CAAM4B,WAAW,CAC5C,CAAC;IAAEC,IAAI;IAAEF,SAAS;IAAEG,GAAG;IAAEC,WAAA,GAAchB;EAAY,CAAE;IACnD,IAAIY,SAAA,EAAW;MACbN,oBAAA;MACAJ,eAAA,CAAgB;QACdY,IAAA,EAAM;QACNG,OAAA,EAAS;UACPH,IAAA;UACAC,GAAA;UACAC;QACF;MACF;IACF,OAAO;MACLd,eAAA,CAAgB;QACdY,IAAA,EAAM;QACNG,OAAA,EAAS;UACPH,IAAA;UACAC;QACF;MACF;IACF;EACF,GACA,CAACT,oBAAA,EAAsBN,YAAA,CAAa;EAGtC,oBACEkB,KAAA,CAACzB,OAAA;IACC0B,KAAA,EAAO;MACLzB,UAAA,EAAYU,SAAA;MACZT;IACF;eAECS,SAAA,iBACCgB,IAAA,CAACjC,cAAA;MACCkC,iBAAA,EAAmB,GAAG7B,gBAAA,IAAoB;MAC1CwB,WAAA,EAAaf,QAAA,CAASe,WAAW,IAAIhB,YAAA;MACrCsB,WAAA,EAAarB,QAAA,CAASqB,WAAW;MACjCX,IAAA,EAAM,CAACN;QAGVP,QAAA;;AAGP;AAEA,OAAO,MAAMyB,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,WAAA,GAAcvC,KAAA,CAAMwC,GAAG,CAAChC,OAAA;EAC9B,IAAI+B,WAAA,KAAgB5B,SAAA,EAAW;IAC7B,MAAM,IAAI8B,KAAA,CAAM;EAClB;EAEA,OAAOF,WAAA;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","LoadingOverlay","useDelayedRender","useTranslation","defaultLoadingOverlayState","reducer","animatedDuration","Context","isOnScreen","toggleLoadingOverlay","undefined","LoadingOverlayProvider","t0","$","children","t","t1","fallbackText","overlays","dispatchOverlay","useReducer","t2","isLoading","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","isMounted","isUnmounting","triggerDelayedRender","t3","t4","type","key","loadingText","t5","payload","overlayType","_jsxs","value","_jsx","animationDuration","useLoadingOverlay","contextHook","use","Error"],"sources":["../../../src/elements/LoadingOverlay/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext } from 'react'\n\nimport type { LoadingOverlayContext, ToggleLoadingOverlay } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useDelayedRender } from '../../hooks/useDelayedRender.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { defaultLoadingOverlayState, reducer } from './reducer.js'\n\nconst animatedDuration = 250\n\nconst Context = createContext({\n  isOnScreen: false,\n  toggleLoadingOverlay: undefined,\n})\n\nexport const LoadingOverlayProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const { t } = useTranslation()\n  const fallbackText = t('general:loading')\n  const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState)\n\n  const { isMounted, isUnmounting, triggerDelayedRender } = useDelayedRender({\n    delayBeforeShow: 1000,\n    inTimeout: animatedDuration,\n    minShowTime: 500,\n    outTimeout: animatedDuration,\n    show: overlays.isLoading,\n  })\n\n  const toggleLoadingOverlay = React.useCallback<ToggleLoadingOverlay>(\n    ({ type, isLoading, key, loadingText = fallbackText }) => {\n      if (isLoading) {\n        triggerDelayedRender()\n        dispatchOverlay({\n          type: 'add',\n          payload: {\n            type,\n            key,\n            loadingText,\n          },\n        })\n      } else {\n        dispatchOverlay({\n          type: 'remove',\n          payload: {\n            type,\n            key,\n          },\n        })\n      }\n    },\n    [triggerDelayedRender, fallbackText],\n  )\n\n  return (\n    <Context\n      value={{\n        isOnScreen: isMounted,\n        toggleLoadingOverlay,\n      }}\n    >\n      {isMounted && (\n        <LoadingOverlay\n          animationDuration={`${animatedDuration}ms`}\n          loadingText={overlays.loadingText || fallbackText}\n          overlayType={overlays.overlayType}\n          show={!isUnmounting}\n        />\n      )}\n      {children}\n    </Context>\n  )\n}\n\nexport const useLoadingOverlay = (): LoadingOverlayContext => {\n  const contextHook = React.use(Context)\n  if (contextHook === undefined) {\n    throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider')\n  }\n\n  return contextHook\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Localizer/index.js

@@ -17,7 +17,7 @@ import { Popup, PopupList } from '../Popup/index.js';
 import './index.css';
 const baseClass = 'localizer';
 export const Localizer = props => {
-  const $ = _c(17);
+  const $ = _c(30);
   const {
     className,
     renderButton
@@ -44,130 +44,155 @@ export const Localizer = props => {
     const {
       locales
     } = localization;
-    const localeLabel = getTranslation(locale.label, i18n);
-    const localeAccessibleName = localeLabel === locale.code ? `${t("general:locale")}: ${locale.code}` : `${t("general:locale")}: ${localeLabel} (${locale.code})`;
     let t1;
-    if ($[0] !== className) {
-      t1 = [baseClass, className].filter(Boolean);
-      $[0] = className;
-      $[1] = t1;
+    if ($[0] !== i18n || $[1] !== locale.label) {
+      t1 = getTranslation(locale.label, i18n);
+      $[0] = i18n;
+      $[1] = locale.label;
+      $[2] = t1;
     } else {
-      t1 = $[1];
+      t1 = $[2];
     }
-    const t2 = t1.join(" ");
-    let t3;
-    if ($[2] !== i18n || $[3] !== locale.code || $[4] !== locales || $[5] !== router || $[6] !== setLocaleIsLoading || $[7] !== startRouteTransition) {
-      t3 = t4 => {
-        const {
-          close
-        } = t4;
-        return _jsx(PopupList.RadioGroup, {
-          children: locales.map(localeOption => {
-            const localeOptionLabel = getTranslation(localeOption.label, i18n);
-            return _jsx(PopupList.RadioGroupItem, {
-              active: locale.code === localeOption.code,
-              onClick: () => {
-                setLocaleIsLoading(true);
-                close();
-                const searchParams = new URLSearchParams(window.location.search);
-                const url = qs.stringify({
-                  ...qs.parse(searchParams.toString(), {
-                    depth: 10,
-                    ignoreQueryPrefix: true
-                  }),
-                  locale: localeOption.code
-                }, {
-                  addQueryPrefix: true
-                });
-                startRouteTransition(() => {
-                  router.push(url);
-                });
-              },
-              children: localeOptionLabel !== localeOption.code ? _jsxs(Fragment, {
-                children: [localeOptionLabel, "\xA0", _jsx("span", {
-                  className: `${baseClass}__locale-code`,
-                  "data-locale": localeOption.code,
-                  children: `(${localeOption.code})`
-                })]
-              }) : _jsx("span", {
-                className: `${baseClass}__locale-code`,
-                "data-locale": localeOption.code,
-                children: localeOptionLabel
-              })
-            }, localeOption.code);
-          })
-        });
-      };
-      $[2] = i18n;
+    const localeLabel = t1;
+    let t2;
+    if ($[3] !== locale.code || $[4] !== localeLabel || $[5] !== t) {
+      t2 = localeLabel === locale.code ? `${t("general:locale")}: ${locale.code}` : `${t("general:locale")}: ${localeLabel} (${locale.code})`;
       $[3] = locale.code;
-      $[4] = locales;
-      $[5] = router;
-      $[6] = setLocaleIsLoading;
-      $[7] = startRouteTransition;
-      $[8] = t3;
+      $[4] = localeLabel;
+      $[5] = t;
+      $[6] = t2;
     } else {
-      t3 = $[8];
+      t2 = $[6];
     }
-    let t4;
-    if ($[9] !== locale.code || $[10] !== localeAccessibleName || $[11] !== renderButton) {
-      t4 = buttonProps => {
-        const labeledButtonProps = {
-          ...buttonProps,
-          "aria-label": localeAccessibleName
-        };
-        if (renderButton) {
-          return renderButton(labeledButtonProps);
-        }
-        const {
-          active: _active,
-          onClick,
-          onKeyDown,
-          ...ariaProps
-        } = labeledButtonProps;
-        return _jsx(Button, {
-          buttonStyle: "secondary",
-          extraButtonProps: {
-            onKeyDown
-          },
-          icon: _jsx(LanguageIcon, {
-            size: 24
-          }),
-          iconPosition: "left",
-          onClick,
-          ...ariaProps,
-          children: _jsxs("div", {
-            className: `${baseClass}__button-content`,
-            children: [locale.code, _jsx(ChevronIcon, {
-              size: 16
-            })]
-          })
-        });
-      };
-      $[9] = locale.code;
-      $[10] = localeAccessibleName;
-      $[11] = renderButton;
-      $[12] = t4;
+    const localeAccessibleName = t2;
+    let t3;
+    if ($[7] !== className) {
+      t3 = [baseClass, className].filter(Boolean);
+      $[7] = className;
+      $[8] = t3;
     } else {
-      t4 = $[12];
+      t3 = $[8];
     }
+    const t4 = t3.join(" ");
     let t5;
-    if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+    if ($[9] !== i18n || $[10] !== locale.code || $[11] !== localeAccessibleName || $[12] !== locales || $[13] !== renderButton || $[14] !== router || $[15] !== setLocaleIsLoading || $[16] !== startRouteTransition || $[17] !== t4) {
+      let t6;
+      if ($[19] !== i18n || $[20] !== locale.code || $[21] !== locales || $[22] !== router || $[23] !== setLocaleIsLoading || $[24] !== startRouteTransition) {
+        t6 = t7 => {
+          const {
+            close
+          } = t7;
+          return _jsx(PopupList.RadioGroup, {
+            children: locales.map(localeOption => {
+              const localeOptionLabel = getTranslation(localeOption.label, i18n);
+              return _jsx(PopupList.RadioGroupItem, {
+                active: locale.code === localeOption.code,
+                onClick: () => {
+                  setLocaleIsLoading(true);
+                  close();
+                  const searchParams = new URLSearchParams(window.location.search);
+                  const url = qs.stringify({
+                    ...qs.parse(searchParams.toString(), {
+                      depth: 10,
+                      ignoreQueryPrefix: true
+                    }),
+                    locale: localeOption.code
+                  }, {
+                    addQueryPrefix: true
+                  });
+                  startRouteTransition(() => {
+                    router.push(url);
+                  });
+                },
+                children: localeOptionLabel !== localeOption.code ? _jsxs(Fragment, {
+                  children: [localeOptionLabel, "\xA0", _jsx("span", {
+                    className: `${baseClass}__locale-code`,
+                    "data-locale": localeOption.code,
+                    children: `(${localeOption.code})`
+                  })]
+                }) : _jsx("span", {
+                  className: `${baseClass}__locale-code`,
+                  "data-locale": localeOption.code,
+                  children: localeOptionLabel
+                })
+              }, localeOption.code);
+            })
+          });
+        };
+        $[19] = i18n;
+        $[20] = locale.code;
+        $[21] = locales;
+        $[22] = router;
+        $[23] = setLocaleIsLoading;
+        $[24] = startRouteTransition;
+        $[25] = t6;
+      } else {
+        t6 = $[25];
+      }
+      let t7;
+      if ($[26] !== locale.code || $[27] !== localeAccessibleName || $[28] !== renderButton) {
+        t7 = buttonProps => {
+          const labeledButtonProps = {
+            ...buttonProps,
+            "aria-label": localeAccessibleName
+          };
+          if (renderButton) {
+            return renderButton(labeledButtonProps);
+          }
+          const {
+            active: _active,
+            onClick,
+            onKeyDown,
+            ...ariaProps
+          } = labeledButtonProps;
+          return _jsx(Button, {
+            buttonStyle: "secondary",
+            extraButtonProps: {
+              onKeyDown
+            },
+            icon: _jsx(LanguageIcon, {
+              size: 24
+            }),
+            iconPosition: "left",
+            onClick,
+            ...ariaProps,
+            children: _jsxs("div", {
+              className: `${baseClass}__button-content`,
+              children: [locale.code, _jsx(ChevronIcon, {
+                size: 16
+              })]
+            })
+          });
+        };
+        $[26] = locale.code;
+        $[27] = localeAccessibleName;
+        $[28] = renderButton;
+        $[29] = t7;
+      } else {
+        t7 = $[29];
+      }
       t5 = _jsx("div", {
-        className: t2,
+        className: t4,
         children: _jsx(Popup, {
           horizontalAlign: "right",
           popupType: "menu",
-          render: t3,
-          renderButton: t4,
+          render: t6,
+          renderButton: t7,
           showScrollbar: true
         })
       });
-      $[13] = t2;
-      $[14] = t3;
-      $[15] = t4;
-      $[16] = t5;
+      $[9] = i18n;
+      $[10] = locale.code;
+      $[11] = localeAccessibleName;
+      $[12] = locales;
+      $[13] = renderButton;
+      $[14] = router;
+      $[15] = setLocaleIsLoading;
+      $[16] = startRouteTransition;
+      $[17] = t4;
+      $[18] = t5;
     } else {
-      t5 = $[16];
+      t5 = $[18];
     }
     return t5;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","qs","React","Fragment","ChevronIcon","LanguageIcon","useConfig","useLocale","useLocaleLoading","useRouter","useRouteTransition","useTranslation","Button","Popup","PopupList","baseClass","Localizer","props","$","className","renderButton","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","t","locale","locales","localeLabel","label","localeAccessibleName","code","t1","filter","Boolean","t2","join","t3","t4","close","_jsx","RadioGroup","children","map","localeOption","localeOptionLabel","RadioGroupItem","active","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","buttonProps","labeledButtonProps","_active","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","size","t5","horizontalAlign","popupType","render","showScrollbar"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport type { PopupButtonRenderProps } from '../Popup/PopupTrigger/index.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../icons/Language/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n  renderButton?: (props: { 'aria-label': string } & PopupButtonRenderProps) => React.ReactNode\n}> = (props) => {\n  const { className, renderButton } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  if (localization && locale) {\n    const { locales } = localization\n    const localeLabel = getTranslation(locale.label, i18n)\n    const localeAccessibleName =\n      localeLabel === locale.code\n        ? `${t('general:locale')}: ${locale.code}`\n        : `${t('general:locale')}: ${localeLabel} (${locale.code})`\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          horizontalAlign=\"right\"\n          popupType=\"menu\"\n          render={({ close }) => (\n            <PopupList.RadioGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.RadioGroupItem\n                    active={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.RadioGroupItem>\n                )\n              })}\n            </PopupList.RadioGroup>\n          )}\n          renderButton={(buttonProps) => {\n            const labeledButtonProps = {\n              ...buttonProps,\n              'aria-label': localeAccessibleName,\n            }\n\n            if (renderButton) {\n              return renderButton(labeledButtonProps)\n            }\n\n            const { active: _active, onClick, onKeyDown, ...ariaProps } = labeledButtonProps\n\n            return (\n              <Button\n                buttonStyle=\"secondary\"\n                extraButtonProps={{ onKeyDown }}\n                icon={<LanguageIcon size={24} />}\n                iconPosition=\"left\"\n                onClick={onClick}\n                {...ariaProps}\n              >\n                <div className={`${baseClass}__button-content`}>\n                  {locale.code}\n                  <ChevronIcon size={16} />\n                </div>\n              </Button>\n            )\n          }}\n          showScrollbar\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","qs","React","Fragment","ChevronIcon","LanguageIcon","useConfig","useLocale","useLocaleLoading","useRouter","useRouteTransition","useTranslation","Button","Popup","PopupList","baseClass","Localizer","props","$","className","renderButton","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","t","locale","locales","t1","label","localeLabel","t2","code","localeAccessibleName","t3","filter","Boolean","t4","join","t5","t6","t7","close","_jsx","RadioGroup","children","map","localeOption","localeOptionLabel","RadioGroupItem","active","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","buttonProps","labeledButtonProps","_active","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","size","horizontalAlign","popupType","render","showScrollbar"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport type { PopupButtonRenderProps } from '../Popup/PopupTrigger/index.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../icons/Language/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n  renderButton?: (props: { 'aria-label': string } & PopupButtonRenderProps) => React.ReactNode\n}> = (props) => {\n  const { className, renderButton } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  if (localization && locale) {\n    const { locales } = localization\n    const localeLabel = getTranslation(locale.label, i18n)\n    const localeAccessibleName =\n      localeLabel === locale.code\n        ? `${t('general:locale')}: ${locale.code}`\n        : `${t('general:locale')}: ${localeLabel} (${locale.code})`\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          horizontalAlign=\"right\"\n          popupType=\"menu\"\n          render={({ close }) => (\n            <PopupList.RadioGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.RadioGroupItem\n                    active={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      void startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.RadioGroupItem>\n                )\n              })}\n            </PopupList.RadioGroup>\n          )}\n          renderButton={(buttonProps) => {\n            const labeledButtonProps = {\n              ...buttonProps,\n              'aria-label': localeAccessibleName,\n            }\n\n            if (renderButton) {\n              return renderButton(labeledButtonProps)\n            }\n\n            const { active: _active, onClick, onKeyDown, ...ariaProps } = labeledButtonProps\n\n            return (\n              <Button\n                buttonStyle=\"secondary\"\n                extraButtonProps={{ onKeyDown }}\n                icon={<LanguageIcon size={24} />}\n                iconPosition=\"left\"\n                onClick={onClick}\n                {...ariaProps}\n              >\n                <div className={`${baseClass}__button-content`}>\n                  {locale.code}\n                  <ChevronIcon size={16} />\n                </div>\n              </Button>\n            )\n          }}\n          showScrollbar\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,EAAEC,gBAAgB,QAAQ;AAC5C,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EACH;IAAAoB,SAAA;IAAAC;EAAA,IAAoCH,KAAA;EACpC;IAAAI,MAAA,EAAAC;EAAA,IAEIhB,SAAA;EADM;IAAAiB;EAAA,IAAAD,EAAgB;EAG1B,MAAAE,MAAA,GAAef,SAAA;EACf;IAAAgB;EAAA,IAAiCf,kBAAA;EAEjC;IAAAgB;EAAA,IAA+BlB,gBAAA;EAE/B;IAAAmB,IAAA;IAAAC;EAAA,IAAoBjB,cAAA;EACpB,MAAAkB,MAAA,GAAetB,SAAA;EAEf,IAAIgB,YAAgB,IAAhBM,MAAgB;IAClB;MAAAC;IAAA,IAAoBP,YAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAb,CAAA,QAAAS,IAAA,IAAAT,CAAA,QAAAW,MAAA,CAAAG,KAAA;MACAD,EAAA,GAAA/B,cAAA,CAAe6B,MAAA,CAAAG,KAAY,EAAEL,IAAA;MAAAT,CAAA,MAAAS,IAAA;MAAAT,CAAA,MAAAW,MAAA,CAAAG,KAAA;MAAAd,CAAA,MAAAa,EAAA;IAAA;MAAAA,EAAA,GAAAb,CAAA;IAAA;IAAjD,MAAAe,WAAA,GAAoBF,EAA6B;IAAA,IAAAG,EAAA;IAAA,IAAAhB,CAAA,QAAAW,MAAA,CAAAM,IAAA,IAAAjB,CAAA,QAAAe,WAAA,IAAAf,CAAA,QAAAU,CAAA;MAE/CM,EAAA,GAAAD,WAAA,KAAgBJ,MAAA,CAAAM,IAE6C,GAF7D,GACOP,CAAA,CAAE,sBAAsBC,MAAA,CAAAM,IAAW,EACmB,GAF7D,GAEOP,CAAA,CAAE,sBAAsBK,WAAA,KAAgBJ,MAAA,CAAAM,IAAW,GAAG;MAAAjB,CAAA,MAAAW,MAAA,CAAAM,IAAA;MAAAjB,CAAA,MAAAe,WAAA;MAAAf,CAAA,MAAAU,CAAA;MAAAV,CAAA,MAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAH/D,MAAAkB,oBAAA,GACEF,EAE6D;IAAA,IAAAG,EAAA;IAAA,IAAAnB,CAAA,QAAAC,SAAA;MAG7CkB,EAAA,IAACtB,SAAA,EAAWI,SAAA,CAAU,CAAAmB,MAAO,CAACC,OAAA;MAAArB,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAA9B,MAAAsB,EAAA,GAAAH,EAA8B,CAAAI,IAAa,CAAC;IAAA,IAAAC,EAAA;IAAA,IAAAxB,CAAA,QAAAS,IAAA,IAAAT,CAAA,SAAAW,MAAA,CAAAM,IAAA,IAAAjB,CAAA,SAAAkB,oBAAA,IAAAlB,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAE,YAAA,IAAAF,CAAA,SAAAM,MAAA,IAAAN,CAAA,SAAAQ,kBAAA,IAAAR,CAAA,SAAAO,oBAAA,IAAAP,CAAA,SAAAsB,EAAA;MAAA,IAAAG,EAAA;MAAA,IAAAzB,CAAA,SAAAS,IAAA,IAAAT,CAAA,SAAAW,MAAA,CAAAM,IAAA,IAAAjB,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAM,MAAA,IAAAN,CAAA,SAAAQ,kBAAA,IAAAR,CAAA,SAAAO,oBAAA;QAIhDkB,EAAA,GAAAC,EAAA;UAAC;YAAAC;UAAA,IAAAD,EAAS;UAAA,OAChBE,IAAA,CAAChC,SAAA,CAAAiC,UAAoB;YAAAC,QAAA,EAClBlB,OAAA,CAAAmB,GAAW,CAACC,YAAA;cACX,MAAAC,iBAAA,GAA0BnD,cAAA,CAAekD,YAAA,CAAAlB,KAAkB,EAAEL,IAAA;cAAA,OAG3DmB,IAAA,CAAChC,SAAA,CAAAsC,cAAwB;gBAAAC,MAAA,EACfxB,MAAA,CAAAM,IAAW,KAAKe,YAAA,CAAAf,IAAiB;gBAAAmB,OAAA,EAEhCA,CAAA;kBACP5B,kBAAA,CAAmB;kBACnBmB,KAAA;kBAGA,MAAAU,YAAA,GAAqB,IAAIC,eAAA,CAAgBC,MAAA,CAAAC,QAAe,CAAAC,MAAO;kBAE/D,MAAAC,GAAA,GAAY3D,EAAA,CAAA4D,SAAY,CACtB;oBAAA,GACK5D,EAAA,CAAA6D,KAAQ,CAACP,YAAA,CAAAQ,QAAqB,IAAI;sBAAAC,KAAA,EAC5B;sBAAAC,iBAAA,EACY;oBACrB,EAAE;oBAAApC,MAAA,EACMqB,YAAA,CAAAf;kBACV,GACA;oBAAA+B,cAAA,EAAkB;kBAAK;kBAGpBzC,oBAAA,CAAqB;oBACxBD,MAAA,CAAA2C,IAAW,CAACP,GAAA;kBAAA,CACd;gBAAA,CACF;gBAAAZ,QAAA,EAECG,iBAAA,KAAsBD,YAAA,CAAAf,I,GACrBiC,KAAA,CAACjE,QAAA;kBAAA6C,QAAA,E,CACEG,iBAAA,EAAkB,QAEnBL,IAAA,CAAC;oBAAA3B,SAAA,EACY,GAAGJ,SAAA,eAAwB;oBAAA,eACzBmC,YAAA,CAAAf,IAAiB;oBAAAa,QAAA,EAE7B,IAAIE,YAAA,CAAAf,IAAiB;;qBAI1BW,IAAA,CAAC;kBAAA3B,SAAA,EAAgB,GAAGJ,SAAA,eAAwB;kBAAA,eAAemC,YAAA,CAAAf,IAAiB;kBAAAa,QAAA,EACzEG;;iBArCAD,YAAA,CAAAf,IAAiB;YAAA,CA0C5B;;;;;;;;;;;;;;;QAGUS,EAAA,GAAAyB,WAAA;UACZ,MAAAC,kBAAA,GAA2B;YAAA,GACtBD,WAAW;YAAA,cACAjC;UAChB;UAEA,IAAIhB,YAAA;YAAA,OACKA,YAAA,CAAakD,kBAAA;UAAA;UAGtB;YAAAjB,MAAA,EAAAkB,OAAA;YAAAjB,OAAA;YAAAkB,SAAA;YAAA,GAAAC;UAAA,IAA8DH,kBAAA;UAAA,OAG5DxB,IAAA,CAAClC,MAAA;YAAA8D,WAAA,EACa;YAAAC,gBAAA,EACM;cAAAH;YAAY;YAAAI,IAAA,EACxB9B,IAAA,CAACzC,YAAA;cAAAwE,IAAA,EAAmB;;0BACb;YAAAvB,OAAA;YAAA,GAETmB,SAAS;YAAAzB,QAAA,EAEboB,KAAA,CAAC;cAAAjD,SAAA,EAAe,GAAGJ,SAAA,kBAA2B;cAAAiC,QAAA,E,CAC3CnB,MAAA,CAAAM,IAAW,EACZW,IAAA,CAAC1C,WAAA;gBAAAyE,IAAA,EAAkB;;;;SAI3B;QAAA3D,CAAA,OAAAW,MAAA,CAAAM,IAAA;QAAAjB,CAAA,OAAAkB,oBAAA;QAAAlB,CAAA,OAAAE,YAAA;QAAAF,CAAA,OAAA0B,EAAA;MAAA;QAAAA,EAAA,GAAA1B,CAAA;MAAA;MApFJwB,EAAA,GAAAI,IAAA,CAAC;QAAA3B,SAAA,EAAeqB,EAA4C;QAAAQ,QAAA,EAC1DF,IAAA,CAACjC,KAAA;UAAAiE,eAAA,EACiB;UAAAC,SAAA,EACN;UAAAC,MAAA,EACFrC,E;wBAqDMC,EA2Bd;UAAAqC,aAAA,EACa;;;;;;;;;;;;;;;;WArFjBvC,E;;EAyFJ,OAEO;AAAA,CACT","ignoreList":[]}

package/dist/elements/Locked/index.js

@@ -10,7 +10,7 @@ import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'locked';
 export const Locked = t0 => {
-  const $ = _c(10);
+  const $ = _c(15);
   const {
     className,
     user
@@ -19,49 +19,66 @@ export const Locked = t0 => {
   const {
     t
   } = useTranslation();
-  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
-  const tooltipLabel = `${userToUse} ${t("general:isEditing")}`;
   let t1;
-  if ($[0] !== className) {
-    t1 = [baseClass, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t1;
+  if ($[0] !== t || $[1] !== user) {
+    t1 = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+    $[0] = t;
+    $[1] = user;
+    $[2] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[2];
   }
-  const t2 = t1.join(" ");
+  const userToUse = t1;
+  let t2;
+  if ($[3] !== t) {
+    t2 = t("general:isEditing");
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const tooltipLabel = `${userToUse} ${t2}`;
   let t3;
-  let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => setHovered(false);
-    t4 = () => setHovered(true);
-    $[2] = t3;
-    $[3] = t4;
+  if ($[5] !== className) {
+    t3 = [baseClass, className].filter(Boolean);
+    $[5] = className;
+    $[6] = t3;
   } else {
-    t3 = $[2];
-    t4 = $[3];
+    t3 = $[6];
   }
+  const t4 = t3.join(" ");
   let t5;
   let t6;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setHovered(true);
-    t6 = () => setHovered(false);
-    $[4] = t5;
-    $[5] = t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setHovered(false);
+    t6 = () => setHovered(true);
+    $[7] = t5;
+    $[8] = t6;
   } else {
-    t5 = $[4];
-    t6 = $[5];
+    t5 = $[7];
+    t6 = $[8];
   }
   let t7;
-  if ($[6] !== hovered || $[7] !== t2 || $[8] !== tooltipLabel) {
-    t7 = _jsxs("div", {
+  let t8;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => setHovered(true);
+    t8 = () => setHovered(false);
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  let t9;
+  if ($[11] !== hovered || $[12] !== t4 || $[13] !== tooltipLabel) {
+    t9 = _jsxs("div", {
       "aria-label": tooltipLabel,
-      className: t2,
-      onBlur: t3,
-      onFocus: t4,
+      className: t4,
+      onBlur: t5,
+      onFocus: t6,
       onKeyDown: _temp,
-      onMouseEnter: t5,
-      onMouseLeave: t6,
+      onMouseEnter: t7,
+      onMouseLeave: t8,
       role: "button",
       tabIndex: 0,
       children: [_jsx(LockIcon, {}), _jsx(Tooltip, {
@@ -72,14 +89,14 @@ export const Locked = t0 => {
         children: tooltipLabel
       })]
     });
-    $[6] = hovered;
-    $[7] = t2;
-    $[8] = tooltipLabel;
-    $[9] = t7;
+    $[11] = hovered;
+    $[12] = t4;
+    $[13] = tooltipLabel;
+    $[14] = t9;
   } else {
-    t7 = $[9];
+    t9 = $[14];
   }
-  return t7;
+  return t9;
 };
 function _temp(e) {
   if (e.key === " ") {