npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.9496957 → 4.0.0-internal.970009e - Mend

@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1948) hide show

package/dist/elements/UserMenu/index.js CHANGED Viewed

@@ -4,12 +4,14 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useWindowInfo } from '@faceless-ui/window-info';
 import { formatAdminURL } from 'payload/shared';
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Account } from '../../graphics/Account/index.js';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { LogOutIcon } from '../../icons/LogOut/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
 import { MenuSeparator } from '../MenuSeparator/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
@@ -20,13 +22,15 @@ import { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js';
 import './index.css';
 const baseClass = 'user-menu';
 export const UserMenu = t0 => {
-  const $ = _c(7);
+  const $ = _c(9);
   const {
     CustomAvatar,
     CustomLogoutButton,
-    settingsItemGroups: t1
+    settingsItemGroups: t1,
+    showTitle: t2
   } = t0;
   const settingsItemGroups = t1 === undefined ? [] : t1;
+  const showTitle = t2 === undefined ? false : t2;
   const {
     user
   } = useAuth();
@@ -35,50 +39,51 @@ export const UserMenu = t0 => {
     t
   } = useTranslation();
   const {
-    config: t2,
+    config: t3,
     getEntityConfig
   } = useConfig();
   const {
-    admin: t3,
-    routes: t4
-  } = t2;
+    admin: t4,
+    routes: t5
+  } = t3;
   const {
-    routes: t5,
+    routes: t6,
     theme: adminTheme,
     user: userSlug
-  } = t3;
+  } = t4;
   const {
     account: accountRoute,
     logout: logoutRoute
-  } = t5;
+  } = t6;
   const {
     admin: adminRoute
-  } = t4;
+  } = t5;
   const {
-    breakpoints: t6
+    breakpoints: t7
   } = useWindowInfo();
   const {
     s: smallBreak
-  } = t6;
+  } = t7;
   const isMobile = Boolean(smallBreak);
   const [activeMobileSubmenu, setActiveMobileSubmenu] = useState(null);
-  let t7;
+  const setMobileSubmenuRef = _temp;
   let t8;
