@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1,34 +1,45 @@
 'use client';
+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 <React.Fragment>
-      <SelectComponents.Control {...props} innerProps={{
-        ...innerProps,
-        onKeyDown: (e)=>{
-            if (disableKeyDown) {
-                e.stopPropagation();
-                // Create event for keydown listeners which specifically want to bypass this stopPropagation
-                const bypassEvent = new CustomEvent('bypassKeyDown', {
-                    detail: e
-                });
-                document.dispatchEvent(bypassEvent);
-            }
-        },
-        // react-select has this typed incorrectly so we disable the linting rule
-        // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
-        onMouseDown: (e)=>{
-            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
-            if (!disableMouseDown) {
-                innerProps.onMouseDown(e);
-            }
-        }
-    }}>
-        {children}
-      </SelectComponents.Control>
-    </React.Fragment>;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.Control, {
+            ...props,
+            innerProps: {
+                ...innerProps,
+                onKeyDown: (e)=>{
+                    if (disableKeyDown) {
+                        e.stopPropagation();
+                        // Create event for keydown listeners which specifically want to bypass this stopPropagation
+                        const bypassEvent = new CustomEvent('bypassKeyDown', {
+                            detail: e
+                        });
+                        document.dispatchEvent(bypassEvent);
+                    }
+                },
+                // react-select has this typed incorrectly so we disable the linting rule
+                // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
+                onMouseDown: (e)=>{
+                    // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
+                    if (!disableMouseDown) {
+                        innerProps.onMouseDown(e);
+                    }
+                }
+            },
+            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,QACGJ,MAAMW,SAAS;MACd,CAACT,iBAAiBC,SACf,GAAGC,KAAK,EACTE,YAAY;QACV,GAAGA,UAAU;QACbM,WAAW,CAACC;YACV,IAAIJ,gBAAgB;gBAClBI,EAAEC,eAAe;gBACjB,4FAA4F;gBAC5F,MAAMC,cAAc,IAAIC,YAAY,iBAAiB;oBAAEC,QAAQJ;gBAAE;gBACjEK,SAASC,aAAa,CAACJ;YACzB;QACF;QACA,yEAAyE;QACzE,uIAAuI;QAEvIK,aAAa,CAACP;YACZ,yIAAyI;YACzI,IAAI,CAACH,kBAAkB;gBACrBJ,WAAWc,WAAW,CAACP;YACzB;QACF;IACF,GACD;QACC,CAACR,SAAS;MACZ,EAAEH,iBAAiBC,QAAQ;IAC7B,EAAEH,MAAMW;AAEZ,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,16 +1,33 @@
 'use client';
+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 <button className={baseClass} ref={ref} {...restInnerProps} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            e.key = ' ';
-        }
-    }} type="button">
-      <ChevronIcon className={`${baseClass}__icon`}/>
-    </button>;
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: baseClass,
+        ref: ref,
+        ...restInnerProps,
+        onKeyDown: (e)=>{
+            if (e.key === 'Enter') {
+                e.key = ' ';
+            }
+        },
+        type: "button",
+        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":["ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;AAOA,SAASA,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,QACGI,OACCC,WAAWP,WACXI,KAAKA,MACJ,GAAGC,cAAc,EAClBG,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBD,EAAEC,GAAG,GAAG;QACV;IACF,GACAC,KAAK,SACN;MACC,CAACZ,YAAYQ,WAAW,GAAGP,UAAU,MAAM,CAAC,GAAI;IAClD,EAAEM;AAEN,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,13 +1,25 @@
 'use client';
+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 <React.Fragment>
-      <SelectComponents.Input {...props} /**
+    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}/>
-    </React.Fragment>;
+         */ "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,QACGJ,MAAMK,SAAS;MACd,CAACH,iBAAiBC,OACf,GAAGC,KAAK,EACT;;;SAGC,GACDE,uBAAuBC,YACvB;IACJ,EAAEP,MAAMK;AAEZ,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,4 +1,5 @@
 'use client';
