@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.727c7a4

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

@@ -1,59 +1,137 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 import { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js';
 import './index.scss';
 const baseClass = 'multi-value';
 export function generateMultiValueDraggableID(optionData, valueFunction) {
-    return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value;
+  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value;
 }
-export const MultiValue = (props)=>{
-    const { className, data, innerProps, isDisabled, // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module
-    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {} } = props;
-    const id = generateMultiValueDraggableID(data, getOptionValue);
-    const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
-        id,
-        disabled: !isSortable
+export const MultiValue = props => {
+  const $ = _c(26);
+  const {
+    className,
+    data,
+    innerProps,
+    isDisabled,
+    selectProps: t0
+  } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    customProps: t2,
+    getOptionValue,
+    isSortable
+  } = t1;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = t2 === undefined ? {} : t2;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const {
+    disableMouseDown
+  } = t3;
+  let t4;
+  if ($[4] !== data || $[5] !== getOptionValue) {
+    t4 = generateMultiValueDraggableID(data, getOptionValue);
+    $[4] = data;
+    $[5] = getOptionValue;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const id = t4;
+  const t5 = !isSortable;
+  let t6;
+  if ($[7] !== id || $[8] !== t5) {
+    t6 = {
+      id,
+      disabled: t5
+    };
+    $[7] = id;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform
+  } = useDraggableSortable(t6);
+  const t7 = !isDisabled && isSortable && "draggable";
+  const t8 = isDragging && `${baseClass}--is-dragging`;
+  let t9;
+  if ($[10] !== className || $[11] !== t7 || $[12] !== t8) {
+    t9 = [baseClass, className, t7, t8].filter(Boolean);
+    $[10] = className;
+    $[11] = t7;
+    $[12] = t8;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  const classes = t9.join(" ");
+  let t10;
+  if ($[14] !== attributes || $[15] !== classes || $[16] !== disableMouseDown || $[17] !== innerProps || $[18] !== isSortable || $[19] !== listeners || $[20] !== props || $[21] !== setNodeRef || $[22] !== transform) {
+    let t11;
+    if ($[24] !== disableMouseDown) {
+      t11 = e => {
+        if (!disableMouseDown) {
+          e.stopPropagation();
+        }
+      };
+      $[24] = disableMouseDown;
+      $[25] = t11;
+    } else {
+      t11 = $[25];
+    }
+    t10 = _jsx(React.Fragment, {
+      children: _jsx(SelectComponents.MultiValue, {
+        ...props,
+        className: classes,
+        innerProps: {
+          ...(isSortable ? {
+            ...attributes,
+            ...listeners
+          } : {}),
+          ...innerProps,
+          onMouseDown: t11,
+          ref: setNodeRef,
+          style: isSortable ? {
+            transform,
+            ...attributes?.style
+          } : {}
+        }
+      })
     });
-    const classes = [
-        baseClass,
-        className,
-        !isDisabled && isSortable && 'draggable',
-        isDragging && `${baseClass}--is-dragging`
-    ].filter(Boolean).join(' ');
-    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
-                } : {}
-            }
-        }, 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);
+    $[14] = attributes;
+    $[15] = classes;
+    $[16] = disableMouseDown;
+    $[17] = innerProps;
+    $[18] = isSortable;
+    $[19] = listeners;
+    $[20] = props;
+    $[21] = setNodeRef;
+    $[22] = transform;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  return t10;
 };
-
 //# 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,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"}
