@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.2eb12b9

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","toWords","transformColumnsToSearchParams","React","FieldLabel","useField","Pill","QueryPresetsColumnField","t0","$","field","t1","label","required","path","value","t2","_jsxs","className","children","_jsx","as","map","_temp","column","i","isColumnActive","startsWith","pillStyle","size"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformColumnsToSearchParams(value as ColumnPreference[]).map((column, i) => {\n              const isColumnActive = !column.startsWith('-')\n\n              return (\n                <Pill\n                  key={i}\n                  pillStyle={isColumnActive ? 'always-white' : 'light-gray'}\n                  size=\"small\"\n                >\n                  {toWords(column)}\n                </Pill>\n              )\n            })\n          : 'No columns selected'}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,OAAO,MAAMC,uBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,KAAA,EAAAC;EAAA,IAAAH,EAEjE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC;EAAA,IAAwBV,QAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAM,KAAA;IAGtBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAAhB,UAAA;QAAAiB,EAAA,EAAe;QAAAT,KAAA;QAAAE,IAAA;QAAAD;MAAA,C,GACfO,IAAA,CAAC;QAAAF,SAAA,EAAc;QAAAC,QAAA,EACZJ,KAAA,GACGb,8BAAA,CAA+Ba,KAAA,EAAAO,GAAA,CAAAC,KAY/B,IACA;MAAA,C;;;;;;;;;;SAjBRP,E;CAqBJ;AA3BiE,SAAAO,MAAAC,MAAA,EAAAC,CAAA;EAWnD,MAAAC,cAAA,IAAwBF,MAAA,CAAAG,UAAA,CAAkB;EAAA,OAGxCP,IAAA,CAAAd,IAAA;IAAAsB,SAAA,EAEaF,cAAA,GAAiB,iBAAiB;IAAAG,IAAA,EACxC;IAAAV,QAAA,EAEJlB,OAAA,CAAQuB,MAAA;EAAA,GAJJC,CAAA;AAAA","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformColumnsToSearchParams(value as ColumnPreference[]).map((column, i) => {\n              const isColumnActive = !column.startsWith('-')\n\n              return (\n                <Pill\n                  key={i}\n                  pillStyle={isColumnActive ? 'always-white' : 'light-gray'}\n                  size=\"small\"\n                >\n                  {toWords(column)}\n                </Pill>\n              )\n            })\n          : 'No columns selected'}\n      </div>\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","FieldLabel","useField","Pill","QueryPresetsColumnField","field","label","required","path","value","div","className","as","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":"AAAA;;AAGA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,0BAAoD,CAAC,EAChEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGP;IAExB,qBACE,MAACQ;QAAIC,WAAU;;0BACb,KAACV;gBAAWW,IAAG;gBAAKN,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;0BACxD,KAACG;gBAAIC,WAAU;0BACZF,QACGV,+BAA+BU,OAA6BI,GAAG,CAAC,CAACC,QAAQC;oBACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;oBAE1C,qBACE,KAACd;wBAECe,WAAWF,iBAAiB,iBAAiB;wBAC7CG,MAAK;kCAEJrB,QAAQgB;uBAJJC;gBAOX,KACA;;;;AAIZ,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { toWords } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -11,78 +10,81 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
-export const QueryPresetsGroupByField = ({
-  field: {
-    label,
-    required
-  }
-}) => {
-  const {
-    path,
-    value
-  } = useField();
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    permissions
-  } = useAuth();
-  const {
-    config
-  } = useConfig();
-  // Get the relatedCollection from the document data
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
-  const relatedCollection = relatedCollectionField.value;
-  // Get the collection config for the related collection
-  const collectionConfig = useMemo(() => {
-    if (!relatedCollection) {
-      return null;
-    }
-    return config.collections?.find(col => col.slug === relatedCollection);
-  }, [relatedCollection, config.collections]);
-  // Reduce fields to options to get proper labels
-  const reducedFields = useMemo(() => {
-    if (!collectionConfig) {
-      return [];
-    }
-    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields;
-    return reduceFieldsToOptions({
-      fieldPermissions,
-      fields: collectionConfig.fields,
-      i18n
+export const QueryPresetsGroupByField = ({ field: { label, required } })=>{
+    const { path, value } = useField();
+    const { i18n } = useTranslation();
+    const { permissions } = useAuth();
+    const { config } = useConfig();
+    // Get the relatedCollection from the document data
+    const relatedCollectionField = useField({
+        path: 'relatedCollection'
     });
-  }, [collectionConfig, permissions, relatedCollection, i18n]);
-  const renderGroupBy = groupByValue => {
-    if (!groupByValue) {
-      return 'No group by selected';
-    }
-    const isDescending = groupByValue.startsWith('-');
-    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue;
-    const direction = isDescending ? 'descending' : 'ascending';
-    // Find the field option to get the proper label
-    const fieldOption = reducedFields.find(field => field.value === fieldName);
-    const displayLabel = fieldOption?.label || toWords(fieldName);
-    return /*#__PURE__*/_jsxs(Pill, {
-      pillStyle: "always-white",
-      size: "small",
-      children: [/*#__PURE__*/_jsx("b", {
-        children: displayLabel
-      }), " (", direction, ")"]
+    const relatedCollection = relatedCollectionField.value;
+    // Get the collection config for the related collection
+    const collectionConfig = useMemo(()=>{
+        if (!relatedCollection) {
+            return null;
+        }
+        return config.collections?.find((col)=>col.slug === relatedCollection);
+    }, [
+        relatedCollection,
+        config.collections
+    ]);
+    // Reduce fields to options to get proper labels
+    const reducedFields = useMemo(()=>{
+        if (!collectionConfig) {
+            return [];
+        }
+        const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields;
+        return reduceFieldsToOptions({
+            fieldPermissions,
+            fields: collectionConfig.fields,
+            i18n
+        });
+    }, [
+        collectionConfig,
+        permissions,
+        relatedCollection,
+        i18n
+    ]);
+    const renderGroupBy = (groupByValue)=>{
+        if (!groupByValue) {
+            return 'No group by selected';
+        }
+        const isDescending = groupByValue.startsWith('-');
+        const fieldName = isDescending ? groupByValue.slice(1) : groupByValue;
+        const direction = isDescending ? 'descending' : 'ascending';
+        // Find the field option to get the proper label
+        const fieldOption = reducedFields.find((field)=>field.value === fieldName);
+        const displayLabel = fieldOption?.label || toWords(fieldName);
+        return /*#__PURE__*/ _jsxs(Pill, {
+            pillStyle: "always-white",
+            size: "small",
+            children: [
+                /*#__PURE__*/ _jsx("b", {
+                    children: displayLabel
+                }),
+                " (",
+                direction,
+                ")"
+            ]
+        });
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "field-type query-preset-group-by-field",
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                as: "h3",
+                label: label,
+                path: path,
+                required: required
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "value-wrapper",
+                children: renderGroupBy(value)
+            })
+        ]
     });
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "field-type query-preset-group-by-field",
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      as: "h3",
-      label: label,
-      path: path,
-      required: required
-    }), /*#__PURE__*/_jsx("div", {
-      className: "value-wrapper",
-      children: renderGroupBy(value)
-    })]
-  });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toWords","React","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","Pill","QueryPresetsGroupByField","field","label","required","path","value","i18n","permissions","config","relatedCollectionField","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","renderGroupBy","groupByValue","isDescending","startsWith","fieldName","slice","direction","fieldOption","displayLabel","_jsxs","pillStyle","size","_jsx","className","as"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the relatedCollection from the document data\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  const renderGroupBy = (groupByValue: string) => {\n    if (!groupByValue) {\n      return 'No group by selected'\n    }\n\n    const isDescending = groupByValue.startsWith('-')\n    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue\n    const direction = isDescending ? 'descending' : 'ascending'\n\n    // Find the field option to get the proper label\n    const fieldOption = reducedFields.find((field) => field.value === fieldName)\n    const displayLabel = fieldOption?.label || toWords(fieldName)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{displayLabel}</b> ({direction})\n      </Pill>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">{renderGroupBy(value as string)}</div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAE,GAAGX,QAAA;EACxB,MAAM;IAAEY;EAAI,CAAE,GAAGT,cAAA;EACjB,MAAM;IAAEU;EAAW,CAAE,GAAGZ,OAAA;EACxB,MAAM;IAAEa;EAAM,CAAE,GAAGZ,SAAA;EAEnB;EACA,MAAMa,sBAAA,GAAyBf,QAAA,CAAS;IAAEU,IAAA,EAAM;EAAoB;EACpE,MAAMM,iBAAA,GAAoBD,sBAAA,CAAuBJ,KAAK;EAEtD;EACA,MAAMM,gBAAA,GAAmBnB,OAAA,CAAQ;IAC/B,IAAI,CAACkB,iBAAA,EAAmB;MACtB,OAAO;IACT;IAEA,OAAOF,MAAA,CAAOI,WAAW,EAAEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKL,iBAAA;EACxD,GAAG,CAACA,iBAAA,EAAmBF,MAAA,CAAOI,WAAW,CAAC;EAE1C;EACA,MAAMI,aAAA,GAAgBxB,OAAA,CAAQ;IAC5B,IAAI,CAACmB,gBAAA,EAAkB;MACrB,OAAO,EAAE;IACX;IAEA,MAAMM,gBAAA,GAAmBV,WAAA,EAAaK,WAAA,GAAcF,iBAAA,CAAkB,EAAEQ,MAAA;IAExE,OAAOpB,qBAAA,CAAsB;MAC3BmB,gBAAA;MACAC,MAAA,EAAQP,gBAAA,CAAiBO,MAAM;MAC/BZ;IACF;EACF,GAAG,CAACK,gBAAA,EAAkBJ,WAAA,EAAaG,iBAAA,EAAmBJ,IAAA,CAAK;EAE3D,MAAMa,aAAA,GAAiBC,YAAA;IACrB,IAAI,CAACA,YAAA,EAAc;MACjB,OAAO;IACT;IAEA,MAAMC,YAAA,GAAeD,YAAA,CAAaE,UAAU,CAAC;IAC7C,MAAMC,SAAA,GAAYF,YAAA,GAAeD,YAAA,CAAaI,KAAK,CAAC,KAAKJ,YAAA;IACzD,MAAMK,SAAA,GAAYJ,YAAA,GAAe,eAAe;IAEhD;IACA,MAAMK,WAAA,GAAcV,aAAA,CAAcH,IAAI,CAAEZ,KAAA,IAAUA,KAAA,CAAMI,KAAK,KAAKkB,SAAA;IAClE,MAAMI,YAAA,GAAeD,WAAA,EAAaxB,KAAA,IAASZ,OAAA,CAAQiC,SAAA;IAEnD,oBACEK,KAAA,CAAC7B,IAAA;MAAK8B,SAAA,EAAU;MAAeC,IAAA,EAAK;8BAClCC,IAAA,CAAC;kBAAGJ;UAAiB,MAAGF,SAAA,EAAU;;EAGxC;EAEA,oBACEG,KAAA,CAAC;IAAII,SAAA,EAAU;4BACbD,IAAA,CAACtC,UAAA;MAAWwC,EAAA,EAAG;MAAK/B,KAAA,EAAOA,KAAA;MAAOE,IAAA,EAAMA,IAAA;MAAMD,QAAA,EAAUA;qBACxD4B,IAAA,CAAC;MAAIC,SAAA,EAAU;gBAAiBb,aAAA,CAAcd,KAAA;;;AAGpD","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the relatedCollection from the document data\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  const renderGroupBy = (groupByValue: string) => {\n    if (!groupByValue) {\n      return 'No group by selected'\n    }\n\n    const isDescending = groupByValue.startsWith('-')\n    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue\n    const direction = isDescending ? 'descending' : 'ascending'\n\n    // Find the field option to get the proper label\n    const fieldOption = reducedFields.find((field) => field.value === fieldName)\n    const displayLabel = fieldOption?.label || toWords(fieldName)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{displayLabel}</b> ({direction})\n      </Pill>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">{renderGroupBy(value as string)}</div>\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","Pill","QueryPresetsGroupByField","field","label","required","path","value","i18n","permissions","config","relatedCollectionField","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","renderGroupBy","groupByValue","isDescending","startsWith","fieldName","slice","direction","fieldOption","displayLabel","pillStyle","size","b","div","className","as"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AACtF,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,2BAAqD,CAAC,EACjEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGX;IACxB,MAAM,EAAEY,IAAI,EAAE,GAAGT;IACjB,MAAM,EAAEU,WAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,MAAM,EAAE,GAAGZ;IAEnB,mDAAmD;IACnD,MAAMa,yBAAyBf,SAAS;QAAEU,MAAM;IAAoB;IACpE,MAAMM,oBAAoBD,uBAAuBJ,KAAK;IAEtD,uDAAuD;IACvD,MAAMM,mBAAmBnB,QAAQ;QAC/B,IAAI,CAACkB,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOF,OAAOI,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBF,OAAOI,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBxB,QAAQ;QAC5B,IAAI,CAACmB,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBV,aAAaK,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOpB,sBAAsB;YAC3BmB;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BZ;QACF;IACF,GAAG;QAACK;QAAkBJ;QAAaG;QAAmBJ;KAAK;IAE3D,MAAMa,gBAAgB,CAACC;QACrB,IAAI,CAACA,cAAc;YACjB,OAAO;QACT;QAEA,MAAMC,eAAeD,aAAaE,UAAU,CAAC;QAC7C,MAAMC,YAAYF,eAAeD,aAAaI,KAAK,CAAC,KAAKJ;QACzD,MAAMK,YAAYJ,eAAe,eAAe;QAEhD,gDAAgD;QAChD,MAAMK,cAAcV,cAAcH,IAAI,CAAC,CAACZ,QAAUA,MAAMI,KAAK,KAAKkB;QAClE,MAAMI,eAAeD,aAAaxB,SAASZ,QAAQiC;QAEnD,qBACE,MAACxB;YAAK6B,WAAU;YAAeC,MAAK;;8BAClC,KAACC;8BAAGH;;gBAAiB;gBAAGF;gBAAU;;;IAGxC;IAEA,qBACE,MAACM;QAAIC,WAAU;;0BACb,KAACvC;gBAAWwC,IAAG;gBAAK/B,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;0BACxD,KAAC4B;gBAAIC,WAAU;0BAAiBb,cAAcd;;;;AAGpD,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { toWords } from 'payload/shared';
@@ -11,105 +10,105 @@ import { useListQuery } from '../../../../providers/ListQuery/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
-/** @todo: improve this */
-const transformWhereToNaturalLanguage = (where, collectionLabel) => {
-  if (!where) {
-    return null;
-  }
-  const renderCondition = condition => {
-    if (!condition || typeof condition !== 'object') {
-      return 'No where query';
-    }
-    const key = Object.keys(condition)[0];
-    if (!key || !condition[key] || typeof condition[key] !== 'object') {
-      return 'No where query';
+/** @todo: improve this */ const transformWhereToNaturalLanguage = (where, collectionLabel)=>{
+    if (!where) {
+        return null;
     }
-    const operator = Object.keys(condition[key])[0];
-    const operatorValue = condition[key][operator];
-    // Format value - ideally would use field schema for proper typing
-    const formatValue = val => {
-      if (typeof val === 'object' && val != null) {
-        try {
-          return new Date(val).toLocaleDateString();
-        } catch {
-          return 'Unknown error has occurred';
+    const renderCondition = (condition)=>{
+        if (!condition || typeof condition !== 'object') {
+            return 'No where query';
+        }
+        const key = Object.keys(condition)[0];
+        if (!key || !condition[key] || typeof condition[key] !== 'object') {
+            return 'No where query';
         }
-      }
-      return val?.toString() ?? '';
+        const operator = Object.keys(condition[key])[0];
+        const operatorValue = condition[key][operator];
+        // Format value - ideally would use field schema for proper typing
+        const formatValue = (val)=>{
+            if (typeof val === 'object' && val != null) {
+                try {
+                    return new Date(val).toLocaleDateString();
+                } catch  {
+                    return 'Unknown error has occurred';
+                }
+            }
+            return val?.toString() ?? '';
+        };
+        const value = Array.isArray(operatorValue) ? operatorValue.map(formatValue).join(', ') : formatValue(operatorValue);
+        return /*#__PURE__*/ _jsxs(Pill, {
+            pillStyle: "always-white",
+            size: "small",
+            children: [
+                /*#__PURE__*/ _jsx("b", {
+                    children: toWords(key)
+                }),
+                " ",
+                operator,
+                " ",
+                /*#__PURE__*/ _jsx("b", {
+                    children: toWords(value)
+                })
+            ]
+        });
     };
-    const value = Array.isArray(operatorValue) ? operatorValue.map(formatValue).join(', ') : formatValue(operatorValue);
-    return /*#__PURE__*/_jsxs(Pill, {
-      pillStyle: "always-white",
-      size: "small",
-      children: [/*#__PURE__*/_jsx("b", {
-        children: toWords(key)
-      }), " ", operator, " ", /*#__PURE__*/_jsx("b", {
-        children: toWords(value)
-      })]
-    });
-  };
-  const renderWhere = (where, collectionLabel) => {
-    if (where.or && where.or.length > 0) {
-      return /*#__PURE__*/_jsx("div", {
-        className: "or-condition",
-        children: where.or.map((orCondition, orIndex) => /*#__PURE__*/_jsx(React.Fragment, {
-          children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/_jsxs("div", {
-            className: "and-condition",
-            children: [orIndex === 0 && /*#__PURE__*/_jsx("span", {
-              className: "label",
-              children: `Filter ${collectionLabel} where `
-            }), orIndex > 0 && /*#__PURE__*/_jsx("span", {
-              className: "label",
-              children: " or "
-            }), orCondition.and.map((andCondition, andIndex) => /*#__PURE__*/_jsxs(React.Fragment, {
-              children: [renderCondition(andCondition), andIndex < orCondition.and.length - 1 && /*#__PURE__*/_jsx("span", {
-                className: "label",
-                children: " and "
-              })]
-            }, andIndex))]
-          }) : renderCondition(orCondition)
-        }, orIndex))
-      });
-    }
-    return renderCondition(where);
-  };
-  return renderWhere(where, collectionLabel);
+    const renderWhere = (where, collectionLabel)=>{
+        if (where.or && where.or.length > 0) {
+            return /*#__PURE__*/ _jsx("div", {
+                className: "or-condition",
+                children: where.or.map((orCondition, orIndex)=>/*#__PURE__*/ _jsx(React.Fragment, {
+                        children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/ _jsxs("div", {
+                            className: "and-condition",
+                            children: [
+                                orIndex === 0 && /*#__PURE__*/ _jsx("span", {
+                                    className: "label",
+                                    children: `Filter ${collectionLabel} where `
+                                }),
+                                orIndex > 0 && /*#__PURE__*/ _jsx("span", {
+                                    className: "label",
+                                    children: " or "
+                                }),
+                                orCondition.and.map((andCondition, andIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                                        children: [
+                                            renderCondition(andCondition),
+                                            andIndex < orCondition.and.length - 1 && /*#__PURE__*/ _jsx("span", {
+                                                className: "label",
+                                                children: " and "
+                                            })
+                                        ]
+                                    }, andIndex))
+                            ]
+                        }) : renderCondition(orCondition)
+                    }, orIndex))
+            });
+        }
+        return renderCondition(where);
+    };
+    return renderWhere(where, collectionLabel);
 };
-export const QueryPresetsWhereField = t0 => {
-  const {
-    field: t1
-  } = t0;
-  const {
-    label,
-    required
-  } = t1;
-  const {
-    path,
-    value
-  } = useField();
-  const {
-    collectionSlug
-  } = useListQuery();
-  const {
-    getEntityConfig
-  } = useConfig();
-  const collectionConfig = getEntityConfig({
-    collectionSlug
-  });
-  const {
-    i18n
-  } = useTranslation();
-  return _jsxs("div", {
-    className: "field-type query-preset-where-field",
-    children: [_jsx(FieldLabel, {
-      as: "h3",
-      label,
-      path,
-      required
-    }), _jsx("div", {
-      className: "value-wrapper",
-      children: value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : "No where query"
-    })]
-  });
+export const QueryPresetsWhereField = ({ field: { label, required } })=>{
+    const { path, value } = useField();
+    const { collectionSlug } = useListQuery();
+    const { getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
+        collectionSlug
+    });
+    const { i18n } = useTranslation();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "field-type query-preset-where-field",
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                as: "h3",
+                label: label,
+                path: path,
+                required: required
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "value-wrapper",
+                children: value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : 'No where query'
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","_jsxs","pillStyle","size","_jsx","renderWhere","or","length","className","orCondition","orIndex","Fragment","and","andCondition","andIndex","QueryPresetsWhereField","t0","field","t1","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","children","as","labels","plural"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\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 { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\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 { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"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"}

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

@@ -1,34 +1,28 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import './index.scss';
 const baseClass = 'clear-indicator';
-export const ClearIndicator = props => {
-  const {
-    clearValue,
-    innerProps: {
-      ref,
-      ...restInnerProps
-    }
-  } = props;
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    // TODO Fix this - Broke with React 19 types
-    ref: typeof ref === 'string' ? null : ref,
-    ...restInnerProps,
-    onKeyDown: e => {
-      if (e.key === 'Enter') {
-        clearValue();
-        e.stopPropagation();
-      }
-    },
-    role: "button",
-    tabIndex: 0,
-    children: /*#__PURE__*/_jsx(XIcon, {
-      className: `${baseClass}__icon`
-    })
-  });
+export const ClearIndicator = (props)=>{
+    const { clearValue, innerProps: { ref, ...restInnerProps } } = props;
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        // TODO Fix this - Broke with React 19 types
+        ref: typeof ref === 'string' ? null : ref,
+        ...restInnerProps,
+        onKeyDown: (e)=>{
+            if (e.key === 'Enter') {
+                clearValue();
+                e.stopPropagation();
+            }
+        },
+        role: "button",
+        tabIndex: 0,
+        children: /*#__PURE__*/ _jsx(XIcon, {
+            className: `${baseClass}__icon`
+        })
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAmEC,KAAA;EAC9E,MAAM;IACJC,UAAU;IACVC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGJ,KAAA;EAEJ,oBACEK,IAAA,CAAC;IACCC,SAAA,EAAWR,SAAA;IACX;IACAK,GAAA,EAAK,OAAOA,GAAA,KAAQ,WAAW,OAAOA,GAAA;IACrC,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBR,UAAA;QACAO,CAAA,CAAEE,eAAe;MACnB;IACF;IACAC,IAAA,EAAK;IACLC,QAAA,EAAU;cAEV,aAAAP,IAAA,CAACR,KAAA;MAAMS,SAAA,EAAW,GAAGR,SAAA;;;AAG3B","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,KAAK,QAAQ,4BAA2B;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkE,CAACC;IAC9E,MAAM,EACJC,UAAU,EACVC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGJ;IAEJ,qBACE,KAACK;QACCC,WAAWR;QACX,4CAA4C;QAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA;QACrC,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBR;gBACAO,EAAEE,eAAe;YACnB;QACF;QACAC,MAAK;QACLC,UAAU;kBAEV,cAAA,KAACf;YAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC;;;AAG5C,EAAC"}

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

@@ -1,46 +1,37 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
-export const Control = props => {
-  const {
-    children,
-    innerProps,
-    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
-    selectProps: {
-      customProps: {
-        disableKeyDown,
-        disableMouseDown
-      } = {}
-    } = {}
-  } = props;
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/_jsx(SelectComponents.Control, {
-      ...props,
-      innerProps: {
-        ...innerProps,
-        onKeyDown: e => {
-          if (disableKeyDown) {
-            e.stopPropagation();
-            // Create event for keydown listeners which specifically want to bypass this stopPropagation
-            const bypassEvent = new CustomEvent('bypassKeyDown', {
-              detail: e
-            });
-            document.dispatchEvent(bypassEvent);
-          }
-        },
-        // react-select has this typed incorrectly so we disable the linting rule
-        // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
-        onMouseDown: e => {
-          // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
-          if (!disableMouseDown) {
-            innerProps.onMouseDown(e);
-          }
-        }
-      },
-      children: children
-    })
-  });
+export const Control = (props)=>{
+    const { children, innerProps, // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {} } = props;
+    return /*#__PURE__*/ _jsx(React.Fragment, {
+        children: /*#__PURE__*/ _jsx(SelectComponents.Control, {
+            ...props,
+            innerProps: {
+                ...innerProps,
+                onKeyDown: (e)=>{
+                    if (disableKeyDown) {
+                        e.stopPropagation();
+                        // Create event for keydown listeners which specifically want to bypass this stopPropagation
+                        const bypassEvent = new CustomEvent('bypassKeyDown', {
+                            detail: e
+                        });
+                        document.dispatchEvent(bypassEvent);
+                    }
+                },
+                // react-select has this typed incorrectly so we disable the linting rule
+                // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
+                onMouseDown: (e)=>{
+                    // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
+                    if (!disableMouseDown) {
+                        innerProps.onMouseDown(e);
+                    }
+                }
+            },
+            children: children
+        })
+    });
 };
+
 //# sourceMappingURL=index.js.map