@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/QueryPresets/cells/ColumnsCell/index.js

@@ -1,20 +1,33 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords, transformColumnsToSearchParams } from 'payload/shared';
+import React from 'react';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
 const baseClass = 'query-preset-columns-cell';
 export const QueryPresetsColumnsCell = ({ cellData })=>{
-    return <div className={baseClass}>
-      {cellData ? transformColumnsToSearchParams(cellData).map((column, i)=>{
-        const isColumnActive = !column.startsWith('-');
-        // to void very lengthy cells, only display the active columns
-        if (!isColumnActive) {
-            return null;
-        }
-        return <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size="small">
-                {toWords(column)}
-              </Pill>;
-    }) : 'No columns selected'}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: cellData ? transformColumnsToSearchParams(cellData).map((column, i)=>{
+            const isColumnActive = !column.startsWith('-');
+            // to void very lengthy cells, only display the active columns
+            if (!isColumnActive) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsxDEV(Pill, {
+                pillStyle: isColumnActive ? 'always-white' : 'light',
+                size: "small",
+                children: toWords(column)
+            }, i, false, {
+                fileName: "src/elements/QueryPresets/cells/ColumnsCell/index.tsx",
+                lineNumber: 24,
+                columnNumber: 15
+            }, this);
+        }) : 'No columns selected'
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/ColumnsCell/index.tsx",
+        lineNumber: 13,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/ColumnsCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","Pill","baseClass","QueryPresetsColumnsCell","cellData","div","className","map","column","i","isColumnActive","startsWith","key","pillStyle","size"],"mappings":"AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AAGxE,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,0BAA+D,CAAC,EAAEC,QAAQ,EAAE;IACvF,QACGC,IAAIC,WAAWJ,WAAW;MACzB,CAACE,WACGJ,+BAA+BI,UAAgCG,GAAG,CAAC,CAACC,QAAQC;QAC1E,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;QAE1C,8DAA8D;QAC9D,IAAI,CAACD,gBAAgB;YACnB,OAAO;QACT;QAEA,QACGT,KAAKW,KAAKH,GAAGI,WAAWH,iBAAiB,iBAAiB,SAASI,KAAK,QAAQ;gBAC/E,CAACf,QAAQS,QAAQ;cACnB,EAAEP;IAEN,KACA,sBAAsB;IAC5B,EAAEI;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","div","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,0BAA+D,CAAC,EAAEC,QAAQ,EAAE;IACvF,qBACE,QAACC;QAAIC,WAAWJ;kBACbE,WACGL,+BAA+BK,UAAgCG,GAAG,CAAC,CAACC,QAAQC;YAC1E,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;YAE1C,8DAA8D;YAC9D,IAAI,CAACD,gBAAgB;gBACnB,OAAO;YACT;YAEA,qBACE,QAACT;gBAAaW,WAAWF,iBAAiB,iBAAiB;gBAASG,MAAK;0BACtEf,QAAQU;eADAC;;;;;QAIf,KACA;;;;;;AAGV,EAAC"}

package/dist/elements/QueryPresets/cells/GroupByCell/index.js

@@ -1,5 +1,6 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useAuth } from '../../../../providers/Auth/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
@@ -38,7 +39,13 @@ export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
         i18n
     ]);
     if (!cellData || typeof cellData !== 'string') {
-        return <div>No group by selected</div>;
+        return /*#__PURE__*/ _jsxDEV("div", {
+            children: "No group by selected"
+        }, void 0, false, {
+            fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
+            lineNumber: 47,
+            columnNumber: 12
+        }, this);
     }
     const isDescending = cellData.startsWith('-');
     const fieldName = isDescending ? cellData.slice(1) : cellData;
@@ -46,9 +53,18 @@ export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
     // Find the field option to get the proper label
     const fieldOption = reducedFields.find((field)=>field.value === fieldName);
     const displayLabel = fieldOption?.label || toWords(fieldName);