+  let t9;
   if ($[0] !== isMobile) {
-    t7 = () => {
+    t8 = () => {
       if (!isMobile) {
         setActiveMobileSubmenu(null);
       }
     };
-    t8 = [isMobile];
+    t9 = [isMobile];
     $[0] = isMobile;
-    $[1] = t7;
-    $[2] = t8;
+    $[1] = t8;
+    $[2] = t9;
   } else {
-    t7 = $[1];
-    t8 = $[2];
+    t8 = $[1];
+    t9 = $[2];
   }
-  useEffect(t7, t8);
+  useEffect(t8, t9);
   const userCollectionConfig = getEntityConfig({
     collectionSlug: userSlug
   });
@@ -88,7 +93,7 @@ export const UserMenu = t0 => {
   const identifier = user?.username ?? user?.email ?? "";
   const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1;
   const showThemeMenu = adminTheme === "all";
-  const hasSettingsItems = settingsItemGroups.some(_temp);
+  const hasSettingsItems = settingsItemGroups.some(_temp2);
   const showPreferencesGroup = showThemeMenu || hasMultipleLanguages;
   const logoutHref = formatAdminURL({
     adminRoute,
@@ -98,47 +103,55 @@ export const UserMenu = t0 => {
     adminRoute,
     path: accountRoute
   });
-  let t9;
+  let t10;
   if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = () => setActiveMobileSubmenu(null);
-    $[3] = t9;
+    t10 = () => setActiveMobileSubmenu(null);
+    $[3] = t10;
   } else {
-    t9 = $[3];
+    t10 = $[3];
   }
-  let t10;
-  if ($[4] !== CustomAvatar || $[5] !== t) {
-    t10 = t11 => {
+  let t11;
+  if ($[4] !== identifier || $[5] !== showTitle || $[6] !== t || $[7] !== titleString) {
+    t11 = t12 => {
       const {
         active,
         ...ariaProps
-      } = t11;
-      return _jsx("button", {
+      } = t12;
+      return _jsx(Button, {
         ...ariaProps,
-        "aria-label": t("authentication:account"),
-        className: [`${baseClass}__trigger`, active && `${baseClass}__trigger--active`].filter(Boolean).join(" "),
+        "aria-label": [t("authentication:account"), showTitle ? titleString || identifier : undefined].filter(Boolean).join(": "),
+        buttonStyle: "ghost",
+        className: `${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ""}`,
+        icon: _jsx(ChevronIcon, {
+          direction: "down",
+          size: 16
+        }),
+        margin: false,
+        selected: active,
         type: "button",
-        children: _jsx(RenderCustomComponent, {
-          CustomComponent: CustomAvatar,
-          Fallback: _jsx(Account, {})
-        })
+        children: showTitle && (titleString || identifier) ? titleString || identifier : undefined
       });
     };
-    $[4] = CustomAvatar;
-    $[5] = t;
-    $[6] = t10;
+    $[4] = identifier;
+    $[5] = showTitle;
+    $[6] = t;
+    $[7] = titleString;
+    $[8] = t11;
   } else {
-    t10 = $[6];
+    t11 = $[8];
   }
   return _jsx(Popup, {
     caret: false,
     className: baseClass,
     horizontalAlign: "right",
-    onToggleClose: t9,
-    renderButton: t10,
+    onToggleClose: t10,
+    popupType: "menu",
+    renderButton: t11,
     size: "large",
     theme: "dark",
     verticalAlign: "bottom",
-    children: isMobile && activeMobileSubmenu ? _jsxs(_Fragment, {
+    children: isMobile && activeMobileSubmenu ? _jsxs("div", {
+      ref: setMobileSubmenuRef,
       children: [activeMobileSubmenu === "theme" && _jsxs(_Fragment, {
         children: [_jsx(SubMenuHeader, {
           onBack: () => setActiveMobileSubmenu(null),
@@ -159,8 +172,11 @@ export const UserMenu = t0 => {
       })]
     }) : _jsxs(_Fragment, {
       children: [_jsxs("a", {
+        "aria-label": [t("authentication:account"), titleString, identifier].filter(Boolean).join(": "),
         className: `${baseClass}__profile`,
         href: accountHref,
+        role: "menuitem",
+        tabIndex: -1,
         children: [_jsx("div", {
           className: `${baseClass}__avatar`,
           children: _jsx(RenderCustomComponent, {
@@ -176,14 +192,18 @@ export const UserMenu = t0 => {
             children: identifier
           })]
         })]
-      }), showPreferencesGroup && _jsxs(PopupList.ButtonGroup, {
-        children: [showThemeMenu && _jsx(ThemeMenu, {
-          onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
-        }), hasMultipleLanguages && _jsx(LanguageMenu, {
-          onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
+      }), showPreferencesGroup && _jsxs(_Fragment, {
+        children: [showThemeMenu && _jsx(PopupList.MenuItem, {
+          children: _jsx(ThemeMenu, {
+            onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
+          })
+        }), hasMultipleLanguages && _jsx(PopupList.MenuItem, {
+          children: _jsx(LanguageMenu, {
+            onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
+          })
         })]
       }), _jsx(MenuSeparator, {}), hasSettingsItems && _jsxs(_Fragment, {
-        children: [_jsx(PopupList.ButtonGroup, {
+        children: [_jsx(PopupList.MenuItem, {
           children: _jsx(SettingsMenu, {
             groups: settingsItemGroups,
             onMobileOpen: isMobile ? () => setActiveMobileSubmenu("settings") : undefined
@@ -199,7 +219,19 @@ export const UserMenu = t0 => {
     })
   });
 };
-function _temp(group) {
+function _temp(element) {
+  if (!element) {
+    return;
+  }
+  setTimeout(() => {
+    const firstMenuItem = element.querySelector("[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]");
+    if (firstMenuItem) {
+      firstMenuItem.tabIndex = 0;
+      firstMenuItem.focus();
+    }
+  });
+}
+function _temp2(group) {
   return group.items.length > 0;
 }
 //# sourceMappingURL=index.js.map

package/dist/elements/UserMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useEffect","useState","Account","LogOutIcon","useAuth","useConfig","useTranslation","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","undefined","user","languageOptions","t","config","t2","getEntityConfig","admin","t3","routes","t4","t5","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t6","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","t7","t8","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp","showPreferencesGroup","logoutHref","path","accountHref","t9","Symbol","for","t10","t11","active","ariaProps","_jsx","className","filter","join","type","children","CustomComponent","Fallback","caret","horizontalAlign","onToggleClose","renderButton","verticalAlign","_jsxs","_Fragment","onBack","title","groups","href","ButtonGroup","onMobileOpen","MenuItem","Button","icon","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n CustomAvatar?: React.ReactNode\n CustomLogoutButton?: React.ReactNode\n settingsItemGroups?: UserMenuSettingsGroup[]\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n CustomAvatar,\n CustomLogoutButton,\n settingsItemGroups = [],\n}) => {\n const { user } = useAuth()\n const { languageOptions, t } = useTranslation()\n const {\n config: {\n admin: {\n routes: { account: accountRoute, logout: logoutRoute },\n theme: adminTheme,\n user: userSlug,\n },\n routes: { admin: adminRoute },\n },\n getEntityConfig,\n } = useConfig()\n const {\n breakpoints: { s: smallBreak },\n } = useWindowInfo()\n\n const isMobile = Boolean(smallBreak)\n\n const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n 'language' \| 'settings' \| 'theme' \| null\n >(null)\n\n useEffect(() => {\n if (!isMobile) {\n setActiveMobileSubmenu(null)\n }\n }, [isMobile])\n\n const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n const titleValue =\n useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n const identifier = user?.username ?? user?.email ?? ''\n const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n const showThemeMenu = adminTheme === 'all'\n const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n const showPreferencesGroup = showThemeMenu \|\| hasMultipleLanguages\n\n const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n return (\n <Popup\n caret={false}\n className={baseClass}\n horizontalAlign=\"right\"\n onToggleClose={() => setActiveMobileSubmenu(null)}\n renderButton={({ active, ...ariaProps }) => (\n <button\n {...ariaProps}\n aria-label={t('authentication:account')}\n className={[`${baseClass}__trigger`, active && `${baseClass}__trigger--active`]\n .filter(Boolean)\n .join(' ')}\n type=\"button\"\n >\n <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n </button>\n )}\n size=\"large\"\n theme=\"dark\"\n verticalAlign=\"bottom\"\n >\n {isMobile && activeMobileSubmenu ? (\n // Mobile submenu panel\n <>\n {activeMobileSubmenu === 'theme' && (\n <>\n <SubMenuHeader\n onBack={() => setActiveMobileSubmenu(null)}\n title={t('general:theme')}\n />\n <ThemeMenuContent />\n </>\n )}\n {activeMobileSubmenu === 'language' && (\n <>\n <SubMenuHeader\n onBack={() => setActiveMobileSubmenu(null)}\n title={t('general:language')}\n />\n <LanguageMenuContent />\n </>\n )}\n {activeMobileSubmenu === 'settings' && (\n <>\n <SubMenuHeader\n onBack={() => setActiveMobileSubmenu(null)}\n title={t('general:settings')}\n />\n <SettingsMenuContent groups={settingsItemGroups} />\n </>\n )}\n </>\n ) : (\n // Normal menu content (desktop always; mobile when no active submenu)\n <>\n {/* Profile header /}\n <a className={`${baseClass}__profile`} href={accountHref}>\n <div className={`${baseClass}__avatar`}>\n <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n </div>\n <div>\n {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n </div>\n </a>\n\n {/ Preferences group: Theme + Language /}\n {showPreferencesGroup && (\n <PopupList.ButtonGroup>\n {showThemeMenu && (\n <ThemeMenu\n onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n />\n )}\n {hasMultipleLanguages && (\n <LanguageMenu\n onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n />\n )}\n </PopupList.ButtonGroup>\n )}\n\n <MenuSeparator />\n\n {/ Settings group /}\n {hasSettingsItems && (\n <>\n <PopupList.ButtonGroup>\n <SettingsMenu\n groups={settingsItemGroups}\n onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n />\n </PopupList.ButtonGroup>\n <MenuSeparator />\n </>\n )}\n\n {/ Account actions */}\n <PopupList.MenuItem>\n {CustomLogoutButton ?? (\n <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n {t('authentication:logOut')}\n </PopupList.Button>\n )}\n </PopupList.MenuItem>\n </>\n )}\n </Popup>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useCallback","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","Button","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","showTitle","t2","undefined","user","languageOptions","t","config","t3","getEntityConfig","admin","t4","routes","t5","t6","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t7","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","setMobileSubmenuRef","_temp","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp2","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","t11","t12","active","ariaProps","_jsx","filter","join","buttonStyle","className","icon","direction","size","selected","type","children","caret","horizontalAlign","onToggleClose","popupType","renderButton","verticalAlign","_jsxs","ref","_Fragment","onBack","title","groups","href","role","tabIndex","CustomComponent","Fallback","MenuItem","onMobileOpen","element","setTimeout","firstMenuItem","querySelector","focus","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n CustomAvatar?: React.ReactNode\n CustomLogoutButton?: React.ReactNode\n settingsItemGroups?: UserMenuSettingsGroup[]\n showTitle?: boolean\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n CustomAvatar,\n CustomLogoutButton,\n settingsItemGroups = [],\n showTitle = false,\n}) => {\n const { user } = useAuth()\n const { languageOptions, t } = useTranslation()\n const {\n config: {\n admin: {\n routes: { account: accountRoute, logout: logoutRoute },\n theme: adminTheme,\n user: userSlug,\n },\n routes: { admin: adminRoute },\n },\n getEntityConfig,\n } = useConfig()\n const {\n breakpoints: { s: smallBreak },\n } = useWindowInfo()\n\n const isMobile = Boolean(smallBreak)\n\n const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n 'language' \| 'settings' \| 'theme' \| null\n >(null)\n\n const setMobileSubmenuRef = useCallback((element: HTMLDivElement \| null) => {\n if (!element) {\n return\n }\n\n setTimeout(() => {\n const firstMenuItem = element.querySelector<HTMLElement>(\n '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]',\n )\n if (firstMenuItem) {\n firstMenuItem.tabIndex = 0\n firstMenuItem.focus()\n }\n })\n }, [])\n\n useEffect(() => {\n if (!isMobile) {\n setActiveMobileSubmenu(null)\n }\n }, [isMobile])\n\n const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n const titleValue =\n useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n const identifier = user?.username ?? user?.email ?? ''\n const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n const showThemeMenu = adminTheme === 'all'\n const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n const showPreferencesGroup = showThemeMenu \|\| hasMultipleLanguages\n\n const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n return (\n <Popup\n caret={false}\n className={baseClass}\n horizontalAlign=\"right\"\n onToggleClose={() => setActiveMobileSubmenu(null)}\n popupType=\"menu\"\n renderButton={({ active, ...ariaProps }) => (\n <Button\n {...ariaProps}\n aria-label={[\n t('authentication:account'),\n showTitle ? titleString \|\| identifier : undefined,\n ]\n .filter(Boolean)\n .join(': ')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ''}`}\n icon={<ChevronIcon direction=\"down\" size={16} />}\n margin={false}\n selected={active}\n type=\"button\"\n >\n {showTitle && (titleString \|\| identifier) ? titleString \|\| identifier : undefined}\n </Button>\n )}\n size=\"large\"\n theme=\"dark\"\n verticalAlign=\"bottom\"\n >\n {isMobile && activeMobileSubmenu ? (\n // Mobile submenu panel\n <div ref={setMobileSubmenuRef}>\n {activeMobileSubmenu === 'theme' && (\n <>\n <SubMenuHeader\n onBack={() => setActiveMobileSubmenu(null)}\n title={t('general:theme')}\n />\n <ThemeMenuContent />\n </>\n )}\n {activeMobileSubmenu === 'language' && (\n <>\n <SubMenuHeader\n onBack={() => setActiveMobileSubmenu(null)}\n title={t('general:language')}\n />\n <LanguageMenuContent />\n </>\n )}\n {activeMobileSubmenu === 'settings' && (\n <>\n <SubMenuHeader\n onBack={() => setActiveMobileSubmenu(null)}\n title={t('general:settings')}\n />\n <SettingsMenuContent groups={settingsItemGroups} />\n </>\n )}\n </div>\n ) : (\n // Normal menu content (desktop always; mobile when no active submenu)\n <>\n {/* Profile header /}\n <a\n aria-label={[t('authentication:account'), titleString, identifier]\n .filter(Boolean)\n .join(': ')}\n className={`${baseClass}__profile`}\n href={accountHref}\n role=\"menuitem\"\n tabIndex={-1}\n >\n <div className={`${baseClass}__avatar`}>\n <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n </div>\n <div>\n {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n </div>\n </a>\n\n {/ Preferences group: Theme + Language /}\n {showPreferencesGroup && (\n <>\n {showThemeMenu && (\n <PopupList.MenuItem>\n <ThemeMenu\n onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n />\n </PopupList.MenuItem>\n )}\n {hasMultipleLanguages && (\n <PopupList.MenuItem>\n <LanguageMenu\n onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n />\n </PopupList.MenuItem>\n )}\n </>\n )}\n\n <MenuSeparator />\n\n {/ Settings group /}\n {hasSettingsItems && (\n <>\n <PopupList.MenuItem>\n <SettingsMenu\n groups={settingsItemGroups}\n onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n />\n </PopupList.MenuItem>\n <MenuSeparator />\n </>\n )}\n {/ Account actions */}\n <PopupList.MenuItem>\n {CustomLogoutButton ?? (\n <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n {t('authentication:logOut')}\n </PopupList.Button>\n )}\n </PopupList.MenuItem>\n </>\n )}\n </Popup>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ViewDescription/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction \| StaticDescription \| string \| ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n const { i18n } = useTranslation()\n const { description } = props\n\n if (description) {\n return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n }\n\n return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;~~EAAA~~,~~IAEpBH~~,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA~~;MAAA,C;;;;;;;~~WAAtEC,E","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction \| StaticDescription \| string \| ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n const { i18n } = useTranslation()\n const { description } = props\n\n if (description) {\n return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n }\n\n return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAExB,IAAIH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;;;;;;;;WAAtEC,E;;EACT,OAEO;AAAA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","React","useConfig","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","config","t2","t3","dateFormat","dateFormatFromConfig","i18n","t","displayFormat","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n const { date } = admin \|\| {}\n const {\n config: {\n admin: { dateFormat: dateFormatFromConfig },\n },\n } = useConfig()\n const { i18n, t } = useTranslation()\n\n const displayFormat = date?.displayFormat \|\| dateFormatFromConfig\n\n return (\n <div className={baseClass}>\n <DatePickerField\n {...date}\n displayFormat={displayFormat}\n onChange={onChange}\n placeholder={getTranslation(admin.placeholder, i18n) \|\| t('general:enterAValue')}\n readOnly={disabled}\n value={value ~~as Date~~}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,~~KAAA~~,~~MAAU~~;EAC3B;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAoC;EAG/C;IAAAG,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAEpB,MAAAmB,aAAA,GAAsBR,IAAA,EAAAQ,~~aAAA~~,~~IAAuBH~~,~~oBAAA~~;EAAA,OAG3CI,IAAA,CAAC;IAAAC,SAAA,~~EAAAnB~~,SAAA;IAAAoB,QAAA,~~EACCF~~,IAAA,~~CAAAnB~~,eAAA;MAAA,~~GACMU~~,IAAI;MAAAQ,aAAA;MAAAX,QAAA;MAAAe,WAAA,EAGK1B,cAAA,CAAea,KAAA,CAAAa,~~WAAA~~,~~EAAmBN~~,~~IAAA~~,~~KAASC~~,CAAA,CAAE;MAAAM,QAAA,EAChDnB,QAAA;MAAAI~~;IAAA,C;;~~CAKlB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","React","useConfig","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","config","t2","t3","dateFormat","dateFormatFromConfig","i18n","t","displayFormat","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n const { date } = admin \|\| {}\n const {\n config: {\n admin: { dateFormat: dateFormatFromConfig },\n },\n } = useConfig()\n const { i18n, t } = useTranslation()\n\n const displayFormat = date?.displayFormat \|\| dateFormatFromConfig\n\n return (\n <div className={baseClass}>\n <DatePickerField\n {...date}\n displayFormat={displayFormat}\n onChange={onChange}\n placeholder={getTranslation(admin.placeholder, i18n) \|\| t('general:enterAValue')}\n readOnly={disabled}\n value={value}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAU,IAAV,CAAU;EAC3B;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAoC;EAG/C;IAAAG,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAEpB,MAAAmB,aAAA,GAAsBR,IAAA,EAAAQ,aAAuB,IAAvBH,oBAAuB;EAAA,OAG3CI,IAAA,CAAC;IAAAC,SAAA,EAAenB,SAAA;IAAAoB,QAAA,EACdF,IAAA,CAACnB,eAAA;MAAA,GACKU,IAAI;MAAAQ,aAAA;MAAAX,QAAA;MAAAe,WAAA,EAGK1B,cAAA,CAAea,KAAA,CAAAa,WAAiB,EAAEN,IAAW,KAAFC,CAAA,CAAE;MAAAM,QAAA,EAChDnB,QAAA;MAAAI;;;CAKlB","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","label","i18n","t","ariaLabel","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t4","t5","_temp2","useEffect","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","~~Number","~~val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n const {\n disabled,\n field: { admin, hasMany, label },\n onChange,\n operator,\n value,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const ariaLabel = label ? getTranslation(label, i18n) : t('general:enterAValue')\n\n const isMulti = ['in', 'not_in'].includes(operator) \|\| hasMany\n\n const [valueToRender, setValueToRender] = React.useState<\n { id: string; label: string; value: { value: number } }[]\n >([])\n\n const onSelect = React.useCallback(\n (selectedOption) => {\n let newValue\n if (!selectedOption) {\n newValue = []\n } else if (isMulti) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => Number(option.value?.value \|\| option.value))\n } else {\n newValue = [Number(selectedOption.value?.value \|\| selectedOption.value)]\n }\n }\n\n onChange(newValue)\n },\n [isMulti, onChange],\n )\n\n React.useEffect(() => {\n if (Array.isArray(value)) {\n setValueToRender(\n value.map((val, index) => {\n return {\n id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n label: `${val}`,\n value: {\n toString: () => `${val}${index}`,\n value: (val as any)?.value \|\| val,\n },\n }\n }),\n )\n } else {\n setValueToRender([])\n }\n }, [value])\n\n const placeholder = getTranslation(admin?.placeholder, i18n) \|\| t('general:enterAValue')\n\n return isMulti ? (\n <ReactSelect\n aria-label={ariaLabel}\n disabled={disabled}\n isClearable\n isCreatable\n isMulti={isMulti}\n isSortable\n numberOnly\n onChange={onSelect}\n options={[]}\n placeholder={placeholder}\n value={valueToRender \|\| []}\n />\n ) : (\n <input\n aria-label={ariaLabel}\n className=\"form-input\"\n disabled={disabled}\n onChange={(e) => onChange(e.target.value)}\n placeholder={placeholder}\n type=\"number\"\n value={value as number}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3C;IAAAQ,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAMIP,KAAA;EAJK;IAAAQ,KAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAN,EAAyB;EAMlC;IAAAO,IAAA;IAAAC;EAAA,IAAoBf,cAAA;EAEpB,MAAAgB,SAAA,GAAkBH,KAAA,GAAQf,cAAA,CAAee,KAAA,EAAOC,~~IAAA~~,~~IAAQC~~,CAAA,CAAE;EAAA,IAAAE,EAAA;EAAA,IAAAb,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAK,QAAA;IAE1CQ,EAAA,IAAC,MAAM,~~UAAAC~~,~~QAAA~~,~~CAAmBT~~,~~QAAA~~,~~KAAaG~~,~~OAAA~~;IAAAR,CAAA,MAAAQ,OAAA;IAAAR,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAvD,MAAAe,OAAA,GAAgBF,EAAuC;EAAA,IAAAG,EAAA;EAAA,IAAAhB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAIrDF,EAAA;~~IAAEhB~~,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFJ,OAAAmB,aAAA,EAAAC,gBAAA,IAA0CzB,KAAA,CAAA0B,~~QAAA~~,~~CAExCL~~,EAAE;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAe,OAAA,IAAAf,CAAA,QAAAI,QAAA;IAGFkB,EAAA,GAAAC,cAAA;MACMC,GAAA,CAAAA,QAAA;~~MAAA~~,~~KACCD~~,cAAA;QACHC,QAAA,CAAAA,CAAA,~~CAAAA~~,~~EAAA~~;~~MAAA~~;~~QAAA~~,~~IACST~~,OAAA;~~UAAA~~,~~IACLU~~,KAAA,CAAAC,~~OAAA~~,~~CAAcH~~,cAAA;YAChBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAI,~~GAAA~~,~~CAAAC~~,~~KAAyE~~;UAApF;YAEAJ,QAAA,CAAAA,CAAA,~~CAAAA~~,~~CAAYA~~,~~OAAOD~~,cAAA,CAAAjB,~~KAAA~~,EAAAA,~~KAAA~~,~~IAA+BiB~~,cAAA,CAAAjB,KAAoB;~~UAAtE~~;~~QAAA~~;~~MAAA~~;~~MAIJF~~,QAAA,CAASoB,QAAA;IAAA;~~IACXxB~~,CAAA,MAAAe,OAAA;IAAAf,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAdF,~~MAAA6B~~,QAAA,~~GAAiBP~~,EAeI;EAAA,~~IAAAQ~~,EAAA;EAAA,IAAAC,EAAA;EAAA,~~IAAA/B~~,CAAA,QAAAM,KAAA;~~IAGLwB~~,EAAA,GAAAA,CAAA;~~MAAA~~,~~IACVL~~,KAAA,CAAAC,~~OAAA~~,~~CAAcpB~~,KAAA;QAChBc,gBAAA,CACEd,KAAA,CAAAqB,~~GAAA~~,~~CAAAK~~,~~MASA~~;MAAA;~~QAGFZ~~,gBAAA,~~GAAmB~~;MAAA;~~IAAA~~;~~IAEpBW~~,EAAA,~~IAACzB~~,KAAA;~~IAAMN~~,CAAA,MAAAM,KAAA;IAAAN,CAAA,~~MAAA8B~~,EAAA;~~IAAA9B~~,CAAA,~~MAAA+B~~,EAAA;EAAA;IAAAD,EAAA,~~GAAA9B~~,CAAA;~~IAAA+B~~,EAAA,~~GAAA/B~~,CAAA;EAAA;EAjBVL,KAAA,~~CAAAsC~~,~~SAAA~~,~~CAAgBH~~,EAiBhB,EAAGC,EAAO;EAEV,MAAAG,WAAA,~~GAAoBxC~~,cAAA,CAAea,KAAA,~~EAAA2B~~,~~WAAA~~,~~EAAoBxB~~,~~IAAA~~,~~KAASC~~,CAAA,CAAE;EAAA,OAE3DI,OAAA,~~GACLoB~~,IAAA,~~CAAAtC~~,WAAA;IAAA,~~cACce~~,SAAA;IAAAX,QAAA;~~IAAAmC~~,WAAA;IAAAC,WAAA;~~IAAAtB~~,OAAA;~~IAAAuB~~,UAAA;IAAAC,UAAA;~~IAAAnC~~,QAAA,~~EAOFyB~~,QAAA;IAAAW,OAAA;IAAAN,WAAA;~~IAAA5B~~,KAAA,~~EAGHa~~,~~aAAA~~;~~EAAmB~~,~~C,IAG5BgB,~~IAAA,CAAC;IAAA,~~cACavB~~,SAAA;~~IAAA6B~~,SAAA,EACF;~~IAAAxC~~,QAAA;IAAAG,QAAA,~~EAAAsC~~,CAAA,~~IAEOtC~~,QAAA,~~CAASsC~~,CAAA,CAAAC,~~MAAA~~,~~CAAArC~~,~~KAAc~~;~~IAAA4B~~,WAAA;IAAAU,IAAA,EAEnC;~~IAAAtC;EAAA,C;~~CAIX;AAnF6C,SAAAsB,~~MAAAiB~~,MAAA;EAAA,~~OA0BOC~~,MAAA,~~CAAOD~~,MAAA,~~CAAAvC~~,~~KAAA~~,EAAAA,~~KAAA~~,~~IAAuBuC~~,MAAA,~~CAAAvC~~,KAAY;AAAA;AA1BjD,~~SAAA0B~~,~~OAAAe~~,GAAA,EAAAC,KAAA;EAAA;IAAAC,EAAA,~~EA0C7B~~,GAAGF,GAAA,GAAMC,KAAA,EAAO;IAAAvC,KAAA,EACb,GAAGsC,GAAA,EAAK;IAAAzC,KAAA;MAAA4C,QAAA,~~EAAAA~~,CAAA,~~KAEG~~,GAAGH,GAAA,GAAMC,KAAA,EAAO;MAAA1C,KAAA,EACzByC,GAAC,EAAAzC,~~KAAA~~,~~IAAsByC~~;~~IAAA~~;~~EAAA~~;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","label","i18n","t","ariaLabel","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","Number","onSelect","t4","t5","_temp2","useEffect","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n const {\n disabled,\n field: { admin, hasMany, label },\n onChange,\n operator,\n value,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const ariaLabel = label ? getTranslation(label, i18n) : t('general:enterAValue')\n\n const isMulti = ['in', 'not_in'].includes(operator) \|\| hasMany\n\n const [valueToRender, setValueToRender] = React.useState<\n { id: string; label: string; value: { value: number } }[]\n >([])\n\n const onSelect = React.useCallback(\n (selectedOption) => {\n let newValue\n if (!selectedOption) {\n newValue = []\n } else if (isMulti) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => Number(option.value?.value \|\| option.value))\n } else {\n newValue = [Number(selectedOption.value?.value \|\| selectedOption.value)]\n }\n }\n\n onChange(newValue)\n },\n [isMulti, onChange],\n )\n\n React.useEffect(() => {\n if (Array.isArray(value)) {\n setValueToRender(\n value.map((val, index) => {\n return {\n id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n label: `${val}`,\n value: {\n toString: () => `${val}${index}`,\n value: (val as any)?.value \|\| val,\n },\n }\n }),\n )\n } else {\n setValueToRender([])\n }\n }, [value])\n\n const placeholder = getTranslation(admin?.placeholder, i18n) \|\| t('general:enterAValue')\n\n return isMulti ? (\n <ReactSelect\n aria-label={ariaLabel}\n disabled={disabled}\n isClearable\n isCreatable\n isMulti={isMulti}\n isSortable\n numberOnly\n onChange={onSelect}\n options={[]}\n placeholder={placeholder}\n value={valueToRender \|\| []}\n />\n ) : (\n <input\n aria-label={ariaLabel}\n className=\"form-input\"\n disabled={disabled}\n onChange={(e) => onChange(e.target.value)}\n placeholder={placeholder}\n type=\"number\"\n value={value as number}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3C;IAAAQ,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAMIP,KAAA;EAJK;IAAAQ,KAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAN,EAAyB;EAMlC;IAAAO,IAAA;IAAAC;EAAA,IAAoBf,cAAA;EAEpB,MAAAgB,SAAA,GAAkBH,KAAA,GAAQf,cAAA,CAAee,KAAA,EAAOC,IAAU,IAAFC,CAAA,CAAE;EAAA,IAAAE,EAAA;EAAA,IAAAb,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAK,QAAA;IAE1CQ,EAAA,IAAC,MAAM,SAAS,CAAAC,QAAS,CAACT,QAAa,KAAvCG,OAAuC;IAAAR,CAAA,MAAAQ,OAAA;IAAAR,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAvD,MAAAe,OAAA,GAAgBF,EAAuC;EAAA,IAAAG,EAAA;EAAA,IAAAhB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAIrDF,EAAA,KAAE;IAAAhB,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFJ,OAAAmB,aAAA,EAAAC,gBAAA,IAA0CzB,KAAA,CAAA0B,QAAc,CAEtDL,EAAE;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAe,OAAA,IAAAf,CAAA,QAAAI,QAAA;IAGFkB,EAAA,GAAAC,cAAA;MACMC,GAAA,CAAAA,QAAA;MACJ,IAAI,CAACD,cAAA;QACHC,QAAA,CAAAA,CAAA,CAAWA,EAAE;MAAb;QACK,IAAIT,OAAA;UACT,IAAIU,KAAA,CAAAC,OAAa,CAACH,cAAA;YAChBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAI,GAAkB,CAACC,KAAsD;UAApF;YAEAJ,QAAA,CAAAA,CAAA,CAAWA,CAACK,MAAA,CAAON,cAAA,CAAAjB,KAAsB,EAAAA,KAA6B,IAApBiB,cAAA,CAAAjB,KAAoB,EAAE;UAAxE;QACF;MACF;MAEAF,QAAA,CAASoB,QAAA;IAAA,CACX;IAAAxB,CAAA,MAAAe,OAAA;IAAAf,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAdF,MAAA8B,QAAA,GAAiBR,EAeI;EAAA,IAAAS,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhC,CAAA,QAAAM,KAAA;IAGLyB,EAAA,GAAAA,CAAA;MACd,IAAIN,KAAA,CAAAC,OAAa,CAACpB,KAAA;QAChBc,gBAAA,CACEd,KAAA,CAAAqB,GAAS,CAACM,MASV;MAAA;QAGFb,gBAAA,CAAiB,EAAE;MAAA;IACrB,CACF;IAAGY,EAAA,IAAC1B,KAAA,CAAM;IAAAN,CAAA,MAAAM,KAAA;IAAAN,CAAA,MAAA+B,EAAA;IAAA/B,CAAA,MAAAgC,EAAA;EAAA;IAAAD,EAAA,GAAA/B,CAAA;IAAAgC,EAAA,GAAAhC,CAAA;EAAA;EAjBVL,KAAA,CAAAuC,SAAe,CAACH,EAiBhB,EAAGC,EAAO;EAEV,MAAAG,WAAA,GAAoBzC,cAAA,CAAea,KAAA,EAAA4B,WAAO,EAAazB,IAAW,KAAFC,CAAA,CAAE;EAAA,OAE3DI,OAAA,GACLqB,IAAA,CAACvC,WAAA;IAAA,cACae,SAAA;IAAAX,QAAA;IAAAoC,WAAA,EAED;IAAAC,WAAA,EACA;IAAAvB,OAAA;IAAAwB,UAAA,EAED;IAAAC,UAAA,EACA;IAAApC,QAAA,EACA0B,QAAA;IAAAW,OAAA,EACD,EAAE;IAAAN,WAAA;IAAA7B,KAAA,EAEJa,aAAmB,IAAnB;OAGTiB,IAAA,CAAC;IAAA,cACaxB,SAAA;IAAA8B,SAAA,EACF;IAAAzC,QAAA;IAAAG,QAAA,EAEAuC,CAAA,IAAOvC,QAAA,CAASuC,CAAA,CAAAC,MAAQ,CAAAtC,KAAM;IAAA6B,WAAA;IAAAU,IAAA,EAEnC;IAAAvC;;CAIX;AAnF6C,SAAAsB,MAAAkB,MAAA;EAAA,OA0BOjB,MAAA,CAAOiB,MAAA,CAAAxC,KAAc,EAAAA,KAAqB,IAAZwC,MAAA,CAAAxC,KAAY;AAAA;AA1BjD,SAAA2B,OAAAc,GAAA,EAAAC,KAAA;EAAA,OAyC5B;IAAAC,EAAA,EACD,GAAGF,GAAA,GAAMC,KAAA,EAAO;IAAAvC,KAAA,EACb,GAAGsC,GAAA,EAAK;IAAAzC,KAAA,EACR;MAAA4C,QAAA,EACKA,CAAA,KAAM,GAAGH,GAAA,GAAMC,KAAA,EAAO;MAAA1C,KAAA,EACzByC,GAAC,EAAAzC,KAAsB,IAAvByC;IACT;EACF;AAAA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n disabled,\n field: {\n admin: { placeholder },\n },\n isClearable,\n onChange,\n operator,\n options: optionsFromProps,\n value,\n}) => {\n const { i18n } = useTranslation()\n const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n const isMulti = ['in', 'not_in'].includes(operator)\n let valueToRender\n\n if (isMulti && Array.isArray(value)) {\n valueToRender = value.map((val) => {\n const matchingOption = options.find((option) => option.value === val)\n return {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n value: matchingOption?.value ?? val,\n }\n })\n } else if (value) {\n const matchingOption = options.find((option) => option.value === value)\n valueToRender = {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n value: matchingOption?.value ?? value,\n }\n }\n\n const onSelect = React.useCallback(\n (selectedOption) => {\n let newValue\n\n if (!selectedOption) {\n newValue = null\n } else if (isMulti) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => option.value)\n } else {\n newValue = []\n }\n } else {\n newValue = selectedOption.value\n }\n\n onChange(newValue)\n },\n [isMulti, onChange],\n )\n\n React.useEffect(() => {\n setOptions(formatOptions(optionsFromProps))\n }, [optionsFromProps])\n\n React.useEffect(() => {\n if (!isMulti && Array.isArray(value)) {\n onChange(value[0])\n }\n }, [isMulti, onChange, value])\n\n return (\n <ReactSelect\n disabled={disabled}\n isClearable={isClearable}\n isMulti={isMulti}\n onChange={onSelect}\n options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n placeholder={placeholder}\n value={valueToRender}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,MAAA,GAA0BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC;EAAA,IAAAV,EAUvC;EARQ;IAAAW,KAAA,EAAAC;EAAA,IAAAR,EAEN;EADQ;IAAAS;EAAA,IAAAD,EAAe;EAQxB;IAAAE;EAAA,IAAiBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAd,CAAA,QAAAQ,gBAAA;IAC4BM,EAAA,GAAAjB,aAAA,CAAcW,gBAAA;IAAAR,CAAA,MAAAQ,gBAAA;IAAAR,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAA3D,OAAAO,OAAA,EAAAQ,UAAA,IAA8BrB,KAAA,CAAAsB,~~QAAA~~,~~CAAeF~~,EAAc;EAAA,IAAAG,EAAA;EAAA,IAAAjB,CAAA,QAAAkB,MAAA,CAAAC,GAAA;IAE3CF,EAAA,IAAC,MAAM;~~IAASjB~~,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAhC,MAAAoB,OAAA,GAAgBH,EAAgB,CAAAI,~~QAAA~~,~~CAAUf~~,QAAA;EACtCgB,GAAA,CAAAA,aAAA;~~EAAA~~,~~IAEAF~~,~~OAAA~~,~~IAAWG~~,KAAA,CAAAC,~~OAAA~~,~~CAAcf~~,KAAA;IAAA,IAAAgB,EAAA;IAAA,IAAAzB,CAAA,QAAAa,IAAA,IAAAb,CAAA,QAAAO,OAAA;MACDkB,EAAA,GAAAC,GAAA;QACxB,MAAAC,cAAA,GAAuBpB,OAAA,CAAAqB,~~IAAA~~,~~CAAAC~~,MAAA,~~IAAyBA~~,MAAA,CAAApB,~~KAAA~~,~~KAAiBiB~~,GAAA;QAAA;UAAAI,KAAA,~~EAExDH~~,cAAA,GAAiBlC,cAAA,CAAekC,cAAA,CAAAG,~~KAAA~~,~~EAAsBjB~~,~~IAAA~~,~~IAAQa~~,~~GAAA~~;UAAAjB,KAAA,EAC9DkB,cAAA,EAAAlB,~~KAAA~~,~~IAAyBiB~~;~~QAAA~~;MAAA;~~MAEpC1B~~,CAAA,MAAAa,IAAA;MAAAb,CAAA,MAAAO,OAAA;MAAAP,CAAA,MAAAyB,EAAA;IAAA;MAAAA,EAAA,GAAAzB,CAAA;IAAA;IANAsB,aAAA,CAAAA,CAAA,CAAgBb,KAAA,CAAAsB,~~GAAA~~,~~CAAUN~~,EAM1B;EANA;~~IAAA~~,~~IAOShB~~,KAAA;MAAA,IAAAgB,EAAA;MAAA,IAAAzB,CAAA,QAAAS,KAAA;QAC2BgB,EAAA,GAAAO,QAAA,IAAYH,QAAA,CAAApB,~~KAAA~~,~~KAAiBA~~,KAAA;QAAAT,CAAA,MAAAS,KAAA;QAAAT,CAAA,MAAAyB,EAAA;MAAA;QAAAA,EAAA,GAAAzB,CAAA;MAAA;MAAjE,MAAAiC,gBAAA,GAAuB1B,OAAA,CAAAqB,~~IAAA~~,~~CAAaH~~,EAA6B;MACjEH,aAAA,CAAAA,CAAA,~~CAAAA~~;QAAAA,MAAA,~~CACSK~~,gBAAA,GAAiBlC,cAAA,CAAekC,gBAAA,CAAAG,~~KAAA~~,~~EAAsBjB~~,~~IAAA~~,~~IAAQJ~~,~~KAAA~~;QAAAA,KAAA,EAC9DkB,gBAAA,EAAAlB,~~KAAA~~,~~IAAyBA~~;~~MAAA~~;~~IAFlC~~;~~EAAA~~;EAAA,IAAAgB,EAAA;EAAA,IAAAzB,CAAA,QAAAoB,OAAA,IAAApB,CAAA,QAAAK,QAAA;~~IAOAoB~~,EAAA,GAAAS,cAAA;MACMC,GAAA,CAAAA,QAAA;~~MAAA~~,~~KAECD~~,cAAA;QACHC,QAAA,CAAAA,CAAA,~~CAAAA~~,IAAA;~~MAAA~~;~~QAAA~~,~~IACSf~~,OAAA;~~UAAA~~,~~IACLG~~,KAAA,CAAAC,~~OAAA~~,~~CAAcU~~,cAAA;YAChBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAH,~~GAAA~~,~~CAAAK~~,~~KAA2C~~;UAAtD;YAEAD,QAAA,CAAAA,CAAA,~~CAAAA~~,~~EAAA~~;~~UAAA~~;~~QAAA~~;~~UAGFA~~,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAzB,~~KAAA~~;~~QAAX~~;~~MAAA~~;~~MAGFJ~~,QAAA,CAAS8B,QAAA;IAAA;~~IACXnC~~,CAAA,MAAAoB,OAAA;IAAApB,CAAA,MAAAK,QAAA;IAAAL,CAAA,OAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAjBF,MAAAqC,QAAA,GAAiBZ,EAkBI;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAvC,CAAA,SAAAQ,gBAAA;IAGL8B,EAAA,GAAAA,CAAA;MACdvB,UAAA,CAAWlB,aAAA,CAAcW,gBAAA;IAAA;~~IACxB~~+B,EAAA,IAAC/B,gBAAA;~~IAAiBR~~,CAAA,OAAAQ,gBAAA;IAAAR,CAAA,OAAAsC,EAAA;IAAAtC,CAAA,OAAAuC,EAAA;EAAA;IAAAD,EAAA,GAAAtC,CAAA;IAAAuC,EAAA,GAAAvC,CAAA;EAAA;EAFrBN,KAAA,CAAA8C,~~SAAA~~,~~CAAgBF~~,EAEhB,EAAGC,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA1C,CAAA,SAAAoB,OAAA,IAAApB,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAS,KAAA;IAELgC,EAAA,GAAAA,CAAA;~~MAAA~~,~~IACV~~,CAACrB,~~OAAA~~,~~IAAWG~~,KAAA,CAAAC,~~OAAA~~,~~CAAcf~~,KAAA;QAC5BJ,QAAA,CAASI,KAAK,GAAG;MAAA;~~IAAA~~;~~IAElBiC~~,EAAA,IAACtB,OAAA,EAASf,QAAA,EAAUI,KAAA;~~IAAMT~~,CAAA,OAAAoB,OAAA;IAAApB,CAAA,OAAAK,QAAA;IAAAL,CAAA,OAAAS,KAAA;IAAAT,CAAA,OAAAyC,EAAA;IAAAzC,CAAA,OAAA0C,EAAA;EAAA;IAAAD,EAAA,GAAAzC,CAAA;IAAA0C,EAAA,GAAA1C,CAAA;EAAA;EAJ7BN,KAAA,CAAA8C,~~SAAA~~,~~CAAgBC~~,EAIhB,EAAGC,EAA0B;EAAA,IAAAC,GAAA;EAAA,IAAA3C,CAAA,SAAAa,IAAA;IAQJ8B,GAAA,GAAAC,QAAA;MAAA,~~GAAkBf~~,QAAM;MAAAC,KAAA,EAASrC,cAAA,CAAeoC,QAAA,CAAAC,~~KAAA~~,~~EAAcjB~~,IAAA;~~IAAA~~;~~IAAMb~~,CAAA,OAAAa,IAAA;IAAAb,CAAA,OAAA2C,GAAA;EAAA;IAAAA,GAAA,GAAA3C,CAAA;EAAA;EAAA,OAL3F6C,IAAA,~~CAAAjD~~,WAAA;IAAAK,QAAA;IAAAG,WAAA;IAAAgB,OAAA;IAAAf,QAAA,~~EAIYgC~~,QAAA;IAAA9B,OAAA,EACDA,OAAA,CAAAwB,~~GAAA~~,~~CAAYY~~,GAAoE;IAAA/B,WAAA;IAAAH,KAAA,EAElFa~~;EAAA,C;~~CAGb;AA3EuC,SAAAc,MAAAU,QAAA;EAAA,OAyCajB,QAAA,CAAApB,~~KAAA~~;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n disabled,\n field: {\n admin: { placeholder },\n },\n isClearable,\n onChange,\n operator,\n options: optionsFromProps,\n value,\n}) => {\n const { i18n } = useTranslation()\n const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n const isMulti = ['in', 'not_in'].includes(operator)\n let valueToRender\n\n if (isMulti && Array.isArray(value)) {\n valueToRender = value.map((val) => {\n const matchingOption = options.find((option) => option.value === val)\n return {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n value: matchingOption?.value ?? val,\n }\n })\n } else if (value) {\n const matchingOption = options.find((option) => option.value === value)\n valueToRender = {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n value: matchingOption?.value ?? value,\n }\n }\n\n const onSelect = React.useCallback(\n (selectedOption) => {\n let newValue\n\n if (!selectedOption) {\n newValue = null\n } else if (isMulti) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => option.value)\n } else {\n newValue = []\n }\n } else {\n newValue = selectedOption.value\n }\n\n onChange(newValue)\n },\n [isMulti, onChange],\n )\n\n React.useEffect(() => {\n setOptions(formatOptions(optionsFromProps))\n }, [optionsFromProps])\n\n React.useEffect(() => {\n if (!isMulti && Array.isArray(value)) {\n onChange(value[0])\n }\n }, [isMulti, onChange, value])\n\n return (\n <ReactSelect\n disabled={disabled}\n isClearable={isClearable}\n isMulti={isMulti}\n onChange={onSelect}\n options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n placeholder={placeholder}\n value={valueToRender}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Text/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","Text","props","$","disabled","field","onChange","operator","value","i18n","t","ariaLabel","label","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const Text: React.FC<Props> = (props) => {\n const { disabled, field, onChange, operator, value } = props\n const { i18n, t } = useTranslation()\n\n const ariaLabel = field?.label ? getTranslation(field.label, i18n) : t('general:enterAValue')\n\n const hasMany = field?.hasMany ?? false\n const isMulti = ['in', 'not_in'].includes(operator) \|\| hasMany\n\n const [valueToRender, setValueToRender] = React.useState<\n { id: string; label: string; value: { value: string } }[]\n >([])\n\n const onSelect = React.useCallback(\n (selectedOption) => {\n let newValue\n if (!selectedOption) {\n newValue = []\n } else if (isMulti) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => option.value?.value \|\| option.value)\n } else {\n newValue = [selectedOption.value?.value \|\| selectedOption.value]\n }\n }\n\n onChange(newValue)\n },\n [isMulti, onChange],\n )\n\n React.useEffect(() => {\n if (Array.isArray(value)) {\n setValueToRender(\n value.map((val, index) => {\n return {\n id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n label: `${val}`,\n value: {\n toString: () => `${val}${index}`,\n value: (val as any)?.value \|\| val,\n },\n }\n }),\n )\n } else {\n setValueToRender([])\n }\n }, [value])\n\n return isMulti ? (\n <ReactSelect\n aria-label={ariaLabel}\n disabled={disabled}\n isClearable\n isCreatable\n isMulti={isMulti}\n isSortable\n onChange={onSelect}\n options={[]}\n placeholder={t('general:enterAValue')}\n value={valueToRender \|\| []}\n />\n ) : (\n <input\n aria-label={ariaLabel}\n className=\"form-input\"\n disabled={disabled}\n onChange={(e) => onChange(e.target.value)}\n placeholder={t('general:enterAValue')}\n type=\"text\"\n value={value \|\| ''}\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,IAAA,GAAwBC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAuDN,KAAA;EACvD;IAAAO,IAAA;IAAAC;EAAA,IAAoBX,cAAA;EAEpB,MAAAY,SAAA,GAAkBN,KAAA,EAAAO,~~KAAA~~,~~GAAef~~,cAAA,CAAeQ,KAAA,CAAAO,~~KAAA~~,~~EAAaH~~,~~IAAA~~,~~IAAQC~~,CAAA,CAAE;EAEvE,MAAAG,OAAA,GAAgBR,KAAA,EAAAQ,~~OAAA~~,~~SAAkB~~;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAU,OAAA,IAAAV,CAAA,QAAAI,QAAA;IAClBO,EAAA,IAAC,MAAM,~~UAAAC~~,~~QAAA~~,~~CAAmBR~~,~~QAAA~~,~~KAAaM~~,~~OAAA~~;IAAAV,CAAA,MAAAU,OAAA;IAAAV,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAvD,MAAAa,OAAA,GAAgBF,EAAuC;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAe,MAAA,CAAAC,GAAA;IAIrDF,EAAA;~~IAAEd~~,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAFJ,OAAAiB,aAAA,EAAAC,gBAAA,IAA0CvB,KAAA,CAAAwB,~~QAAA~~,~~CAExCL~~,EAAE;EAAA,IAAAM,EAAA;EAAA,IAAApB,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAG,QAAA;IAGFiB,EAAA,GAAAC,cAAA;MACMC,GAAA,CAAAA,QAAA;~~MAAA~~,~~KACCD~~,cAAA;QACHC,QAAA,CAAAA,CAAA,~~CAAAA~~,~~EAAA~~;~~MAAA~~;~~QAAA~~,~~IACST~~,OAAA;~~UAAA~~,~~IACLU~~,KAAA,CAAAC,~~OAAA~~,~~CAAcH~~,cAAA;YAChBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAI,~~GAAA~~,~~CAAAC~~,~~KAAkE~~;UAA7E;YAEAJ,QAAA,CAAAA,CAAA,~~CAAAA~~,~~CAAYD~~,cAAA,CAAAhB,~~KAAA~~,EAAAA,~~KAAA~~,~~IAA+BgB~~,cAAA,CAAAhB,KAAoB;~~UAA/D~~;~~QAAA~~;~~MAAA~~;~~MAIJF~~,QAAA,CAASmB,QAAA;IAAA;~~IACXtB~~,CAAA,MAAAa,OAAA;IAAAb,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAdF,MAAA2B,QAAA,GAAiBP,EAeI;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA7B,CAAA,QAAAK,KAAA;IAGLuB,EAAA,GAAAA,CAAA;~~MAAA~~,~~IACVL~~,KAAA,CAAAC,~~OAAA~~,~~CAAcnB~~,KAAA;QAChBa,gBAAA,CACEb,KAAA,CAAAoB,~~GAAA~~,~~CAAAK~~,~~MASA~~;MAAA;QAGFZ,gBAAA,~~GAAmB~~;MAAA;~~IAAA~~;~~IAEpBW~~,EAAA,IAACxB,KAAA;~~IAAML~~,CAAA,MAAAK,KAAA;IAAAL,CAAA,MAAA4B,EAAA;IAAA5B,CAAA,MAAA6B,EAAA;EAAA;IAAAD,EAAA,GAAA5B,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAjBVL,KAAA,CAAAoC,~~SAAA~~,~~CAAgBH~~,EAiBhB,EAAGC,EAAO;EAAA,OAEHhB,OAAA,GACLmB,IAAA,~~CAAAnC~~,WAAA;IAAA,~~cACcW~~,SAAA;IAAAP,QAAA;IAAAgC,WAAA;IAAAC,WAAA;IAAArB,OAAA;IAAAsB,UAAA;IAAAhC,QAAA,~~EAMFwB~~,QAAA;IAAAS,OAAA;IAAAC,WAAA,~~EAEG9B~~,CAAA,CAAE;IAAAF,KAAA,EACRY,~~aAAA~~;~~EAAmB~~,~~C,IAG5Be,~~IAAA,CAAC;IAAA,cACaxB,SAAA;IAAA8B,SAAA,EACF;IAAArC,QAAA;IAAAE,QAAA,~~EAAAoC~~,CAAA,~~IAEOpC~~,QAAA,CAASoC,CAAA,CAAAC,~~MAAA~~,CAAAnC,~~KAAc~~;IAAAgC,WAAA,EAC3B9B,CAAA,CAAE;IAAAkC,IAAA,EACV;IAAApC,KAAA,EACEA,~~KAAA~~,~~IAAS~~;~~EAAA,C;CAGtB;~~AA1EqC,SAAAqB,MAAAgB,MAAA;EAAA,OAoBeA,MAAA,CAAArC,~~KAAA~~,EAAAA,~~KAAA~~,~~IAAuBqC~~,MAAA,CAAArC,KAAY;AAAA;AApBlD,SAAAyB,OAAAa,GAAA,EAAAC,KAAA;EAAA;IAAAC,EAAA,~~EAoCrB~~,GAAGF,GAAA,GAAMC,KAAA,EAAO;IAAAnC,KAAA,EACb,GAAGkC,GAAA,EAAK;IAAAtC,KAAA;MAAAyC,QAAA,~~EAAAA~~,CAAA,~~KAEG~~,GAAGH,GAAA,GAAMC,KAAA,EAAO;MAAAvC,KAAA,EACzBsC,GAAC,EAAAtC,~~KAAA~~,~~IAAsBsC~~;~~IAAA~~;~~EAAA~~;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","Text","props","$","disabled","field","onChange","operator","value","i18n","t","ariaLabel","label","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const Text: React.FC<Props> = (props) => {\n const { disabled, field, onChange, operator, value } = props\n const { i18n, t } = useTranslation()\n\n const ariaLabel = field?.label ? getTranslation(field.label, i18n) : t('general:enterAValue')\n\n const hasMany = field?.hasMany ?? false\n const isMulti = ['in', 'not_in'].includes(operator) \|\| hasMany\n\n const [valueToRender, setValueToRender] = React.useState<\n { id: string; label: string; value: { value: string } }[]\n >([])\n\n const onSelect = React.useCallback(\n (selectedOption) => {\n let newValue\n if (!selectedOption) {\n newValue = []\n } else if (isMulti) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => option.value?.value \|\| option.value)\n } else {\n newValue = [selectedOption.value?.value \|\| selectedOption.value]\n }\n }\n\n onChange(newValue)\n },\n [isMulti, onChange],\n )\n\n React.useEffect(() => {\n if (Array.isArray(value)) {\n setValueToRender(\n value.map((val, index) => {\n return {\n id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n label: `${val}`,\n value: {\n toString: () => `${val}${index}`,\n value: (val as any)?.value \|\| val,\n },\n }\n }),\n )\n } else {\n setValueToRender([])\n }\n }, [value])\n\n return isMulti ? (\n <ReactSelect\n aria-label={ariaLabel}\n disabled={disabled}\n isClearable\n isCreatable\n isMulti={isMulti}\n isSortable\n onChange={onSelect}\n options={[]}\n placeholder={t('general:enterAValue')}\n value={valueToRender \|\| []}\n />\n ) : (\n <input\n aria-label={ariaLabel}\n className=\"form-input\"\n disabled={disabled}\n onChange={(e) => onChange(e.target.value)}\n placeholder={t('general:enterAValue')}\n type=\"text\"\n value={value \|\| ''}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/index.css CHANGED Viewed

@@ -55,6 +55,7 @@
     gap: var(--spacer-2);
   }
+  /* 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) {
     .condition {
       display: block;

package/dist/elements/WhereBuilder/Condition/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAcvF,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,~~CAuMrC~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAcvF,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6MrC,CAAA"}

package/dist/elements/WhereBuilder/Condition/index.js CHANGED Viewed

@@ -117,6 +117,7 @@ export const Condition = props => {
           className: `${baseClass}__join-label`,
           children: t('general:where')
         }) : /*#__PURE__*/_jsx(ReactSelect, {
+          "aria-label": t('general:filter'),
           classNames: {
             menu: () => 'condition__join-menu'
           },
@@ -143,8 +144,12 @@ export const Condition = props => {
         children: [/*#__PURE__*/_jsx("div", {
           className: `${baseClass}__field`,
           children: /*#__PURE__*/_jsx(ReactSelect, {
+            "aria-label": t('general:field'),
             disabled: disabled,
-            filterOption: (option_1, inputValue) => (option_1?.data?.plainTextLabel || option_1.label).toLowerCase().includes(inputValue.toLowerCase()),
+            filterOption: (option_1, inputValue) => {
+              const label = typeof option_1?.data?.plainTextLabel === 'string' ? option_1.data.plainTextLabel : option_1.label;
+              return label.toLowerCase().includes(inputValue.toLowerCase());
+            },
             isClearable: false,
             onChange: handleFieldChange,
             options: reducedFields.filter(field_1 => !isFieldDisabled(field_1.field, 'filter')).map(f => ({
@@ -159,6 +164,7 @@ export const Condition = props => {
         }), /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__operator`,
           children: /*#__PURE__*/_jsx(ReactSelect, {
+            "aria-label": t('general:filter'),
             disabled: disabled,
             isClearable: false,
             onChange: handleOperatorChange,
@@ -181,6 +187,7 @@ export const Condition = props => {
       }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__actions`,
         children: /*#__PURE__*/_jsx(Button, {
+          "aria-label": t('general:removeFilter'),
           buttonStyle: "ghost",
           className: `${baseClass}__actions-remove`,
           disabled: disableRemoveButton,

package/dist/elements/WhereBuilder/Condition/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","isFieldDisabled","useDebounce","useEffectEvent","LineIcon","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","andIndex","disableRemoveButton","fieldPath","filterOptions","isFirstCondition","join","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","updateJoin","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","lastReportedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","normalizedValue","undefined","current","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","classNames","menu","isClearable","onChange","filterOption","inputValue","data","plainTextLabel","toLowerCase","filter","map","f","operators","o","internalField","buttonStyle","icon","size","onClick"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n AddCondition,\n ReducedField,\n RemoveCondition,\n UpdateCondition,\n UpdateJoin,\n Value,\n} from '../types.js'\n\nexport type Props = {\n readonly addCondition: AddCondition\n readonly andIndex: number\n readonly disableRemoveButton: boolean\n readonly fieldPath: string\n readonly filterOptions?: ResolvedFilterOptions\n readonly isFirstCondition: boolean\n readonly join: 'and' \| 'or'\n readonly operator: Operator\n readonly orIndex: number\n readonly reducedFields: ReducedField[]\n readonly removeCondition: RemoveCondition\n readonly RenderedFilter?: React.ReactNode\n readonly updateCondition: UpdateCondition\n readonly updateJoin: UpdateJoin\n readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { LineIcon } from '../../../icons/Line/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.css'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n const {\n andIndex,\n disableRemoveButton,\n fieldPath,\n filterOptions,\n isFirstCondition,\n join,\n operator,\n orIndex,\n reducedFields,\n removeCondition,\n RenderedFilter,\n updateCondition,\n updateJoin,\n value,\n } = props\n\n const { t } = useTranslation()\n\n const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n const [internalValue, setInternalValue] = useState<Value>(value)\n\n const debouncedValue = useDebounce(internalValue, 300)\n\n // Tracks the last value this row reported upward, so the downward sync below can tell our own\n // committed echo apart from a genuine external change (e.g. the row being cleared/reset).\n const lastReportedValue = useRef<Value>(value)\n\n const booleanSelect = ['exists'].includes(operator) \|\| reducedField?.field?.type === 'checkbox'\n\n let valueOptions: PayloadOption[] = []\n\n if (booleanSelect) {\n valueOptions = [\n { label: t('general:true'), value: 'true' },\n { label: t('general:false'), value: 'false' },\n ]\n } else if (reducedField?.field && 'options' in reducedField.field) {\n valueOptions = reducedField.field.options\n }\n\n const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n if (operator) {\n const normalizedValue =\n debouncedValue === null \|\| debouncedValue === '' ? undefined : debouncedValue\n lastReportedValue.current = normalizedValue\n await updateCondition({\n type: 'value',\n andIndex,\n field: reducedField,\n operator,\n orIndex,\n value: normalizedValue,\n })\n }\n })\n\n useEffect(() => {\n void updateValue(debouncedValue)\n }, [debouncedValue])\n\n // Sync external value changes (e.g. the row being cleared or reset to a placeholder) down into\n // local state, but skip our own committed echo so this never clobbers in-progress typing.\n useEffect(() => {\n if (value !== lastReportedValue.current) {\n lastReportedValue.current = value\n setInternalValue(value)\n }\n }, [value])\n\n const disabled = !reducedField?.fieldPath \|\| isFieldDisabled(reducedField?.field, 'filter')\n\n const handleFieldChange = useCallback(\n async (field: Option<string>) => {\n setInternalValue(undefined)\n await updateCondition({\n type: 'field',\n andIndex,\n field: reducedFields.find((option) => option.fieldPath === field.value),\n operator,\n orIndex,\n value: undefined,\n })\n },\n [andIndex, operator, orIndex, reducedFields, updateCondition],\n )\n\n const handleOperatorChange = useCallback(\n async (operator: Option<Operator>) => {\n const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n const validOperatorValue = operatorValueTypes[operator.value] \|\| 'any'\n const isValidValue =\n validOperatorValue === 'any' \|\|\n typeof value === validOperatorValue \|\|\n (validOperatorValue === 'boolean' && (value === 'true' \|\| value === 'false'))\n\n if (!isValidValue) {\n // if the current value is not valid for the new operator\n // reset the value before passing it to updateCondition\n setInternalValue(undefined)\n }\n\n await updateCondition({\n type: 'operator',\n andIndex,\n field: reducedField,\n operator: operator.value,\n orIndex,\n value: isValidValue ? value : undefined,\n })\n },\n [andIndex, reducedField, orIndex, updateCondition, value],\n )\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__wrap`}>\n <div className={`${baseClass}__join`}>\n {isFirstCondition ? (\n <span className={`${baseClass}__join-label`}>{t('general:where')}</span>\n ) : (\n <ReactSelect\n classNames={{\n menu: () => 'condition__join-menu',\n }}\n isClearable={false}\n onChange={(option: Option<'and' \| 'or'>) =>\n updateJoin({ andIndex, join: option.value, orIndex })\n }\n options={[\n { label: t('general:and'), value: 'and' },\n { label: t('general:or'), value: 'or' },\n ]}\n value={{ label: join === 'and' ? t('general:and') : t('general:or'), value: join }}\n />\n )}\n </div>\n <div className={`${baseClass}__inputs`}>\n <div className={`${baseClass}__field`}>\n <ReactSelect\n disabled={disabled}\n filterOption={(option, inputValue) =>\n ((option?.data?.plainTextLabel as string) \|\| option.label)\n .toLowerCase()\n .includes(inputValue.toLowerCase())\n }\n isClearable={false}\n onChange={handleFieldChange}\n options={reducedFields\n .filter((field) => !isFieldDisabled(field.field, 'filter'))\n .map((f) => ({ ...f, value: f.fieldPath }))}\n value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n />\n </div>\n <div className={`${baseClass}__operator`}>\n <ReactSelect\n disabled={disabled}\n isClearable={false}\n onChange={handleOperatorChange}\n options={reducedField?.operators}\n value={reducedField?.operators.find((o) => operator === o.value) \|\| null}\n />\n </div>\n <div className={`${baseClass}__value`}>\n {RenderedFilter \|\| (\n <DefaultFilter\n booleanSelect={booleanSelect}\n disabled={\n !operator \|\| !reducedField \|\| isFieldDisabled(reducedField?.field, 'filter')\n }\n filterOptions={filterOptions}\n internalField={reducedField}\n onChange={setInternalValue}\n operator={operator}\n options={valueOptions}\n value={internalValue ?? ''}\n />\n )}\n </div>\n </div>\n <div className={`${baseClass}__actions`}>\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__actions-remove`}\n disabled={disableRemoveButton}\n icon={<LineIcon size={24} />}\n onClick={() =>\n removeCondition({\n andIndex,\n orIndex,\n })\n }\n />\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","isFieldDisabled","useDebounce","useEffectEvent","LineIcon","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","andIndex","disableRemoveButton","fieldPath","filterOptions","isFirstCondition","join","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","updateJoin","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","lastReportedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","normalizedValue","undefined","current","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","classNames","menu","isClearable","onChange","filterOption","inputValue","data","plainTextLabel","toLowerCase","filter","map","f","operators","o","internalField","buttonStyle","icon","size","onClick"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n AddCondition,\n ReducedField,\n RemoveCondition,\n UpdateCondition,\n UpdateJoin,\n Value,\n} from '../types.js'\n\nexport type Props = {\n readonly addCondition: AddCondition\n readonly andIndex: number\n readonly disableRemoveButton: boolean\n readonly fieldPath: string\n readonly filterOptions?: ResolvedFilterOptions\n readonly isFirstCondition: boolean\n readonly join: 'and' \| 'or'\n readonly operator: Operator\n readonly orIndex: number\n readonly reducedFields: ReducedField[]\n readonly removeCondition: RemoveCondition\n readonly RenderedFilter?: React.ReactNode\n readonly updateCondition: UpdateCondition\n readonly updateJoin: UpdateJoin\n readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { LineIcon } from '../../../icons/Line/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.css'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n const {\n andIndex,\n disableRemoveButton,\n fieldPath,\n filterOptions,\n isFirstCondition,\n join,\n operator,\n orIndex,\n reducedFields,\n removeCondition,\n RenderedFilter,\n updateCondition,\n updateJoin,\n value,\n } = props\n\n const { t } = useTranslation()\n\n const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n const [internalValue, setInternalValue] = useState<Value>(value)\n\n const debouncedValue = useDebounce(internalValue, 300)\n\n // Tracks the last value this row reported upward, so the downward sync below can tell our own\n // committed echo apart from a genuine external change (e.g. the row being cleared/reset).\n const lastReportedValue = useRef<Value>(value)\n\n const booleanSelect = ['exists'].includes(operator) \|\| reducedField?.field?.type === 'checkbox'\n\n let valueOptions: PayloadOption[] = []\n\n if (booleanSelect) {\n valueOptions = [\n { label: t('general:true'), value: 'true' },\n { label: t('general:false'), value: 'false' },\n ]\n } else if (reducedField?.field && 'options' in reducedField.field) {\n valueOptions = reducedField.field.options\n }\n\n const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n if (operator) {\n const normalizedValue =\n debouncedValue === null \|\| debouncedValue === '' ? undefined : debouncedValue\n lastReportedValue.current = normalizedValue\n await updateCondition({\n type: 'value',\n andIndex,\n field: reducedField,\n operator,\n orIndex,\n value: normalizedValue,\n })\n }\n })\n\n useEffect(() => {\n void updateValue(debouncedValue)\n }, [debouncedValue])\n\n // Sync external value changes (e.g. the row being cleared or reset to a placeholder) down into\n // local state, but skip our own committed echo so this never clobbers in-progress typing.\n useEffect(() => {\n if (value !== lastReportedValue.current) {\n lastReportedValue.current = value\n setInternalValue(value)\n }\n }, [value])\n\n const disabled = !reducedField?.fieldPath \|\| isFieldDisabled(reducedField?.field, 'filter')\n\n const handleFieldChange = useCallback(\n async (field: Option<string>) => {\n setInternalValue(undefined)\n await updateCondition({\n type: 'field',\n andIndex,\n field: reducedFields.find((option) => option.fieldPath === field.value),\n operator,\n orIndex,\n value: undefined,\n })\n },\n [andIndex, operator, orIndex, reducedFields, updateCondition],\n )\n\n const handleOperatorChange = useCallback(\n async (operator: Option<Operator>) => {\n const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n const validOperatorValue = operatorValueTypes[operator.value] \|\| 'any'\n const isValidValue =\n validOperatorValue === 'any' \|\|\n typeof value === validOperatorValue \|\|\n (validOperatorValue === 'boolean' && (value === 'true' \|\| value === 'false'))\n\n if (!isValidValue) {\n // if the current value is not valid for the new operator\n // reset the value before passing it to updateCondition\n setInternalValue(undefined)\n }\n\n await updateCondition({\n type: 'operator',\n andIndex,\n field: reducedField,\n operator: operator.value,\n orIndex,\n value: isValidValue ? value : undefined,\n })\n },\n [andIndex, reducedField, orIndex, updateCondition, value],\n )\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__wrap`}>\n <div className={`${baseClass}__join`}>\n {isFirstCondition ? (\n <span className={`${baseClass}__join-label`}>{t('general:where')}</span>\n ) : (\n <ReactSelect\n aria-label={t('general:filter')}\n classNames={{\n menu: () => 'condition__join-menu',\n }}\n isClearable={false}\n onChange={(option: Option<'and' \| 'or'>) =>\n updateJoin({ andIndex, join: option.value, orIndex })\n }\n options={[\n { label: t('general:and'), value: 'and' },\n { label: t('general:or'), value: 'or' },\n ]}\n value={{ label: join === 'and' ? t('general:and') : t('general:or'), value: join }}\n />\n )}\n </div>\n <div className={`${baseClass}__inputs`}>\n <div className={`${baseClass}__field`}>\n <ReactSelect\n aria-label={t('general:field')}\n disabled={disabled}\n filterOption={(option, inputValue) => {\n const label =\n typeof option?.data?.plainTextLabel === 'string'\n ? option.data.plainTextLabel\n : option.label\n return label.toLowerCase().includes(inputValue.toLowerCase())\n }}\n isClearable={false}\n onChange={handleFieldChange}\n options={reducedFields\n .filter((field) => !isFieldDisabled(field.field, 'filter'))\n .map((f) => ({ ...f, value: f.fieldPath }))}\n value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n />\n </div>\n <div className={`${baseClass}__operator`}>\n <ReactSelect\n aria-label={t('general:filter')}\n disabled={disabled}\n isClearable={false}\n onChange={handleOperatorChange}\n options={reducedField?.operators}\n value={reducedField?.operators.find((o) => operator === o.value) \|\| null}\n />\n </div>\n <div className={`${baseClass}__value`}>\n {RenderedFilter \|\| (\n <DefaultFilter\n booleanSelect={booleanSelect}\n disabled={\n !operator \|\| !reducedField \|\| isFieldDisabled(reducedField?.field, 'filter')\n }\n filterOptions={filterOptions}\n internalField={reducedField}\n onChange={setInternalValue}\n operator={operator}\n options={valueOptions}\n value={internalValue ?? ''}\n />\n )}\n </div>\n </div>\n <div className={`${baseClass}__actions`}>\n <Button\n aria-label={t('general:removeFilter')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__actions-remove`}\n disabled={disableRemoveButton}\n icon={<LineIcon size={24} />}\n onClick={() =>\n removeCondition({\n andIndex,\n orIndex,\n })\n }\n />\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}