@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

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

@@ -1,4 +1,6 @@
 'use client';
+
+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';
@@ -6,41 +8,88 @@ 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__*/ _jsxs("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__*/ _jsx(Tooltip, {
-                className: `${baseClass}__tooltip`,
-                show: showTooltip,
-                children: t('general:remove')
-            }),
-            /*#__PURE__*/ _jsx(XIcon, {
-                className: `${baseClass}__icon`
-            })
-        ]
+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] !== t || $[1] !== className || $[2] !== onClick || $[3] !== showTooltip || $[4] !== onTouchEnd) {
+    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] = t;
+    $[1] = className;
+    $[2] = onClick;
+    $[3] = showTooltip;
+    $[4] = onTouchEnd;
+    $[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,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,CAAC,EAAEJ,UAAU,SAAS,CAAC;gBAAEwB,MAAMjB;0BAChDG,EAAE;;0BAEL,KAACb;gBAAMO,WAAW,CAAC,EAAEJ,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,QAAAS,CAAA,IAAAT,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAK,UAAA;IAIE,MAAAM,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAIzC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAc1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAIzC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAa1D,CAAA"}

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

@@ -1,20 +1,20 @@
 'use client';
+
 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__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.SingleValue, {
-            ...props,
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: children
-        })
-    });
+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      {/* @ts-expect-error // TODO Fix this - Broke with React 19 types */}\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;kBAEb,cAAA,KAACN,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,GAAG,CAAC,CAUrE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,GAAG,CAAC,CASrE,CAAA"}

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

@@ -1,19 +1,23 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
 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 } = {} } = props;
-    return /*#__PURE__*/ _jsx("div", {
-        className: baseClass,
-        ref: customProps?.droppableRef,
-        children: /*#__PURE__*/ _jsx(SelectComponents.ValueContainer, {
-            ...props
-        })
-    });
+export const ValueContainer = props => {
+  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+  const {
+    selectProps: {
+      customProps
+    } = {}
+  } = props;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    ref: customProps?.droppableRef,
+    children: /*#__PURE__*/_jsx(SelectComponents.ValueContainer, {
+      ...props
+    })
+  });
 };
-
 //# 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 { ValueContainerProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\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 } = {} } = props\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef}>\n      {/* @ts-expect-error // TODO Fix this - Broke with React 19 types */}\n      <SelectComponents.ValueContainer {...props} />\n    </div>\n  )\n}\n"],"names":["React","components","SelectComponents","baseClass","ValueContainer","props","selectProps","customProps","div","className","ref","droppableRef"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6D,CAACC;IACzE,8FAA8F;IAC9F,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGF;IAE9C,qBACE,KAACG;QAAIC,WAAWN;QAAWO,KAAKH,aAAaI;kBAE3C,cAAA,KAACT,iBAAiBE,cAAc;YAAE,GAAGC,KAAK;;;AAGhD,EAAC"}
+{"version":3,"file":"index.js","names":["React","components","SelectComponents","baseClass","ValueContainer","props","selectProps","customProps","_jsx","className","ref","droppableRef"],"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ValueContainerProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\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 } = {} } = props\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef}>\n      <SelectComponents.ValueContainer {...props} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAA8DC,KAAA;EACzE;EACA,MAAM;IAAEC,WAAA,EAAa;MAAEC;IAAW,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGF,KAAA;EAE9C,oBACEG,IAAA,CAAC;IAAIC,SAAA,EAAWN,SAAA;IAAWO,GAAA,EAAKH,WAAA,EAAaI,YAAA;cAC3C,aAAAH,IAAA,CAACN,gBAAA,CAAiBE,cAAc;MAAE,GAAGC;;;AAG3C","ignoreList":[]}

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