-    return <div>
-      {displayLabel} ({direction})
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        children: [
+            displayLabel,
+            " (",
+            direction,
+            ")"
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
+        lineNumber: 59,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/GroupByCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/GroupByCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\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'\n\nexport const QueryPresetsGroupByCell: React.FC<DefaultCellComponentProps> = ({\n  cellData,\n  rowData,\n}) => {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the related collection from the row data\n  const relatedCollection = rowData?.relatedCollection 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  if (!cellData || typeof cellData !== 'string') {\n    return <div>No group by selected</div>\n  }\n\n  const isDescending = cellData.startsWith('-')\n  const fieldName = isDescending ? cellData.slice(1) : cellData\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    <div>\n      {displayLabel} ({direction})\n    </div>\n  )\n}\n"],"names":["toWords","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","div","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label"],"mappings":"AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,SAAgBC,OAAO,QAAQ,QAAO;AAEtC,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AAEtF,OAAO,MAAMC,0BAA+D,CAAC,EAC3EC,QAAQ,EACRC,OAAO,EACR;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,MAAM,EAAE,GAAGR;IAEnB,+CAA+C;IAC/C,MAAMS,oBAAoBJ,SAASI;IAEnC,uDAAuD;IACvD,MAAMC,mBAAmBZ,QAAQ;QAC/B,IAAI,CAACW,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOD,OAAOG,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBD,OAAOG,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBjB,QAAQ;QAC5B,IAAI,CAACY,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBT,aAAaI,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOf,sBAAsB;YAC3Bc;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BX;QACF;IACF,GAAG;QAACI;QAAkBH;QAAaE;QAAmBH;KAAK;IAE3D,IAAI,CAACF,YAAY,OAAOA,aAAa,UAAU;QAC7C,QAAQc,IAAI,oBAAoB,EAAEA;IACpC;IAEA,MAAMC,eAAef,SAASgB,UAAU,CAAC;IACzC,MAAMC,YAAYF,eAAef,SAASkB,KAAK,CAAC,KAAKlB;IACrD,MAAMmB,YAAYJ,eAAe,eAAe;IAEhD,gDAAgD;IAChD,MAAMK,cAAcT,cAAcH,IAAI,CAAC,CAACa,QAAUA,MAAMC,KAAK,KAAKL;IAClE,MAAMM,eAAeH,aAAaI,SAAS/B,QAAQwB;IAEnD,QACGH,IAAI;MACH,CAACS,aAAa,EAAE,CAACJ,UAAU;IAC7B,EAAEL;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/GroupByCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\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'\n\nexport const QueryPresetsGroupByCell: React.FC<DefaultCellComponentProps> = ({\n  cellData,\n  rowData,\n}) => {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the related collection from the row data\n  const relatedCollection = rowData?.relatedCollection 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  if (!cellData || typeof cellData !== 'string') {\n    return <div>No group by selected</div>\n  }\n\n  const isDescending = cellData.startsWith('-')\n  const fieldName = isDescending ? cellData.slice(1) : cellData\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    <div>\n      {displayLabel} ({direction})\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","div","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AAEtF,OAAO,MAAMC,0BAA+D,CAAC,EAC3EC,QAAQ,EACRC,OAAO,EACR;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,MAAM,EAAE,GAAGR;IAEnB,+CAA+C;IAC/C,MAAMS,oBAAoBJ,SAASI;IAEnC,uDAAuD;IACvD,MAAMC,mBAAmBZ,QAAQ;QAC/B,IAAI,CAACW,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOD,OAAOG,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBD,OAAOG,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBjB,QAAQ;QAC5B,IAAI,CAACY,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBT,aAAaI,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOf,sBAAsB;YAC3Bc;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BX;QACF;IACF,GAAG;QAACI;QAAkBH;QAAaE;QAAmBH;KAAK;IAE3D,IAAI,CAACF,YAAY,OAAOA,aAAa,UAAU;QAC7C,qBAAO,QAACc;sBAAI;;;;;;IACd;IAEA,MAAMC,eAAef,SAASgB,UAAU,CAAC;IACzC,MAAMC,YAAYF,eAAef,SAASkB,KAAK,CAAC,KAAKlB;IACrD,MAAMmB,YAAYJ,eAAe,eAAe;IAEhD,gDAAgD;IAChD,MAAMK,cAAcT,cAAcH,IAAI,CAAC,CAACa,QAAUA,MAAMC,KAAK,KAAKL;IAClE,MAAMM,eAAeH,aAAaI,SAAShC,QAAQyB;IAEnD,qBACE,QAACH;;YACES;YAAa;YAAGJ;YAAU;;;;;;;AAGjC,EAAC"}

package/dist/elements/QueryPresets/cells/WhereCell/index.js

@@ -1,4 +1,6 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
+import React from 'react';
 /** @todo: improve this */ const transformWhereToNaturalLanguage = (where)=>{
     if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {
         const orQuery = where.or[0];
@@ -21,7 +23,13 @@ import { toWords } from 'payload/shared';
     return '';
 };
 export const QueryPresetsWhereCell = ({ cellData })=>{
-    return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        children: cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/WhereCell/index.tsx",
+        lineNumber: 36,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/WhereCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/WhereCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Where } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (where: Where): string => {\n  if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {\n    const orQuery = where.or[0]\n    const andQuery = orQuery?.and?.[0]\n\n    if (!andQuery || typeof andQuery !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(andQuery)[0]\n\n    if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(andQuery[key])[0]\n    const value = andQuery[key][operator]\n\n    if (typeof value === 'string') {\n      return `${toWords(key)} ${operator} ${toWords(value)}`\n    } else if (Array.isArray(value)) {\n      return `${toWords(key)} ${operator} ${value.map((val) => toWords(val)).join(' or ')}`\n    }\n  }\n\n  return ''\n}\n\nexport const QueryPresetsWhereCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>\n}\n"],"names":["toWords","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","div"],"mappings":"AAEA,SAASA,OAAO,QAAQ,iBAAgB;AAGxC,wBAAwB,GACxB,MAAMC,kCAAkC,CAACC;IACvC,IAAIA,MAAMC,EAAE,IAAID,MAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;QACpF,MAAME,UAAUJ,MAAMC,EAAE,CAAC,EAAE;QAC3B,MAAMI,WAAWD,SAASD,KAAK,CAAC,EAAE;QAElC,IAAI,CAACE,YAAY,OAAOA,aAAa,UAAU;YAC7C,OAAO;QACT;QAEA,MAAMC,MAAMC,OAAOC,IAAI,CAACH,SAAS,CAAC,EAAE;QAEpC,IAAI,CAACC,OAAO,CAACD,QAAQ,CAACC,IAAI,IAAI,OAAOD,QAAQ,CAACC,IAAI,KAAK,UAAU;YAC/D,OAAO;QACT;QAEA,MAAMG,WAAWF,OAAOC,IAAI,CAACH,QAAQ,CAACC,IAAI,CAAC,CAAC,EAAE;QAC9C,MAAMI,QAAQL,QAAQ,CAACC,IAAI,CAACG,SAAS;QAErC,IAAI,OAAOC,UAAU,UAAU;YAC7B,OAAO,GAAGZ,QAAQQ,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEX,QAAQY,QAAQ;QACxD,OAAO,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YAC/B,OAAO,GAAGZ,QAAQQ,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEC,MAAMG,GAAG,CAAC,CAACC,MAAQhB,QAAQgB,MAAMC,IAAI,CAAC,SAAS;QACvF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAMC,wBAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,QAAQC,KAAKD,WAAWlB,gCAAgCkB,YAAY,mBAAmBC;AACzF,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/WhereCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Where } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (where: Where): string => {\n  if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {\n    const orQuery = where.or[0]\n    const andQuery = orQuery?.and?.[0]\n\n    if (!andQuery || typeof andQuery !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(andQuery)[0]\n\n    if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(andQuery[key])[0]\n    const value = andQuery[key][operator]\n\n    if (typeof value === 'string') {\n      return `${toWords(key)} ${operator} ${toWords(value)}`\n    } else if (Array.isArray(value)) {\n      return `${toWords(key)} ${operator} ${value.map((val) => toWords(val)).join(' or ')}`\n    }\n  }\n\n  return ''\n}\n\nexport const QueryPresetsWhereCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>\n}\n"],"names":["toWords","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","div"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,WAAW,QAAO;AAEzB,wBAAwB,GACxB,MAAMC,kCAAkC,CAACC;IACvC,IAAIA,MAAMC,EAAE,IAAID,MAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;QACpF,MAAME,UAAUJ,MAAMC,EAAE,CAAC,EAAE;QAC3B,MAAMI,WAAWD,SAASD,KAAK,CAAC,EAAE;QAElC,IAAI,CAACE,YAAY,OAAOA,aAAa,UAAU;YAC7C,OAAO;QACT;QAEA,MAAMC,MAAMC,OAAOC,IAAI,CAACH,SAAS,CAAC,EAAE;QAEpC,IAAI,CAACC,OAAO,CAACD,QAAQ,CAACC,IAAI,IAAI,OAAOD,QAAQ,CAACC,IAAI,KAAK,UAAU;YAC/D,OAAO;QACT;QAEA,MAAMG,WAAWF,OAAOC,IAAI,CAACH,QAAQ,CAACC,IAAI,CAAC,CAAC,EAAE;QAC9C,MAAMI,QAAQL,QAAQ,CAACC,IAAI,CAACG,SAAS;QAErC,IAAI,OAAOC,UAAU,UAAU;YAC7B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEZ,QAAQa,QAAQ;QACxD,OAAO,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YAC/B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEC,MAAMG,GAAG,CAAC,CAACC,MAAQjB,QAAQiB,MAAMC,IAAI,CAAC,SAAS;QACvF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAMC,wBAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,qBAAO,QAACC;kBAAKD,WAAWlB,gCAAgCkB,YAAY;;;;;;AACtE,EAAC"}

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

@@ -1,22 +1,51 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords, transformColumnsToSearchParams } from 'payload/shared';
+import React from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
 export const QueryPresetsColumnField = ({ field: { label, required } })=>{
     const { path, value } = useField();
-    return <div className="field-type query-preset-columns-field">
-      <FieldLabel as="h3" label={label} path={path} required={required}/>
-      <div className="value-wrapper">
-        {value ? transformColumnsToSearchParams(value).map((column, i)=>{
-        const isColumnActive = !column.startsWith('-');
-        return <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light-gray'} size="small">
-                  {toWords(column)}
-                </Pill>;
-    }) : 'No columns selected'}
-      </div>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "field-type query-preset-columns-field",
+        children: [
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                as: "h3",
+                label: label,
+                path: path,
+                required: required
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                lineNumber: 19,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: "value-wrapper",
+                children: value ? transformColumnsToSearchParams(value).map((column, i)=>{
+                    const isColumnActive = !column.startsWith('-');
+                    return /*#__PURE__*/ _jsxDEV(Pill, {
+                        pillStyle: isColumnActive ? 'always-white' : 'light-gray',
+                        size: "small",
+                        children: toWords(column)
+                    }, i, false, {
+                        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                        lineNumber: 26,
+                        columnNumber: 17
+                    }, this);
+                }) : 'No columns selected'
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                lineNumber: 20,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+        lineNumber: 18,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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","FieldLabel","useField","Pill","QueryPresetsColumnField","field","label","required","path","value","div","className","as","map","column","i","isColumnActive","startsWith","key","pillStyle","size"],"mappings":"AAAA;AAGA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AAGxE,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,QACGQ,IAAIC,UAAU,wCAAwC;MACrD,CAACV,WAAWW,GAAG,KAAKN,OAAOA,OAAOE,MAAMA,MAAMD,UAAUA,WAAY;MACpE,CAACG,IAAIC,UAAU,gBAAgB;QAC7B,CAACF,QACGT,+BAA+BS,OAA6BI,GAAG,CAAC,CAACC,QAAQC;QACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;QAE1C,QACGd,KACCe,KAAKH,GACLI,WAAWH,iBAAiB,iBAAiB,cAC7CI,KAAK,QACN;kBACC,CAACrB,QAAQe,QAAQ;gBACnB,EAAEX;IAEN,KACA,sBAAsB;MAC5B,EAAEO,IAAI;IACR,EAAEA;AAEN,EAAC"}
+{"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,QAACQ;QAAIC,WAAU;;0BACb,QAACV;gBAAWW,IAAG;gBAAKN,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAACG;gBAAIC,WAAU;0BACZF,QACGV,+BAA+BU,OAA6BI,GAAG,CAAC,CAACC,QAAQC;oBACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;oBAE1C,qBACE,QAACd;wBAECe,WAAWF,iBAAiB,iBAAiB;wBAC7CG,MAAK;kCAEJrB,QAAQgB;uBAJJC;;;;;gBAOX,KACA;;;;;;;;;;;;AAIZ,EAAC"}

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

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
@@ -56,14 +57,54 @@ export const QueryPresetsGroupByField = ({ field: { label, required } })=>{
         // Find the field option to get the proper label
         const fieldOption = reducedFields.find((field)=>field.value === fieldName);
         const displayLabel = fieldOption?.label || toWords(fieldName);
-        return <Pill pillStyle="always-white" size="small">
-        <b>{displayLabel}</b> ({direction})
-      </Pill>;
+        return /*#__PURE__*/ _jsxDEV(Pill, {
+            pillStyle: "always-white",
+            size: "small",
+            children: [
+                /*#__PURE__*/ _jsxDEV("b", {
+                    children: displayLabel
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                    lineNumber: 67,
+                    columnNumber: 9
+                }, this),
+                " (",
+                direction,
+                ")"
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+            lineNumber: 66,
+            columnNumber: 7
+        }, this);
     };
-    return <div className="field-type query-preset-group-by-field">
-      <FieldLabel as="h3" label={label} path={path} required={required}/>
-      <div className="value-wrapper">{renderGroupBy(value)}</div>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "field-type query-preset-group-by-field",
+        children: [
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                as: "h3",
+                label: label,
+                path: path,
+                required: required
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                lineNumber: 74,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: "value-wrapper",
+                children: renderGroupBy(value)
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                lineNumber: 75,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+        lineNumber: 73,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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","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,SAAgBC,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,SAASX,QAAQgC;QAEnD,QACGxB,KAAK6B,UAAU,eAAeC,KAAK,QAAQ;QAC1C,CAACC,GAAGH,eAAeG,EAAE,EAAE,CAACL,UAAU;MACpC,EAAE1B;IAEN;IAEA,QACGgC,IAAIC,UAAU,yCAAyC;MACtD,CAACvC,WAAWwC,GAAG,KAAK/B,OAAOA,OAAOE,MAAMA,MAAMD,UAAUA,WAAY;MACpE,CAAC4B,IAAIC,UAAU,iBAAiBb,cAAcd,SAAmB0B,IAAI;IACvE,EAAEA;AAEN,EAAC"}
+{"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,QAACxB;YAAK6B,WAAU;YAAeC,MAAK;;8BAClC,QAACC;8BAAGH;;;;;;gBAAiB;gBAAGF;gBAAU;;;;;;;IAGxC;IAEA,qBACE,QAACM;QAAIC,WAAU;;0BACb,QAACvC;gBAAWwC,IAAG;gBAAK/B,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAAC4B;gBAAIC,WAAU;0BAAiBb,cAAcd;;;;;;;;;;;;AAGpD,EAAC"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { toWords } from 'payload/shared';
 import React from 'react';
@@ -35,24 +36,91 @@ import './index.scss';
             return val?.toString() ?? '';
         };
         const value = Array.isArray(operatorValue) ? operatorValue.map(formatValue).join(', ') : formatValue(operatorValue);
-        return <Pill pillStyle="always-white" size="small">
-        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>
-      </Pill>;
+        return /*#__PURE__*/ _jsxDEV(Pill, {
+            pillStyle: "always-white",
+            size: "small",
+            children: [
+                /*#__PURE__*/ _jsxDEV("b", {
+                    children: toWords(key)
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                    lineNumber: 57,
+                    columnNumber: 9
+                }, this),
+                " ",
+                operator,
+                " ",
+                /*#__PURE__*/ _jsxDEV("b", {
+                    children: toWords(value)
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                    lineNumber: 57,
+                    columnNumber: 42
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+            lineNumber: 56,
+            columnNumber: 7
+        }, this);
     };
     const renderWhere = (where, collectionLabel)=>{
         if (where.or && where.or.length > 0) {
-            return <div className="or-condition">
-          {where.or.map((orCondition, orIndex)=><React.Fragment key={orIndex}>
-              {orCondition.and && orCondition.and.length > 0 ? <div className="and-condition">
-                  {orIndex === 0 && <span className="label">{`Filter ${collectionLabel} where `}</span>}
-                  {orIndex > 0 && <span className="label"> or </span>}
-                  {orCondition.and.map((andCondition, andIndex)=><React.Fragment key={andIndex}>
-                      {renderCondition(andCondition)}
-                      {andIndex < orCondition.and.length - 1 && <span className="label"> and </span>}
-                    </React.Fragment>)}
-                </div> : renderCondition(orCondition)}
-            </React.Fragment>)}
-        </div>;
+            return /*#__PURE__*/ _jsxDEV("div", {
+                className: "or-condition",
+                children: where.or.map((orCondition, orIndex)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/ _jsxDEV("div", {
+                            className: "and-condition",
+                            children: [
+                                orIndex === 0 && /*#__PURE__*/ _jsxDEV("span", {
+                                    className: "label",
+                                    children: `Filter ${collectionLabel} where `
+                                }, void 0, false, {
+                                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                    lineNumber: 71,
+                                    columnNumber: 21
+                                }, this),
+                                orIndex > 0 && /*#__PURE__*/ _jsxDEV("span", {
+                                    className: "label",
+                                    children: " or "
+                                }, void 0, false, {
+                                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                    lineNumber: 73,
+                                    columnNumber: 35
+                                }, this),
+                                orCondition.and.map((andCondition, andIndex)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
+                                        children: [
+                                            renderCondition(andCondition),
+                                            andIndex < orCondition.and.length - 1 && /*#__PURE__*/ _jsxDEV("span", {
+                                                className: "label",
+                                                children: " and "
+                                            }, void 0, false, {
+                                                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                                lineNumber: 78,
+                                                columnNumber: 25
+                                            }, this)
+                                        ]
+                                    }, andIndex, true, {
+                                        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                        lineNumber: 75,
+                                        columnNumber: 21
+                                    }, this))
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                            lineNumber: 69,
+                            columnNumber: 17
+                        }, this) : renderCondition(orCondition)
+                    }, orIndex, false, {
+                        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                        lineNumber: 67,
+                        columnNumber: 13
+                    }, this))
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                lineNumber: 65,
+                columnNumber: 9
+            }, this);
         }
         return renderCondition(where);
     };
@@ -66,12 +134,33 @@ export const QueryPresetsWhereField = ({ field: { label, required } })=>{
         collectionSlug
     });
     const { i18n } = useTranslation();
-    return <div className="field-type query-preset-where-field">
-      <FieldLabel as="h3" label={label} path={path} required={required}/>
-      <div className="value-wrapper">
-        {value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : 'No where query'}
-      </div>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "field-type query-preset-where-field",
+        children: [
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                as: "h3",
+                label: label,
+                path: path,
+                required: required
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                lineNumber: 111,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: "value-wrapper",
+                children: value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : 'No where query'
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                lineNumber: 112,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+        lineNumber: 110,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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,18 +1,36 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-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 <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}>
-      <XIcon className={`${baseClass}__icon`}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("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__*/ _jsxDEV(XIcon, {
+            className: `${baseClass}__icon`
+        }, void 0, false, {
+            fileName: "src/elements/ReactSelect/ClearIndicator/index.tsx",
+            lineNumber: 34,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ReactSelect/ClearIndicator/index.tsx",
+        lineNumber: 20,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":["XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;AAOA,SAASA,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,QACGK,IACCC,WAAWR,WACX,4CAA4C;IAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA,MACrC,GAAGC,cAAc,EAClBG,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBR;YACAO,EAAEE,eAAe;QACnB;IACF,GACAC,KAAK,SACLC,UAAU,GACX;MACC,CAACf,MAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC,GAAI;IAC5C,EAAEO;AAEN,EAAC"}
+{"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,QAACK;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,QAACf;YAAMS,WAAW,GAAGR,UAAU,MAAM,CAAC;;;;;;;;;;;AAG5C,EAAC"}