+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';
@@ -21,26 +22,38 @@ export const MultiValue = (props)=>{
         !isDisabled && isSortable && 'draggable',
         isDragging && `${baseClass}--is-dragging`
     ].filter(Boolean).join(' ');
-    return <React.Fragment>
-      <SelectComponents.MultiValue {...props} className={classes} innerProps={{
-        ...isSortable ? {
-            ...attributes,
-            ...listeners
-        } : {},
-        ...innerProps,
-        onMouseDown: (e)=>{
-            if (!disableMouseDown) {
-                // 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)
-                e.stopPropagation();
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: /*#__PURE__*/ _jsxDEV(SelectComponents.MultiValue, {
+            ...props,
+            className: classes,
+            innerProps: {
+                ...isSortable ? {
+                    ...attributes,
+                    ...listeners
+                } : {},
+                ...innerProps,
+                onMouseDown: (e)=>{
+                    if (!disableMouseDown) {
+                        // 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)
+                        e.stopPropagation();
+                    }
+                },
+                ref: setNodeRef,
+                style: isSortable ? {
+                    transform,
+                    ...attributes?.style
+                } : {}
             }
-        },
-        ref: setNodeRef,
-        style: isSortable ? {
-            transform,
-            ...attributes?.style
-        } : {}
-    }}/>
-    </React.Fragment>;
+        }, 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,QACG9B,MAAM+B,SAAS;MACd,CAAC7B,iBAAiBO,YACf,GAAGC,KAAK,EACTC,WAAWgB,SACXd,YAAY;QACV,GAAIM,aACA;YACE,GAAGE,UAAU;YACb,GAAGE,SAAS;QACd,IACA,CAAC,CAAC;QACN,GAAGV,UAAU;QACbmB,aAAa,CAACC;YACZ,IAAI,CAAChB,kBAAkB;gBACrB,wJAAwJ;gBACxJgB,EAAEC,eAAe;YACnB;QACF;QACAC,KAAKX;QACLY,OAAOjB,aACH;YACEM;YACA,GAAGJ,YAAYe,KAAK;QACtB,IACA,CAAC;IACP,IACA;IACJ,EAAEpC,MAAM+B;AAEZ,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,7 @@
 'use client';
+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';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
@@ -11,13 +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 <div className={baseClass} title={titleText}>
-      <SelectComponents.MultiValueLabel {...props} innerProps={{
-        className,
-        ...editableProps && editableProps(data, className, props.selectProps) || {},
-        ...draggableProps || {}
-    }}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        title: titleText,
+        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","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;AAEzD,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,GAAGf,eAAeO,KAAKQ,KAAK,EAAiBH,QAAQ;IACjF,MAAMI,YAAY,OAAOF,cAAc,WAAWA,YAAY;IAE9D,QACGG,IAAIJ,WAAWT,WAAWc,OAAOF,WAAW;MAC3C,CAACd,iBAAiBG,iBACf,GAAGC,KAAK,EACTa,YAAY;QACVN;QACA,GAAI,AAACF,iBAAiBA,cAAcJ,MAAMM,WAAWP,MAAME,WAAW,KAAM,CAAC,CAAC;QAC9E,GAAIE,kBAAkB,CAAC,CAAC;IAC1B,IACA;IACJ,EAAEO;AAEN,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,4 +1,5 @@
 'use client';
+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';
@@ -9,22 +10,49 @@ export const MultiValueRemove = (props)=>{
     const { innerProps: { className, onClick, onTouchEnd } } = props;
     const [showTooltip, setShowTooltip] = React.useState(false);
     const { t } = useTranslation();
-    return <button aria-label={t('general:remove')} className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} onClick={(e)=>{
-        setShowTooltip(false);
-        onClick(e);
-    }} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            e.stopPropagation();
-        }
-    }} onMouseDown={(e)=>e.stopPropagation()} onMouseEnter={()=>setShowTooltip(true)} onMouseLeave={()=>setShowTooltip(false)} onTouchEnd={onTouchEnd} type="button">
-      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
-        {t('general:remove')}
-      </Tooltip>
-      <XIcon className={`${baseClass}__icon`}/>
-    </button>;
+    return /*#__PURE__*/ _jsxDEV("button", {
+        "aria-label": t('general:remove'),
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        onClick: (e)=>{
+            setShowTooltip(false);
+            onClick(e);
+        },
+        onKeyDown: (e)=>{
+            if (e.key === 'Enter') {
+                e.stopPropagation();
+            }
+        },
+        onMouseDown: (e)=>e.stopPropagation(),
+        onMouseEnter: ()=>setShowTooltip(true),
+        onMouseLeave: ()=>setShowTooltip(false),
+        onTouchEnd: onTouchEnd,
+        type: "button",
+        children: [
+            /*#__PURE__*/ _jsxDEV(Tooltip, {
+                className: `${baseClass}__tooltip`,
+                show: showTooltip,
+                children: t('general:remove')
+            }, 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,QACGa,OACCC,YAAYF,EAAE,mBACdN,WAAW;QAACJ;QAAWI;KAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDV,SAAS,CAACW;QACRR,eAAe;QACfH,QAAQW;IACV,GACAC,WAAW,CAACD;QACV,IAAIA,EAAEE,GAAG,KAAK,SAAS;YACrBF,EAAEG,eAAe;QACnB;IACF,GACAC,aAAa,CAACJ,IAAMA,EAAEG,eAAe,IACrCE,cAAc,IAAMb,eAAe,OACnCc,cAAc,IAAMd,eAAe,QACnCF,YAAYA,YACZiB,KAAK,SACN;MACC,CAACxB,QAAQK,WAAW,GAAGJ,UAAU,SAAS,CAAC,EAAEwB,MAAMjB,aAAa;QAC9D,CAACG,EAAE,kBAAkB;MACvB,EAAEX,QAAQ;MACV,CAACF,MAAMO,WAAW,GAAGJ,UAAU,MAAM,CAAC,GAAI;IAC5C,EAAEW;AAEN,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,17 +1,28 @@
 'use client';
+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 <React.Fragment>
-      <SelectComponents.SingleValue {...props} className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-        {children}
-      </SelectComponents.SingleValue>
-    </React.Fragment>;
+    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,QACGL,MAAMQ,SAAS;MACd,CAACN,iBAAiBE,aACf,GAAGC,KAAK,EACTE,WAAW;QAACJ;QAAWI;KAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC,MACxD;QACC,CAACL,SAAS;MACZ,EAAEJ,iBAAiBE,YAAY;IACjC,EAAEJ,MAAMQ;AAEZ,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,7 @@
 'use client';
+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';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
@@ -14,10 +16,32 @@ export const ValueContainer = (props)=>{
         const labelText = value.label ? getTranslation(value.label, i18n) : '';
         titleText = typeof labelText === 'string' ? labelText : '';
     }
-    return <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>
-      {customProps?.valueContainerLabel && <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>}
-      <SelectComponents.ValueContainer {...props}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        ref: customProps?.droppableRef,
+        title: titleText,
+        children: [
+            customProps?.valueContainerLabel && /*#__PURE__*/ _jsxDEV("span", {
+                className: `${baseClass}__label`,
+                children: customProps?.valueContainerLabel
+            }, 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","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;AAEzD,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,GAAGf,eAAeS,MAAMM,KAAK,EAAiBL,QAAQ;QACnFC,YAAY,OAAOG,cAAc,WAAWA,YAAY;IAC1D;IAEA,QACGE,IAAIC,WAAWb,WAAWc,KAAKV,aAAaW,cAAcC,OAAOT,WAAW;MAC3E,CAACH,aAAaa,wBACXC,KAAKL,WAAW,GAAGb,UAAU,OAAO,CAAC,GAAGI,aAAaa,sBAAsBC,MAC5E;MACF,CAACpB,iBAAiBG,gBAAgB,GAAGC,KAAK,GAAI;IAChD,EAAEU;AAEN,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"}