@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/elements/QueryPresets/fields/GroupByField/index.js

@@ -1,5 +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, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
@@ -7,49 +8,97 @@ import { useField } from '../../../../forms/useField/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { GroupByButton } from '../../../GroupBy/index.js';
 import '../fields.css';
-export const QueryPresetsGroupByField = ({
-  field: {
+export const QueryPresetsGroupByField = t0 => {
+  const $ = _c(15);
+  const {
+    field: t1
+  } = t0;
+  const {
     label,
     required
-  }
-}) => {
+  } = t1;
   const {
     path,
     setValue,
     value
   } = useField();
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      path: "relatedCollection"
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const relatedCollectionField = useField(t2);
   const relatedCollection = relatedCollectionField.value;
   const {
     getEntityConfig
   } = useConfig();
-  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
-    collectionSlug: relatedCollection
-  }) : null, [relatedCollection, getEntityConfig]);
+  let t3;
+  if ($[1] !== getEntityConfig || $[2] !== relatedCollection) {
+    t3 = relatedCollection ? getEntityConfig({
+      collectionSlug: relatedCollection
+    }) : null;
+    $[1] = getEntityConfig;
+    $[2] = relatedCollection;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const collectionConfig = t3;
   if (!relatedCollection || !collectionConfig) {
-    return /*#__PURE__*/_jsxs("div", {
+    let t4;
+    if ($[4] !== label || $[5] !== path || $[6] !== required) {
+      t4 = _jsxs("div", {
+        className: "field-type query-preset-group-by-field",
+        children: [_jsx(FieldLabel, {
+          as: "h3",
+          label,
+          path,
+          required
+        }), _jsx("p", {
+          className: "query-preset-group-by-field__hint",
+          children: "Select the related collection to configure group by."
+        })]
+      });
+      $[4] = label;
+      $[5] = path;
+      $[6] = required;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
+    }
+    return t4;
+  }
+  let t4;
+  if ($[8] !== collectionConfig.fields || $[9] !== relatedCollection || $[10] !== setValue || $[11] !== value) {
+    let t5;
+    if ($[13] !== setValue) {
+      t5 = groupBy => setValue(groupBy || null);
+      $[13] = setValue;
+      $[14] = t5;
+    } else {
+      t5 = $[14];
+    }
+    t4 = _jsx("div", {
       className: "field-type query-preset-group-by-field",
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        as: "h3",
-        label: label,
-        path: path,
-        required: required
-      }), /*#__PURE__*/_jsx("p", {
-        className: "query-preset-group-by-field__hint",
-        children: "Select the related collection to configure group by."
-      })]
+      children: _jsx(GroupByButton, {
+        collectionSlug: relatedCollection,
+        fields: collectionConfig.fields,
+        onChange: t5,
+        value: value ?? ""
+      })
     });
+    $[8] = collectionConfig.fields;
+    $[9] = relatedCollection;
+    $[10] = setValue;
+    $[11] = value;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "field-type query-preset-group-by-field",
-    children: /*#__PURE__*/_jsx(GroupByButton, {
-      collectionSlug: relatedCollection,
-      fields: collectionConfig.fields,
-      onChange: groupBy => setValue(groupBy || null),
-      value: value ?? ''
-    })
-  });
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: React.FC<TextFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAA2DA,CAAC;EACvEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","collectionSlug","collectionConfig","t4","_jsxs","className","children","_jsx","as","fields","t5","groupBy","onChange"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: React.FC<TextFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAA2DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,KAAA,EAAAC;EAAA,IAAAH,EAExE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAoB;IAAAL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAA4B;EACtD;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAd,CAAA,QAAAa,eAAA,IAAAb,CAAA,QAAAY,iBAAA;IAGnBE,EAAA,GAAAF,iBAAA,GAAoBC,eAAA,CAAgB;MAAAE,cAAA,EAAkBH;IAAkB,CAAK,IAA7E,IAA6E;IAAAZ,CAAA,MAAAa,eAAA;IAAAb,CAAA,MAAAY,iBAAA;IAAAZ,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EADtF,MAAAgB,gBAAA,GACSF,EAA6E;EAItF,IAAI,CAACF,iBAAsB,IAAvB,CAAuBI,gBAAA;IAAA,IAAAC,EAAA;IAAA,IAAAjB,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEvBa,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,E,CACbC,IAAA,CAAC3B,UAAA;UAAA4B,EAAA,EAAc;UAAAnB,KAAA;UAAAE,IAAA;UAAAD;YACfiB,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAoC;;;;;;;;;;WAFnDH,E;;EAOJ,IAAAA,EAAA;EAAA,IAAAjB,CAAA,QAAAgB,gBAAA,CAAAO,MAAA,IAAAvB,CAAA,QAAAY,iBAAA,IAAAZ,CAAA,SAAAM,QAAA,IAAAN,CAAA,SAAAO,KAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAxB,CAAA,SAAAM,QAAA;MAOgBkB,EAAA,GAAAC,OAAA,IAAanB,QAAA,CAASmB,OAAW,IAAX,IAAW;MAAAzB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAJ/CiB,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAACxB,aAAA;QAAAkB,cAAA,EACiBH,iBAAA;QAAAW,MAAA,EACRP,gBAAA,CAAAO,MAAuB;QAAAG,QAAA,EACrBF,EAAiC;QAAAjB,KAAA,EACpCA,KAAS,IAAT;;;;;;;;;;;SALXU,E;CASJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","QueryPresetsHeading","t0","$","i18nKey","t1","undefined","t","t2","_jsx","className","children"],"sources":["../../../../../src/elements/QueryPresets/fields/Heading/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const QueryPresetsHeading: React.FC<{ i18nKey?: ClientTranslationKeys }> = ({\n  i18nKey = 'general:presets',\n}) => {\n  const { t } = useTranslation()\n\n  return <h3 className=\"query-preset-heading\">{t(i18nKey)}</h3>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAqEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,OAAA,EAAAC;EAAA,IAAAH,EAElF;EADC,MAAAE,OAAA,GAAAC,EAA2B,KAAAC,SAAA,GAAjB,iBAAiB,GAA3BD,EAA2B;EAE3B;IAAAE;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,CAAA;IAEPC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAa;MAAAC,QAAA,EAAwBJ,CAAA,CAAEH,OAAA;IAAA,C;;;;;;;SAAxCI,E;CACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","QueryPresetsHeading","t0","$","i18nKey","t1","undefined","t","t2","_jsx","className","children"],"sources":["../../../../../src/elements/QueryPresets/fields/Heading/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const QueryPresetsHeading: React.FC<{ i18nKey?: ClientTranslationKeys }> = ({\n  i18nKey = 'general:presets',\n}) => {\n  const { t } = useTranslation()\n\n  return <h3 className=\"query-preset-heading\">{t(i18nKey)}</h3>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAqEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,OAAA,EAAAC;EAAA,IAAAH,EAElF;EADC,MAAAE,OAAA,GAAAC,EAA2B,KAA3BC,SAA2B,GAA3B,iBAA2B,GAA3BD,EAA2B;EAE3B;IAAAE;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,CAAA;IAEPC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAa;MAAAC,QAAA,EAAwBJ,CAAA,CAAEH,OAAA;;;;;;;;SAAxCI,E;CACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: React.FC<JSONFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        fields={collectionConfig?.fields ?? []}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEtE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAC1B;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,KAEvBgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAxB,UAAA;UAAAyB,EAAA,EAAe;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;IASJ,MAAAM,gBAAA,GAAyBP,eAAA;MAAAQ,cAAA,EAAkCT;IAAA,CAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAAArB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAAA,MAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAA,IAAAmB;MAAS,C;;;;;;;;;;SALpBZ,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: React.FC<JSONFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        fields={collectionConfig?.fields ?? []}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEtE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAoB;IAAAL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAA4B;EACtD;IAAAM;EAAA,IAA4BjB,SAAA;EAE5B,IAAI,CAACgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,E,CACbC,IAAA,CAACxB,UAAA;UAAAyB,EAAA,EAAc;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;YACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;;;;;;;;;;WAFhDH,E;;EAOJ,IAAAA,EAAA;EAAA,IAAAd,CAAA,QAAAa,eAAA,IAAAb,CAAA,QAAAY,iBAAA,IAAAZ,CAAA,QAAAM,QAAA,IAAAN,CAAA,QAAAO,KAAA;IAEA,MAAAa,gBAAA,GAAyBP,eAAA,CAAgB;MAAAQ,cAAA,EAAkBT;IAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAACrB,YAAA;QAAAwB,cAAA,EACiBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAA8B,IAA9B,EAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAS,IAATmB;;;;;;;;;;;SALXZ,E;CASJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","CircledXIcon","useTranslation","baseClass","ClearIndicator","props","$","clearValue","selectProps","t","customProps","t0","clearValueLabel","label","t1","event","stopPropagation","_jsx","className","onClick","onKeyDown","_temp","onMouseDown","_temp2","type","children","size","event_0","key","event_1"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { CustomSelectProps, Option as OptionType } from '../types.js'\n\nimport { CircledXIcon } from '../../../icons/CircledX/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const { clearValue, selectProps } = props\n  const { t } = useTranslation()\n  const { customProps } = selectProps as {\n    customProps?: CustomSelectProps\n  } & typeof selectProps\n  const label = customProps?.clearValueLabel || t('general:clear')\n\n  return (\n    <button\n      aria-label={label}\n      className={baseClass}\n      onClick={(event) => {\n        event.stopPropagation()\n        clearValue()\n      }}\n      onKeyDown={(event) => {\n        if (event.key === ' ') {\n          event.stopPropagation()\n        }\n      }}\n      onMouseDown={(event) => event.stopPropagation()}\n      type=\"button\"\n    >\n      <CircledXIcon className={`${baseClass}__icon`} size={24} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAkEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC7E;IAAAQ,UAAA;IAAAC;EAAA,IAAoCH,KAAA;EACpC;IAAAI;EAAA,IAAcP,cAAA;EACd;IAAAQ;EAAA,IAAwBF,WAAA;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,WAAA,EAAAE,eAAA,IAAAN,CAAA,QAAAG,CAAA;IAGxB,MAAAI,KAAA,GAAcH,WAAA,EAAAE,eAAA,IAAgCH,CAAA,CAAE;IAAA,IAAAK,EAAA;IAAA,IAAAR,CAAA,QAAAC,UAAA;MAMnCO,EAAA,GAAAC,KAAA;QACPA,KAAA,CAAAC,eAAA,CAAqB;QACrBT,UAAA;MAAA;MACFD,CAAA,MAAAC,UAAA;MAAAD,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IANFK,EAAA,GAAAM,IAAA,CAAC;MAAA,cACaJ,KAAA;MAAAK,SAAA,EAAAf,SAAA;MAAAgB,OAAA,EAEHL,EAGT;MAAAM,SAAA,EAAAC,KAAA;MAAAC,WAAA,EAAAC,MAAA;MAAAC,IAAA,EAOK;MAAAC,QAAA,EAELR,IAAA,CAAAhB,YAAA;QAAAiB,SAAA,EAAyB,GAAAf,SAAA,QAAoB;QAAAuB,IAAA;MAAA,C;;;;;;;;;SAf/Cf,E;CAkBJ;AA3B+E,SAAAU,MAAAM,OAAA;EAAA,IAiBnEZ,OAAA,CAAAa,GAAA,KAAc;IAChBb,OAAA,CAAAC,eAAA,CAAqB;EAAA;AAAA;AAlBgD,SAAAO,OAAAM,OAAA;EAAA,OAqBjDd,OAAA,CAAAC,eAAA,CAAqB;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","CircledXIcon","useTranslation","baseClass","ClearIndicator","props","$","clearValue","selectProps","t","customProps","t0","clearValueLabel","label","t1","event","stopPropagation","_jsx","className","onClick","onKeyDown","_temp","onMouseDown","_temp2","type","children","size","event_0","key","event_1"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { CustomSelectProps, Option as OptionType } from '../types.js'\n\nimport { CircledXIcon } from '../../../icons/CircledX/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const { clearValue, selectProps } = props\n  const { t } = useTranslation()\n  const { customProps } = selectProps as {\n    customProps?: CustomSelectProps\n  } & typeof selectProps\n  const label = customProps?.clearValueLabel || t('general:clear')\n\n  return (\n    <button\n      aria-label={label}\n      className={baseClass}\n      onClick={(event) => {\n        event.stopPropagation()\n        clearValue()\n      }}\n      onKeyDown={(event) => {\n        if (event.key === ' ') {\n          event.stopPropagation()\n        }\n      }}\n      onMouseDown={(event) => event.stopPropagation()}\n      type=\"button\"\n    >\n      <CircledXIcon className={`${baseClass}__icon`} size={24} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAkEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC7E;IAAAQ,UAAA;IAAAC;EAAA,IAAoCH,KAAA;EACpC;IAAAI;EAAA,IAAcP,cAAA;EACd;IAAAQ;EAAA,IAAwBF,WAAA;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,WAAA,EAAAE,eAAA,IAAAN,CAAA,QAAAG,CAAA;IAGxB,MAAAI,KAAA,GAAcH,WAAA,EAAAE,eAAkC,IAAFH,CAAA,CAAE;IAAA,IAAAK,EAAA;IAAA,IAAAR,CAAA,QAAAC,UAAA;MAMnCO,EAAA,GAAAC,KAAA;QACPA,KAAA,CAAAC,eAAqB;QACrBT,UAAA;MAAA,CACF;MAAAD,CAAA,MAAAC,UAAA;MAAAD,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IANFK,EAAA,GAAAM,IAAA,CAAC;MAAA,cACaJ,KAAA;MAAAK,SAAA,EACDf,SAAA;MAAAgB,OAAA,EACFL,EAGT;MAAAM,SAAA,EACWC,KAIX;MAAAC,WAAA,EACaC,MAAgC;MAAAC,IAAA,EACxC;MAAAC,QAAA,EAELR,IAAA,CAAChB,YAAA;QAAAiB,SAAA,EAAwB,GAAGf,SAAA,QAAiB;QAAAuB,IAAA,EAAQ;;;;;;;;;;SAfvDf,E;CAkBJ;AA3B+E,SAAAU,MAAAM,OAAA;EAiBvE,IAAIZ,OAAA,CAAAa,GAAS,KAAK;IAChBb,OAAA,CAAAC,eAAqB;EAAA;AACvB;AAnBuE,SAAAO,OAAAM,OAAA;EAAA,OAqBjDd,OAAA,CAAAC,eAAqB;AAAA","ignoreList":[]}

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

@@ -32,7 +32,7 @@ export function generateMultiValueDraggableID(optionData, valueFunction) {
   return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value;
 }
 export const MultiValue = props => {
-  const $ = _c(32);
+  const $ = _c(36);
   const {
     className,
     data,
@@ -122,7 +122,17 @@ export const MultiValue = props => {
       style: sortableStyle,
       ...sortableAttributes
     } = attributes;
-    const optionName = getOptionAccessibleName(data, props.children, String(id)) || String(id);
+    let t11;
+    if ($[30] !== data || $[31] !== id || $[32] !== props.children) {
+      t11 = getOptionAccessibleName(data, props.children, String(id)) || String(id);
+      $[30] = data;
+      $[31] = id;
+      $[32] = props.children;
+      $[33] = t11;
+    } else {
+      t11 = $[33];
+    }
+    const optionName = t11;
     const valueCount = Array.isArray(props.selectProps.value) ? props.selectProps.value.length : 1;
     const dragActivator = isSortable && !isDisabled ? {
       ...sortableAttributes,
@@ -134,23 +144,23 @@ export const MultiValue = props => {
       },
       ref: setActivatorNodeRef
     } : undefined;
-    let t11;
-    if ($[30] !== disableMouseDown) {
-      t11 = event_0 => {
+    let t12;
+    if ($[34] !== disableMouseDown) {
+      t12 = event_0 => {
         if (!disableMouseDown) {
           event_0.stopPropagation();
         }
       };
-      $[30] = disableMouseDown;
-      $[31] = t11;
+      $[34] = disableMouseDown;
+      $[35] = t12;
     } else {
-      t11 = $[31];
+      t12 = $[35];
     }
     const sortableInnerProps = {
       ...innerProps,
       dragActivator,
       nodeRef: setNodeRef,
-      onMouseDown: t11,
+      onMouseDown: t12,
       style: {
         ...innerProps?.style,
         ...sortableStyle,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","components","SelectComponents","useTranslation","useDraggableSortable","getOptionAccessibleName","MultiValueDragActivatorContext","baseClass","SortableMultiValueContainer","children","innerProps","dragActivator","nodeRef","containerProps","_jsx","value","ref","generateMultiValueDraggableID","optionData","valueFunction","MultiValue","props","$","className","data","index","isDisabled","selectProps","t0","t1","undefined","customProps","t2","getOptionValue","isSortable","t3","disableMouseDown","t4","id","t5","t6","disabled","attributes","isDragging","listeners","setActivatorNodeRef","setNodeRef","transform","t","t7","t8","t9","filter","Boolean","classes","join","t10","onMouseDown","listenersMouseDown","restListeners","style","sortableStyle","sortableAttributes","optionName","String","valueCount","Array","isArray","length","event","stopPropagation","t11","event_0","sortableInnerProps","Container"],"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes, RefCallback } from 'react'\nimport type { MultiValueGenericProps, MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\nimport type { MultiValueDragActivator } from './context.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport { getOptionAccessibleName } from '../Option/index.js'\nimport { MultiValueDragActivatorContext } from './context.js'\nimport './index.css'\n\nconst baseClass = 'multi-value'\n\ntype SortableContainerInnerProps = {\n  dragActivator?: MultiValueDragActivator\n  nodeRef?: RefCallback<HTMLElement>\n} & HTMLAttributes<HTMLDivElement>\n\nconst SortableMultiValueContainer: React.FC<MultiValueGenericProps<Option>> = ({\n  children,\n  innerProps,\n}) => {\n  const { dragActivator, nodeRef, ...containerProps } = innerProps as SortableContainerInnerProps\n\n  return (\n    <MultiValueDragActivatorContext value={dragActivator}>\n      <div {...containerProps} ref={nodeRef}>\n        {children}\n      </div>\n    </MultiValueDragActivatorContext>\n  )\n}\n\nexport function generateMultiValueDraggableID(optionData, valueFunction) {\n  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value\n}\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data,\n    index,\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {},\n  } = props\n\n  const id = generateMultiValueDraggableID(data, getOptionValue)\n\n  const { attributes, isDragging, listeners, setActivatorNodeRef, setNodeRef, transform } =\n    useDraggableSortable({\n      id,\n      disabled: !isSortable,\n    })\n  const { t } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && isSortable && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const { onMouseDown: listenersMouseDown, ...restListeners } = listeners || {}\n  const { style: sortableStyle, ...sortableAttributes } = attributes\n  const optionName = getOptionAccessibleName(data, props.children, String(id)) || String(id)\n  const valueCount = Array.isArray(props.selectProps.value) ? props.selectProps.value.length : 1\n\n  const dragActivator: MultiValueDragActivator | undefined =\n    isSortable && !isDisabled\n      ? {\n          ...sortableAttributes,\n          ...restListeners,\n          'aria-label': `${t('general:dragToReorder')} ${optionName}, ${index + 1} of ${valueCount}`,\n          onMouseDown: (event) => {\n            listenersMouseDown?.(event)\n            event.stopPropagation()\n          },\n          ref: setActivatorNodeRef,\n        }\n      : undefined\n  const sortableInnerProps: SortableContainerInnerProps = {\n    ...innerProps,\n    dragActivator,\n    nodeRef: setNodeRef,\n    onMouseDown: (event) => {\n      if (!disableMouseDown) {\n        event.stopPropagation()\n      }\n    },\n    style: {\n      ...innerProps?.style,\n      ...sortableStyle,\n      transform,\n    },\n  }\n\n  return (\n    <SelectComponents.MultiValue\n      {...props}\n      className={classes}\n      components={{\n        ...props.components,\n        Container: SortableMultiValueContainer,\n      }}\n      innerProps={sortableInnerProps}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","components","SelectComponents","useTranslation","useDraggableSortable","getOptionAccessibleName","MultiValueDragActivatorContext","baseClass","SortableMultiValueContainer","children","innerProps","dragActivator","nodeRef","containerProps","_jsx","value","ref","generateMultiValueDraggableID","optionData","valueFunction","MultiValue","props","$","className","data","index","isDisabled","selectProps","t0","t1","undefined","customProps","t2","getOptionValue","isSortable","t3","disableMouseDown","t4","id","t5","t6","disabled","attributes","isDragging","listeners","setActivatorNodeRef","setNodeRef","transform","t","t7","t8","t9","filter","Boolean","classes","join","t10","onMouseDown","listenersMouseDown","restListeners","style","sortableStyle","sortableAttributes","t11","String","optionName","valueCount","Array","isArray","length","event","stopPropagation","t12","event_0","sortableInnerProps","Container"],"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes, RefCallback } from 'react'\nimport type { MultiValueGenericProps, MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\nimport type { MultiValueDragActivator } from './context.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport { getOptionAccessibleName } from '../Option/index.js'\nimport { MultiValueDragActivatorContext } from './context.js'\nimport './index.css'\n\nconst baseClass = 'multi-value'\n\ntype SortableContainerInnerProps = {\n  dragActivator?: MultiValueDragActivator\n  nodeRef?: RefCallback<HTMLElement>\n} & HTMLAttributes<HTMLDivElement>\n\nconst SortableMultiValueContainer: React.FC<MultiValueGenericProps<Option>> = ({\n  children,\n  innerProps,\n}) => {\n  const { dragActivator, nodeRef, ...containerProps } = innerProps as SortableContainerInnerProps\n\n  return (\n    <MultiValueDragActivatorContext value={dragActivator}>\n      <div {...containerProps} ref={nodeRef}>\n        {children}\n      </div>\n    </MultiValueDragActivatorContext>\n  )\n}\n\nexport function generateMultiValueDraggableID(optionData, valueFunction) {\n  return typeof valueFunction === 'function' ? valueFunction(optionData) : optionData?.value\n}\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data,\n    index,\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, getOptionValue, isSortable } = {},\n  } = props\n\n  const id = generateMultiValueDraggableID(data, getOptionValue)\n\n  const { attributes, isDragging, listeners, setActivatorNodeRef, setNodeRef, transform } =\n    useDraggableSortable({\n      id,\n      disabled: !isSortable,\n    })\n  const { t } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && isSortable && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const { onMouseDown: listenersMouseDown, ...restListeners } = listeners || {}\n  const { style: sortableStyle, ...sortableAttributes } = attributes\n  const optionName = getOptionAccessibleName(data, props.children, String(id)) || String(id)\n  const valueCount = Array.isArray(props.selectProps.value) ? props.selectProps.value.length : 1\n\n  const dragActivator: MultiValueDragActivator | undefined =\n    isSortable && !isDisabled\n      ? {\n          ...sortableAttributes,\n          ...restListeners,\n          'aria-label': `${t('general:dragToReorder')} ${optionName}, ${index + 1} of ${valueCount}`,\n          onMouseDown: (event) => {\n            listenersMouseDown?.(event)\n            event.stopPropagation()\n          },\n          ref: setActivatorNodeRef,\n        }\n      : undefined\n  const sortableInnerProps: SortableContainerInnerProps = {\n    ...innerProps,\n    dragActivator,\n    nodeRef: setNodeRef,\n    onMouseDown: (event) => {\n      if (!disableMouseDown) {\n        event.stopPropagation()\n      }\n    },\n    style: {\n      ...innerProps?.style,\n      ...sortableStyle,\n      transform,\n    },\n  }\n\n  return (\n    <SelectComponents.MultiValue\n      {...props}\n      className={classes}\n      components={{\n        ...props.components,\n        Container: SortableMultiValueContainer,\n      }}\n      innerProps={sortableInnerProps}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":[]}
+{"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.js

@@ -10,7 +10,7 @@ import { getMultiValueLabelID } from '../MultiValueLabel/index.js';
 import './index.css';
 const baseClass = 'multi-value-remove';
 export const MultiValueRemove = props => {
-  const $ = _c(17);
+  const $ = _c(20);
   const {
     data,
     innerProps: t0,
@@ -35,53 +35,62 @@ export const MultiValueRemove = props => {
     t2 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const label = customProps?.removeValueLabel || t("general:remove");
-      const valueLabelID = getMultiValueLabelID({
-        data,
-        selectProps
-      });
+      let t3;
+      if ($[11] !== data || $[12] !== selectProps) {
+        t3 = getMultiValueLabelID({
+          data,
+          selectProps
+        });
+        $[11] = data;
+        $[12] = selectProps;
+        $[13] = t3;
+      } else {
+        t3 = $[13];
+      }
+      const valueLabelID = t3;
       const removeLabelID = `${valueLabelID}-remove`;
       if (isDisabled) {
         t2 = null;
         break bb0;
       }
-      let t3;
-      if ($[11] !== className) {
-        t3 = [baseClass, className].filter(Boolean);
-        $[11] = className;
-        $[12] = t3;
+      let t4;
+      if ($[14] !== className) {
+        t4 = [baseClass, className].filter(Boolean);
+        $[14] = className;
+        $[15] = t4;
       } else {
-        t3 = $[12];
+        t4 = $[15];
       }
-      let t4;
-      if ($[13] !== onClick) {
-        t4 = e => {
+      let t5;
+      if ($[16] !== onClick) {
+        t5 = e => {
           setShowTooltip(false);
           onClick?.(e);
         };
-        $[13] = onClick;
-        $[14] = t4;
+        $[16] = onClick;
+        $[17] = t5;
       } else {
-        t4 = $[14];
+        t5 = $[17];
       }
-      let t5;
       let t6;
-      if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = () => setShowTooltip(true);
-        t6 = () => setShowTooltip(false);
-        $[15] = t5;
-        $[16] = t6;
+      let t7;
+      if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = () => setShowTooltip(true);
+        t7 = () => setShowTooltip(false);
+        $[18] = t6;
+        $[19] = t7;
       } else {
-        t5 = $[15];
-        t6 = $[16];
+        t6 = $[18];
+        t7 = $[19];
       }
       t1 = _jsxs("button", {
         "aria-labelledby": `${removeLabelID} ${valueLabelID}`,
-        className: t3.join(" "),
-        onClick: t4,
+        className: t4.join(" "),
+        onClick: t5,
         onKeyDown: _temp,
         onMouseDown: _temp2,
-        onMouseEnter: t5,
-        onMouseLeave: t6,
+        onMouseEnter: t6,
+        onMouseLeave: t7,
         onTouchEnd,
         type: "button",
         children: [_jsx("span", {

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

@@ -1 +1 @@
-{"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":[]}
+{"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","t3","valueLabelID","removeLabelID","t4","filter","Boolean","t5","e","t6","t7","_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/ValueContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","components","SelectComponents","useTranslation","baseClass","ValueContainer","props","$","selectProps","t0","customProps","value","undefined","i18n","t1","child","isValidElement","role","describedBy","join","split","filter","Boolean","cloneElement","Set","children","Children","map","titleText","Array","isArray","labelText","label","_jsxs","className","ref","droppableRef","title","valueContainerLabel","_jsx"],"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { AriaAttributes } from 'react'\nimport type { ValueContainerProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option, ReactSelectAdapterProps } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'value-container'\n\nexport const ValueContainer: React.FC<ValueContainerProps<Option, any>> = (props) => {\n  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n  const { selectProps: { customProps, value } = {} } = props\n  const { i18n } = useTranslation()\n  const selectProps = props.selectProps as Pick<\n    ReactSelectAdapterProps,\n    'aria-describedby' | 'aria-required'\n  >\n\n  const children = React.Children.map(props.children, (child) => {\n    if (\n      !React.isValidElement<{ role?: string } & AriaAttributes>(child) ||\n      child.props.role !== 'combobox'\n    ) {\n      return child\n    }\n\n    const describedBy = [child.props['aria-describedby'], selectProps['aria-describedby']]\n      .join(' ')\n      .split(/\\s+/)\n      .filter(Boolean)\n\n    return React.cloneElement(child, {\n      'aria-describedby': [...new Set(describedBy)].join(' ') || undefined,\n      'aria-required': selectProps['aria-required'] ?? child.props['aria-required'],\n    })\n  })\n\n  let titleText = ''\n  if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {\n    const labelText = value.label ? getTranslation(value.label as OptionLabel, i18n) : ''\n    titleText = typeof labelText === 'string' ? labelText : ''\n  }\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>\n      {customProps?.valueContainerLabel && (\n        <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>\n      )}\n      <SelectComponents.ValueContainer {...props}>{children}</SelectComponents.ValueContainer>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,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,cAAA,GAA6DC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAExE;IAAAU,WAAA,EAAAC;EAAA,IAAqDH,KAAA;EAAhC;IAAAI,WAAA;IAAAC;EAAA,IAAAF,EAA2B,KAAAG,SAAA,QAA3BH,EAA2B;EAChD;IAAAI;EAAA,IAAiBV,cAAA;EACjB,MAAAK,WAAA,GAAoBF,KAAA,CAAAE,WAAA;EAAiB,IAAAM,EAAA;EAAA,IAAAP,CAAA,QAAAC,WAAA;IAKeM,EAAA,GAAAC,KAAA;MAAA,IAEhD,CAACf,KAAA,CAAAgB,cAAA,CAAyDD,KAAA,KAC1DA,KAAA,CAAAT,KAAA,CAAAW,IAAA,KAAqB;QAAA,OAEdF,KAAA;MAAA;MAGT,MAAAG,WAAA,GAAoB,CAACH,KAAA,CAAAT,KAAA,CAAY,qBAAqBE,WAAW,CAAC,qBAAAW,IAAA,CAC1D,KAAAC,KAAA,MACC,EAAAC,MAAA,CAAAC,OACC;MAAA,OAEHtB,KAAA,CAAAuB,YAAA,CAAmBR,KAAA;QAAA,oBACJ,QAAAS,GAAA,CAAYN,WAAA,GAAAA,IAAA,CAAmB,QAAAN,SAAQ;QAAA,iBAC1CJ,WAAW,CAAC,oBAAoBO,KAAA,CAAAT,KAAA,CAAY;MAAgB,CAC/E;IAAA;IACFC,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAjBA,MAAAkB,QAAA,GAAiBzB,KAAA,CAAA0B,QAAA,CAAAC,GAAA,CAAmBrB,KAAA,CAAAmB,QAAA,EAAgBX,EAiBpD;EAEA,IAAAc,SAAA,GAAgB;EAAA,IACZjB,KAAA,KAAUkB,KAAA,CAAAC,OAAA,CAAcnB,KAAA,KAAU,OAAOA,KAAA,KAAU,YAAY,WAAWA,KAAA;IAC5E,MAAAoB,SAAA,GAAkBpB,KAAA,CAAAqB,KAAA,GAAcjC,cAAA,CAAeY,KAAA,CAAAqB,KAAA,EAA4BnB,IAAA,IAAQ;IACnFe,SAAA,CAAAA,CAAA,CAAYA,MAAA,CAAOG,SAAA,KAAc,WAAWA,SAAA,GAAY;EAAxD;EAAA,OAIAE,KAAA,CAAC;IAAAC,SAAA,EAAA9B,SAAA;IAAA+B,GAAA,EAA+BzB,WAAA,EAAA0B,YAAA;IAAAC,KAAA,EAAkCT,SAAA;IAAAH,QAAA,GAC/Df,WAAA,EAAA4B,mBAAA,IACCC,IAAA,CAAC;MAAAL,SAAA,EAAgB,GAAA9B,SAAA,SAAqB;MAAAqB,QAAA,EAAGf,WAAA,EAAA4B;IAAA,C,GAE3CC,IAAA,CAAArC,gBAAA,CAAAG,cAAA;MAAA,GAAqCC,KAAK;MAAAmB;IAAA,C;;CAGhD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","components","SelectComponents","useTranslation","baseClass","ValueContainer","props","$","selectProps","t0","customProps","value","undefined","i18n","t1","child","isValidElement","role","describedBy","join","split","filter","Boolean","cloneElement","Set","children","Children","map","titleText","Array","isArray","labelText","label","_jsxs","className","ref","droppableRef","title","valueContainerLabel","_jsx"],"sources":["../../../../src/elements/ReactSelect/ValueContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionLabel } from 'payload'\nimport type { AriaAttributes } from 'react'\nimport type { ValueContainerProps } from 'react-select'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option, ReactSelectAdapterProps } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'value-container'\n\nexport const ValueContainer: React.FC<ValueContainerProps<Option, any>> = (props) => {\n  // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n  const { selectProps: { customProps, value } = {} } = props\n  const { i18n } = useTranslation()\n  const selectProps = props.selectProps as Pick<\n    ReactSelectAdapterProps,\n    'aria-describedby' | 'aria-required'\n  >\n\n  const children = React.Children.map(props.children, (child) => {\n    if (\n      !React.isValidElement<{ role?: string } & AriaAttributes>(child) ||\n      child.props.role !== 'combobox'\n    ) {\n      return child\n    }\n\n    const describedBy = [child.props['aria-describedby'], selectProps['aria-describedby']]\n      .join(' ')\n      .split(/\\s+/)\n      .filter(Boolean)\n\n    return React.cloneElement(child, {\n      'aria-describedby': [...new Set(describedBy)].join(' ') || undefined,\n      'aria-required': selectProps['aria-required'] ?? child.props['aria-required'],\n    })\n  })\n\n  let titleText = ''\n  if (value && !Array.isArray(value) && typeof value === 'object' && 'label' in value) {\n    const labelText = value.label ? getTranslation(value.label as OptionLabel, i18n) : ''\n    titleText = typeof labelText === 'string' ? labelText : ''\n  }\n\n  return (\n    <div className={baseClass} ref={customProps?.droppableRef} title={titleText}>\n      {customProps?.valueContainerLabel && (\n        <span className={`${baseClass}__label`}>{customProps?.valueContainerLabel}</span>\n      )}\n      <SelectComponents.ValueContainer {...props}>{children}</SelectComponents.ValueContainer>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,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,cAAA,GAA6DC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAExE;IAAAU,WAAA,EAAAC;EAAA,IAAqDH,KAAA;EAAhC;IAAAI,WAAA;IAAAC;EAAA,IAAAF,EAA2B,KAA3BG,SAA2B,GAA3B,CAA0B,CAAC,GAA3BH,EAA2B;EAChD;IAAAI;EAAA,IAAiBV,cAAA;EACjB,MAAAK,WAAA,GAAoBF,KAAA,CAAAE,WAAiB;EAAA,IAAAM,EAAA;EAAA,IAAAP,CAAA,QAAAC,WAAA;IAKeM,EAAA,GAAAC,KAAA;MAClD,IACE,CAACf,KAAA,CAAAgB,cAAoB,CAAqCD,KAAA,CACrC,IAArBA,KAAA,CAAAT,KAAW,CAAAW,IAAK,KAAK;QAAA,OAEdF,KAAA;MAAA;MAGT,MAAAG,WAAA,GAAoB,CAACH,KAAA,CAAAT,KAAW,CAAC,mBAAmB,EAAEE,WAAW,CAAC,mBAAmB,CAAC,CAAAW,IAC/E,CAAC,KAAAC,KACA,CAAC,OAAAC,MACA,CAACC,OAAA;MAAA,OAEHtB,KAAA,CAAAuB,YAAkB,CAACR,KAAA,EAAO;QAAA,oBACX,IAAI,IAAIS,GAAA,CAAIN,WAAA,EAAa,CAAAC,IAAK,CAAC,GAAQ,KAAvCP,SAAuC;QAAA,iBAC1CJ,WAAW,CAAC,gBAAgD,IAA5BO,KAAA,CAAAT,KAAW,CAAC;MAC/D;IAAA,CACF;IAAAC,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAjBA,MAAAkB,QAAA,GAAiBzB,KAAA,CAAA0B,QAAc,CAAAC,GAAI,CAACrB,KAAA,CAAAmB,QAAc,EAAEX,EAiBpD;EAEA,IAAAc,SAAA,GAAgB;EAChB,IAAIjB,KAAwB,IAAxB,CAAUkB,KAAA,CAAAC,OAAa,CAACnB,KAAA,CAA2B,IAAjB,OAAOA,KAAA,KAAU,QAAuB,IAAX,WAAWA,KAAA;IAC5E,MAAAoB,SAAA,GAAkBpB,KAAA,CAAAqB,KAAiE,GAAnDjC,cAAA,CAAeY,KAAA,CAAAqB,KAAW,EAAiBnB,IAAQ,IAAjE,EAAiE;IACnFe,SAAA,CAAAA,CAAA,CAAYA,MAAA,CAAOG,SAAA,KAAc,QAAuB,GAA5CA,SAA4C,GAA5C,EAA4C;EAAxD;EACF,OAGEE,KAAA,CAAC;IAAAC,SAAA,EAAe9B,SAAA;IAAA+B,GAAA,EAAgBzB,WAAA,EAAA0B,YAAa;IAAAC,KAAA,EAAqBT,SAAA;IAAAH,QAAA,E,CAC/Df,WAAA,EAAA4B,mB,IACCC,IAAA,CAAC;MAAAL,SAAA,EAAgB,GAAG9B,SAAA,SAAkB;MAAAqB,QAAA,EAAGf,WAAA,EAAA4B;QAE3CC,IAAA,CAACrC,gBAAA,CAAAG,cAA+B;MAAA,GAAKC,KAAK;MAAAmB;;;CAGhD","ignoreList":[]}

package/dist/elements/ReactSelect/index.css

@@ -158,4 +158,8 @@
       border-color: var(--field-color-border-focus);
     }
   }
+
+  html[data-enhanced-contrast] :is(.rs__option--is-focused, .rs__option--is-selected) {
+    --color-text-secondary: var(--color-text);
+  }
 }

package/dist/elements/RelationshipTable/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["c","_c","React","useListQuery","Pagination","RelationshipTablePagination","$","data","handlePageChange","totalDocs","limit","t0","hasNextPage","hasPrevPage","nextPage","page","prevPage","totalPages","_jsx","numberOfNeighbors","onChange"],"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n\n  if (!data?.totalDocs || !data?.limit) {\n    return null\n  }\n\n  return (\n    <Pagination\n      hasNextPage={data.hasNextPage}\n      hasPrevPage={data.hasPrevPage}\n      limit={data.limit}\n      nextPage={data.nextPage}\n      numberOfNeighbors={1}\n      onChange={handlePageChange}\n      page={data.page}\n      prevPage={data.prevPage}\n      totalPages={data.totalPages}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,2BAAA,GAAwCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACnD;IAAAM,IAAA;IAAAC;EAAA,IAAmCL,YAAA;EAAA,IAE/B,CAACI,IAAA,EAAAE,SAAA,KAAoBF,IAAA,EAAAG,KAAM;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,IAAA,CAAAK,WAAA,IAAAN,CAAA,QAAAC,IAAA,CAAAM,WAAA,IAAAP,CAAA,QAAAC,IAAA,CAAAG,KAAA,IAAAJ,CAAA,QAAAC,IAAA,CAAAO,QAAA,IAAAR,CAAA,QAAAC,IAAA,CAAAQ,IAAA,IAAAT,CAAA,QAAAC,IAAA,CAAAS,QAAA,IAAAV,CAAA,QAAAC,IAAA,CAAAU,UAAA,IAAAX,CAAA,QAAAE,gBAAA;IAK7BG,EAAA,GAAAO,IAAA,CAAAd,UAAA;MAAAQ,WAAA,EACeL,IAAA,CAAAK,WAAA;MAAAC,WAAA,EACAN,IAAA,CAAAM,WAAA;MAAAH,KAAA,EACNH,IAAA,CAAAG,KAAA;MAAAI,QAAA,EACGP,IAAA,CAAAO,QAAA;MAAAK,iBAAA;MAAAC,QAAA,EAEAZ,gBAAA;MAAAO,IAAA,EACJR,IAAA,CAAAQ,IAAA;MAAAC,QAAA,EACIT,IAAA,CAAAS,QAAA;MAAAC,UAAA,EACEV,IAAA,CAAAU;IAAA,C;;;;;;;;;;;;;SATdN,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"Pagination.js","names":["c","_c","React","useListQuery","Pagination","RelationshipTablePagination","$","data","handlePageChange","totalDocs","limit","t0","hasNextPage","hasPrevPage","nextPage","page","prevPage","totalPages","_jsx","numberOfNeighbors","onChange"],"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n\n  if (!data?.totalDocs || !data?.limit) {\n    return null\n  }\n\n  return (\n    <Pagination\n      hasNextPage={data.hasNextPage}\n      hasPrevPage={data.hasPrevPage}\n      limit={data.limit}\n      nextPage={data.nextPage}\n      numberOfNeighbors={1}\n      onChange={handlePageChange}\n      page={data.page}\n      prevPage={data.prevPage}\n      totalPages={data.totalPages}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,2BAAA,GAAwCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACnD;IAAAM,IAAA;IAAAC;EAAA,IAAmCL,YAAA;EAEnC,IAAI,CAACI,IAAA,EAAAE,SAA0B,IAA3B,CAAqBF,IAAA,EAAAG,KAAM;IAAA,OACtB;EAAA;EACT,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,IAAA,CAAAK,WAAA,IAAAN,CAAA,QAAAC,IAAA,CAAAM,WAAA,IAAAP,CAAA,QAAAC,IAAA,CAAAG,KAAA,IAAAJ,CAAA,QAAAC,IAAA,CAAAO,QAAA,IAAAR,CAAA,QAAAC,IAAA,CAAAQ,IAAA,IAAAT,CAAA,QAAAC,IAAA,CAAAS,QAAA,IAAAV,CAAA,QAAAC,IAAA,CAAAU,UAAA,IAAAX,CAAA,QAAAE,gBAAA;IAGEG,EAAA,GAAAO,IAAA,CAACd,UAAA;MAAAQ,WAAA,EACcL,IAAA,CAAAK,WAAgB;MAAAC,WAAA,EAChBN,IAAA,CAAAM,WAAgB;MAAAH,KAAA,EACtBH,IAAA,CAAAG,KAAU;MAAAI,QAAA,EACPP,IAAA,CAAAO,QAAa;MAAAK,iBAAA,EACJ;MAAAC,QAAA,EACTZ,gBAAA;MAAAO,IAAA,EACJR,IAAA,CAAAQ,IAAS;MAAAC,QAAA,EACLT,IAAA,CAAAS,QAAa;MAAAC,UAAA,EACXV,IAAA,CAAAU;;;;;;;;;;;;;;SATdN,E;CAYJ","ignoreList":[]}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","WriteIcon","useCellProps","useTranslation","DefaultCell","DrawerLink","t0","$","onDrawerOpen","cellProps","t","t1","t2","rowData","id","collectionSlug","_jsxs","className","children","_jsx","link","onClick","type"],"sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { OnDrawerOpen } from '../../index.js'\n\nimport { WriteIcon } from '../../../../icons/Write/index.js'\nimport { useCellProps } from '../../../../providers/TableColumns/RenderDefaultCell/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DefaultCell } from '../../../Table/DefaultCell/index.js'\nimport './index.css'\n\nexport const DrawerLink: React.FC<{\n  currentDrawerID?: string\n  onDrawerOpen: OnDrawerOpen\n}> = ({ onDrawerOpen }) => {\n  const cellProps = useCellProps()\n  const { t } = useTranslation()\n\n  return (\n    <div className=\"drawer-link\">\n      <DefaultCell {...cellProps} className=\"drawer-link__cell\" link={false} onClick={null} />\n      <button\n        aria-label={t('general:edit')}\n        className=\"drawer-link__doc-drawer-toggler\"\n        onClick={() => {\n          onDrawerOpen(cellProps.rowData.id, cellProps.collectionSlug)\n        }}\n        type=\"button\"\n      >\n        <WriteIcon />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,OAAO,MAAMC,UAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS;EAAA,IAAAF,EAAgB;EACpB,MAAAG,SAAA,GAAkBP,YAAA;EAClB;IAAAQ;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAG,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAL,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAC,YAAA;MAQCI,EAAA,GAAAA,CAAA;QACPJ,YAAA,CAAaC,SAAA,CAAAI,OAAA,CAAAC,EAAA,EAAsBL,SAAA,CAAAM,cAAwB;MAAA;MAC7DR,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAC,YAAA;MAAAD,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAPJI,EAAA,GAAAK,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAAf,WAAA;QAAA,GAAiBK,SAAS;QAAAQ,SAAA,EAAY;QAAAG,IAAA;QAAAC,OAAA;MAAA,C,GACtCF,IAAA,CAAC;QAAA,cACaT,CAAA,CAAE;QAAAO,SAAA,EACJ;QAAAI,OAAA,EACDT,EAET;QAAAU,IAAA,EACK;QAAAJ,QAAA,EAELC,IAAA,CAAAlB,SAAA,IAAC;MAAA,C;;;;;;;;;SAVLU,E;CAcJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","WriteIcon","useCellProps","useTranslation","DefaultCell","DrawerLink","t0","$","onDrawerOpen","cellProps","t","t1","t2","rowData","id","collectionSlug","_jsxs","className","children","_jsx","link","onClick","type"],"sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { OnDrawerOpen } from '../../index.js'\n\nimport { WriteIcon } from '../../../../icons/Write/index.js'\nimport { useCellProps } from '../../../../providers/TableColumns/RenderDefaultCell/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DefaultCell } from '../../../Table/DefaultCell/index.js'\nimport './index.css'\n\nexport const DrawerLink: React.FC<{\n  currentDrawerID?: string\n  onDrawerOpen: OnDrawerOpen\n}> = ({ onDrawerOpen }) => {\n  const cellProps = useCellProps()\n  const { t } = useTranslation()\n\n  return (\n    <div className=\"drawer-link\">\n      <DefaultCell {...cellProps} className=\"drawer-link__cell\" link={false} onClick={null} />\n      <button\n        aria-label={t('general:edit')}\n        className=\"drawer-link__doc-drawer-toggler\"\n        onClick={() => {\n          onDrawerOpen(cellProps.rowData.id, cellProps.collectionSlug)\n        }}\n        type=\"button\"\n      >\n        <WriteIcon />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,OAAO,MAAMC,UAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS;EAAA,IAAAF,EAAgB;EACpB,MAAAG,SAAA,GAAkBP,YAAA;EAClB;IAAAQ;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAG,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAL,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAC,YAAA;MAQCI,EAAA,GAAAA,CAAA;QACPJ,YAAA,CAAaC,SAAA,CAAAI,OAAiB,CAAAC,EAAG,EAAEL,SAAA,CAAAM,cAAwB;MAAA,CAC7D;MAAAR,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAC,YAAA;MAAAD,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAPJI,EAAA,GAAAK,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,E,CACbC,IAAA,CAACf,WAAA;QAAA,GAAgBK,SAAS;QAAAQ,SAAA,EAAY;QAAAG,IAAA,EAA0B;QAAAC,OAAA,EAAgB;UAChFF,IAAA,CAAC;QAAA,cACaT,CAAA,CAAE;QAAAO,SAAA,EACJ;QAAAI,OAAA,EACDT,EAET;QAAAU,IAAA,EACK;QAAAJ,QAAA,EAELC,IAAA,CAAClB,SAAA;;;;;;;;;;SAVLU,E;CAcJ","ignoreList":[]}

package/dist/elements/RelationshipTable/index.js

@@ -224,7 +224,7 @@ export const RelationshipTable = props => {
     if (isPolymorphic && !isDrawerOpen && selectedCollection) {
       setSelectedCollection(undefined);
     }
-    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix
+    // eslint-disable-next-line react-hooks/rule-suppression -- TODO: fix
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDrawerOpen]);
   const memoizedListQuery = React.useMemo(() => ({