@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/QueryPresets/fields/WhereField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"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"}

package/dist/elements/ReactSelect/ClearIndicator/index.js

@@ -1,12 +1,12 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import './index.scss';
 const baseClass = 'clear-indicator';
 export const ClearIndicator = (props)=>{
     const { clearValue, innerProps: { ref, ...restInnerProps } } = props;
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         // TODO Fix this - Broke with React 19 types
         ref: typeof ref === 'string' ? null : ref,
@@ -19,10 +19,18 @@ export const ClearIndicator = (props)=>{
         },
         role: "button",
         tabIndex: 0,
-        children: /*#__PURE__*/ _jsx(XIcon, {
+        children: /*#__PURE__*/ _jsxDEV(XIcon, {
             className: `${baseClass}__icon`
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/ClearIndicator/index.tsx",
+            lineNumber: 34,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/ClearIndicator/index.tsx",
+        lineNumber: 20,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/ClearIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,KAAK,QAAQ,4BAA2B;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkE,CAACC;IAC9E,MAAM,EACJC,UAAU,EACVC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGJ;IAEJ,qBACE,KAACK;QACCC,WAAWR;QACX,4CAA4C;QAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA;QACrC,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBR;gBACAO,EAAEE,eAAe;YACnB;QACF;QACAC,MAAK;QACLC,UAAU;kBAEV,cAAA,KAACf;YAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC;;;AAG5C,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,KAAK,QAAQ,4BAA2B;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkE,CAACC;IAC9E,MAAM,EACJC,UAAU,EACVC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGJ;IAEJ,qBACE,QAACK;QACCC,WAAWR;QACX,4CAA4C;QAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA;QACrC,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBR;gBACAO,EAAEE,eAAe;YACnB;QACF;QACAC,MAAK;QACLC,UAAU;kBAEV,cAAA,QAACf;YAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC;;;;;;;;;;;AAG5C,EAAC"}

package/dist/elements/ReactSelect/Control/index.js

@@ -1,12 +1,12 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 export const Control = (props)=>{
     const { children, innerProps, // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
     selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {} } = props;
-    return /*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.Control, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.Control, {
             ...props,
             innerProps: {
                 ...innerProps,
@@ -30,8 +30,16 @@ export const Control = (props)=>{
                 }
             },
             children: children
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/Control/index.tsx",
+            lineNumber: 19,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/Control/index.tsx",
+        lineNumber: 18,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/Control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"sourcesContent":["'use client'\nimport type { ControlProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Control: React.FC<ControlProps<Option, any>> = (props) => {\n  const {\n    children,\n    innerProps,\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {},\n  } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.Control\n        {...props}\n        innerProps={{\n          ...innerProps,\n          onKeyDown: (e) => {\n            if (disableKeyDown) {\n              e.stopPropagation()\n              // Create event for keydown listeners which specifically want to bypass this stopPropagation\n              const bypassEvent = new CustomEvent('bypassKeyDown', { detail: e })\n              document.dispatchEvent(bypassEvent)\n            }\n          },\n          // react-select has this typed incorrectly so we disable the linting rule\n          // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)\n\n          onMouseDown: (e) => {\n            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)\n            if (!disableMouseDown) {\n              innerProps.onMouseDown(e)\n            }\n          },\n        }}\n      >\n        {children}\n      </SelectComponents.Control>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,UAA+C,CAACC;IAC3D,MAAM,EACJC,QAAQ,EACRC,UAAU,EACV,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC7E,GAAGN;IAEJ,qBACE,KAACJ,MAAMW,QAAQ;kBACb,cAAA,KAACT,iBAAiBC,OAAO;YACtB,GAAGC,KAAK;YACTE,YAAY;gBACV,GAAGA,UAAU;gBACbM,WAAW,CAACC;oBACV,IAAIJ,gBAAgB;wBAClBI,EAAEC,eAAe;wBACjB,4FAA4F;wBAC5F,MAAMC,cAAc,IAAIC,YAAY,iBAAiB;4BAAEC,QAAQJ;wBAAE;wBACjEK,SAASC,aAAa,CAACJ;oBACzB;gBACF;gBACA,yEAAyE;gBACzE,uIAAuI;gBAEvIK,aAAa,CAACP;oBACZ,yIAAyI;oBACzI,IAAI,CAACH,kBAAkB;wBACrBJ,WAAWc,WAAW,CAACP;oBACzB;gBACF;YACF;sBAECR;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"sourcesContent":["'use client'\nimport type { ControlProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Control: React.FC<ControlProps<Option, any>> = (props) => {\n  const {\n    children,\n    innerProps,\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {},\n  } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.Control\n        {...props}\n        innerProps={{\n          ...innerProps,\n          onKeyDown: (e) => {\n            if (disableKeyDown) {\n              e.stopPropagation()\n              // Create event for keydown listeners which specifically want to bypass this stopPropagation\n              const bypassEvent = new CustomEvent('bypassKeyDown', { detail: e })\n              document.dispatchEvent(bypassEvent)\n            }\n          },\n          // react-select has this typed incorrectly so we disable the linting rule\n          // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)\n\n          onMouseDown: (e) => {\n            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)\n            if (!disableMouseDown) {\n              innerProps.onMouseDown(e)\n            }\n          },\n        }}\n      >\n        {children}\n      </SelectComponents.Control>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,UAA+C,CAACC;IAC3D,MAAM,EACJC,QAAQ,EACRC,UAAU,EACV,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC7E,GAAGN;IAEJ,qBACE,QAACJ,MAAMW,QAAQ;kBACb,cAAA,QAACT,iBAAiBC,OAAO;YACtB,GAAGC,KAAK;YACTE,YAAY;gBACV,GAAGA,UAAU;gBACbM,WAAW,CAACC;oBACV,IAAIJ,gBAAgB;wBAClBI,EAAEC,eAAe;wBACjB,4FAA4F;wBAC5F,MAAMC,cAAc,IAAIC,YAAY,iBAAiB;4BAAEC,QAAQJ;wBAAE;wBACjEK,SAASC,aAAa,CAACJ;oBACzB;gBACF;gBACA,yEAAyE;gBACzE,uIAAuI;gBAEvIK,aAAa,CAACP;oBACZ,yIAAyI;oBACzI,IAAI,CAACH,kBAAkB;wBACrBJ,WAAWc,WAAW,CAACP;oBACzB;gBACF;YACF;sBAECR;;;;;;;;;;;AAIT,EAAC"}

package/dist/elements/ReactSelect/DropdownIndicator/index.js

@@ -1,12 +1,12 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import './index.scss';
 const baseClass = 'dropdown-indicator';
 export const DropdownIndicator = (props)=>{
     const { innerProps: { ref, ...restInnerProps } } = props;
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: baseClass,
         ref: ref,
         ...restInnerProps,
@@ -16,10 +16,18 @@ export const DropdownIndicator = (props)=>{
             }
         },
         type: "button",
-        children: /*#__PURE__*/ _jsx(ChevronIcon, {
+        children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
             className: `${baseClass}__icon`
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/DropdownIndicator/index.tsx",
+            lineNumber: 33,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/DropdownIndicator/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/DropdownIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,OAAO,MAAMC,oBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGH;IAEJ,qBACE,KAACI;QACCC,WAAWP;QACXI,KAAKA;QACJ,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBD,EAAEC,GAAG,GAAG;YACV;QACF;QACAC,MAAK;kBAEL,cAAA,KAACZ;YAAYQ,WAAW,GAAGP,UAAU,MAAM,CAAC;;;AAGlD,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,OAAO,MAAMC,oBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGH;IAEJ,qBACE,QAACI;QACCC,WAAWP;QACXI,KAAKA;QACJ,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBD,EAAEC,GAAG,GAAG;YACV;QACF;QACAC,MAAK;kBAEL,cAAA,QAACZ;YAAYQ,WAAW,GAAGP,UAAU,MAAM,CAAC;;;;;;;;;;;AAGlD,EAAC"}

package/dist/elements/ReactSelect/Input/index.js

@@ -1,17 +1,25 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 export const Input = (props)=>{
-    return /*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.Input, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.Input, {
             ...props,
             /**
          * Adding `aria-activedescendant` fixes hydration error
          * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196
          */ "aria-activedescendant": undefined
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/Input/index.tsx",
+            lineNumber: 12,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/Input/index.tsx",
+        lineNumber: 11,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/Input/index.tsx"],"sourcesContent":["'use client'\nimport type { InputProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Input: React.FC<InputProps<Option, any>> = (props) => {\n  return (\n    <React.Fragment>\n      <SelectComponents.Input\n        {...props}\n        /**\n         * Adding `aria-activedescendant` fixes hydration error\n         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196\n         */\n        aria-activedescendant={undefined}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Input","props","Fragment","aria-activedescendant","undefined"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,QAA2C,CAACC;IACvD,qBACE,KAACJ,MAAMK,QAAQ;kBACb,cAAA,KAACH,iBAAiBC,KAAK;YACpB,GAAGC,KAAK;YACT;;;SAGC,GACDE,yBAAuBC;;;AAI/B,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/Input/index.tsx"],"sourcesContent":["'use client'\nimport type { InputProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Input: React.FC<InputProps<Option, any>> = (props) => {\n  return (\n    <React.Fragment>\n      <SelectComponents.Input\n        {...props}\n        /**\n         * Adding `aria-activedescendant` fixes hydration error\n         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196\n         */\n        aria-activedescendant={undefined}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Input","props","Fragment","aria-activedescendant","undefined"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,QAA2C,CAACC;IACvD,qBACE,QAACJ,MAAMK,QAAQ;kBACb,cAAA,QAACH,iBAAiBC,KAAK;YACpB,GAAGC,KAAK;YACT;;;SAGC,GACDE,yBAAuBC;;;;;;;;;;;AAI/B,EAAC"}

package/dist/elements/ReactSelect/MultiValue/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 import { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js';
@@ -22,8 +22,8 @@ export const MultiValue = (props)=>{
         !isDisabled && isSortable && 'draggable',
         isDragging && `${baseClass}--is-dragging`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.MultiValue, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.MultiValue, {
             ...props,
             className: classes,
             innerProps: {
@@ -44,8 +44,16 @@ export const MultiValue = (props)=>{
                     ...attributes?.style
                 } : {}
             }
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/MultiValue/index.tsx",
+            lineNumber: 45,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/MultiValue/index.tsx",
+        lineNumber: 44,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/MultiValue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value'\n\nexport function generateMultiValueDraggableID(optionData, valueFunction) {\n  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value\n}\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data,\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {},\n  } = props\n\n  const id = generateMultiValueDraggableID(data, getOptionValue)\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n    disabled: !isSortable,\n  })\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && isSortable && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <React.Fragment>\n      <SelectComponents.MultiValue\n        {...props}\n        className={classes}\n        innerProps={{\n          ...(isSortable\n            ? {\n                ...attributes,\n                ...listeners,\n              }\n            : {}),\n          ...innerProps,\n          onMouseDown: (e) => {\n            if (!disableMouseDown) {\n              // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)\n              e.stopPropagation()\n            }\n          },\n          ref: setNodeRef,\n          style: isSortable\n            ? {\n                transform,\n                ...attributes?.style,\n              }\n            : {},\n        }}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","useDraggableSortable","baseClass","generateMultiValueDraggableID","optionData","valueFunction","value","MultiValue","props","className","data","innerProps","isDisabled","selectProps","customProps","disableMouseDown","getOptionValue","isSortable","id","attributes","isDragging","listeners","setNodeRef","transform","disabled","classes","filter","Boolean","join","Fragment","onMouseDown","e","stopPropagation","ref","style"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,oBAAoB,QAAQ,wDAAuD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,8BAA8BC,UAAU,EAAEC,aAAa;IACrE,OAAO,OAAOA,kBAAkB,aAAaA,cAAcD,cAAcA,YAAYE;AACvF;AACA,OAAO,MAAMC,aAAgD,CAACC;IAC5D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,UAAU,EACV,oFAAoF;IACpFC,aAAa,EAAEC,aAAa,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzF,GAAGT;IAEJ,MAAMU,KAAKf,8BAA8BO,MAAMM;IAE/C,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGtB,qBAAqB;QACxFiB;QACAM,UAAU,CAACP;IACb;IAEA,MAAMQ,UAAU;QACdvB;QACAO;QACA,CAACG,cAAcK,cAAc;QAC7BG,cAAc,GAAGlB,UAAU,aAAa,CAAC;KAC1C,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAAC9B,MAAM+B,QAAQ;kBACb,cAAA,KAAC7B,iBAAiBO,UAAU;YACzB,GAAGC,KAAK;YACTC,WAAWgB;YACXd,YAAY;gBACV,GAAIM,aACA;oBACE,GAAGE,UAAU;oBACb,GAAGE,SAAS;gBACd,IACA,CAAC,CAAC;gBACN,GAAGV,UAAU;gBACbmB,aAAa,CAACC;oBACZ,IAAI,CAAChB,kBAAkB;wBACrB,wJAAwJ;wBACxJgB,EAAEC,eAAe;oBACnB;gBACF;gBACAC,KAAKX;gBACLY,OAAOjB,aACH;oBACEM;oBACA,GAAGJ,YAAYe,KAAK;gBACtB,IACA,CAAC;YACP;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value'\n\nexport function generateMultiValueDraggableID(optionData, valueFunction) {\n  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value\n}\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data,\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {},\n  } = props\n\n  const id = generateMultiValueDraggableID(data, getOptionValue)\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n    disabled: !isSortable,\n  })\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && isSortable && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <React.Fragment>\n      <SelectComponents.MultiValue\n        {...props}\n        className={classes}\n        innerProps={{\n          ...(isSortable\n            ? {\n                ...attributes,\n                ...listeners,\n              }\n            : {}),\n          ...innerProps,\n          onMouseDown: (e) => {\n            if (!disableMouseDown) {\n              // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)\n              e.stopPropagation()\n            }\n          },\n          ref: setNodeRef,\n          style: isSortable\n            ? {\n                transform,\n                ...attributes?.style,\n              }\n            : {},\n        }}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","useDraggableSortable","baseClass","generateMultiValueDraggableID","optionData","valueFunction","value","MultiValue","props","className","data","innerProps","isDisabled","selectProps","customProps","disableMouseDown","getOptionValue","isSortable","id","attributes","isDragging","listeners","setNodeRef","transform","disabled","classes","filter","Boolean","join","Fragment","onMouseDown","e","stopPropagation","ref","style"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,oBAAoB,QAAQ,wDAAuD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,8BAA8BC,UAAU,EAAEC,aAAa;IACrE,OAAO,OAAOA,kBAAkB,aAAaA,cAAcD,cAAcA,YAAYE;AACvF;AACA,OAAO,MAAMC,aAAgD,CAACC;IAC5D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,UAAU,EACV,oFAAoF;IACpFC,aAAa,EAAEC,aAAa,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzF,GAAGT;IAEJ,MAAMU,KAAKf,8BAA8BO,MAAMM;IAE/C,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGtB,qBAAqB;QACxFiB;QACAM,UAAU,CAACP;IACb;IAEA,MAAMQ,UAAU;QACdvB;QACAO;QACA,CAACG,cAAcK,cAAc;QAC7BG,cAAc,GAAGlB,UAAU,aAAa,CAAC;KAC1C,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAAC9B,MAAM+B,QAAQ;kBACb,cAAA,QAAC7B,iBAAiBO,UAAU;YACzB,GAAGC,KAAK;YACTC,WAAWgB;YACXd,YAAY;gBACV,GAAIM,aACA;oBACE,GAAGE,UAAU;oBACb,GAAGE,SAAS;gBACd,IACA,CAAC,CAAC;gBACN,GAAGV,UAAU;gBACbmB,aAAa,CAACC;oBACZ,IAAI,CAAChB,kBAAkB;wBACrB,wJAAwJ;wBACxJgB,EAAEC,eAAe;oBACnB;gBACF;gBACAC,KAAKX;gBACLY,OAAOjB,aACH;oBACEM;oBACA,GAAGJ,YAAYe,KAAK;gBACtB,IACA,CAAC;YACP;;;;;;;;;;;AAIR,EAAC"}

package/dist/elements/ReactSelect/MultiValueLabel/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
@@ -13,18 +13,26 @@ export const MultiValueLabel = (props)=>{
     const className = `${baseClass}__text`;
     const labelText = data.label ? getTranslation(data.label, i18n) : '';
     const titleText = typeof labelText === 'string' ? labelText : '';
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         title: titleText,
-        children: /*#__PURE__*/ _jsx(SelectComponents.MultiValueLabel, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.MultiValueLabel, {
             ...props,
             innerProps: {
                 className,
                 ...editableProps && editableProps(data, className, props.selectProps) || {},
                 ...draggableProps || {}
             }
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/MultiValueLabel/index.tsx",
+            lineNumber: 27,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/MultiValueLabel/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/MultiValueLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { MultiValueProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value-label'\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n  const { data, selectProps: { customProps: { draggableProps, editableProps } = {} } = {} } = props\n  const { i18n } = useTranslation()\n\n  const className = `${baseClass}__text`\n  const labelText = data.label ? getTranslation(data.label as OptionLabel, i18n) : ''\n  const titleText = typeof labelText === 'string' ? labelText : ''\n\n  return (\n    <div className={baseClass} title={titleText}>\n      <SelectComponents.MultiValueLabel\n        {...props}\n        innerProps={{\n          className,\n          ...((editableProps && editableProps(data, className, props.selectProps)) || {}),\n          ...(draggableProps || {}),\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","MultiValueLabel","props","data","selectProps","customProps","draggableProps","editableProps","i18n","className","labelText","label","titleText","div","title","innerProps"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAAqD,CAACC;IACjE,6FAA6F;IAC7F,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGL;IAC5F,MAAM,EAAEM,IAAI,EAAE,GAAGT;IAEjB,MAAMU,YAAY,GAAGT,UAAU,MAAM,CAAC;IACtC,MAAMU,YAAYP,KAAKQ,KAAK,GAAGhB,eAAeQ,KAAKQ,KAAK,EAAiBH,QAAQ;IACjF,MAAMI,YAAY,OAAOF,cAAc,WAAWA,YAAY;IAE9D,qBACE,KAACG;QAAIJ,WAAWT;QAAWc,OAAOF;kBAChC,cAAA,KAACd,iBAAiBG,eAAe;YAC9B,GAAGC,KAAK;YACTa,YAAY;gBACVN;gBACA,GAAI,AAACF,iBAAiBA,cAAcJ,MAAMM,WAAWP,MAAME,WAAW,KAAM,CAAC,CAAC;gBAC9E,GAAIE,kBAAkB,CAAC,CAAC;YAC1B;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { MultiValueProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value-label'\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n  const { data, selectProps: { customProps: { draggableProps, editableProps } = {} } = {} } = props\n  const { i18n } = useTranslation()\n\n  const className = `${baseClass}__text`\n  const labelText = data.label ? getTranslation(data.label as OptionLabel, i18n) : ''\n  const titleText = typeof labelText === 'string' ? labelText : ''\n\n  return (\n    <div className={baseClass} title={titleText}>\n      <SelectComponents.MultiValueLabel\n        {...props}\n        innerProps={{\n          className,\n          ...((editableProps && editableProps(data, className, props.selectProps)) || {}),\n          ...(draggableProps || {}),\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","MultiValueLabel","props","data","selectProps","customProps","draggableProps","editableProps","i18n","className","labelText","label","titleText","div","title","innerProps"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAAqD,CAACC;IACjE,6FAA6F;IAC7F,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGL;IAC5F,MAAM,EAAEM,IAAI,EAAE,GAAGT;IAEjB,MAAMU,YAAY,GAAGT,UAAU,MAAM,CAAC;IACtC,MAAMU,YAAYP,KAAKQ,KAAK,GAAGhB,eAAeQ,KAAKQ,KAAK,EAAiBH,QAAQ;IACjF,MAAMI,YAAY,OAAOF,cAAc,WAAWA,YAAY;IAE9D,qBACE,QAACG;QAAIJ,WAAWT;QAAWc,OAAOF;kBAChC,cAAA,QAACd,iBAAiBG,eAAe;YAC9B,GAAGC,KAAK;YACTa,YAAY;gBACVN;gBACA,GAAI,AAACF,iBAAiBA,cAAcJ,MAAMM,WAAWP,MAAME,WAAW,KAAM,CAAC,CAAC;gBAC9E,GAAIE,kBAAkB,CAAC,CAAC;YAC1B;;;;;;;;;;;AAIR,EAAC"}

package/dist/elements/ReactSelect/MultiValueRemove/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -10,7 +10,7 @@ export const MultiValueRemove = (props)=>{
     const { innerProps: { className, onClick, onTouchEnd } } = props;
     const [showTooltip, setShowTooltip] = React.useState(false);
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxs("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         "aria-label": t('general:remove'),
         className: [
             baseClass,
@@ -31,16 +31,28 @@ export const MultiValueRemove = (props)=>{
         onTouchEnd: onTouchEnd,
         type: "button",
         children: [
-            /*#__PURE__*/ _jsx(Tooltip, {
+            /*#__PURE__*/ _jsxDEV(Tooltip, {
                 className: `${baseClass}__tooltip`,
                 show: showTooltip,
                 children: t('general:remove')
-            }),
-            /*#__PURE__*/ _jsx(XIcon, {
+            }, void 0, false, {
+                fileName: "src/elements/ReactSelect/MultiValueRemove/index.tsx",
+                lineNumber: 46,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(XIcon, {
                 className: `${baseClass}__icon`
-            })
+            }, void 0, false, {
+                fileName: "src/elements/ReactSelect/MultiValueRemove/index.tsx",
+                lineNumber: 49,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/ReactSelect/MultiValueRemove/index.tsx",
+        lineNumber: 28,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/MultiValueRemove/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueRemove/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueRemoveProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value-remove'\n\nexport const MultiValueRemove: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & MultiValueRemoveProps<OptionType>\n> = (props) => {\n  const {\n    innerProps: { className, onClick, onTouchEnd },\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:remove')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onClick={(e) => {\n        setShowTooltip(false)\n        onClick(e)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.stopPropagation()\n        }\n      }}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n      onTouchEnd={onTouchEnd}\n      type=\"button\"\n    >\n      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n        {t('general:remove')}\n      </Tooltip>\n      <XIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","XIcon","useTranslation","Tooltip","baseClass","MultiValueRemove","props","innerProps","className","onClick","onTouchEnd","showTooltip","setShowTooltip","useState","t","button","aria-label","filter","Boolean","join","e","onKeyDown","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","type","show"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAE,EAC/C,GAAGJ;IAEJ,MAAM,CAACK,aAAaC,eAAe,GAAGZ,MAAMa,QAAQ,CAAC;IACrD,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,MAACa;QACCC,cAAYF,EAAE;QACdN,WAAW;YAACJ;YAAWI;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDV,SAAS,CAACW;YACRR,eAAe;YACfH,QAAQW;QACV;QACAC,WAAW,CAACD;YACV,IAAIA,EAAEE,GAAG,KAAK,SAAS;gBACrBF,EAAEG,eAAe;YACnB;QACF;QACAC,aAAa,CAACJ,IAAMA,EAAEG,eAAe;QACrCE,cAAc,IAAMb,eAAe;QACnCc,cAAc,IAAMd,eAAe;QACnCF,YAAYA;QACZiB,MAAK;;0BAEL,KAACxB;gBAAQK,WAAW,GAAGJ,UAAU,SAAS,CAAC;gBAAEwB,MAAMjB;0BAChDG,EAAE;;0BAEL,KAACb;gBAAMO,WAAW,GAAGJ,UAAU,MAAM,CAAC;;;;AAG5C,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValueRemove/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueRemoveProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value-remove'\n\nexport const MultiValueRemove: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & MultiValueRemoveProps<OptionType>\n> = (props) => {\n  const {\n    innerProps: { className, onClick, onTouchEnd },\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:remove')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onClick={(e) => {\n        setShowTooltip(false)\n        onClick(e)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.stopPropagation()\n        }\n      }}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n      onTouchEnd={onTouchEnd}\n      type=\"button\"\n    >\n      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n        {t('general:remove')}\n      </Tooltip>\n      <XIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","XIcon","useTranslation","Tooltip","baseClass","MultiValueRemove","props","innerProps","className","onClick","onTouchEnd","showTooltip","setShowTooltip","useState","t","button","aria-label","filter","Boolean","join","e","onKeyDown","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","type","show"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAE,EAC/C,GAAGJ;IAEJ,MAAM,CAACK,aAAaC,eAAe,GAAGZ,MAAMa,QAAQ,CAAC;IACrD,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,QAACa;QACCC,cAAYF,EAAE;QACdN,WAAW;YAACJ;YAAWI;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDV,SAAS,CAACW;YACRR,eAAe;YACfH,QAAQW;QACV;QACAC,WAAW,CAACD;YACV,IAAIA,EAAEE,GAAG,KAAK,SAAS;gBACrBF,EAAEG,eAAe;YACnB;QACF;QACAC,aAAa,CAACJ,IAAMA,EAAEG,eAAe;QACrCE,cAAc,IAAMb,eAAe;QACnCc,cAAc,IAAMd,eAAe;QACnCF,YAAYA;QACZiB,MAAK;;0BAEL,QAACxB;gBAAQK,WAAW,GAAGJ,UAAU,SAAS,CAAC;gBAAEwB,MAAMjB;0BAChDG,EAAE;;;;;;0BAEL,QAACb;gBAAMO,WAAW,GAAGJ,UAAU,MAAM,CAAC;;;;;;;;;;;;AAG5C,EAAC"}

package/dist/elements/ReactSelect/SingleValue/index.js

@@ -1,20 +1,28 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 const baseClass = 'react-select--single-value';
 export const SingleValue = (props)=>{
     const { children, className } = props;
-    return /*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.SingleValue, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.SingleValue, {
             ...props,
             className: [
                 baseClass,
                 className
             ].filter(Boolean).join(' '),
             children: children
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/SingleValue/index.tsx",
+            lineNumber: 16,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/SingleValue/index.tsx",
+        lineNumber: 15,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/SingleValue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nconst baseClass = 'react-select--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const { children, className } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.SingleValue\n        {...props}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n      >\n        {children}\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","baseClass","SingleValue","props","children","className","Fragment","filter","Boolean","join"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGF;IAEhC,qBACE,KAACL,MAAMQ,QAAQ;kBACb,cAAA,KAACN,iBAAiBE,WAAW;YAC1B,GAAGC,KAAK;YACTE,WAAW;gBAACJ;gBAAWI;aAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;sBAEtDL;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nconst baseClass = 'react-select--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const { children, className } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.SingleValue\n        {...props}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n      >\n        {children}\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","baseClass","SingleValue","props","children","className","Fragment","filter","Boolean","join"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGF;IAEhC,qBACE,QAACL,MAAMQ,QAAQ;kBACb,cAAA,QAACN,iBAAiBE,WAAW;YAC1B,GAAGC,KAAK;YACTE,WAAW;gBAACJ;gBAAWI;aAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;sBAEtDL;;;;;;;;;;;AAIT,EAAC"}

package/dist/elements/ReactSelect/ValueContainer/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
@@ -16,20 +16,32 @@ export const ValueContainer = (props)=>{
         const labelText = value.label ? getTranslation(value.label, i18n) : '';
         titleText = typeof labelText === 'string' ? labelText : '';
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         ref: customProps?.droppableRef,
         title: titleText,
         children: [
-            customProps?.valueContainerLabel && /*#__PURE__*/ _jsx("span", {
+            customProps?.valueContainerLabel && /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__label`,
                 children: customProps?.valueContainerLabel
-            }),
-            /*#__PURE__*/ _jsx(SelectComponents.ValueContainer, {
+            }, void 0, false, {
+                fileName: "src/elements/ReactSelect/ValueContainer/index.tsx",
+                lineNumber: 31,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV(SelectComponents.ValueContainer, {
                 ...props
-            })
+            }, void 0, false, {
+                fileName: "src/elements/ReactSelect/ValueContainer/index.tsx",
+                lineNumber: 33,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/ReactSelect/ValueContainer/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/ValueContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { ValueContainerProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'value-container'\n\nexport const ValueContainer: React.FC<ValueContainerProps<Option, any>> = (props) => {\n  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n  const { selectProps: { customProps, value } = {} } = props\n  const { i18n } = useTranslation()\n\n  // Get the title for single-value selects\n  let titleText = ''\n  if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {\n    const labelText = value.label ? getTranslation(value.label as OptionLabel, i18n) : ''\n    titleText = typeof labelText === 'string' ? labelText : ''\n  }\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>\n      {customProps?.valueContainerLabel && (\n        <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>\n      )}\n      <SelectComponents.ValueContainer {...props} />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","ValueContainer","props","selectProps","customProps","value","i18n","titleText","Array","isArray","labelText","label","div","className","ref","droppableRef","title","valueContainerLabel","span"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6D,CAACC;IACzE,8FAA8F;IAC9F,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGH;IACrD,MAAM,EAAEI,IAAI,EAAE,GAAGP;IAEjB,yCAAyC;IACzC,IAAIQ,YAAY;IAChB,IAAIF,SAAS,CAACG,MAAMC,OAAO,CAACJ,UAAU,OAAOA,UAAU,YAAY,WAAWA,OAAO;QACnF,MAAMK,YAAYL,MAAMM,KAAK,GAAGhB,eAAeU,MAAMM,KAAK,EAAiBL,QAAQ;QACnFC,YAAY,OAAOG,cAAc,WAAWA,YAAY;IAC1D;IAEA,qBACE,MAACE;QAAIC,WAAWb;QAAWc,KAAKV,aAAaW;QAAcC,OAAOT;;YAC/DH,aAAaa,qCACZ,KAACC;gBAAKL,WAAW,GAAGb,UAAU,OAAO,CAAC;0BAAGI,aAAaa;;0BAExD,KAACnB,iBAAiBG,cAAc;gBAAE,GAAGC,KAAK;;;;AAGhD,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { ValueContainerProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'value-container'\n\nexport const ValueContainer: React.FC<ValueContainerProps<Option, any>> = (props) => {\n  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n  const { selectProps: { customProps, value } = {} } = props\n  const { i18n } = useTranslation()\n\n  // Get the title for single-value selects\n  let titleText = ''\n  if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {\n    const labelText = value.label ? getTranslation(value.label as OptionLabel, i18n) : ''\n    titleText = typeof labelText === 'string' ? labelText : ''\n  }\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>\n      {customProps?.valueContainerLabel && (\n        <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>\n      )}\n      <SelectComponents.ValueContainer {...props} />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","ValueContainer","props","selectProps","customProps","value","i18n","titleText","Array","isArray","labelText","label","div","className","ref","droppableRef","title","valueContainerLabel","span"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6D,CAACC;IACzE,8FAA8F;IAC9F,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGH;IACrD,MAAM,EAAEI,IAAI,EAAE,GAAGP;IAEjB,yCAAyC;IACzC,IAAIQ,YAAY;IAChB,IAAIF,SAAS,CAACG,MAAMC,OAAO,CAACJ,UAAU,OAAOA,UAAU,YAAY,WAAWA,OAAO;QACnF,MAAMK,YAAYL,MAAMM,KAAK,GAAGhB,eAAeU,MAAMM,KAAK,EAAiBL,QAAQ;QACnFC,YAAY,OAAOG,cAAc,WAAWA,YAAY;IAC1D;IAEA,qBACE,QAACE;QAAIC,WAAWb;QAAWc,KAAKV,aAAaW;QAAcC,OAAOT;;YAC/DH,aAAaa,qCACZ,QAACC;gBAAKL,WAAW,GAAGb,UAAU,OAAO,CAAC;0BAAGI,aAAaa;;;;;;0BAExD,QAACnB,iBAAiBG,cAAc;gBAAE,GAAGC,KAAK;;;;;;;;;;;;AAGhD,EAAC"}