@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

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

@@ -1,35 +1,33 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-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';
-        }
-        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 ')}`;
-        }
+/** @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';
     }
-    return '';
+    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 '';
 };
-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);
+export const QueryPresetsWhereCell = ({
+  cellData
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    children: cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'
+  });
 };
-
 //# 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","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"}
+{"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":[]}

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId, useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
@@ -10,151 +11,109 @@ 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'
+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
     });
-    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);
+  }, [collectionConfig, i18n, permissions, relatedCollection]);
+  const accessorToLabel = useMemo(() => {
+    const map = {};
+    for (const f of reducedFields) {
+      map[String(f.value)] = f.label;
     }
-    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);
+    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."
+    })]
+  });
 };
-
 //# 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 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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"}
+{"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":[]}

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

@@ -1,86 +1,64 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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(()=>{
-        if (!relatedCollection) {
-            return null;
-        }
-        return config.collections?.find((col)=>col.slug === relatedCollection);
-    }, [
-        relatedCollection,
-        config.collections
-    ]);
-    const fields = collectionConfig?.fields ?? [];
+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 /*#__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 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: 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);
+    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
+    })]
+  });
 };
-
 //# 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 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"}
+{"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":[]}