+{"version":3,"file":"index.js","names":["c","_c","React","components","SelectComponents","useDraggableSortable","baseClass","generateMultiValueDraggableID","optionData","valueFunction","value","MultiValue","props","$","className","data","innerProps","isDisabled","selectProps","t0","t1","undefined","customProps","t2","getOptionValue","isSortable","t3","disableMouseDown","t4","id","t5","t6","disabled","attributes","isDragging","listeners","setNodeRef","transform","t7","t8","t9","filter","Boolean","classes","join","t10","t11","e","stopPropagation","_jsx","Fragment","children","onMouseDown","ref","style"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -1,38 +1,41 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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';
 const baseClass = 'multi-value-label';
-export const MultiValueLabel = (props)=>{
-    // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module
-    const { data, selectProps: { customProps: { draggableProps, editableProps } = {} } = {} } = props;
-    const { i18n } = useTranslation();
-    const className = `${baseClass}__text`;
-    const labelText = data.label ? getTranslation(data.label, i18n) : '';
-    const titleText = typeof labelText === 'string' ? labelText : '';
-    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);
+export const MultiValueLabel = props => {
+  const {
+    data,
+    selectProps: t0
+  } = props;
+  const {
+    customProps: t1
+  } = t0 === undefined ? {} : t0;
+  const {
+    draggableProps,
+    editableProps
+  } = t1 === undefined ? {} : t1;
+  const {
+    i18n
+  } = useTranslation();
+  const className = `${baseClass}__text`;
+  const labelText = data.label ? getTranslation(data.label, i18n) : "";
+  const titleText = typeof labelText === "string" ? labelText : "";
+  return _jsx("div", {
+    className: baseClass,
+    title: titleText,
+    children: _jsx(SelectComponents.MultiValueLabel, {
+      ...props,
+      innerProps: {
+        className,
+        ...(editableProps && editableProps(data, className, props.selectProps) || {}),
+        ...(draggableProps || {})
+      }
+    })
+  });
 };
-
 //# 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,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"}
+{"version":3,"file":"index.js","names":["getTranslation","React","components","SelectComponents","useTranslation","baseClass","MultiValueLabel","props","data","selectProps","t0","customProps","t1","undefined","draggableProps","editableProps","i18n","className","labelText","label","titleText","_jsx","title","children","innerProps"],"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"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAAqDC,KAAA;EAEhE;IAAAC,IAAA;IAAAC,WAAA,EAAAC;EAAA,IAA4FH,KAAA;EAAjE;IAAAI,WAAA,EAAAC;EAAA,IAAAF,EAA4D,KAAAG,SAAA,QAA5DH,EAA4D;EAA7C;IAAAI,cAAA;IAAAC;EAAA,IAAAH,EAAsC,KAAAC,SAAA,QAAtCD,EAAsC;EAChF;IAAAI;EAAA,IAAiBZ,cAAA;EAEjB,MAAAa,SAAA,GAAkB,GAAAZ,SAAA,QAAoB;EACtC,MAAAa,SAAA,GAAkBV,IAAA,CAAAW,KAAA,GAAanB,cAAA,CAAeQ,IAAA,CAAAW,KAAA,EAA2BH,IAAA,IAAQ;EACjF,MAAAI,SAAA,GAAkB,OAAOF,SAAA,KAAc,WAAWA,SAAA,GAAY;EAAA,OAG5DG,IAAA,CAAC;IAAAJ,SAAA,EAAAZ,SAAA;IAAAiB,KAAA,EAAiCF,SAAA;IAAAG,QAAA,EAChCF,IAAA,CAAAlB,gBAAA,CAAAG,eAAA;MAAA,GACMC,KAAK;MAAAiB,UAAA;QAAAP,SAAA;QAAA,IAGHF,aAAC,IAAiBA,aAAA,CAAcP,IAAA,EAAMS,SAAA,EAAWV,KAAA,CAAAE,WAAiB,OAAQ;QAAA,IAC1EK,cAAA,MAAoB;MAAA;IAAA,C;;CAKlC","ignoreList":[]}

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

@@ -1,58 +1,95 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Tooltip } from '../../Tooltip/index.js';
 import './index.scss';
 const baseClass = 'multi-value-remove';
-export const MultiValueRemove = (props)=>{
-    const { innerProps: { className, onClick, onTouchEnd } } = props;
-    const [showTooltip, setShowTooltip] = React.useState(false);
-    const { t } = useTranslation();
-    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);
+export const MultiValueRemove = props => {
+  const $ = _c(12);
+  const {
+    innerProps: t0
+  } = props;
+  const {
+    className,
+    onClick,
+    onTouchEnd
+  } = t0;
+  const [showTooltip, setShowTooltip] = React.useState(false);
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== className || $[1] !== onClick || $[2] !== onTouchEnd || $[3] !== showTooltip || $[4] !== t) {
+    const t2 = t("general:remove");
+    let t3;
+    if ($[6] !== className) {
+      t3 = [baseClass, className].filter(Boolean);
+      $[6] = className;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== onClick) {
+      t4 = e => {
+        setShowTooltip(false);
+        onClick(e);
+      };
+      $[8] = onClick;
+      $[9] = t4;
+    } else {
+      t4 = $[9];
+    }
+    let t5;
+    let t6;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = () => setShowTooltip(true);
+      t6 = () => setShowTooltip(false);
+      $[10] = t5;
+      $[11] = t6;
+    } else {
+      t5 = $[10];
+      t6 = $[11];
+    }
+    t1 = _jsxs("button", {
+      "aria-label": t2,
+      className: t3.join(" "),
+      onClick: t4,
+      onKeyDown: _temp,
+      onMouseDown: _temp2,
+      onMouseEnter: t5,
+      onMouseLeave: t6,
+      onTouchEnd,
+      type: "button",
+      children: [_jsx(Tooltip, {
+        className: `${baseClass}__tooltip`,
+        show: showTooltip,
+        children: t("general:remove")
+      }), _jsx(XIcon, {
+        className: `${baseClass}__icon`
+      })]
+    });
+    $[0] = className;
+    $[1] = onClick;
+    $[2] = onTouchEnd;
+    $[3] = showTooltip;
+    $[4] = t;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
 };
-
+function _temp(e_0) {
+  if (e_0.key === "Enter") {
+    e_0.stopPropagation();
+  }
+}
+function _temp2(e_1) {
+  return e_1.stopPropagation();
+}
 //# 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,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"}
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","Tooltip","baseClass","MultiValueRemove","props","$","innerProps","t0","className","onClick","onTouchEnd","showTooltip","setShowTooltip","useState","t","t1","t2","t3","filter","Boolean","t4","e","t5","t6","Symbol","for","_jsxs","join","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","type","children","_jsx","show","e_0","key","stopPropagation","e_1"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAyB;AAIhC,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACF;IAAAS,UAAA,EAAAC;EAAA,IAEIH,KAAA;EADU;IAAAI,SAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAH,EAAkC;EAGhD,OAAAI,WAAA,EAAAC,cAAA,IAAsCd,KAAA,CAAAe,QAAA,MAAe;EACrD;IAAAC;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAS,CAAA;IAIE,MAAAE,EAAA,GAAAF,CAAA,CAAE;IAAA,IAAAG,EAAA;IAAA,IAAAZ,CAAA,QAAAG,SAAA;MACHS,EAAA,IAAAf,SAAA,EAAYM,SAAA,EAAAU,MAAA,CAAAC,OAAkB;MAAAd,CAAA,MAAAG,SAAA;MAAAH,CAAA,MAAAY,EAAA;IAAA;MAAAA,EAAA,GAAAZ,CAAA;IAAA;IAAA,IAAAe,EAAA;IAAA,IAAAf,CAAA,QAAAI,OAAA;MAChCW,EAAA,GAAAC,CAAA;QACPT,cAAA,MAAe;QACfH,OAAA,CAAQY,CAAA;MAAA;MACVhB,CAAA,MAAAI,OAAA;MAAAJ,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAlB,CAAA,SAAAmB,MAAA,CAAAC,GAAA;MAOcH,EAAA,GAAAA,CAAA,KAAMV,cAAA,KAAe;MACrBW,EAAA,GAAAA,CAAA,KAAMX,cAAA,MAAe;MAAAP,CAAA,OAAAiB,EAAA;MAAAjB,CAAA,OAAAkB,EAAA;IAAA;MAAAD,EAAA,GAAAjB,CAAA;MAAAkB,EAAA,GAAAlB,CAAA;IAAA;IAdrCU,EAAA,GAAAW,KAAA,CAAC;MAAA,cACaV,EAAE;MAAAR,SAAA,EACHS,EAA8B,CAAAU,IAAA,CAAc;MAAAlB,OAAA,EAC9CW,EAGT;MAAAQ,SAAA,EAAAC,KAAA;MAAAC,WAAA,EAAAC,MAAA;MAAAC,YAAA,EAOcV,EAAqB;MAAAW,YAAA,EACrBV,EAAqB;MAAAb,UAAA;MAAAwB,IAAA,EAE9B;MAAAC,QAAA,GAELC,IAAA,CAAAnC,OAAA;QAAAO,SAAA,EAAoB,GAAAN,SAAA,WAAuB;QAAAmC,IAAA,EAAQ1B,WAAA;QAAAwB,QAAA,EAChDrB,CAAA,CAAE;MAAA,C,GAELsB,IAAA,CAAArC,KAAA;QAAAS,SAAA,EAAkB,GAAAN,SAAA;MAAoB,C;;;;;;;;;;;SArBxCa,E;CAwBJ;AAjCI,SAAAc,MAAAS,GAAA;EAAA,IAiBQjB,GAAA,CAAAkB,GAAA,KAAU;IACZlB,GAAA,CAAAmB,eAAA,CAAiB;EAAA;AAAA;AAlBvB,SAAAT,OAAAU,GAAA;EAAA,OAqBsBpB,GAAA,CAAAmB,eAAA,CAAiB;AAAA","ignoreList":[]}

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

