@payloadcms/ui 3.80.0-canary.3 → 3.80.0-internal-debug.daef79f

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

@@ -1,33 +1,35 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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];
-    const andQuery = orQuery?.and?.[0];
-    if (!andQuery || typeof andQuery !== 'object') {
-      return 'No where query';
+/** @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];
+        const andQuery = orQuery?.and?.[0];
+        if (!andQuery || typeof andQuery !== 'object') {
+            return 'No where query';
+        }
+        const key = Object.keys(andQuery)[0];
+        if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {
+            return 'No where query';
+        }
+        const operator = Object.keys(andQuery[key])[0];
+        const value = andQuery[key][operator];
+        if (typeof value === 'string') {
+            return `${toWords(key)} ${operator} ${toWords(value)}`;
+        } else if (Array.isArray(value)) {
+            return `${toWords(key)} ${operator} ${value.map((val)=>toWords(val)).join(' or ')}`;
+        }
     }
-    const key = Object.keys(andQuery)[0];
-    if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {
-      return 'No where query';
-    }
-    const operator = Object.keys(andQuery[key])[0];
-    const value = andQuery[key][operator];
-    if (typeof value === 'string') {
-      return `${toWords(key)} ${operator} ${toWords(value)}`;
-    } else if (Array.isArray(value)) {
-      return `${toWords(key)} ${operator} ${value.map(val => toWords(val)).join(' or ')}`;
-    }
-  }
-  return '';
+    return '';
 };
-export const QueryPresetsWhereCell = ({
-  cellData
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    children: cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'
-  });
+export const QueryPresetsWhereCell = ({ cellData })=>{
+    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,"file":"index.js","names":["toWords","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","_jsx"],"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"],"mappings":";AAEA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,MAAW;AAElB;AACA,MAAMC,+BAAA,GAAmCC,KAAA;EACvC,IAAIA,KAAA,CAAMC,EAAE,IAAID,KAAA,CAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,KAAA,CAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,KAAA,CAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;IACpF,MAAME,OAAA,GAAUJ,KAAA,CAAMC,EAAE,CAAC,EAAE;IAC3B,MAAMI,QAAA,GAAWD,OAAA,EAASD,GAAA,GAAM,EAAE;IAElC,IAAI,CAACE,QAAA,IAAY,OAAOA,QAAA,KAAa,UAAU;MAC7C,OAAO;IACT;IAEA,MAAMC,GAAA,GAAMC,MAAA,CAAOC,IAAI,CAACH,QAAA,CAAS,CAAC,EAAE;IAEpC,IAAI,CAACC,GAAA,IAAO,CAACD,QAAQ,CAACC,GAAA,CAAI,IAAI,OAAOD,QAAQ,CAACC,GAAA,CAAI,KAAK,UAAU;MAC/D,OAAO;IACT;IAEA,MAAMG,QAAA,GAAWF,MAAA,CAAOC,IAAI,CAACH,QAAQ,CAACC,GAAA,CAAI,CAAC,CAAC,EAAE;IAC9C,MAAMI,KAAA,GAAQL,QAAQ,CAACC,GAAA,CAAI,CAACG,QAAA,CAAS;IAErC,IAAI,OAAOC,KAAA,KAAU,UAAU;MAC7B,OAAO,GAAGb,OAAA,CAAQS,GAAA,KAAQG,QAAA,IAAYZ,OAAA,CAAQa,KAAA,GAAQ;IACxD,OAAO,IAAIC,KAAA,CAAMC,OAAO,CAACF,KAAA,GAAQ;MAC/B,OAAO,GAAGb,OAAA,CAAQS,GAAA,KAAQG,QAAA,IAAYC,KAAA,CAAMG,GAAG,CAAEC,GAAA,IAAQjB,OAAA,CAAQiB,GAAA,GAAMC,IAAI,CAAC,SAAS;IACvF;EACF;EAEA,OAAO;AACT;AAEA,OAAO,MAAMC,qBAAA,GAA6DA,CAAC;EAAEC;AAAQ,CAAE;EACrF,oBAAOC,IAAA,CAAC;cAAKD,QAAA,GAAWlB,+BAAA,CAAgCkB,QAAA,IAAY;;AACtE","ignoreList":[]}
+{"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,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useId, useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
@@ -11,109 +10,151 @@ import { getColumns } from '../../../../utilities/getColumns.js';
 import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
 import { PillSelector } from '../../../PillSelector/index.js';
 import './index.scss';
-export const QueryPresetsColumnField = ({
-  field: {
-    label,
-    required
-  }
-}) => {
-  const {
-    path,
-    setValue,
-    value
-  } = useField();
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
-  const relatedCollection = relatedCollectionField.value;
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    permissions
-  } = useAuth();
-  const uuid = useId();
-  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
-    collectionSlug: relatedCollection
-  }) : null, [relatedCollection, getEntityConfig]);
-  const columns = useMemo(() => {
-    if (!relatedCollection || !collectionConfig) {
-      return [];
-    }
-    return getColumns({
-      clientConfig: config,
-      collectionConfig,
-      collectionSlug: relatedCollection,
-      columns: value ?? [],
-      i18n,
-      permissions
-    });
-  }, [config, collectionConfig, relatedCollection, value, i18n, permissions]);
-  const reducedFields = useMemo(() => {
-    if (!collectionConfig?.fields) {
-      return [];
-    }
-    return reduceFieldsToOptions({
-      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,
-      fields: collectionConfig.fields,
-      i18n
+export const QueryPresetsColumnField = ({ field: { label, required } })=>{
+    const { path, setValue, value } = useField();
+    const relatedCollectionField = useField({
+        path: 'relatedCollection'
     });
-  }, [collectionConfig, i18n, permissions, relatedCollection]);
-  const accessorToLabel = useMemo(() => {
-    const map = {};
-    for (const f of reducedFields) {
-      map[String(f.value)] = f.label;
+    const relatedCollection = relatedCollectionField.value;
+    const { config, getEntityConfig } = useConfig();
+    const { i18n } = useTranslation();
+    const { permissions } = useAuth();
+    const uuid = useId();
+    const collectionConfig = useMemo(()=>relatedCollection ? getEntityConfig({
+            collectionSlug: relatedCollection
+        }) : null, [
+        relatedCollection,
+        getEntityConfig
+    ]);
+    const columns = useMemo(()=>{
+        if (!relatedCollection || !collectionConfig) {
+            return [];
+        }
+        return getColumns({
+            clientConfig: config,
+            collectionConfig,
+            collectionSlug: relatedCollection,
+            columns: value ?? [],
+            i18n,
+            permissions
+        });
+    }, [
+        config,
+        collectionConfig,
+        relatedCollection,
+        value,
+        i18n,
+        permissions
+    ]);
+    const reducedFields = useMemo(()=>{
+        if (!collectionConfig?.fields) {
+            return [];
+        }
+        return reduceFieldsToOptions({
+            fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,
+            fields: collectionConfig.fields,
+            i18n
+        });
+    }, [
+        collectionConfig,
+        i18n,
+        permissions,
+        relatedCollection
+    ]);
+    const accessorToLabel = useMemo(()=>{
+        const map = {};
+        for (const f of reducedFields){
+            map[String(f.value)] = f.label;
+        }
+        return map;
+    }, [
+        reducedFields
+    ]);
+    const pills = useMemo(()=>columns.map((col, i)=>({
+                name: col.accessor,
+                key: `${relatedCollection}-${col.accessor}-${i}-${uuid}`,
+                Label: accessorToLabel[col.accessor] ?? col.accessor,
+                selected: col.active
+            })), [
+        accessorToLabel,
+        columns,
+        relatedCollection,
+        uuid
+    ]);
+    const currentColumns = value ?? columns;
+    const handleClick = React.useCallback(({ pill })=>{
+        const newColumns = currentColumns.map((col)=>col.accessor === pill.name ? {
+                ...col,
+                active: !col.active
+            } : col);
+        setValue(newColumns.length ? newColumns : undefined);
+    }, [
+        currentColumns,
+        setValue
+    ]);
+    if (!relatedCollection) {
+        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: 91,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("p", {
+                    className: "query-preset-columns-field__hint",
+                    children: "Select the related collection to configure columns."
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                    lineNumber: 92,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+            lineNumber: 90,
+            columnNumber: 7
+        }, this);
     }
-    return map;
-  }, [reducedFields]);
-  const pills = useMemo(() => columns.map((col, i) => ({
-    name: col.accessor,
-    key: `${relatedCollection}-${col.accessor}-${i}-${uuid}`,
-    Label: accessorToLabel[col.accessor] ?? col.accessor,
-    selected: col.active
-  })), [accessorToLabel, columns, relatedCollection, uuid]);
-  const currentColumns = value ?? columns;
-  const handleClick = React.useCallback(({
-    pill
-  }) => {
-    const newColumns = currentColumns.map(col_0 => col_0.accessor === pill.name ? {
-      ...col_0,
-      active: !col_0.active
-    } : col_0);
-    setValue(newColumns.length ? newColumns : undefined);
-  }, [currentColumns, setValue]);
-  if (!relatedCollection) {
-    return /*#__PURE__*/_jsxs("div", {
-      className: "field-type query-preset-columns-field",
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        as: "h3",
-        label: label,
-        path: path,
-        required: required
-      }), /*#__PURE__*/_jsx("p", {
-        className: "query-preset-columns-field__hint",
-        children: "Select the related collection to configure columns."
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs("div", {
-    className: "field-type query-preset-columns-field",
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      as: "h3",
-      label: label,
-      path: path,
-      required: required
-    }), pills.length > 0 ? /*#__PURE__*/_jsx(PillSelector, {
-      onClick: handleClick,
-      pills: pills
-    }) : /*#__PURE__*/_jsx("p", {
-      className: "query-preset-columns-field__hint",
-      children: "No columns available for this collection."
-    })]
-  });
+    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: 101,
+                columnNumber: 7
+            }, this),
+            pills.length > 0 ? /*#__PURE__*/ _jsxDEV(PillSelector, {
+                onClick: handleClick,
+                pills: pills
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                lineNumber: 103,
+                columnNumber: 9
+            }, this) : /*#__PURE__*/ _jsxDEV("p", {
+                className: "query-preset-columns-field__hint",
+                children: "No columns available for this collection."
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                lineNumber: 105,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+        lineNumber: 100,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useId","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","getColumns","reduceFieldsToOptions","PillSelector","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","uuid","collectionConfig","collectionSlug","columns","clientConfig","reducedFields","fields","fieldPermissions","collections","accessorToLabel","map","f","String","pills","col","i","name","accessor","key","Label","selected","active","currentColumns","handleClick","useCallback","pill","newColumns","length","undefined","_jsxs","className","_jsx","as","onClick"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport React, { useId, 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 { getColumns } from '../../../../utilities/getColumns.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { PillSelector, type SelectablePill } from '../../../PillSelector/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<ColumnPreference[]>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const uuid = useId()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  const columns = useMemo(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n    return getColumns({\n      clientConfig: config,\n      collectionConfig,\n      collectionSlug: relatedCollection,\n      columns: value ?? [],\n      i18n,\n      permissions,\n    })\n  }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig?.fields) {\n      return []\n    }\n    return reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, i18n, permissions, relatedCollection])\n\n  const accessorToLabel = useMemo(() => {\n    const map: Record<string, React.ReactNode> = {}\n    for (const f of reducedFields) {\n      map[String(f.value)] = f.label\n    }\n    return map\n  }, [reducedFields])\n\n  const pills: SelectablePill[] = useMemo(\n    () =>\n      columns.map((col, i) => ({\n        name: col.accessor,\n        key: `${relatedCollection}-${col.accessor}-${i}-${uuid}`,\n        Label: accessorToLabel[col.accessor] ?? col.accessor,\n        selected: col.active,\n      })),\n    [accessorToLabel, columns, relatedCollection, uuid],\n  )\n\n  const currentColumns = value ?? columns\n\n  const handleClick = React.useCallback(\n    ({ pill }: { pill: SelectablePill }) => {\n      const newColumns = currentColumns.map((col) =>\n        col.accessor === pill.name ? { ...col, active: !col.active } : col,\n      )\n      setValue(newColumns.length ? newColumns : undefined)\n    },\n    [currentColumns, setValue],\n  )\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-columns-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-columns-field__hint\">\n          Select the related collection to configure columns.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      {pills.length > 0 ? (\n        <PillSelector onClick={handleClick} pills={pills} />\n      ) : (\n        <p className=\"query-preset-columns-field__hint\">\n          No columns available for this collection.\n        </p>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport React, { useId, 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 { getColumns } from '../../../../utilities/getColumns.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { PillSelector, type SelectablePill } from '../../../PillSelector/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<ColumnPreference[]>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const uuid = useId()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  const columns = useMemo(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n    return getColumns({\n      clientConfig: config,\n      collectionConfig,\n      collectionSlug: relatedCollection,\n      columns: value ?? [],\n      i18n,\n      permissions,\n    })\n  }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig?.fields) {\n      return []\n    }\n    return reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, i18n, permissions, relatedCollection])\n\n  const accessorToLabel = useMemo(() => {\n    const map: Record<string, React.ReactNode> = {}\n    for (const f of reducedFields) {\n      map[String(f.value)] = f.label\n    }\n    return map\n  }, [reducedFields])\n\n  const pills: SelectablePill[] = useMemo(\n    () =>\n      columns.map((col, i) => ({\n        name: col.accessor,\n        key: `${relatedCollection}-${col.accessor}-${i}-${uuid}`,\n        Label: accessorToLabel[col.accessor] ?? col.accessor,\n        selected: col.active,\n      })),\n    [accessorToLabel, columns, relatedCollection, uuid],\n  )\n\n  const currentColumns = value ?? columns\n\n  const handleClick = React.useCallback(\n    ({ pill }: { pill: SelectablePill }) => {\n      const newColumns = currentColumns.map((col) =>\n        col.accessor === pill.name ? { ...col, active: !col.active } : col,\n      )\n      setValue(newColumns.length ? newColumns : undefined)\n    },\n    [currentColumns, setValue],\n  )\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-columns-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-columns-field__hint\">\n          Select the related collection to configure columns.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      {pills.length > 0 ? (\n        <PillSelector onClick={handleClick} pills={pills} />\n      ) : (\n        <p className=\"query-preset-columns-field__hint\">\n          No columns available for this collection.\n        </p>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useId","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","getColumns","reduceFieldsToOptions","PillSelector","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","uuid","collectionConfig","collectionSlug","columns","clientConfig","reducedFields","fields","fieldPermissions","collections","accessorToLabel","map","f","String","pills","col","i","name","accessor","key","Label","selected","active","currentColumns","handleClick","useCallback","pill","newColumns","length","undefined","div","className","as","p","onClick"],"mappings":"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"}

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

