@payloadcms/ui 4.0.0-internal.ccea85d → 4.0.0-internal.cd47d20

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js

@@ -1,10 +1,11 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { email, formatAdminURL, text } from 'payload/shared';
-import React, { useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+import { Button } from '../../../elements/Button/index.js';
 import { FormHeader } from '../../../elements/FormHeader/index.js';
+import { Link } from '../../../elements/Link/index.js';
 import { EmailField } from '../../../fields/Email/index.js';
 import { TextField } from '../../../fields/Text/index.js';
 import { Form } from '../../../forms/Form/index.js';
@@ -13,181 +14,228 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'forgot-password__form';
+const formatResendDelay = seconds => `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;
+const removeStoredRequest = sessionStorageKey => {
+  try {
+    window.sessionStorage.removeItem(sessionStorageKey);
+  } catch {
+    return;
+  }
+};
+const saveStoredRequest = ({
+  request,
+  sessionStorageKey
+}) => {
+  try {
+    window.sessionStorage.setItem(sessionStorageKey, JSON.stringify(request));
+  } catch {
+    return;
+  }
+};
 export const ForgotPasswordForm = () => {
-  const $ = _c(17);
   const {
     config,
     getEntityConfig
   } = useConfig();
   const {
-    admin: t0,
-    routes: t1
+    admin: {
+      routes: {
+        login: loginRoute
+      },
+      user: userSlug
+    },
+    routes: {
+      admin: adminRoute,
+      api: apiRoute
+    }
   } = config;
-  const {
-    user: userSlug
-  } = t0;
-  const {
-    api: apiRoute
-  } = t1;
   const {
     t
   } = useTranslation();
   const [hasSubmitted, setHasSubmitted] = useState(false);
-  let t2;
-  if ($[0] !== getEntityConfig || $[1] !== userSlug) {
-    t2 = getEntityConfig({
-      collectionSlug: userSlug
-    });
-    $[0] = getEntityConfig;
-    $[1] = userSlug;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const collectionConfig = t2;
+  const [resendDelay, setResendDelay] = useState(0);
+  const [storedRequest, setStoredRequest] = useState(null);
+  const resendAvailableAt = useRef(0);
+  const submittedIdentifier = useRef(null);
+  const collectionConfig = getEntityConfig({
+    collectionSlug: userSlug
+  });
   const loginWithUsername = collectionConfig?.auth?.loginWithUsername;
-  let t3;
-  if ($[3] !== loginWithUsername || $[4] !== t) {
-    t3 = (res, successToast, errorToast) => {
-      res.json().then(() => {
-        setHasSubmitted(true);
-        successToast(t("general:submissionSuccessful"));
-      }).catch(() => {
-        errorToast(loginWithUsername ? t("authentication:usernameNotValid") : t("authentication:emailNotValid"));
-      });
-    };
-    $[3] = loginWithUsername;
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const handleResponse = t3;
-  let t4;
-  let t5;
-  if ($[6] !== apiRoute || $[7] !== config || $[8] !== handleResponse || $[9] !== hasSubmitted || $[10] !== loginWithUsername || $[11] !== t || $[12] !== userSlug) {
-    t5 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const initialState = loginWithUsername ? {
-        username: {
-          initialValue: "",
-          valid: true,
-          value: undefined
-        }
-      } : {
-        email: {
-          initialValue: "",
-          valid: true,
-          value: undefined
-        }
-      };
-      if (hasSubmitted) {
-        let t6;
-        if ($[15] !== t) {
-          t6 = _jsx(FormHeader, {
-            description: t("authentication:checkYourEmailForPasswordReset"),
-            heading: t("authentication:emailSent")
-          });
-          $[15] = t;
-          $[16] = t6;
-        } else {
-          t6 = $[16];
-        }
-        t5 = t6;
-        break bb0;
+  const minRequestInterval = collectionConfig?.auth?.forgotPassword?.minRequestInterval ?? 15000;
+  const sessionStorageKey = `payload-forgot-password:${userSlug}`;
+  useEffect(() => {
+    try {
+      const storedValue = window.sessionStorage.getItem(sessionStorageKey);
+      if (!storedValue) {
+        return;
       }
-      t4 = _jsxs(Form, {
-        action: formatAdminURL({
-          apiRoute,
-          path: `/${userSlug}/forgot-password`
-        }),
-        className: baseClass,
-        handleResponse,
-        initialState,
-        method: "POST",
-        children: [_jsx(FormHeader, {
-          description: loginWithUsername ? t("authentication:forgotPasswordUsernameInstructions") : t("authentication:forgotPasswordEmailInstructions"),
-          heading: t("authentication:forgotPassword")
-        }), _jsx("div", {
-          className: `${baseClass}__inputWrap`,
-          children: loginWithUsername ? _jsx(TextField, {
-            field: {
-              name: "username",
-              label: t("authentication:username"),
-              required: true
+      const parsedValue = JSON.parse(storedValue);
+      if (typeof parsedValue.identifier !== 'string' || typeof parsedValue.resendAvailableAt !== 'number' || parsedValue.resendAvailableAt <= Date.now()) {
+        removeStoredRequest(sessionStorageKey);
+        return;
+      }
+      submittedIdentifier.current = parsedValue.identifier;
+      resendAvailableAt.current = parsedValue.resendAvailableAt;
+      setStoredRequest(parsedValue);
+      setResendDelay(Math.max(0, Math.ceil((parsedValue.resendAvailableAt - Date.now()) / 1000)));
+      setHasSubmitted(true);
+    } catch {
+      removeStoredRequest(sessionStorageKey);
+    }
+  }, [sessionStorageKey]);
+  useEffect(() => {
+    if (resendDelay === 0) {
+      return;
+    }
+    const timeout = setTimeout(() => {
+      setResendDelay(Math.max(0, Math.ceil((resendAvailableAt.current - Date.now()) / 1000)));
+    }, 1050);
+    return () => clearTimeout(timeout);
+  }, [resendDelay]);
+  const handleResponse = (res, successToast, errorToast) => {
+    res.json().then(() => {
+      const nextResendAvailableAt = Date.now() + minRequestInterval;
+      const nextStoredRequest = submittedIdentifier.current ? {
+        identifier: submittedIdentifier.current,
+        resendAvailableAt: nextResendAvailableAt
+      } : null;
+      resendAvailableAt.current = nextResendAvailableAt;
+      setResendDelay(Math.ceil(minRequestInterval / 1000));
+      setStoredRequest(nextStoredRequest);
+      setHasSubmitted(true);
+      if (nextStoredRequest) {
+        saveStoredRequest({
+          request: nextStoredRequest,
+          sessionStorageKey
+        });
+      }
+      successToast(t('general:submissionSuccessful'));
+    }).catch(() => {
+      errorToast(loginWithUsername ? t('authentication:usernameNotValid') : t('authentication:emailNotValid'));
+    });
+  };
+  const initialState = loginWithUsername ? {
+    username: {
+      initialValue: storedRequest?.identifier ?? '',
+      valid: true,
+      value: storedRequest?.identifier
+    }
+  } : {
+    email: {
+      initialValue: storedRequest?.identifier ?? '',
+      valid: true,
+      value: storedRequest?.identifier
+    }
+  };
+  return /*#__PURE__*/_jsx(Form, {
+    action: formatAdminURL({
+      apiRoute,
+      path: `/${userSlug}/forgot-password`
+    }),
+    className: baseClass,
+    handleResponse: handleResponse,
+    initialState: initialState,
+    method: "POST",
+    onSubmit: (_, data) => {
+      const identifier = loginWithUsername ? data.username : data.email;
+      submittedIdentifier.current = typeof identifier === 'string' ? identifier : null;
+    },
+    children: hasSubmitted ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(FormHeader, {
+        description: t('authentication:checkYourEmailForPasswordReset'),
+        heading: t('authentication:emailSent')
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [/*#__PURE__*/_jsx(Button, {
+          buttonStyle: "primary",
+          className: `${baseClass}__submit`,
+          disabled: resendDelay > 0,
+          type: "submit",
+          children: resendDelay > 0 ? `${t('authentication:resend')} (${formatResendDelay(resendDelay)})` : t('authentication:resend')
+        }), /*#__PURE__*/_jsx(Link, {
+          href: formatAdminURL({
+            adminRoute,
+            path: loginRoute
+          }),
+          prefetch: false,
+          children: t('authentication:backToLogin')
+        })]
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(FormHeader, {
+        description: loginWithUsername ? t('authentication:forgotPasswordUsernameInstructions') : t('authentication:forgotPasswordEmailInstructions'),
+        heading: t('authentication:forgotPassword')
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__inputWrap`,
+        children: loginWithUsername ? /*#__PURE__*/_jsx(TextField, {
+          field: {
+            name: 'username',
+            label: t('authentication:username'),
+            required: true
+          },
+          path: "username",
+          validate: value => text(value, {
+            name: 'username',
+            type: 'text',
+            blockData: {},
+            data: {},
+            event: 'onChange',
+            path: ['username'],
+            preferences: {
+              fields: {}
             },
-            path: "username",
-            validate: value => text(value, {
-              name: "username",
-              type: "text",
-              blockData: {},
-              data: {},
-              event: "onChange",
-              path: ["username"],
-              preferences: {
-                fields: {}
-              },
-              req: {
-                payload: {
-                  config
-                },
-                t
+            req: {
+              payload: {
+                config
               },
-              required: true,
-              siblingData: {}
-            })
-          }) : _jsx(EmailField, {
-            field: {
-              name: "email",
-              admin: {
-                autoComplete: "email"
-              },
-              label: t("general:email"),
-              required: true
+              t
             },
-            path: "email",
-            validate: value_0 => email(value_0, {
-              name: "email",
-              type: "email",
-              blockData: {},
-              data: {},
-              event: "onChange",
-              path: ["email"],
-              preferences: {
-                fields: {}
-              },
-              req: {
-                payload: {
-                  config
-                },
-                t
+            required: true,
+            siblingData: {}
+          })
+        }) : /*#__PURE__*/_jsx(EmailField, {
+          field: {
+            name: 'email',
+            admin: {
+              autoComplete: 'email'
+            },
+            label: t('general:email'),
+            required: true
+          },
+          path: "email",
+          validate: value_0 => email(value_0, {
+            name: 'email',
+            type: 'email',
+            blockData: {},
+            data: {},
+            event: 'onChange',
+            path: ['email'],
+            preferences: {
+              fields: {}
+            },
+            req: {
+              payload: {
+                config
               },
-              required: true,
-              siblingData: {}
-            })
+              t
+            },
+            required: true,
+            siblingData: {}
           })
-        }), _jsx(FormSubmit, {
-          className: `${baseClass}__submit`,
-          children: t("general:submit")
-        })]
-      });
-    }
-    $[6] = apiRoute;
-    $[7] = config;
-    $[8] = handleResponse;
-    $[9] = hasSubmitted;
-    $[10] = loginWithUsername;
-    $[11] = t;
-    $[12] = userSlug;
-    $[13] = t4;
-    $[14] = t5;
-  } else {
-    t4 = $[13];
-    t5 = $[14];
-  }
-  if (t5 !== Symbol.for("react.early_return_sentinel")) {
-    return t5;
-  }
-  return t4;
+        })
+      }), /*#__PURE__*/_jsx(FormSubmit, {
+        className: `${baseClass}__submit`,
+        children: t('general:submit')
+      }), /*#__PURE__*/_jsx(Link, {
+        className: "forgot-password__back",
+        href: formatAdminURL({
+          adminRoute,
+          path: loginRoute
+        }),
+        prefetch: false,
+        children: t('authentication:backToLogin')
+      })]
+    })
+  }, `${hasSubmitted ? 'submitted' : 'editing'}:${storedRequest?.identifier ?? ''}`);
 };
 //# sourceMappingURL=index.js.map

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","email","formatAdminURL","text","React","useState","FormHeader","EmailField","TextField","Form","FormSubmit","useConfig","useTranslation","baseClass","ForgotPasswordForm","$","config","getEntityConfig","admin","t0","routes","t1","user","userSlug","api","apiRoute","t","hasSubmitted","setHasSubmitted","t2","collectionSlug","collectionConfig","loginWithUsername","auth","t3","res","successToast","errorToast","json","then","catch","handleResponse","t4","t5","Symbol","for","initialState","username","initialValue","valid","value","undefined","t6","_jsx","description","heading","_jsxs","action","path","className","method","children","field","name","label","required","validate","type","blockData","data","event","preferences","fields","req","payload","siblingData","autoComplete","value_0"],"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { email, formatAdminURL, text } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\n\nimport { FormHeader } from '../../../elements/FormHeader/index.js'\nimport { EmailField } from '../../../fields/Email/index.js'\nimport { TextField } from '../../../fields/Text/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FormSubmit } from '../../../forms/Submit/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'forgot-password__form'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api: apiRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <FormHeader\n        description={t('authentication:checkYourEmailForPasswordReset')}\n        heading={t('authentication:emailSent')}\n      />\n    )\n  }\n\n  return (\n    <Form\n      action={formatAdminURL({\n        apiRoute,\n        path: `/${userSlug}/forgot-password`,\n      })}\n      className={baseClass}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <FormHeader\n        description={\n          loginWithUsername\n            ? t('authentication:forgotPasswordUsernameInstructions')\n            : t('authentication:forgotPasswordEmailInstructions')\n        }\n        heading={t('authentication:forgotPassword')}\n      />\n\n      <div className={`${baseClass}__inputWrap`}>\n        {loginWithUsername ? (\n          <TextField\n            field={{\n              name: 'username',\n              label: t('authentication:username'),\n              required: true,\n            }}\n            path=\"username\"\n            validate={(value) =>\n              text(value, {\n                name: 'username',\n                type: 'text',\n                blockData: {},\n                data: {},\n                event: 'onChange',\n                path: ['username'],\n                preferences: { fields: {} },\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                } as unknown as PayloadRequest,\n                required: true,\n                siblingData: {},\n              })\n            }\n          />\n        ) : (\n          <EmailField\n            field={{\n              name: 'email',\n              admin: {\n                autoComplete: 'email',\n              },\n              label: t('general:email'),\n              required: true,\n            }}\n            path=\"email\"\n            validate={(value) =>\n              email(value, {\n                name: 'email',\n                type: 'email',\n                blockData: {},\n                data: {},\n                event: 'onChange',\n                path: ['email'],\n                preferences: { fields: {} },\n                req: { payload: { config }, t } as unknown as PayloadRequest,\n                required: true,\n                siblingData: {},\n              })\n            }\n          />\n        )}\n      </div>\n      <FormSubmit className={`${baseClass}__submit`}>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["email","formatAdminURL","text","React","useEffect","useRef","useState","Button","FormHeader","Link","EmailField","TextField","Form","FormSubmit","useConfig","useTranslation","baseClass","formatResendDelay","seconds","Math","floor","String","padStart","removeStoredRequest","sessionStorageKey","window","sessionStorage","removeItem","saveStoredRequest","request","setItem","JSON","stringify","ForgotPasswordForm","config","getEntityConfig","admin","routes","login","loginRoute","user","userSlug","adminRoute","api","apiRoute","t","hasSubmitted","setHasSubmitted","resendDelay","setResendDelay","storedRequest","setStoredRequest","resendAvailableAt","submittedIdentifier","collectionConfig","collectionSlug","loginWithUsername","auth","minRequestInterval","forgotPassword","storedValue","getItem","parsedValue","parse","identifier","Date","now","current","max","ceil","timeout","setTimeout","clearTimeout","handleResponse","res","successToast","errorToast","json","then","nextResendAvailableAt","nextStoredRequest","catch","initialState","username","initialValue","valid","value","_jsx","action","path","className","method","onSubmit","_","data","_jsxs","_Fragment","description","heading","buttonStyle","disabled","type","href","prefetch","field","name","label","required","validate","blockData","event","preferences","fields","req","payload","siblingData","autoComplete"],"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { email, formatAdminURL, text } from 'payload/shared'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { FormHeader } from '../../../elements/FormHeader/index.js'\nimport { Link } from '../../../elements/Link/index.js'\nimport { EmailField } from '../../../fields/Email/index.js'\nimport { TextField } from '../../../fields/Text/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FormSubmit } from '../../../forms/Submit/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'forgot-password__form'\n\ntype StoredForgotPasswordRequest = {\n  identifier: string\n  resendAvailableAt: number\n}\n\nconst formatResendDelay = (seconds: number): string =>\n  `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`\n\nconst removeStoredRequest = (sessionStorageKey: string): void => {\n  try {\n    window.sessionStorage.removeItem(sessionStorageKey)\n  } catch {\n    return\n  }\n}\n\nconst saveStoredRequest = ({\n  request,\n  sessionStorageKey,\n}: {\n  request: StoredForgotPasswordRequest\n  sessionStorageKey: string\n}): void => {\n  try {\n    window.sessionStorage.setItem(sessionStorageKey, JSON.stringify(request))\n  } catch {\n    return\n  }\n}\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    admin: {\n      routes: { login: loginRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const [resendDelay, setResendDelay] = useState(0)\n  const [storedRequest, setStoredRequest] = useState<null | StoredForgotPasswordRequest>(null)\n  const resendAvailableAt = useRef(0)\n  const submittedIdentifier = useRef<null | string>(null)\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n  const minRequestInterval = collectionConfig?.auth?.forgotPassword?.minRequestInterval ?? 15000\n  const sessionStorageKey = `payload-forgot-password:${userSlug}`\n\n  useEffect(() => {\n    try {\n      const storedValue = window.sessionStorage.getItem(sessionStorageKey)\n\n      if (!storedValue) {\n        return\n      }\n\n      const parsedValue = JSON.parse(storedValue) as StoredForgotPasswordRequest\n\n      if (\n        typeof parsedValue.identifier !== 'string' ||\n        typeof parsedValue.resendAvailableAt !== 'number' ||\n        parsedValue.resendAvailableAt <= Date.now()\n      ) {\n        removeStoredRequest(sessionStorageKey)\n        return\n      }\n\n      submittedIdentifier.current = parsedValue.identifier\n      resendAvailableAt.current = parsedValue.resendAvailableAt\n      setStoredRequest(parsedValue)\n      setResendDelay(Math.max(0, Math.ceil((parsedValue.resendAvailableAt - Date.now()) / 1000)))\n      setHasSubmitted(true)\n    } catch {\n      removeStoredRequest(sessionStorageKey)\n    }\n  }, [sessionStorageKey])\n\n  useEffect(() => {\n    if (resendDelay === 0) {\n      return\n    }\n    const timeout = setTimeout(() => {\n      setResendDelay(Math.max(0, Math.ceil((resendAvailableAt.current - Date.now()) / 1000)))\n    }, 1050)\n    return () => clearTimeout(timeout)\n  }, [resendDelay])\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        const nextResendAvailableAt = Date.now() + minRequestInterval\n        const nextStoredRequest = submittedIdentifier.current\n          ? {\n              identifier: submittedIdentifier.current,\n              resendAvailableAt: nextResendAvailableAt,\n            }\n          : null\n\n        resendAvailableAt.current = nextResendAvailableAt\n        setResendDelay(Math.ceil(minRequestInterval / 1000))\n        setStoredRequest(nextStoredRequest)\n        setHasSubmitted(true)\n\n        if (nextStoredRequest) {\n          saveStoredRequest({ request: nextStoredRequest, sessionStorageKey })\n        }\n\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: storedRequest?.identifier ?? '',\n          valid: true,\n          value: storedRequest?.identifier,\n        },\n      }\n    : {\n        email: {\n          initialValue: storedRequest?.identifier ?? '',\n          valid: true,\n          value: storedRequest?.identifier,\n        },\n      }\n\n  return (\n    <Form\n      action={formatAdminURL({\n        apiRoute,\n        path: `/${userSlug}/forgot-password`,\n      })}\n      className={baseClass}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      key={`${hasSubmitted ? 'submitted' : 'editing'}:${storedRequest?.identifier ?? ''}`}\n      method=\"POST\"\n      onSubmit={(_, data) => {\n        const identifier = loginWithUsername ? data.username : data.email\n\n        submittedIdentifier.current = typeof identifier === 'string' ? identifier : null\n      }}\n    >\n      {hasSubmitted ? (\n        <>\n          <FormHeader\n            description={t('authentication:checkYourEmailForPasswordReset')}\n            heading={t('authentication:emailSent')}\n          />\n          <div className={`${baseClass}__actions`}>\n            <Button\n              buttonStyle=\"primary\"\n              className={`${baseClass}__submit`}\n              disabled={resendDelay > 0}\n              type=\"submit\"\n            >\n              {resendDelay > 0\n                ? `${t('authentication:resend')} (${formatResendDelay(resendDelay)})`\n                : t('authentication:resend')}\n            </Button>\n            <Link href={formatAdminURL({ adminRoute, path: loginRoute })} prefetch={false}>\n              {t('authentication:backToLogin')}\n            </Link>\n          </div>\n        </>\n      ) : (\n        <>\n          <FormHeader\n            description={\n              loginWithUsername\n                ? t('authentication:forgotPasswordUsernameInstructions')\n                : t('authentication:forgotPasswordEmailInstructions')\n            }\n            heading={t('authentication:forgotPassword')}\n          />\n\n          <div className={`${baseClass}__inputWrap`}>\n            {loginWithUsername ? (\n              <TextField\n                field={{\n                  name: 'username',\n                  label: t('authentication:username'),\n                  required: true,\n                }}\n                path=\"username\"\n                validate={(value) =>\n                  text(value, {\n                    name: 'username',\n                    type: 'text',\n                    blockData: {},\n                    data: {},\n                    event: 'onChange',\n                    path: ['username'],\n                    preferences: { fields: {} },\n                    req: {\n                      payload: {\n                        config,\n                      },\n                      t,\n                    } as unknown as PayloadRequest,\n                    required: true,\n                    siblingData: {},\n                  })\n                }\n              />\n            ) : (\n              <EmailField\n                field={{\n                  name: 'email',\n                  admin: {\n                    autoComplete: 'email',\n                  },\n                  label: t('general:email'),\n                  required: true,\n                }}\n                path=\"email\"\n                validate={(value) =>\n                  email(value, {\n                    name: 'email',\n                    type: 'email',\n                    blockData: {},\n                    data: {},\n                    event: 'onChange',\n                    path: ['email'],\n                    preferences: { fields: {} },\n                    req: { payload: { config }, t } as unknown as PayloadRequest,\n                    required: true,\n                    siblingData: {},\n                  })\n                }\n              />\n            )}\n          </div>\n          <FormSubmit className={`${baseClass}__submit`}>{t('general:submit')}</FormSubmit>\n          <Link\n            className=\"forgot-password__back\"\n            href={formatAdminURL({ adminRoute, path: loginRoute })}\n            prefetch={false}\n          >\n            {t('authentication:backToLogin')}\n          </Link>\n        </>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,wBAAgB,kBAAkB,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,qBAwE1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,wBAAgB,kBAAkB,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,qBA6D1E"}

package/dist/views/ForgotPassword/index.js

@@ -64,17 +64,8 @@ export function ForgotPasswordView({
       })]
     });
   }
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(ForgotPasswordForm, {}), /*#__PURE__*/_jsx(Button, {
-      buttonStyle: "ghost",
-      className: `${forgotPasswordBaseClass}__back`,
-      el: "link",
-      url: formatAdminURL({
-        adminRoute,
-        path: loginRoute
-      }),
-      children: i18n.t('authentication:backToLogin')
-    })]
+  return /*#__PURE__*/_jsx(Fragment, {
+    children: /*#__PURE__*/_jsx(ForgotPasswordForm, {})
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","Fragment","Button","FormHeader","Link","Translation","ForgotPasswordForm","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","login","loginRoute","adminRoute","_jsxs","_jsx","description","elements","0","children","href","path","prefetch","i18nKey","t","heading","buttonStyle","className","el","url"],"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewServerProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { FormHeader } from '../../elements/FormHeader/index.js'\nimport { Link } from '../../elements/Link/index.js'\nimport { Translation } from '../../elements/Translation/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ForgotPasswordForm } from '../../exports/client/index.js'\nimport './index.css'\n\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport function ForgotPasswordView({ initPageResult }: AdminViewServerProps) {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute, login: loginRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <FormHeader\n          description={\n            <Translation\n              elements={{\n                '0': ({ children }) => (\n                  <Link\n                    href={formatAdminURL({\n                      adminRoute,\n                      path: accountRoute,\n                    })}\n                    prefetch={false}\n                  >\n                    {children}\n                  </Link>\n                ),\n              }}\n              i18nKey=\"authentication:loggedInChangePassword\"\n              t={i18n.t}\n            />\n          }\n          heading={i18n.t('authentication:alreadyLoggedIn')}\n        />\n        <Button\n          buttonStyle=\"ghost\"\n          className={`${forgotPasswordBaseClass}__back`}\n          el=\"link\"\n          url={formatAdminURL({\n            adminRoute,\n            path: loginRoute,\n          })}\n        >\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Button\n        buttonStyle=\"ghost\"\n        className={`${forgotPasswordBaseClass}__back`}\n        el=\"link\"\n        url={formatAdminURL({\n          adminRoute,\n          path: loginRoute,\n        })}\n      >\n        {i18n.t('authentication:backToLogin')}\n      </Button>\n    </Fragment>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,QAAQ;AAC3B,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B;AACA,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,OAAO,MAAMC,uBAAA,GAA0B;AAEvC,OAAO,SAASC,mBAAmB;EAAEC;AAAc,CAAwB;EACzE,MAAM;IACJC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBC;IAAI;EACL,CACF,GAAGL,cAAA;EAEJ,MAAM;IACJM,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAEC,OAAA,EAASC,YAAY;QAAEC,KAAA,EAAOC;MAAU;IAAE,CACrD;IACDJ,MAAA,EAAQ;MAAED,KAAA,EAAOM;IAAU;EAAE,CAC9B,GAAGR,MAAA;EAEJ,IAAIC,IAAA,EAAM;IACR,oBACEQ,KAAA,CAACrB,QAAA;8BACCsB,IAAA,CAACpB,UAAA;QACCqB,WAAA,eACED,IAAA,CAAClB,WAAA;UACCoB,QAAA,EAAU;YACR,KAAKC,CAAC;cAAEC;YAAQ,CAAE,kBAChBJ,IAAA,CAACnB,IAAA;cACCwB,IAAA,EAAM7B,cAAA,CAAe;gBACnBsB,UAAA;gBACAQ,IAAA,EAAMX;cACR;cACAY,QAAA,EAAU;wBAETH;;UAGP;UACAI,OAAA,EAAQ;UACRC,CAAA,EAAGrB,IAAA,CAAKqB;;QAGZC,OAAA,EAAStB,IAAA,CAAKqB,CAAC,CAAC;uBAElBT,IAAA,CAACrB,MAAA;QACCgC,WAAA,EAAY;QACZC,SAAA,EAAW,GAAG5B,uBAAA,QAA+B;QAC7C6B,EAAA,EAAG;QACHC,GAAA,EAAKtC,cAAA,CAAe;UAClBsB,UAAA;UACAQ,IAAA,EAAMT;QACR;kBAECT,IAAA,CAAKqB,CAAC,CAAC;;;EAIhB;EAEA,oBACEV,KAAA,CAACrB,QAAA;4BACCsB,IAAA,CAACjB,kBAAA,O,aACDiB,IAAA,CAACrB,MAAA;MACCgC,WAAA,EAAY;MACZC,SAAA,EAAW,GAAG5B,uBAAA,QAA+B;MAC7C6B,EAAA,EAAG;MACHC,GAAA,EAAKtC,cAAA,CAAe;QAClBsB,UAAA;QACAQ,IAAA,EAAMT;MACR;gBAECT,IAAA,CAAKqB,CAAC,CAAC;;;AAIhB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","React","Fragment","Button","FormHeader","Link","Translation","ForgotPasswordForm","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","login","loginRoute","adminRoute","_jsxs","_jsx","description","elements","0","children","href","path","prefetch","i18nKey","t","heading","buttonStyle","className","el","url"],"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewServerProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { FormHeader } from '../../elements/FormHeader/index.js'\nimport { Link } from '../../elements/Link/index.js'\nimport { Translation } from '../../elements/Translation/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ForgotPasswordForm } from '../../exports/client/index.js'\nimport './index.css'\n\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport function ForgotPasswordView({ initPageResult }: AdminViewServerProps) {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute, login: loginRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <FormHeader\n          description={\n            <Translation\n              elements={{\n                '0': ({ children }) => (\n                  <Link\n                    href={formatAdminURL({\n                      adminRoute,\n                      path: accountRoute,\n                    })}\n                    prefetch={false}\n                  >\n                    {children}\n                  </Link>\n                ),\n              }}\n              i18nKey=\"authentication:loggedInChangePassword\"\n              t={i18n.t}\n            />\n          }\n          heading={i18n.t('authentication:alreadyLoggedIn')}\n        />\n        <Button\n          buttonStyle=\"ghost\"\n          className={`${forgotPasswordBaseClass}__back`}\n          el=\"link\"\n          url={formatAdminURL({\n            adminRoute,\n            path: loginRoute,\n          })}\n        >\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n    </Fragment>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,QAAQ;AAC3B,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B;AACA,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,OAAO,MAAMC,uBAAA,GAA0B;AAEvC,OAAO,SAASC,mBAAmB;EAAEC;AAAc,CAAwB;EACzE,MAAM;IACJC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBC;IAAI;EACL,CACF,GAAGL,cAAA;EAEJ,MAAM;IACJM,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAEC,OAAA,EAASC,YAAY;QAAEC,KAAA,EAAOC;MAAU;IAAE,CACrD;IACDJ,MAAA,EAAQ;MAAED,KAAA,EAAOM;IAAU;EAAE,CAC9B,GAAGR,MAAA;EAEJ,IAAIC,IAAA,EAAM;IACR,oBACEQ,KAAA,CAACrB,QAAA;8BACCsB,IAAA,CAACpB,UAAA;QACCqB,WAAA,eACED,IAAA,CAAClB,WAAA;UACCoB,QAAA,EAAU;YACR,KAAKC,CAAC;cAAEC;YAAQ,CAAE,kBAChBJ,IAAA,CAACnB,IAAA;cACCwB,IAAA,EAAM7B,cAAA,CAAe;gBACnBsB,UAAA;gBACAQ,IAAA,EAAMX;cACR;cACAY,QAAA,EAAU;wBAETH;;UAGP;UACAI,OAAA,EAAQ;UACRC,CAAA,EAAGrB,IAAA,CAAKqB;;QAGZC,OAAA,EAAStB,IAAA,CAAKqB,CAAC,CAAC;uBAElBT,IAAA,CAACrB,MAAA;QACCgC,WAAA,EAAY;QACZC,SAAA,EAAW,GAAG5B,uBAAA,QAA+B;QAC7C6B,EAAA,EAAG;QACHC,GAAA,EAAKtC,cAAA,CAAe;UAClBsB,UAAA;UACAQ,IAAA,EAAMT;QACR;kBAECT,IAAA,CAAKqB,CAAC,CAAC;;;EAIhB;EAEA,oBACET,IAAA,CAACtB,QAAA;cACC,aAAAsB,IAAA,CAACjB,kBAAA;;AAGP","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyTable/SlotTable.css

@@ -195,6 +195,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .slot-table__th,
     .slot-table__td {

package/dist/views/HierarchyList/TypeFilter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/TypeFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAsB,MAAM,OAAO,CAAA;AAQ1C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,eAAe,qBAuDtF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/TypeFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,eAAe,qBAwDtF"}

package/dist/views/HierarchyList/TypeFilter/index.js

@@ -5,7 +5,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
 import { FilterTrigger } from '../../../elements/FilterTrigger/index.js';
 import { Popup, PopupList } from '../../../elements/Popup/index.js';
-import { CheckIcon } from '../../../icons/Check/index.js';
 const baseClass = 'type-filter';
 export function TypeFilter(t0) {
   const $ = _c(14);
@@ -34,18 +33,15 @@ export function TypeFilter(t0) {
   }
   let t2;
   if ($[3] !== onChange || $[4] !== options || $[5] !== selectedValues) {
-    t2 = () => _jsx(PopupList.RadioGroup, {
+    t2 = () => _jsx(PopupList.CheckboxGroup, {
       children: options.map(t3 => {
         const {
           label,
           value
         } = t3;
         const isActive = selectedValues?.includes(value);
-        return _jsx(PopupList.Button, {
+        return _jsx(PopupList.CheckboxGroupItem, {
           active: isActive,
-          icon: isActive ? _jsx(CheckIcon, {
-            size: 16
-          }) : undefined,
           onClick: () => {
             const newSelectedValues = isActive ? selectedValues.filter(v => v !== value) : [...selectedValues, value];
             onChange(newSelectedValues);
@@ -67,9 +63,11 @@ export function TypeFilter(t0) {
       const {
         active,
         onClick,
-        onKeyDown
+        onKeyDown,
+        ...ariaProps
       } = t4;
       return _jsx(FilterTrigger, {
+        ...ariaProps,
         isActive: isRefined,
         onClear: handleClear,
         onClick,
@@ -90,6 +88,7 @@ export function TypeFilter(t0) {
     t4 = _jsx(Popup, {
       className: baseClass,
       horizontalAlign: "left",
+      popupType: "menu",
       render: t2,
       renderButton: t3,
       verticalAlign: "bottom"

package/dist/views/HierarchyList/TypeFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","FilterTrigger","Popup","PopupList","CheckIcon","baseClass","TypeFilter","t0","$","i18n","onChange","options","selectedValues","isRefined","length","t1","e","stopPropagation","map","_temp","handleClear","t2","_jsx","RadioGroup","children","t3","label","value","isActive","includes","Button","active","icon","size","onClick","newSelectedValues","filter","v","t4","onKeyDown","onClear","popupActive","t","className","horizontalAlign","render","o"],"sources":["../../../../src/views/HierarchyList/TypeFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\n\nimport React, { useCallback } from 'react'\n\nimport { FilterTrigger } from '../../../elements/FilterTrigger/index.js'\nimport { Popup, PopupList } from '../../../elements/Popup/index.js'\nimport { CheckIcon } from '../../../icons/Check/index.js'\n\nconst baseClass = 'type-filter'\n\ntype TypeFilterProps = {\n  i18n: I18nClient\n  onChange: (selectedValues: string[]) => void\n  options: { label: string; value: string }[]\n  selectedValues: string[]\n}\n\nexport function TypeFilter({ i18n, onChange, options, selectedValues }: TypeFilterProps) {\n  const isRefined = selectedValues.length !== options.length\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      onChange(options.map((o) => o.value))\n    },\n    [onChange, options],\n  )\n\n  if (options.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"left\"\n      render={() => (\n        <PopupList.RadioGroup>\n          {options.map(({ label, value }) => {\n            const isActive = selectedValues?.includes(value)\n            return (\n              <PopupList.Button\n                active={isActive}\n                icon={isActive ? <CheckIcon size={16} /> : undefined}\n                key={value}\n                onClick={() => {\n                  const newSelectedValues = isActive\n                    ? selectedValues.filter((v) => v !== value)\n                    : [...selectedValues, value]\n                  onChange(newSelectedValues)\n                }}\n              >\n                {label}\n              </PopupList.Button>\n            )\n          })}\n        </PopupList.RadioGroup>\n      )}\n      renderButton={({ active, onClick, onKeyDown }) => (\n        <FilterTrigger\n          isActive={isRefined}\n          onClear={handleClear}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          popupActive={active}\n        >\n          {i18n.t('version:type')}\n        </FilterTrigger>\n      )}\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AASlB,OAAO,SAAAC,WAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAoB;IAAAW,IAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAL,EAA4D;EACrF,MAAAM,SAAA,GAAkBD,cAAA,CAAAE,MAAA,KAA0BH,OAAA,CAAAG,MAAc;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,OAAA;IAGxDI,EAAA,GAAAC,CAAA;MACEA,CAAA,CAAAC,eAAA,CAAiB;MACjBP,QAAA,CAASC,OAAA,CAAAO,GAAA,CAAAC,KAA0B;IAAA;IACrCX,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAJF,MAAAY,WAAA,GAAoBL,EAKC;EAAA,IAGjBJ,OAAA,CAAAG,MAAA,MAAmB;IAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAb,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,cAAA;IAQXS,EAAA,GAAAA,CAAA,KACNC,IAAA,CAAAnB,SAAA,CAAAoB,UAAA;MAAAC,QAAA,EACGb,OAAA,CAAAO,GAAA,CAAAO,EAAA;QAAa;UAAAC,KAAA;UAAAC;QAAA,IAAAF,EAAgB;QAC5B,MAAAG,QAAA,GAAiBhB,cAAA,EAAAiB,QAAA,CAAyBF,KAAA;QAAA,OAExCL,IAAA,CAAAnB,SAAA,CAAA2B,MAAA;UAAAC,MAAA,EACUH,QAAA;UAAAI,IAAA,EACFJ,QAAA,GAAWN,IAAA,CAAAlB,SAAA;YAAA6B,IAAA;UAAA,C,aAA0B;UAAAC,OAAA,EAAAA,CAAA;YAGzC,MAAAC,iBAAA,GAA0BP,QAAA,GACtBhB,cAAA,CAAAwB,MAAA,CAAAC,CAAA,IAA6BA,CAAA,KAAMV,KAAA,QAC/Bf,cAAA,EAAgBe,KAAA,CAAM;YAC9BjB,QAAA,CAASyB,iBAAA;UAAA;UAAAX,QAAA,EAGVE;QAAA,GARIC,KAAA;MAAA,CAWX;IAAA,C;;;;;;;;;;IAGUF,EAAA,GAAAa,EAAA;MAAC;QAAAP,MAAA;QAAAG,OAAA;QAAAK;MAAA,IAAAD,EAA8B;MAAA,OAC3ChB,IAAA,CAAArB,aAAA;QAAA2B,QAAA,EACYf,SAAA;QAAA2B,OAAA,EACDpB,WAAA;QAAAc,OAAA;QAAAK,SAAA;QAAAE,WAAA,EAGIV,MAAA;QAAAP,QAAA,EAEZf,IAAA,CAAAiC,CAAA,CAAO;MAAA,C;;;;;;;;;;;IAjCdJ,EAAA,GAAAhB,IAAA,CAAApB,KAAA;MAAAyC,SAAA,EAAAtC,SAAA;MAAAuC,eAAA,EAEkB;MAAAC,MAAA,EACRxB,E;oBAsBMI,E;qBAWA;IAAA,C;;;;;;;SApChBa,E;;AAhBG,SAAAnB,MAAA2B,CAAA;EAAA,OAM2BA,CAAA,CAAAnB,KAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","FilterTrigger","Popup","PopupList","baseClass","TypeFilter","t0","$","i18n","onChange","options","selectedValues","isRefined","length","t1","e","stopPropagation","map","_temp","handleClear","t2","_jsx","CheckboxGroup","children","t3","label","value","isActive","includes","CheckboxGroupItem","active","onClick","newSelectedValues","filter","v","t4","onKeyDown","ariaProps","onClear","popupActive","t","className","horizontalAlign","popupType","render","o"],"sources":["../../../../src/views/HierarchyList/TypeFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\n\nimport React, { useCallback } from 'react'\n\nimport { FilterTrigger } from '../../../elements/FilterTrigger/index.js'\nimport { Popup, PopupList } from '../../../elements/Popup/index.js'\n\nconst baseClass = 'type-filter'\n\ntype TypeFilterProps = {\n  i18n: I18nClient\n  onChange: (selectedValues: string[]) => void\n  options: { label: string; value: string }[]\n  selectedValues: string[]\n}\n\nexport function TypeFilter({ i18n, onChange, options, selectedValues }: TypeFilterProps) {\n  const isRefined = selectedValues.length !== options.length\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      onChange(options.map((o) => o.value))\n    },\n    [onChange, options],\n  )\n\n  if (options.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"left\"\n      popupType=\"menu\"\n      render={() => (\n        <PopupList.CheckboxGroup>\n          {options.map(({ label, value }) => {\n            const isActive = selectedValues?.includes(value)\n            return (\n              <PopupList.CheckboxGroupItem\n                active={isActive}\n                key={value}\n                onClick={() => {\n                  const newSelectedValues = isActive\n                    ? selectedValues.filter((v) => v !== value)\n                    : [...selectedValues, value]\n                  onChange(newSelectedValues)\n                }}\n              >\n                {label}\n              </PopupList.CheckboxGroupItem>\n            )\n          })}\n        </PopupList.CheckboxGroup>\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <FilterTrigger\n          {...ariaProps}\n          isActive={isRefined}\n          onClear={handleClear}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          popupActive={active}\n        >\n          {i18n.t('version:type')}\n        </FilterTrigger>\n      )}\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AASlB,OAAO,SAAAC,WAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAoB;IAAAU,IAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAL,EAA4D;EACrF,MAAAM,SAAA,GAAkBD,cAAA,CAAAE,MAAA,KAA0BH,OAAA,CAAAG,MAAc;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,OAAA;IAGxDI,EAAA,GAAAC,CAAA;MACEA,CAAA,CAAAC,eAAA,CAAiB;MACjBP,QAAA,CAASC,OAAA,CAAAO,GAAA,CAAAC,KAA0B;IAAA;IACrCX,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAJF,MAAAY,WAAA,GAAoBL,EAKC;EAAA,IAGjBJ,OAAA,CAAAG,MAAA,MAAmB;IAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAb,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,cAAA;IASXS,EAAA,GAAAA,CAAA,KACNC,IAAA,CAAAlB,SAAA,CAAAmB,aAAA;MAAAC,QAAA,EACGb,OAAA,CAAAO,GAAA,CAAAO,EAAA;QAAa;UAAAC,KAAA;UAAAC;QAAA,IAAAF,EAAgB;QAC5B,MAAAG,QAAA,GAAiBhB,cAAA,EAAAiB,QAAA,CAAyBF,KAAA;QAAA,OAExCL,IAAA,CAAAlB,SAAA,CAAA0B,iBAAA;UAAAC,MAAA,EACUH,QAAA;UAAAI,OAAA,EAAAA,CAAA;YAGN,MAAAC,iBAAA,GAA0BL,QAAA,GACtBhB,cAAA,CAAAsB,MAAA,CAAAC,CAAA,IAA6BA,CAAA,KAAMR,KAAA,QAC/Bf,cAAA,EAAgBe,KAAA,CAAM;YAC9BjB,QAAA,CAASuB,iBAAA;UAAA;UAAAT,QAAA,EAGVE;QAAA,GARIC,KAAA;MAAA,CAWX;IAAA,C;;;;;;;;;;IAGUF,EAAA,GAAAW,EAAA;MAAC;QAAAL,MAAA;QAAAC,OAAA;QAAAK,SAAA;QAAA,GAAAC;MAAA,IAAAF,EAA4C;MAAA,OACzDd,IAAA,CAAApB,aAAA;QAAA,GACMoC,SAAS;QAAAV,QAAA,EACHf,SAAA;QAAA0B,OAAA,EACDnB,WAAA;QAAAY,OAAA;QAAAK,SAAA;QAAAG,WAAA,EAGIT,MAAA;QAAAP,QAAA,EAEZf,IAAA,CAAAgC,CAAA,CAAO;MAAA,C;;;;;;;;;;;IAlCdL,EAAA,GAAAd,IAAA,CAAAnB,KAAA;MAAAuC,SAAA,EAAArC,SAAA;MAAAsC,eAAA,EAEkB;MAAAC,SAAA,EACN;MAAAC,MAAA,EACFxB,E;oBAqBMI,E;qBAYA;IAAA,C;;;;;;;SArChBW,E;;AAhBG,SAAAjB,MAAA2B,CAAA;EAAA,OAM2BA,CAAA,CAAAnB,KAAA;AAAA","ignoreList":[]}

package/dist/views/HierarchyList/index.css

@@ -45,13 +45,14 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--spacer-3);
+    gap: var(--spacer-2-5);
   }
 
   .hierarchy-list__no-results > * {
     margin: 0;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .hierarchy-list {
       margin-top: var(--spacer-1);

package/dist/views/List/ListHeader/index.css

@@ -13,6 +13,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .list-drawer__header {
       margin-top: var(--spacer-5);