@@ -1,28 +1,20 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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__*/ _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);
+export const SingleValue = props => {
+  const {
+    children,
+    className
+  } = props;
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: /*#__PURE__*/_jsx(SelectComponents.SingleValue, {
+      ...props,
+      className: [baseClass, className].filter(Boolean).join(' '),
+      children: children
+    })
+  });
 };
-
 //# 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,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"}
+{"version":3,"file":"index.js","names":["React","components","SelectComponents","baseClass","SingleValue","props","children","className","_jsx","Fragment","filter","Boolean","join"],"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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmDC,KAAA;EAC9D,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGF,KAAA;EAEhC,oBACEG,IAAA,CAACR,KAAA,CAAMS,QAAQ;cACb,aAAAD,IAAA,CAACN,gBAAA,CAAiBE,WAAW;MAC1B,GAAGC,KAAK;MACTE,SAAA,EAAW,CAACJ,SAAA,EAAWI,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;gBAEtDN;;;AAIT","ignoreList":[]}

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

@@ -1,47 +1,38 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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';
 const baseClass = 'value-container';
-export const ValueContainer = (props)=>{
-    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
-    const { selectProps: { customProps, value } = {} } = props;
-    const { i18n } = useTranslation();
-    // Get the title for single-value selects
-    let titleText = '';
-    if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {
-        const labelText = value.label ? getTranslation(value.label, i18n) : '';
-        titleText = typeof labelText === 'string' ? labelText : '';
-    }
-    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);
+export const ValueContainer = props => {
+  const {
+    selectProps: t0
+  } = props;
+  const {
+    customProps,
+    value
+  } = t0 === undefined ? {} : t0;
+  const {
+    i18n
+  } = useTranslation();
+  let titleText = "";
+  if (value && !Array.isArray(value) && typeof value === "object" && "label" in value) {
+    const labelText = value.label ? getTranslation(value.label, i18n) : "";
+    titleText = typeof labelText === "string" ? labelText : "";
+  }
+  return _jsxs("div", {
+    className: baseClass,
+    ref: customProps?.droppableRef,
+    title: titleText,
+    children: [customProps?.valueContainerLabel && _jsx("span", {
+      className: `${baseClass}__label`,
+      children: customProps?.valueContainerLabel
+    }), _jsx(SelectComponents.ValueContainer, {
+      ...props
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map