@@ -1,64 +1,86 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { GroupByBuilder } from '../../../GroupByBuilder/index.js';
 import './index.scss';
-export const QueryPresetsGroupByField = ({
-  field: {
-    label,
-    required
-  }
-}) => {
-  const {
-    path,
-    setValue,
-    value
-  } = useField();
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
-  const relatedCollection = relatedCollectionField.value;
-  const {
-    config
-  } = useConfig();
-  const collectionConfig = useMemo(() => {
+export const QueryPresetsGroupByField = ({ field: { label, required } })=>{
+    const { path, setValue, value } = useField();
+    const relatedCollectionField = useField({
+        path: 'relatedCollection'
+    });
+    const relatedCollection = relatedCollectionField.value;
+    const { config } = useConfig();
+    const collectionConfig = useMemo(()=>{
+        if (!relatedCollection) {
+            return null;
+        }
+        return config.collections?.find((col)=>col.slug === relatedCollection);
+    }, [
+        relatedCollection,
+        config.collections
+    ]);
+    const fields = collectionConfig?.fields ?? [];
     if (!relatedCollection) {
-      return null;
+        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: 32,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("p", {
+                    className: "query-preset-group-by-field__hint",
+                    children: "Select the related collection to configure group by."
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                    lineNumber: 33,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+            lineNumber: 31,
+            columnNumber: 7
+        }, this);
     }
-    return config.collections?.find(col => col.slug === relatedCollection);
-  }, [relatedCollection, config.collections]);
-  const fields = collectionConfig?.fields ?? [];
-  if (!relatedCollection) {
-    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("p", {
-        className: "query-preset-group-by-field__hint",
-        children: "Select the related collection to configure group by."
-      })]
-    });
-  }
-  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(GroupByBuilder, {
-      collectionSlug: relatedCollection,
-      fields: fields,
-      onChange: groupBy => setValue(groupBy || null),
-      value: value ?? undefined
-    })]
-  });
+    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: 42,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(GroupByBuilder, {
+                collectionSlug: relatedCollection,
+                fields: fields,
+                onChange: (groupBy)=>setValue(groupBy || null),
+                value: value ?? undefined
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                lineNumber: 43,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+        lineNumber: 41,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByBuilder","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","collectionConfig","collections","find","col","slug","fields","_jsxs","className","_jsx","as","collectionSlug","onChange","groupBy","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByBuilder } from '../../../GroupByBuilder/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config } = useConfig()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  const fields = collectionConfig?.fields ?? []\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <GroupByBuilder\n        collectionSlug={relatedCollection}\n        fields={fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAM,CAAE,GAAGX,SAAA;EAEnB,MAAMY,gBAAA,GAAmBf,OAAA,CAAQ;IAC/B,IAAI,CAACa,iBAAA,EAAmB;MACtB,OAAO;IACT;IACA,OAAOC,MAAA,CAAOE,WAAW,EAAEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKN,iBAAA;EACxD,GAAG,CAACA,iBAAA,EAAmBC,MAAA,CAAOE,WAAW,CAAC;EAE1C,MAAMI,MAAA,GAASL,gBAAA,EAAkBK,MAAA,IAAU,EAAE;EAE7C,IAAI,CAACP,iBAAA,EAAmB;IACtB,oBACEQ,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAACtB,UAAA;QAAWuB,EAAA,EAAG;QAAKjB,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDe,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACED,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAACtB,UAAA;MAAWuB,EAAA,EAAG;MAAKjB,KAAA,EAAOA,KAAA;MAAOE,IAAA,EAAMA,IAAA;MAAMD,QAAA,EAAUA;qBACxDe,IAAA,CAACnB,cAAA;MACCqB,cAAA,EAAgBZ,iBAAA;MAChBO,MAAA,EAAQA,MAAA;MACRM,QAAA,EAAWC,OAAA,IAAYjB,QAAA,CAASiB,OAAA,IAAW;MAC3ChB,KAAA,EAAOA,KAAA,IAASiB;;;AAIxB","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByBuilder } from '../../../GroupByBuilder/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config } = useConfig()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  const fields = collectionConfig?.fields ?? []\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <GroupByBuilder\n        collectionSlug={relatedCollection}\n        fields={fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"names":["React","useMemo","FieldLabel","useField","useConfig","GroupByBuilder","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","collectionConfig","collections","find","col","slug","fields","div","className","as","p","collectionSlug","onChange","groupBy","undefined"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,mCAAkC;AACjE,OAAO,eAAc;AAErB,OAAO,MAAMC,2BAAqD,CAAC,EACjEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAClC,MAAMU,yBAAyBV,SAAS;QAAEO,MAAM;IAAoB;IACpE,MAAMI,oBAAoBD,uBAAuBD,KAAK;IACtD,MAAM,EAAEG,MAAM,EAAE,GAAGX;IAEnB,MAAMY,mBAAmBf,QAAQ;QAC/B,IAAI,CAACa,mBAAmB;YACtB,OAAO;QACT;QACA,OAAOC,OAAOE,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKN;IACxD,GAAG;QAACA;QAAmBC,OAAOE,WAAW;KAAC;IAE1C,MAAMI,SAASL,kBAAkBK,UAAU,EAAE;IAE7C,IAAI,CAACP,mBAAmB;QACtB,qBACE,QAACQ;YAAIC,WAAU;;8BACb,QAACrB;oBAAWsB,IAAG;oBAAKhB,OAAOA;oBAAOE,MAAMA;oBAAMD,UAAUA;;;;;;8BACxD,QAACgB;oBAAEF,WAAU;8BAAoC;;;;;;;;;;;;IAKvD;IAEA,qBACE,QAACD;QAAIC,WAAU;;0BACb,QAACrB;gBAAWsB,IAAG;gBAAKhB,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAACJ;gBACCqB,gBAAgBZ;gBAChBO,QAAQA;gBACRM,UAAU,CAACC,UAAYjB,SAASiB,WAAW;gBAC3ChB,OAAOA,SAASiB;;;;;;;;;;;;AAIxB,EAAC"}