@@ -21,7 +21,7 @@
     }
 
     &--is-multi {
-      width: calc(100% + base(0.5));
+      width: calc(100% + base(0.25));
 
       &.rs__value-container--has-value {
         padding: 0;

package/dist/elements/ReactSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAI/C,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAcxC,OAAO,cAAc,CAAA;AA8LrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAI/C,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAQxC,OAAO,cAAc,CAAA;AAsMrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}

package/dist/elements/ReactSelect/index.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import { arrayMove } from '@dnd-kit/sortable';
 import { getTranslation } from '@payloadcms/translations';
@@ -11,184 +12,200 @@ import { ShimmerEffect } from '../ShimmerEffect/index.js';
 import { ClearIndicator } from './ClearIndicator/index.js';
 import { Control } from './Control/index.js';
 import { DropdownIndicator } from './DropdownIndicator/index.js';
+import './index.scss';
 import { Input } from './Input/index.js';
-import { MultiValue, generateMultiValueDraggableID } from './MultiValue/index.js';
+import { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js';
 import { MultiValueLabel } from './MultiValueLabel/index.js';
 import { MultiValueRemove } from './MultiValueRemove/index.js';
 import { SingleValue } from './SingleValue/index.js';
 import { ValueContainer } from './ValueContainer/index.js';
-import './index.scss';
-const createOption = (label)=>({
-        label,
-        value: label
+const createOption = label => ({
+  label,
+  value: label
+});
+const SelectAdapter = props => {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [inputValue, setInputValue] = React.useState('') // for creatable select
+  ;
+  const uuid = useId();
+  const [hasMounted, setHasMounted] = React.useState(false);
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+  const {
+    className,
+    components,
+    customProps,
+    disabled = false,
+    filterOption = undefined,
+    getOptionValue,
+    isClearable = true,
+    isCreatable,
+    isLoading,
+    isSearchable = true,
+    noOptionsMessage = () => t('general:noOptions'),
+    numberOnly = false,
+    onChange,
+    onMenuClose,
+    onMenuOpen,
+    options,
+    placeholder = t('general:selectValue'),
+    showError,
+    value
+  } = props;
+  const loadingMessage = () => t('general:loading') + '...';
+  const classes = [className, 'react-select', showError && 'react-select--error'].filter(Boolean).join(' ');
+  if (!hasMounted) {
+    return /*#__PURE__*/_jsx(ShimmerEffect, {
+      height: "calc(var(--base) * 2 + 2px)"
     });
-const SelectAdapter = (props)=>{
-    const { i18n, t } = useTranslation();
-    const [inputValue, setInputValue] = React.useState('') // for creatable select
-    ;
-    const uuid = useId();
-    const [hasMounted, setHasMounted] = React.useState(false);
-    useEffect(()=>{
-        setHasMounted(true);
-    }, []);
-    const { className, components, customProps, disabled = false, filterOption = undefined, getOptionValue, isClearable = true, isCreatable, isLoading, isSearchable = true, noOptionsMessage = ()=>t('general:noOptions'), numberOnly = false, onChange, onMenuClose, onMenuOpen, options, placeholder = t('general:selectValue'), showError, value } = props;
-    const loadingMessage = ()=>t('general:loading') + '...';
-    const classes = [
-        className,
-        'react-select',
-        showError && 'react-select--error'
-    ].filter(Boolean).join(' ');
-    if (!hasMounted) {
-        return /*#__PURE__*/ _jsx(ShimmerEffect, {
-            height: "calc(var(--base) * 2 + 2px)"
-        });
+  }
+  if (!isCreatable) {
+    return /*#__PURE__*/_jsx(Select, {
+      captureMenuScroll: true,
+      customProps: customProps,
+      isLoading: isLoading,
+      placeholder: getTranslation(placeholder, i18n),
+      ...props,
+      className: classes,
+      classNamePrefix: "rs",
+      components: {
+        ClearIndicator,
+        Control,
+        DropdownIndicator,
+        Input,
+        MultiValue,
+        MultiValueLabel,
+        MultiValueRemove,
+        SingleValue,
+        ValueContainer,
+        ...components
+      },
+      filterOption: filterOption,
+      getOptionValue: getOptionValue,
+      instanceId: uuid,
+      isClearable: isClearable,
+      isDisabled: disabled,
+      isSearchable: isSearchable,
+      loadingMessage: loadingMessage,
+      menuPlacement: "auto",
+      noOptionsMessage: noOptionsMessage,
+      onChange: onChange,
+      onMenuClose: onMenuClose,
+      onMenuOpen: onMenuOpen,
+      options: options,
+      value: value
+    });
+  }
+  const handleKeyDown = event => {
+    if (numberOnly === true) {
+      const acceptableKeys = ['Tab', 'Escape', 'Backspace', 'Enter', 'ArrowRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown'];
+      const isNumber = !/\D/.test(event.key);
+      const isActionKey = acceptableKeys.includes(event.key);
+      if (!isNumber && !isActionKey) {
+        event.preventDefault();
+        return;
+      }
     }
-    if (!isCreatable) {
-        return /*#__PURE__*/ _jsx(Select, {
-            captureMenuScroll: true,
-            customProps: customProps,
-            isLoading: isLoading,
-            placeholder: getTranslation(placeholder, i18n),
-            ...props,
-            className: classes,
-            classNamePrefix: "rs",
-            components: {
-                ClearIndicator,
-                Control,
-                DropdownIndicator,
-                Input,
-                MultiValue,
-                MultiValueLabel,
-                MultiValueRemove,
-                SingleValue,
-                ValueContainer,
-                ...components
-            },
-            filterOption: filterOption,
-            getOptionValue: getOptionValue,
-            instanceId: uuid,
-            isClearable: isClearable,
-            isDisabled: disabled,
-            isSearchable: isSearchable,
-            loadingMessage: loadingMessage,
-            menuPlacement: "auto",
-            noOptionsMessage: noOptionsMessage,
-            onChange: onChange,
-            onMenuClose: onMenuClose,
-            onMenuOpen: onMenuOpen,
-            options: options,
-            value: value
-        });
+    if (!value || !inputValue || inputValue.trim() === '') {
+      return;
     }
-    const handleKeyDown = (event)=>{
-        if (numberOnly === true) {
-            const acceptableKeys = [
-                'Tab',
-                'Escape',
-                'Backspace',
-                'Enter',
-                'ArrowRight',
-                'ArrowLeft',
-                'ArrowUp',
-                'ArrowDown'
-            ];
-            const isNumber = !/\D/.test(event.key);
-            const isActionKey = acceptableKeys.includes(event.key);
-            if (!isNumber && !isActionKey) {
-                event.preventDefault();
-                return;
-            }
-        }
-        if (!value || !inputValue || inputValue.trim() === '') return;
-        if (filterOption && !filterOption(null, inputValue)) {
-            return;
-        }
-        switch(event.key){
-            case 'Enter':
-            case 'Tab':
-                onChange([
-                    ...value,
-                    createOption(inputValue)
-                ]);
-                setInputValue('');
-                event.preventDefault();
-                break;
-            default:
-                break;
-        }
-    };
-    return /*#__PURE__*/ _jsx(CreatableSelect, {
-        captureMenuScroll: true,
-        isLoading: isLoading,
-        placeholder: getTranslation(placeholder, i18n),
-        ...props,
-        className: classes,
-        classNamePrefix: "rs",
-        components: {
-            ClearIndicator,
-            Control,
-            DropdownIndicator,
-            Input,
-            MultiValue,
-            MultiValueLabel,
-            MultiValueRemove,
-            SingleValue,
-            ValueContainer,
-            ...components
-        },
-        filterOption: filterOption,
-        inputValue: inputValue,
-        instanceId: uuid,
-        isClearable: isClearable,
-        isDisabled: disabled,
-        isSearchable: isSearchable,
-        loadingMessage: loadingMessage,
-        menuPlacement: "auto",
-        noOptionsMessage: noOptionsMessage,
-        onChange: onChange,
-        onInputChange: (newValue)=>setInputValue(newValue),
-        onKeyDown: handleKeyDown,
-        onMenuClose: onMenuClose,
-        onMenuOpen: onMenuOpen,
-        options: options,
-        value: value
-    });
-};
-const SortableSelect = (props)=>{
-    const { getOptionValue, onChange, value } = props;
-    let draggableIDs = [];
-    if (value) {
-        draggableIDs = (Array.isArray(value) ? value : [
-            value
-        ]).map((optionValue)=>{
-            return generateMultiValueDraggableID(optionValue, getOptionValue);
-        });
+    if (filterOption && !filterOption(null, inputValue)) {
+      return;
+    }
+    switch (event.key) {
+      case 'Enter':
+      case 'Tab':
+        onChange([...value, createOption(inputValue)]);
+        setInputValue('');
+        event.preventDefault();
+        break;
+      default:
+        break;
     }
-    return /*#__PURE__*/ _jsx(DraggableSortable, {
-        className: "react-select-container",
-        ids: draggableIDs,
-        onDragEnd: ({ moveFromIndex, moveToIndex })=>{
-            let sorted = value;
-            if (value && Array.isArray(value)) {
-                sorted = arrayMove(value, moveFromIndex, moveToIndex);
-            }
-            onChange(sorted);
-        },
-        children: /*#__PURE__*/ _jsx(SelectAdapter, {
-            ...props
-        })
+  };
+  return /*#__PURE__*/_jsx(CreatableSelect, {
+    captureMenuScroll: true,
+    isLoading: isLoading,
+    placeholder: getTranslation(placeholder, i18n),
+    ...props,
+    className: classes,
+    classNamePrefix: "rs",
+    components: {
+      ClearIndicator,
+      Control,
+      DropdownIndicator,
+      Input,
+      MultiValue,
+      MultiValueLabel,
+      MultiValueRemove,
+      SingleValue,
+      ValueContainer,
+      ...components
+    },
+    filterOption: filterOption,
+    inputValue: inputValue,
+    instanceId: uuid,
+    isClearable: isClearable,
+    isDisabled: disabled,
+    isSearchable: isSearchable,
+    loadingMessage: loadingMessage,
+    menuPlacement: "auto",
+    noOptionsMessage: noOptionsMessage,
+    onChange: onChange,
+    onInputChange: newValue => setInputValue(newValue),
+    onKeyDown: handleKeyDown,
+    onMenuClose: onMenuClose,
+    onMenuOpen: onMenuOpen,
+    options: options,
+    value: value
+  });
+};
+const SortableSelect = props => {
+  const {
+    getOptionValue,
+    onChange,
+    value
+  } = props;
+  let draggableIDs = [];
+  if (value) {
+    draggableIDs = (Array.isArray(value) ? value : [value]).map(optionValue => {
+      return generateMultiValueDraggableID(optionValue, getOptionValue);
     });
+  }
+  return /*#__PURE__*/_jsx(DraggableSortable, {
+    className: "react-select-container",
+    ids: draggableIDs,
+    onDragEnd: ({
+      moveFromIndex,
+      moveToIndex
+    }) => {
+      let sorted = value;
+      if (value && Array.isArray(value)) {
+        sorted = arrayMove(value, moveFromIndex, moveToIndex);
+      }
+      onChange(sorted);
+    },
+    children: /*#__PURE__*/_jsx(SelectAdapter, {
+      ...props
+    })
+  });
 };
-export const ReactSelect = (props)=>{
-    const { isMulti, isSortable } = props;
-    if (isMulti && isSortable) {
-        return /*#__PURE__*/ _jsx(SortableSelect, {
-            ...props
-        });
-    }
-    return /*#__PURE__*/ _jsx(SelectAdapter, {
-        ...props
+export const ReactSelect = props => {
+  const {
+    isMulti,
+    isSortable
+  } = props;
+  if (isMulti && isSortable) {
+    return /*#__PURE__*/_jsx(SortableSelect, {
+      ...props
     });
+  }
+  return /*#__PURE__*/_jsx(SelectAdapter, {
+    ...props
+  });
 };
-
 //# sourceMappingURL=index.js.map