@payloadcms/ui 4.0.0-internal.cc18726 → 4.0.0-internal.cd47d20

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

@@ -3,11 +3,20 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
+import React, { use } from 'react';
 import { components as SelectComponents } from 'react-select';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { MultiValueDragActivatorContext } from '../MultiValue/context.js';
+import { generateMultiValueDraggableID } from '../MultiValue/index.js';
 import './index.css';
 const baseClass = 'multi-value-label';
+export const getMultiValueLabelID = ({
+  data,
+  selectProps
+}) => {
+  const optionID = generateMultiValueDraggableID(data, selectProps.getOptionValue);
+  return `${String(selectProps.instanceId)}-multi-value-${encodeURIComponent(String(optionID))}-label`;
+};
 export const MultiValueLabel = props => {
   const $ = _c(2);
   const {
@@ -28,6 +37,21 @@ export const MultiValueLabel = props => {
   const className = `${baseClass}__text`;
   const labelText = data.label ? getTranslation(data.label, i18n) : "";
   const titleText = typeof labelText === "string" ? labelText : "";
+  const labelID = getMultiValueLabelID({
+    data,
+    selectProps: props.selectProps
+  });
+  const dragActivator = use(MultiValueDragActivatorContext);
+  const {
+    onKeyDown: dragActivatorOnKeyDown,
+    ref: dragActivatorRef,
+    ...dragActivatorProps
+  } = dragActivator || {};
+  const editableInnerProps = editableProps && editableProps(data, className, props.selectProps) || {};
+  const {
+    onKeyDown: editableOnKeyDown,
+    ...restEditableInnerProps
+  } = editableInnerProps;
   const t2 = isDisabled ? `${baseClass}--disabled` : "";
   let t3;
   if ($[0] !== t2) {
@@ -40,12 +64,33 @@ export const MultiValueLabel = props => {
   return _jsx("div", {
     className: t3.join(" "),
     title: titleText,
-    children: _jsx(SelectComponents.MultiValueLabel, {
+    children: dragActivator && !editableProps ? _jsx("button", {
+      ...dragActivatorProps,
+      className: `${baseClass}__drag-button`,
+      onKeyDown: dragActivatorOnKeyDown,
+      ref: dragActivatorRef,
+      type: "button",
+      children: _jsx("span", {
+        className,
+        id: labelID,
+        children: props.children
+      })
+    }) : _jsx(SelectComponents.MultiValueLabel, {
       ...props,
       innerProps: {
+        id: labelID,
         className,
-        ...(editableProps && editableProps(data, className, props.selectProps) || {}),
-        ...(draggableProps || {})
+        ...restEditableInnerProps,
+        ...(draggableProps || {}),
+        ...(dragActivatorProps || {}),
+        onKeyDown: event => {
+          if (event.currentTarget.isContentEditable) {
+            editableOnKeyDown?.(event);
+          } else {
+            dragActivatorOnKeyDown?.(event);
+          }
+        },
+        ref: dragActivatorRef
       }
     })
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","components","SelectComponents","useTranslation","baseClass","MultiValueLabel","props","$","data","selectProps","t0","customProps","t1","isDisabled","undefined","draggableProps","editableProps","i18n","className","labelText","label","titleText","t2","t3","filter","Boolean","_jsx","join","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.css'\n\nconst baseClass = 'multi-value-label'\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    data,\n    // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { draggableProps, editableProps } = {}, isDisabled } = {},\n  } = 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\n      className={[baseClass, isDisabled ? `${baseClass}--disabled` : ''].filter(Boolean).join(' ')}\n      title={titleText}\n    >\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;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,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;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAChE;IAAAU,IAAA;IAAAC,WAAA,EAAAC;EAAA,IAIIJ,KAAA;EADW;IAAAK,WAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAH,EAAwE,KAAAI,SAAA,QAAxEJ,EAAwE;EAAzD;IAAAK,cAAA;IAAAC;EAAA,IAAAJ,EAAsC,KAAAE,SAAA,QAAtCF,EAAsC;EAEpE;IAAAK;EAAA,IAAiBd,cAAA;EAEjB,MAAAe,SAAA,GAAkB,GAAAd,SAAA,QAAoB;EACtC,MAAAe,SAAA,GAAkBX,IAAA,CAAAY,KAAA,GAAarB,cAAA,CAAeS,IAAA,CAAAY,KAAA,EAA2BH,IAAA,IAAQ;EACjF,MAAAI,SAAA,GAAkB,OAAOF,SAAA,KAAc,WAAWA,SAAA,GAAY;EAInC,MAAAG,EAAA,GAAAT,UAAA,GAAa,GAAAT,SAAA,YAAwB,GAAG;EAAA,IAAAmB,EAAA;EAAA,IAAAhB,CAAA,QAAAe,EAAA;IAApDC,EAAA,IAAAnB,SAAA,EAAYkB,EAAwC,EAAAE,MAAA,CAAAC,OAAW;IAAAlB,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAD5EmB,IAAA,CAAC;IAAAR,SAAA,EACYK,EAA+D,CAAAI,IAAA,CAAc;IAAAC,KAAA,EACjFP,SAAA;IAAAQ,QAAA,EAEPH,IAAA,CAAAxB,gBAAA,CAAAG,eAAA;MAAA,GACMC,KAAK;MAAAwB,UAAA;QAAAZ,SAAA;QAAA,IAGHF,aAAC,IAAiBA,aAAA,CAAcR,IAAA,EAAMU,SAAA,EAAWZ,KAAA,CAAAG,WAAiB,OAAQ;QAAA,IAC1EM,cAAA,MAAoB;MAAA;IAAA,C;;CAKlC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","use","components","SelectComponents","useTranslation","MultiValueDragActivatorContext","generateMultiValueDraggableID","baseClass","getMultiValueLabelID","data","selectProps","optionID","getOptionValue","String","instanceId","encodeURIComponent","MultiValueLabel","props","$","t0","customProps","t1","isDisabled","undefined","draggableProps","editableProps","i18n","className","labelText","label","titleText","labelID","dragActivator","onKeyDown","dragActivatorOnKeyDown","ref","dragActivatorRef","dragActivatorProps","editableInnerProps","editableOnKeyDown","restEditableInnerProps","t2","t3","filter","Boolean","_jsx","join","title","children","type","id","innerProps","event","currentTarget","isContentEditable"],"sources":["../../../../src/elements/ReactSelect/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { MultiValueGenericProps, MultiValueProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { use } 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 { MultiValueDragActivatorContext } from '../MultiValue/context.js'\nimport { generateMultiValueDraggableID } from '../MultiValue/index.js'\nimport './index.css'\n\nconst baseClass = 'multi-value-label'\n\nexport const getMultiValueLabelID = ({\n  data,\n  selectProps,\n}: {\n  data: Option\n  selectProps: MultiValueGenericProps<Option>['selectProps']\n}) => {\n  const optionID = generateMultiValueDraggableID(data, selectProps.getOptionValue)\n\n  return `${String(selectProps.instanceId)}-multi-value-${encodeURIComponent(String(optionID))}-label`\n}\n\nexport const MultiValueLabel: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    data,\n    // @ts-expect-error-next-line// TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { draggableProps, editableProps } = {}, isDisabled } = {},\n  } = 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  const labelID = getMultiValueLabelID({ data, selectProps: props.selectProps })\n  const dragActivator = use(MultiValueDragActivatorContext)\n  const {\n    onKeyDown: dragActivatorOnKeyDown,\n    ref: dragActivatorRef,\n    ...dragActivatorProps\n  } = dragActivator || {}\n  const editableInnerProps =\n    (editableProps && editableProps(data, className, props.selectProps)) || {}\n  const { onKeyDown: editableOnKeyDown, ...restEditableInnerProps } = editableInnerProps\n\n  return (\n    <div\n      className={[baseClass, isDisabled ? `${baseClass}--disabled` : ''].filter(Boolean).join(' ')}\n      title={titleText}\n    >\n      {dragActivator && !editableProps ? (\n        <button\n          {...dragActivatorProps}\n          className={`${baseClass}__drag-button`}\n          onKeyDown={dragActivatorOnKeyDown}\n          ref={dragActivatorRef}\n          type=\"button\"\n        >\n          <span className={className} id={labelID}>\n            {props.children}\n          </span>\n        </button>\n      ) : (\n        <SelectComponents.MultiValueLabel\n          {...props}\n          innerProps={{\n            id: labelID,\n            className,\n            ...restEditableInnerProps,\n            ...(draggableProps || {}),\n            ...(dragActivatorProps || {}),\n            onKeyDown: (event) => {\n              if (event.currentTarget.isContentEditable) {\n                editableOnKeyDown?.(event)\n              } else {\n                dragActivatorOnKeyDown?.(event)\n              }\n            },\n            ref: dragActivatorRef,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,25 +1,51 @@
 @layer payload-default {
   .multi-value-remove {
+    align-self: center;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+    height: var(--spacer-4);
+    margin-block: calc(var(--stroke-width-medium) * -1);
+    min-width: var(--spacer-4);
     position: relative;
     background-color: transparent;
-    border: var(--stroke-width-small) solid transparent;
+    border: 0;
     border-radius: var(--radius-small);
     padding: 0;
     color: var(--color-icon-secondary);
 
+    &::before {
+      border: var(--stroke-width-small) solid transparent;
+      border-radius: var(--radius-small);
+      box-sizing: border-box;
+      content: '';
+      height: var(--spacer-4);
+      left: 50%;
+      position: absolute;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      width: var(--spacer-4);
+    }
+
+    &__icon {
+      display: block;
+      position: relative;
+    }
+
     &:hover {
-      color: var(--color-text);
-      background: var(--color-bg-hover);
+      .multi-value-remove__icon {
+        opacity: 0.5;
+      }
     }
 
     &:focus-visible {
       outline: none;
-      border: var(--accessibility-outline);
+
+      &::before {
+        border: var(--accessibility-outline);
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValueRemove/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAKvD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAuCtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValueRemove/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAqB,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAM1E,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAiDtC,CAAA"}

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

@@ -6,94 +6,120 @@ 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 { getMultiValueLabelID } from '../MultiValueLabel/index.js';
 import './index.css';
 const baseClass = 'multi-value-remove';
 export const MultiValueRemove = props => {
-  const $ = _c(12);
+  const $ = _c(17);
   const {
+    data,
     innerProps: t0,
-    selectProps: t1
+    selectProps
   } = props;
   const {
     className,
     onClick,
     onTouchEnd
   } = t0;
-  const {
-    isDisabled
-  } = t1;
   const [showTooltip, setShowTooltip] = React.useState(false);
   const {
     t
   } = useTranslation();
-  if (isDisabled) {
-    return null;
-  }
+  const {
+    customProps,
+    isDisabled
+  } = selectProps;
+  let t1;
   let t2;
-  if ($[0] !== className || $[1] !== onClick || $[2] !== onTouchEnd || $[3] !== showTooltip || $[4] !== t) {
-    const t3 = t("general:remove");
-    let t4;
-    if ($[6] !== className) {
-      t4 = [baseClass, className].filter(Boolean);
-      $[6] = className;
-      $[7] = t4;
-    } else {
-      t4 = $[7];
-    }
-    let t5;
-    if ($[8] !== onClick) {
-      t5 = e => {
-        setShowTooltip(false);
-        onClick(e);
-      };
-      $[8] = onClick;
-      $[9] = t5;
-    } else {
-      t5 = $[9];
+  if ($[0] !== className || $[1] !== customProps?.removeValueLabel || $[2] !== data || $[3] !== isDisabled || $[4] !== onClick || $[5] !== onTouchEnd || $[6] !== selectProps || $[7] !== showTooltip || $[8] !== t) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const label = customProps?.removeValueLabel || t("general:remove");
+      const valueLabelID = getMultiValueLabelID({
+        data,
+        selectProps
+      });
+      const removeLabelID = `${valueLabelID}-remove`;
+      if (isDisabled) {
+        t2 = null;
+        break bb0;
+      }
+      let t3;
+      if ($[11] !== className) {
+        t3 = [baseClass, className].filter(Boolean);
+        $[11] = className;
+        $[12] = t3;
+      } else {
+        t3 = $[12];
+      }
+      let t4;
+      if ($[13] !== onClick) {
+        t4 = e => {
+          setShowTooltip(false);
+          onClick?.(e);
+        };
+        $[13] = onClick;
+        $[14] = t4;
+      } else {
+        t4 = $[14];
+      }
+      let t5;
+      let t6;
+      if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = () => setShowTooltip(true);
+        t6 = () => setShowTooltip(false);
+        $[15] = t5;
+        $[16] = t6;
+      } else {
+        t5 = $[15];
+        t6 = $[16];
+      }
+      t1 = _jsxs("button", {
+        "aria-labelledby": `${removeLabelID} ${valueLabelID}`,
+        className: t3.join(" "),
+        onClick: t4,
+        onKeyDown: _temp,
+        onMouseDown: _temp2,
+        onMouseEnter: t5,
+        onMouseLeave: t6,
+        onTouchEnd,
+        type: "button",
+        children: [_jsx("span", {
+          className: "sr-only",
+          id: removeLabelID,
+          children: label
+        }), _jsx(Tooltip, {
+          className: `${baseClass}__tooltip`,
+          show: showTooltip,
+          children: t("general:remove")
+        }), _jsx(XIcon, {
+          className: `${baseClass}__icon`,
+          size: 16
+        })]
+      });
     }
-    let t6;
-    let t7;
-    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = () => setShowTooltip(true);
-      t7 = () => setShowTooltip(false);
-      $[10] = t6;
-      $[11] = t7;
-    } else {
-      t6 = $[10];
-      t7 = $[11];
-    }
-    t2 = _jsxs("button", {
-      "aria-label": t3,
-      className: t4.join(" "),
-      onClick: t5,
-      onKeyDown: _temp,
-      onMouseDown: _temp2,
-      onMouseEnter: t6,
-      onMouseLeave: t7,
-      onTouchEnd,
-      type: "button",
-      children: [_jsx(Tooltip, {
-        className: `${baseClass}__tooltip`,
-        show: showTooltip,
-        children: t("general:remove")
-      }), _jsx(XIcon, {
-        className: `${baseClass}__icon`,
-        size: 16
-      })]
-    });
     $[0] = className;
-    $[1] = onClick;
-    $[2] = onTouchEnd;
-    $[3] = showTooltip;
-    $[4] = t;
-    $[5] = t2;
+    $[1] = customProps?.removeValueLabel;
+    $[2] = data;
+    $[3] = isDisabled;
+    $[4] = onClick;
+    $[5] = onTouchEnd;
+    $[6] = selectProps;
+    $[7] = showTooltip;
+    $[8] = t;
+    $[9] = t1;
+    $[10] = t2;
   } else {
-    t2 = $[5];
+    t1 = $[9];
+    t2 = $[10];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
   }
-  return t2;
+  return t1;
 };
 function _temp(e_0) {
-  if (e_0.key === "Enter") {
+  if (e_0.key === "Enter" || e_0.key === " ") {
     e_0.stopPropagation();
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","Tooltip","baseClass","MultiValueRemove","props","$","innerProps","t0","selectProps","t1","className","onClick","onTouchEnd","isDisabled","showTooltip","setShowTooltip","useState","t","t2","t3","t4","filter","Boolean","t5","e","t6","t7","Symbol","for","_jsxs","join","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","type","children","_jsx","show","size","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.css'\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    selectProps: { isDisabled },\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  if (isDisabled) {\n    return null\n  }\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`} size={16} />\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;IAAAC,WAAA,EAAAC;EAAA,IAGIL,KAAA;EAFU;IAAAM,SAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAL,EAAkC;EACjC;IAAAM;EAAA,IAAAJ,EAAc;EAG7B,OAAAK,WAAA,EAAAC,cAAA,IAAsCjB,KAAA,CAAAkB,QAAA,MAAe;EACrD;IAAAC;EAAA,IAAcjB,cAAA;EAAA,IAEVa,UAAA;IAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAb,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAY,CAAA;IAMY,MAAAE,EAAA,GAAAF,CAAA,CAAE;IAAA,IAAAG,EAAA;IAAA,IAAAf,CAAA,QAAAK,SAAA;MACHU,EAAA,IAAAlB,SAAA,EAAYQ,SAAA,EAAAW,MAAA,CAAAC,OAAkB;MAAAjB,CAAA,MAAAK,SAAA;MAAAL,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAA,IAAAkB,EAAA;IAAA,IAAAlB,CAAA,QAAAM,OAAA;MAChCY,EAAA,GAAAC,CAAA;QACPT,cAAA,MAAe;QACfJ,OAAA,CAAQa,CAAA;MAAA;MACVnB,CAAA,MAAAM,OAAA;MAAAN,CAAA,MAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAAA,IAAAoB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAArB,CAAA,SAAAsB,MAAA,CAAAC,GAAA;MAOcH,EAAA,GAAAA,CAAA,KAAMV,cAAA,KAAe;MACrBW,EAAA,GAAAA,CAAA,KAAMX,cAAA,MAAe;MAAAV,CAAA,OAAAoB,EAAA;MAAApB,CAAA,OAAAqB,EAAA;IAAA;MAAAD,EAAA,GAAApB,CAAA;MAAAqB,EAAA,GAAArB,CAAA;IAAA;IAdrCa,EAAA,GAAAW,KAAA,CAAC;MAAA,cACaV,EAAE;MAAAT,SAAA,EACHU,EAA8B,CAAAU,IAAA,CAAc;MAAAnB,OAAA,EAC9CY,EAGT;MAAAQ,SAAA,EAAAC,KAAA;MAAAC,WAAA,EAAAC,MAAA;MAAAC,YAAA,EAOcV,EAAqB;MAAAW,YAAA,EACrBV,EAAqB;MAAAd,UAAA;MAAAyB,IAAA,EAE9B;MAAAC,QAAA,GAELC,IAAA,CAAAtC,OAAA;QAAAS,SAAA,EAAoB,GAAAR,SAAA,WAAuB;QAAAsC,IAAA,EAAQ1B,WAAA;QAAAwB,QAAA,EAChDrB,CAAA,CAAE;MAAA,C,GAELsB,IAAA,CAAAxC,KAAA;QAAAW,SAAA,EAAkB,GAAAR,SAAA,QAAoB;QAAAuC,IAAA;MAAA,C;;;;;;;;;;;SArBxCvB,E;CAwBJ;AAtCI,SAAAc,MAAAU,GAAA;EAAA,IAsBQlB,GAAA,CAAAmB,GAAA,KAAU;IACZnB,GAAA,CAAAoB,eAAA,CAAiB;EAAA;AAAA;AAvBvB,SAAAV,OAAAW,GAAA;EAAA,OA0BsBrB,GAAA,CAAAoB,eAAA,CAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","Tooltip","getMultiValueLabelID","baseClass","MultiValueRemove","props","$","data","innerProps","t0","selectProps","className","onClick","onTouchEnd","showTooltip","setShowTooltip","useState","t","customProps","isDisabled","t1","t2","removeValueLabel","Symbol","for","bb0","label","valueLabelID","removeLabelID","t3","filter","Boolean","t4","e","t5","t6","_jsxs","join","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","type","children","_jsx","id","show","size","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 { CustomSelectProps, 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 { getMultiValueLabelID } from '../MultiValueLabel/index.js'\nimport './index.css'\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    data,\n    innerProps: { 'aria-label': _ariaLabel, className, onClick, onTouchEnd },\n    selectProps,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n  const { customProps, isDisabled } = selectProps as {\n    customProps?: CustomSelectProps\n  } & typeof selectProps\n  const label = customProps?.removeValueLabel || t('general:remove')\n  const valueLabelID = getMultiValueLabelID({ data, selectProps })\n  const removeLabelID = `${valueLabelID}-remove`\n\n  if (isDisabled) {\n    return null\n  }\n\n  return (\n    <button\n      aria-labelledby={`${removeLabelID} ${valueLabelID}`}\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' || e.key === ' ') {\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      <span className=\"sr-only\" id={removeLabelID}>\n        {label}\n      </span>\n      <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n        {t('general:remove')}\n      </Tooltip>\n      <XIcon className={`${baseClass}__icon`} size={16} />\n    </button>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+import type { GroupBase, OptionProps } from 'react-select';
+import React from 'react';
+import type { Option as OptionType } from '../types.js';
+export declare const getOptionAccessibleName: (option: OptionType, renderedLabel?: React.ReactNode, fallbackLabel?: unknown) => string | undefined;
+export declare const Option: React.FC<OptionProps<OptionType, boolean, GroupBase<OptionType>>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/Option/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAEvD,eAAO,MAAM,uBAAuB,WAC1B,UAAU,kBACF,KAAK,CAAC,SAAS,kBACf,OAAO,KACtB,MAAM,GAAG,SAgBX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAcpF,CAAA"}

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

@@ -0,0 +1,30 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { components as SelectComponents } from 'react-select';
+export const getOptionAccessibleName = (option, renderedLabel, fallbackLabel) => {
+  if (typeof option.plainTextLabel === 'string' && option.plainTextLabel.trim()) {
+    return option.plainTextLabel;
+  }
+  if (typeof option.label === 'string' && option.label.trim()) {
+    return option.label;
+  }
+  if (typeof renderedLabel === 'string' && renderedLabel.trim()) {
+    return renderedLabel;
+  }
+  return typeof fallbackLabel === 'string' && fallbackLabel !== '[object Object]' ? fallbackLabel : undefined;
+};
+export const Option = props => {
+  const accessibleName = getOptionAccessibleName(props.data, props.children, props.label);
+  return /*#__PURE__*/_jsx(SelectComponents.Option, {
+    ...props,
+    innerProps: {
+      ...props.innerProps,
+      ...(accessibleName ? {
+        'aria-label': accessibleName
+      } : {})
+    }
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","components","SelectComponents","getOptionAccessibleName","option","renderedLabel","fallbackLabel","plainTextLabel","trim","label","undefined","Option","props","accessibleName","data","children","_jsx","innerProps"],"sources":["../../../../src/elements/ReactSelect/Option/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupBase, OptionProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option as OptionType } from '../types.js'\n\nexport const getOptionAccessibleName = (\n  option: OptionType,\n  renderedLabel?: React.ReactNode,\n  fallbackLabel?: unknown,\n): string | undefined => {\n  if (typeof option.plainTextLabel === 'string' && option.plainTextLabel.trim()) {\n    return option.plainTextLabel\n  }\n\n  if (typeof option.label === 'string' && option.label.trim()) {\n    return option.label\n  }\n\n  if (typeof renderedLabel === 'string' && renderedLabel.trim()) {\n    return renderedLabel\n  }\n\n  return typeof fallbackLabel === 'string' && fallbackLabel !== '[object Object]'\n    ? fallbackLabel\n    : undefined\n}\n\nexport const Option: React.FC<OptionProps<OptionType, boolean, GroupBase<OptionType>>> = (\n  props,\n) => {\n  const accessibleName = getOptionAccessibleName(props.data, props.children, props.label)\n\n  return (\n    <SelectComponents.Option\n      {...props}\n      innerProps={{\n        ...props.innerProps,\n        ...(accessibleName ? { 'aria-label': accessibleName } : {}),\n      }}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,OAAO,MAAMC,uBAAA,GAA0BA,CACrCC,MAAA,EACAC,aAAA,EACAC,aAAA;EAEA,IAAI,OAAOF,MAAA,CAAOG,cAAc,KAAK,YAAYH,MAAA,CAAOG,cAAc,CAACC,IAAI,IAAI;IAC7E,OAAOJ,MAAA,CAAOG,cAAc;EAC9B;EAEA,IAAI,OAAOH,MAAA,CAAOK,KAAK,KAAK,YAAYL,MAAA,CAAOK,KAAK,CAACD,IAAI,IAAI;IAC3D,OAAOJ,MAAA,CAAOK,KAAK;EACrB;EAEA,IAAI,OAAOJ,aAAA,KAAkB,YAAYA,aAAA,CAAcG,IAAI,IAAI;IAC7D,OAAOH,aAAA;EACT;EAEA,OAAO,OAAOC,aAAA,KAAkB,YAAYA,aAAA,KAAkB,oBAC1DA,aAAA,GACAI,SAAA;AACN;AAEA,OAAO,MAAMC,MAAA,GACXC,KAAA;EAEA,MAAMC,cAAA,GAAiBV,uBAAA,CAAwBS,KAAA,CAAME,IAAI,EAAEF,KAAA,CAAMG,QAAQ,EAAEH,KAAA,CAAMH,KAAK;EAEtF,oBACEO,IAAA,CAACd,gBAAA,CAAiBS,MAAM;IACrB,GAAGC,KAAK;IACTK,UAAA,EAAY;MACV,GAAGL,KAAA,CAAMK,UAAU;MACnB,IAAIJ,cAAA,GAAiB;QAAE,cAAcA;MAAe,IAAI,CAAC,CAAC;IAC5D;;AAGN","ignoreList":[]}

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":"AAMA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAI/E,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAmBxC,OAAO,aAAa,CAAA;AAiRpB,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":"AAMA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAI/E,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAoBxC,OAAO,aAAa,CAAA;AAmRpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}

package/dist/elements/ReactSelect/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { arrayMove } from '@dnd-kit/sortable';
+import { arrayMove, horizontalListSortingStrategy } from '@dnd-kit/sortable';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
 import Select from 'react-select';
@@ -21,6 +21,7 @@ import { Input } from './Input/index.js';
 import { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js';
 import { MultiValueLabel } from './MultiValueLabel/index.js';
 import { MultiValueRemove } from './MultiValueRemove/index.js';
+import { Option as SelectOption } from './Option/index.js';
 import { SingleValue } from './SingleValue/index.js';
 import { ValueContainer } from './ValueContainer/index.js';
 import './index.css';
@@ -99,6 +100,7 @@ const SelectAdapter = props => {
     MultiValue,
     MultiValueLabel,
     MultiValueRemove,
+    Option: SelectOption,
     SingleValue,
     ValueContainer,
     ...components
@@ -243,6 +245,7 @@ const SortableSelect = props => {
       }
       onChange(sorted);
     },
+    sortingStrategy: horizontalListSortingStrategy,
     children: /*#__PURE__*/_jsx(SelectAdapter, {
       ...props
     })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["arrayMove","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","Select","CreatableSelect","useDebouncedEffect","useTranslation","DraggableSortable","ShimmerEffect","ClearIndicator","Control","DefaultMenuPortal","DropdownIndicator","getCaptureMenuScroll","getMenuListStyles","getMenuStyles","Input","generateMultiValueDraggableID","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","DEFAULT_MAX_MENU_HEIGHT","SelectAdapter","props","i18n","t","inputValue","setInputValue","uuid","hasMounted","setHasMounted","captureMenuScroll","captureMenuScrollProp","className","classNames","externalClassNames","components","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","menuPortalTarget","menuPortalTargetProp","menuPosition","menuPositionProp","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","styles","externalStyles","value","document","body","shouldUseFloatingMenuPortal","Boolean","MenuPortal","isLoadingDebounced","setIsLoadingDebounced","menuClassName","state","placement","external","menu","filter","join","selectClassNames","menuList","selectComponents","sharedSelectProps","classNamePrefix","instanceId","isDisabled","loadingMessage","maxMenuHeight","menuPlacement","menuShouldBlockScroll","menuPortal","rsStyles","zIndex","control","minHeight","option","unstyled","_jsx","height","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","nativeEvent","isComposing","label","onInputChange","newValue","onKeyDown","SortableSelect","draggableIDs","Array","isArray","map","optionValue","ids","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\nimport type { GroupBase, MenuListProps, MenuProps } from 'react-select'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option, ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { useDebouncedEffect } from '../../hooks/useDebouncedEffect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { DefaultMenuPortal } from './DefaultMenuPortal.js'\nimport { DropdownIndicator } from './DropdownIndicator/index.js'\nimport { getCaptureMenuScroll } from './getCaptureMenuScroll.js'\nimport { getMenuListStyles } from './getMenuListStyles.js'\nimport { getMenuStyles } from './getMenuStyles.js'\nimport { Input } from './Input/index.js'\nimport { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.css'\n\nconst DEFAULT_MAX_MENU_HEIGHT = 300\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = useState('') // for creatable select\n  const uuid = useId()\n  const [hasMounted, setHasMounted] = useState(false)\n\n  const {\n    captureMenuScroll: captureMenuScrollProp,\n    className,\n    classNames: externalClassNames,\n    components,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    menuPortalTarget: menuPortalTargetProp,\n    menuPosition: menuPositionProp,\n    noOptionsMessage = () => t('general:noOptions'),\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    styles: externalStyles,\n    value,\n  } = props\n\n  const menuPortalTarget =\n    menuPortalTargetProp === undefined\n      ? typeof document !== 'undefined'\n        ? document.body\n        : null\n      : menuPortalTargetProp\n\n  const menuPosition = menuPositionProp ?? (menuPortalTarget ? 'fixed' : undefined)\n  const shouldUseFloatingMenuPortal = Boolean(menuPortalTarget && !components?.MenuPortal)\n  const captureMenuScroll = getCaptureMenuScroll({\n    captureMenuScroll: captureMenuScrollProp,\n    menuPortalTarget,\n  })\n\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  // Debounce the loading state so that fast option fetches (e.g. relationship\n  // fields that resolve almost instantly) don't cause the clear indicator to\n  // flash to react-select's loading indicator and back. The loading indicator\n  // only appears once a load takes longer than the threshold below.\n  const [isLoadingDebounced, setIsLoadingDebounced] = useState(false)\n\n  useDebouncedEffect(\n    () => {\n      setIsLoadingDebounced(isLoading)\n    },\n    [isLoading],\n    250,\n  )\n\n  const menuClassName = useCallback(\n    (state: MenuProps<Option, boolean, GroupBase<Option>>) => {\n      const placement = state.placement ? `rs__menu--placement-${state.placement}` : ''\n      const external = externalClassNames?.menu?.(state) ?? ''\n      return [placement, external].filter(Boolean).join(' ')\n    },\n    [externalClassNames],\n  )\n\n  const selectClassNames = useMemo(\n    () => ({\n      ...externalClassNames,\n      menu: menuClassName,\n      menuList: (state: MenuListProps<Option, boolean, GroupBase<Option>>) => {\n        const external = externalClassNames?.menuList?.(state) ?? ''\n        return ['scrollbar-thin', external].filter(Boolean).join(' ')\n      },\n    }),\n    [externalClassNames, menuClassName],\n  )\n\n  const selectComponents = useMemo(\n    () => ({\n      ClearIndicator,\n      Control,\n      DropdownIndicator,\n      Input,\n      MenuPortal: DefaultMenuPortal,\n      MultiValue,\n      MultiValueLabel,\n      MultiValueRemove,\n      SingleValue,\n      ValueContainer,\n      ...components,\n    }),\n    [components],\n  )\n\n  const sharedSelectProps = {\n    captureMenuScroll,\n    className: [className, 'react-select', showError && 'react-select--error']\n      .filter(Boolean)\n      .join(' '),\n    classNamePrefix: 'rs',\n    classNames: selectClassNames,\n    components: selectComponents,\n    filterOption,\n    instanceId: uuid,\n    isClearable,\n    isDisabled: disabled,\n    isLoading: isLoadingDebounced,\n    isSearchable,\n    loadingMessage: () => t('general:loading') + '...',\n    maxMenuHeight: DEFAULT_MAX_MENU_HEIGHT,\n    menuPlacement: 'auto' as const,\n    menuPortalTarget,\n    menuPosition,\n    menuShouldBlockScroll: false,\n    noOptionsMessage,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder: getTranslation(placeholder, i18n),\n    styles: {\n      menu: getMenuStyles({\n        externalStyles,\n        shouldUseFloatingMenuPortal,\n      }),\n      // When portaling to document.body, the portal container needs an explicit\n      // z-index so the menu appears above drawers and dialogs. unstyled={true}\n      // strips react-select's default zIndex:9999 from the portal container.\n      ...(menuPortalTarget && {\n        menuPortal: (rsStyles, state) => ({\n          ...rsStyles,\n          zIndex: 'var(--z-portal-element)',\n          ...externalStyles?.menuPortal?.(rsStyles, state),\n        }),\n      }),\n      // Remove the default react-select min-height so our CSS can control it\n      control: (rsStyles, state) => ({\n        ...rsStyles,\n        minHeight: undefined,\n        ...externalStyles?.control?.(rsStyles, state),\n      }),\n      // Allow external option styles to override emotion defaults\n      option: (rsStyles, state) => ({\n        ...rsStyles,\n        ...externalStyles?.option?.(rsStyles, state),\n      }),\n      // Keep react-select's computed maxHeight so the menu can fit available\n      // viewport space near screen edges (instead of using a fixed class value).\n      menuList: getMenuListStyles(externalStyles, shouldUseFloatingMenuPortal),\n    },\n    unstyled: true,\n  }\n\n  if (!hasMounted) {\n    return <ShimmerEffect height=\"var(--field-min-height-large)\" />\n  }\n\n  if (!isCreatable) {\n    return (\n      <div>\n        <Select<Option, boolean, GroupBase<Option>>\n          {...props}\n          {...sharedSelectProps}\n          getOptionValue={getOptionValue}\n          value={value}\n        />\n      </div>\n    )\n  }\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    if (!value || !inputValue || inputValue.trim() === '') {\n      return\n    }\n\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n\n    if (event.nativeEvent.isComposing) {\n      return\n    }\n\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([\n          ...(value as Option[]),\n          {\n            label: inputValue,\n            value: inputValue,\n          },\n        ])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <div>\n      <CreatableSelect<Option, boolean, GroupBase<Option>>\n        {...props}\n        {...sharedSelectProps}\n        inputValue={inputValue}\n        onInputChange={(newValue) => setInputValue(newValue)}\n        onKeyDown={handleKeyDown}\n        value={value}\n      />\n    </div>\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { getOptionValue, onChange, value } = props\n\n  let draggableIDs: string[] = []\n  if (value) {\n    draggableIDs = (Array.isArray(value) ? value : [value]).map((optionValue) => {\n      return generateMultiValueDraggableID(optionValue, getOptionValue)\n    })\n  }\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={draggableIDs}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["arrayMove","horizontalListSortingStrategy","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","Select","CreatableSelect","useDebouncedEffect","useTranslation","DraggableSortable","ShimmerEffect","ClearIndicator","Control","DefaultMenuPortal","DropdownIndicator","getCaptureMenuScroll","getMenuListStyles","getMenuStyles","Input","generateMultiValueDraggableID","MultiValue","MultiValueLabel","MultiValueRemove","Option","SelectOption","SingleValue","ValueContainer","DEFAULT_MAX_MENU_HEIGHT","SelectAdapter","props","i18n","t","inputValue","setInputValue","uuid","hasMounted","setHasMounted","captureMenuScroll","captureMenuScrollProp","className","classNames","externalClassNames","components","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","menuPortalTarget","menuPortalTargetProp","menuPosition","menuPositionProp","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","styles","externalStyles","value","document","body","shouldUseFloatingMenuPortal","Boolean","MenuPortal","isLoadingDebounced","setIsLoadingDebounced","menuClassName","state","placement","external","menu","filter","join","selectClassNames","menuList","selectComponents","sharedSelectProps","classNamePrefix","instanceId","isDisabled","loadingMessage","maxMenuHeight","menuPlacement","menuShouldBlockScroll","menuPortal","rsStyles","zIndex","control","minHeight","option","unstyled","_jsx","height","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","nativeEvent","isComposing","label","onInputChange","newValue","onKeyDown","SortableSelect","draggableIDs","Array","isArray","map","optionValue","ids","onDragEnd","moveFromIndex","moveToIndex","sorted","sortingStrategy","ReactSelect","isMulti","isSortable"],"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\nimport type { GroupBase, MenuListProps, MenuProps } from 'react-select'\n\nimport { arrayMove, horizontalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option, ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { useDebouncedEffect } from '../../hooks/useDebouncedEffect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { DefaultMenuPortal } from './DefaultMenuPortal.js'\nimport { DropdownIndicator } from './DropdownIndicator/index.js'\nimport { getCaptureMenuScroll } from './getCaptureMenuScroll.js'\nimport { getMenuListStyles } from './getMenuListStyles.js'\nimport { getMenuStyles } from './getMenuStyles.js'\nimport { Input } from './Input/index.js'\nimport { generateMultiValueDraggableID, MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { Option as SelectOption } from './Option/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.css'\n\nconst DEFAULT_MAX_MENU_HEIGHT = 300\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = useState('') // for creatable select\n  const uuid = useId()\n  const [hasMounted, setHasMounted] = useState(false)\n\n  const {\n    captureMenuScroll: captureMenuScrollProp,\n    className,\n    classNames: externalClassNames,\n    components,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    menuPortalTarget: menuPortalTargetProp,\n    menuPosition: menuPositionProp,\n    noOptionsMessage = () => t('general:noOptions'),\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    styles: externalStyles,\n    value,\n  } = props\n\n  const menuPortalTarget =\n    menuPortalTargetProp === undefined\n      ? typeof document !== 'undefined'\n        ? document.body\n        : null\n      : menuPortalTargetProp\n\n  const menuPosition = menuPositionProp ?? (menuPortalTarget ? 'fixed' : undefined)\n  const shouldUseFloatingMenuPortal = Boolean(menuPortalTarget && !components?.MenuPortal)\n  const captureMenuScroll = getCaptureMenuScroll({\n    captureMenuScroll: captureMenuScrollProp,\n    menuPortalTarget,\n  })\n\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  // Debounce the loading state so that fast option fetches (e.g. relationship\n  // fields that resolve almost instantly) don't cause the clear indicator to\n  // flash to react-select's loading indicator and back. The loading indicator\n  // only appears once a load takes longer than the threshold below.\n  const [isLoadingDebounced, setIsLoadingDebounced] = useState(false)\n\n  useDebouncedEffect(\n    () => {\n      setIsLoadingDebounced(isLoading)\n    },\n    [isLoading],\n    250,\n  )\n\n  const menuClassName = useCallback(\n    (state: MenuProps<Option, boolean, GroupBase<Option>>) => {\n      const placement = state.placement ? `rs__menu--placement-${state.placement}` : ''\n      const external = externalClassNames?.menu?.(state) ?? ''\n      return [placement, external].filter(Boolean).join(' ')\n    },\n    [externalClassNames],\n  )\n\n  const selectClassNames = useMemo(\n    () => ({\n      ...externalClassNames,\n      menu: menuClassName,\n      menuList: (state: MenuListProps<Option, boolean, GroupBase<Option>>) => {\n        const external = externalClassNames?.menuList?.(state) ?? ''\n        return ['scrollbar-thin', external].filter(Boolean).join(' ')\n      },\n    }),\n    [externalClassNames, menuClassName],\n  )\n\n  const selectComponents = useMemo(\n    () => ({\n      ClearIndicator,\n      Control,\n      DropdownIndicator,\n      Input,\n      MenuPortal: DefaultMenuPortal,\n      MultiValue,\n      MultiValueLabel,\n      MultiValueRemove,\n      Option: SelectOption,\n      SingleValue,\n      ValueContainer,\n      ...components,\n    }),\n    [components],\n  )\n\n  const sharedSelectProps = {\n    captureMenuScroll,\n    className: [className, 'react-select', showError && 'react-select--error']\n      .filter(Boolean)\n      .join(' '),\n    classNamePrefix: 'rs',\n    classNames: selectClassNames,\n    components: selectComponents,\n    filterOption,\n    instanceId: uuid,\n    isClearable,\n    isDisabled: disabled,\n    isLoading: isLoadingDebounced,\n    isSearchable,\n    loadingMessage: () => t('general:loading') + '...',\n    maxMenuHeight: DEFAULT_MAX_MENU_HEIGHT,\n    menuPlacement: 'auto' as const,\n    menuPortalTarget,\n    menuPosition,\n    menuShouldBlockScroll: false,\n    noOptionsMessage,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder: getTranslation(placeholder, i18n),\n    styles: {\n      menu: getMenuStyles({\n        externalStyles,\n        shouldUseFloatingMenuPortal,\n      }),\n      // When portaling to document.body, the portal container needs an explicit\n      // z-index so the menu appears above drawers and dialogs. unstyled={true}\n      // strips react-select's default zIndex:9999 from the portal container.\n      ...(menuPortalTarget && {\n        menuPortal: (rsStyles, state) => ({\n          ...rsStyles,\n          zIndex: 'var(--z-portal-element)',\n          ...externalStyles?.menuPortal?.(rsStyles, state),\n        }),\n      }),\n      // Remove the default react-select min-height so our CSS can control it\n      control: (rsStyles, state) => ({\n        ...rsStyles,\n        minHeight: undefined,\n        ...externalStyles?.control?.(rsStyles, state),\n      }),\n      // Allow external option styles to override emotion defaults\n      option: (rsStyles, state) => ({\n        ...rsStyles,\n        ...externalStyles?.option?.(rsStyles, state),\n      }),\n      // Keep react-select's computed maxHeight so the menu can fit available\n      // viewport space near screen edges (instead of using a fixed class value).\n      menuList: getMenuListStyles(externalStyles, shouldUseFloatingMenuPortal),\n    },\n    unstyled: true,\n  }\n\n  if (!hasMounted) {\n    return <ShimmerEffect height=\"var(--field-min-height-large)\" />\n  }\n\n  if (!isCreatable) {\n    return (\n      <div>\n        <Select<Option, boolean, GroupBase<Option>>\n          {...props}\n          {...sharedSelectProps}\n          getOptionValue={getOptionValue}\n          value={value}\n        />\n      </div>\n    )\n  }\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    if (!value || !inputValue || inputValue.trim() === '') {\n      return\n    }\n\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n\n    if (event.nativeEvent.isComposing) {\n      return\n    }\n\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([\n          ...(value as Option[]),\n          {\n            label: inputValue,\n            value: inputValue,\n          },\n        ])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <div>\n      <CreatableSelect<Option, boolean, GroupBase<Option>>\n        {...props}\n        {...sharedSelectProps}\n        inputValue={inputValue}\n        onInputChange={(newValue) => setInputValue(newValue)}\n        onKeyDown={handleKeyDown}\n        value={value}\n      />\n    </div>\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { getOptionValue, onChange, value } = props\n\n  let draggableIDs: string[] = []\n  if (value) {\n    draggableIDs = (Array.isArray(value) ? value : [value]).map((optionValue) => {\n      return generateMultiValueDraggableID(optionValue, getOptionValue)\n    })\n  }\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={draggableIDs}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n      sortingStrategy={horizontalListSortingStrategy}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ReactSelect/types.d.ts

@@ -1,7 +1,9 @@
 import type { LabelFunction } from 'payload';
+import type { AriaAttributes } from 'react';
 import type { ClassNamesConfig, CommonProps, GroupBase, Props as ReactSelectStateManagerProps, StylesConfig } from 'react-select';
 import type { DocumentDrawerProps } from '../DocumentDrawer/types.js';
 export type CustomSelectProps = {
+    clearValueLabel?: string;
     disableKeyDown?: boolean;
     disableMouseDown?: boolean;
     draggableProps?: any;
@@ -21,6 +23,7 @@ export type CustomSelectProps = {
     }) => void;
     onDuplicate?: DocumentDrawerProps['onSave'];
     onSave?: DocumentDrawerProps['onSave'];
+    removeValueLabel?: string;
     valueContainerLabel?: string;
 };
 declare module 'react-select/dist/declarations/src/Select' {
@@ -43,7 +46,8 @@ export type OptionGroup = {
     options: Option[];
 };
 export type ReactSelectAdapterProps = {
-    'aria-label'?: string;
+    'aria-label'?: AriaAttributes['aria-label'];
+    'aria-labelledby'?: AriaAttributes['aria-labelledby'];
     backspaceRemovesValue?: boolean;
     blurInputOnSelect?: boolean;
     captureMenuScroll?: boolean;
@@ -60,6 +64,8 @@ export type ReactSelectAdapterProps = {
         label: string;
         value: string;
     }, search: string) => boolean) | undefined;
+    formatOptionLabel?: ReactSelectStateManagerProps<Option, boolean, GroupBase<Option>>['formatOptionLabel'];
+    getOptionLabel?: ReactSelectStateManagerProps<Option, boolean, GroupBase<Option>>['getOptionLabel'];
     getOptionValue?: ReactSelectStateManagerProps<Option, boolean, GroupBase<Option>>['getOptionValue'];
     id?: string;
     inputId?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,KAAK,IAAI,4BAA4B,EACrC,YAAY,EACb,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrD,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,MAAM,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAC9C,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,4BAA4B,KACtC,GAAG,CAAA;IACR,2GAA2G;IAC3G,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,iBAAiB,EAAE,OAAO,CAAA;QAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,KAAK,IAAI,CAAA;IACV,WAAW,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAKD,OAAO,QAAQ,2CAA2C,CAAC;IACzD,UAAiB,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC;QACrF,WAAW,CAAC,EAAE,iBAAiB,CAAA;KAChC;CACF;AAKD,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAiB,uBAAuB,CACtC,MAAM,EACN,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC/B,SAAQ,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;QAC3C,WAAW,CAAC,EAAE,iBAAiB,GAAG,4BAA4B,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;KACvF;CACF;AAED,MAAM,MAAM,MAAM,CAAC,MAAM,GAAG,OAAO,IAAI;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IAEtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C,iBAAiB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;KAC7B,CAAA;IACD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EACT,CAAC,CACC,EACE,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EACrE,MAAM,EAAE,MAAM,KACX,OAAO,CAAC,GACb,SAAS,CAAA;IACb,iBAAiB,CAAC,EAAE,4BAA4B,CAC9C,MAAM,EACN,OAAO,EACP,SAAS,CAAC,MAAM,CAAC,CAClB,CAAC,mBAAmB,CAAC,CAAA;IACtB,cAAc,CAAC,EAAE,4BAA4B,CAC3C,MAAM,EACN,OAAO,EACP,SAAS,CAAC,MAAM,CAAC,CAClB,CAAC,gBAAgB,CAAC,CAAA;IACnB,cAAc,CAAC,EAAE,4BAA4B,CAC3C,MAAM,EACN,OAAO,EACP,SAAS,CAAC,MAAM,CAAC,CAClB,CAAC,gBAAgB,CAAC,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACrC,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IACnC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,CAAA"}