@payloadcms/ui 4.0.0-canary.2 → 4.0.0-canary.4

package/dist/elements/GroupByBuilder/index.js

@@ -1,164 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isFieldDisabled } from 'payload/shared';
-import './index.scss';
-import React, { useMemo } from 'react';
-import { SelectInput } from '../../fields/Select/Input.js';
-import { useAuth } from '../../providers/Auth/index.js';
-import { useListQuery } from '../../providers/ListQuery/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js';
-import { ReactSelect } from '../ReactSelect/index.js';
-const baseClass = 'group-by-builder';
-/**
- * Note: Some fields are already omitted from the list of fields:
- * - fields with nested field, e.g. `tabs`, `groups`, etc.
- * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.
- * So we don't technically need to omit them here, but do anyway.
- * But some remaining fields still need an additional check, e.g. `richText`, etc.
- */
-const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'number', 'upload'];
-export const GroupByBuilder = ({
-  collectionSlug,
-  fields,
-  onChange,
-  value: valueProp
-}) => {
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    permissions
-  } = useAuth();
-  const listQuery = useListQuery();
-  const isFormMode = typeof onChange === 'function';
-  const groupByRaw = isFormMode ? valueProp : listQuery.query?.groupBy;
-  const groupByFieldName = groupByRaw?.replace(/^-/, '');
-  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-  const reducedFields = useMemo(() => reduceFieldsToOptions({
-    fieldPermissions,
-    fields,
-    i18n
-  }), [fields, fieldPermissions, i18n]);
-  const groupByField = reducedFields.find(field => field.fieldPath === groupByFieldName);
-  const handleFieldChange = useMemo(() => {
-    if (isFormMode) {
-      return v => {
-        const value = v === null ? undefined : v.value;
-        const newGroupBy = value ? groupByRaw?.startsWith('-') ? `-${value}` : value : '';
-        onChange?.(newGroupBy);
-      };
-    }
-    return v_0 => {
-      void (async () => {
-        if (typeof listQuery.refineListData !== 'function') {
-          return;
-        }
-        const value_0 = v_0 === null ? undefined : v_0.value;
-        if (v_0 === null) {
-          await listQuery.refineListData({
-            groupBy: '',
-            page: 1
-          });
-        } else {
-          await listQuery.refineListData({
-            groupBy: value_0 ? listQuery.query?.groupBy?.startsWith('-') ? `-${value_0}` : value_0 : undefined,
-            page: 1
-          });
-        }
-      })();
-    };
-  }, [isFormMode, groupByRaw, listQuery, onChange]);
-  const handleClear = useMemo(() => {
-    if (isFormMode) {
-      return () => onChange?.('');
-    }
-    return () => {
-      void (async () => {
-        if (typeof listQuery.refineListData === 'function') {
-          await listQuery.refineListData({
-            groupBy: ''
-          });
-        }
-      })();
-    };
-  }, [isFormMode, listQuery, onChange]);
-  const handleDirectionChange = useMemo(() => {
-    if (isFormMode) {
-      return ({
-        value: value_1
-      }) => {
-        if (!groupByFieldName) {
-          return;
-        }
-        onChange?.(value_1 === 'asc' ? groupByFieldName : `-${groupByFieldName}`);
-      };
-    }
-    return ({
-      value: value_2
-    }) => {
-      void (async () => {
-        if (!groupByFieldName || typeof listQuery.refineListData !== 'function') {
-          return;
-        }
-        await listQuery.refineListData({
-          groupBy: value_2 === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
-          page: 1
-        });
-      })();
-    };
-  }, [groupByFieldName, isFormMode, listQuery, onChange]);
-  const directionValue = !groupByRaw || typeof groupByRaw !== 'string' ? 'asc' : groupByRaw.startsWith('-') ? 'desc' : 'asc';
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__header`,
-      children: [/*#__PURE__*/_jsx("p", {
-        children: t('general:groupByLabel', {
-          label: ''
-        })
-      }), groupByRaw && /*#__PURE__*/_jsx("button", {
-        className: `${baseClass}__clear-button`,
-        id: "group-by--reset",
-        onClick: () => void handleClear(),
-        type: "button",
-        children: t('general:clear')
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__inputs`,
-      children: [/*#__PURE__*/_jsx(ReactSelect, {
-        filterOption: (option, inputValue) => (option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase()),
-        id: "group-by--field-select",
-        isClearable: true,
-        isMulti: false,
-        onChange: handleFieldChange,
-        options: reducedFields.filter(field_0 => !isFieldDisabled(field_0.field, 'groupBy') && field_0.fieldPath !== 'id' && supportedFieldTypes.includes(field_0.field.type)).map(f => ({
-          ...f,
-          value: f.fieldPath
-        })),
-        value: {
-          label: groupByField?.label || t('general:selectValue'),
-          value: groupByFieldName || ''
-        }
-      }), /*#__PURE__*/_jsx(SelectInput, {
-        id: "group-by--sort",
-        isClearable: false,
-        name: "direction",
-        onChange: handleDirectionChange,
-        options: [{
-          label: t('general:ascending'),
-          value: 'asc'
-        }, {
-          label: t('general:descending'),
-          value: 'desc'
-        }],
-        path: "direction",
-        readOnly: !groupByFieldName,
-        value: directionValue
-      })]
-    })]
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/GroupByBuilder/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["isFieldDisabled","React","useMemo","SelectInput","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","ReactSelect","baseClass","supportedFieldTypes","GroupByBuilder","collectionSlug","fields","onChange","value","valueProp","i18n","t","permissions","listQuery","isFormMode","groupByRaw","query","groupBy","groupByFieldName","replace","fieldPermissions","collections","reducedFields","groupByField","find","field","fieldPath","handleFieldChange","v","undefined","newGroupBy","startsWith","refineListData","page","handleClear","handleDirectionChange","directionValue","_jsxs","className","_jsx","label","id","onClick","type","filterOption","option","inputValue","data","plainTextLabel","toLowerCase","includes","isClearable","isMulti","options","filter","map","f","name","path","readOnly"],"sources":["../../../src/elements/GroupByBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport './index.scss'\n\nimport React, { useMemo } from 'react'\n\nimport { SelectInput } from '../../fields/Select/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** When set, GroupByBuilder is controlled by the form (value + onChange) instead of list query. */\n  readonly onChange?: (groupBy: string) => void\n  readonly value?: string\n}\n\nconst baseClass = 'group-by-builder'\n\n/**\n * Note: Some fields are already omitted from the list of fields:\n * - fields with nested field, e.g. `tabs`, `groups`, etc.\n * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.\n * So we don't technically need to omit them here, but do anyway.\n * But some remaining fields still need an additional check, e.g. `richText`, etc.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'number',\n  'upload',\n]\n\nexport const GroupByBuilder: React.FC<Props> = ({\n  collectionSlug,\n  fields,\n  onChange,\n  value: valueProp,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const listQuery = useListQuery()\n\n  const isFormMode = typeof onChange === 'function'\n  const groupByRaw = isFormMode ? valueProp : listQuery.query?.groupBy\n  const groupByFieldName = groupByRaw?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const groupByField = reducedFields.find((field) => field.fieldPath === groupByFieldName)\n\n  const handleFieldChange = useMemo(() => {\n    if (isFormMode) {\n      return (v: { value: string } | null) => {\n        const value = v === null ? undefined : v.value\n        const newGroupBy = value ? (groupByRaw?.startsWith('-') ? `-${value}` : value) : ''\n        onChange?.(newGroupBy)\n      }\n    }\n    return (v: { value: string } | null) => {\n      void (async () => {\n        if (typeof listQuery.refineListData !== 'function') {\n          return\n        }\n        const value = v === null ? undefined : v.value\n        if (v === null) {\n          await listQuery.refineListData({ groupBy: '', page: 1 })\n        } else {\n          await listQuery.refineListData({\n            groupBy: value\n              ? listQuery.query?.groupBy?.startsWith('-')\n                ? `-${value}`\n                : value\n              : undefined,\n            page: 1,\n          })\n        }\n      })()\n    }\n  }, [isFormMode, groupByRaw, listQuery, onChange])\n\n  const handleClear = useMemo(() => {\n    if (isFormMode) {\n      return () => onChange?.('')\n    }\n    return () => {\n      void (async () => {\n        if (typeof listQuery.refineListData === 'function') {\n          await listQuery.refineListData({ groupBy: '' })\n        }\n      })()\n    }\n  }, [isFormMode, listQuery, onChange])\n\n  const handleDirectionChange = useMemo(() => {\n    if (isFormMode) {\n      return ({ value }: { value: string }) => {\n        if (!groupByFieldName) {\n          return\n        }\n        onChange?.(value === 'asc' ? groupByFieldName : `-${groupByFieldName}`)\n      }\n    }\n    return ({ value }: { value: string }) => {\n      void (async () => {\n        if (!groupByFieldName || typeof listQuery.refineListData !== 'function') {\n          return\n        }\n        await listQuery.refineListData({\n          groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,\n          page: 1,\n        })\n      })()\n    }\n  }, [groupByFieldName, isFormMode, listQuery, onChange])\n\n  const directionValue =\n    !groupByRaw || typeof groupByRaw !== 'string'\n      ? 'asc'\n      : groupByRaw.startsWith('-')\n        ? 'desc'\n        : 'asc'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <p>\n          {t('general:groupByLabel', {\n            label: '',\n          })}\n        </p>\n        {groupByRaw && (\n          <button\n            className={`${baseClass}__clear-button`}\n            id=\"group-by--reset\"\n            onClick={() => void handleClear()}\n            type=\"button\"\n          >\n            {t('general:clear')}\n          </button>\n        )}\n      </div>\n      <div className={`${baseClass}__inputs`}>\n        <ReactSelect\n          filterOption={(option, inputValue) =>\n            ((option?.data?.plainTextLabel as string) || option.label)\n              .toLowerCase()\n              .includes(inputValue.toLowerCase())\n          }\n          id=\"group-by--field-select\"\n          isClearable\n          isMulti={false}\n          onChange={handleFieldChange}\n          options={reducedFields\n            .filter(\n              (field) =>\n                !isFieldDisabled(field.field, 'groupBy') &&\n                field.fieldPath !== 'id' &&\n                supportedFieldTypes.includes(field.field.type),\n            )\n            .map((f) => ({ ...f, value: f.fieldPath }))}\n          value={{\n            label: groupByField?.label || t('general:selectValue'),\n            value: groupByFieldName || '',\n          }}\n        />\n        <SelectInput\n          id=\"group-by--sort\"\n          isClearable={false}\n          name=\"direction\"\n          onChange={handleDirectionChange}\n          options={[\n            { label: t('general:ascending'), value: 'asc' },\n            { label: t('general:descending'), value: 'desc' },\n          ]}\n          path=\"direction\"\n          readOnly={!groupByFieldName}\n          value={directionValue}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/GroupByBuilder/index.scss

@@ -1,39 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .group-by-builder {
-    background: var(--theme-elevation-50);
-    padding: var(--base);
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-
-    &__header {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-    }
-
-    &__clear-button {
-      background: transparent;
-      border: none;
-      color: var(--theme-elevation-500);
-      line-height: inherit;
-      cursor: pointer;
-      font-size: inherit;
-      padding: 0;
-      text-decoration: underline;
-    }
-
-    &__inputs {
-      width: 100%;
-      display: flex;
-      gap: base(1);
-
-      & > * {
-        flex-grow: 1;
-        width: 50%;
-      }
-    }
-  }
-}

package/dist/elements/GroupByControl/index.d.ts

@@ -1,9 +0,0 @@
-import type { ClientField, SanitizedCollectionConfig } from 'payload';
-import React from 'react';
-import './index.css';
-export type GroupByControlProps = {
-    readonly collectionSlug: SanitizedCollectionConfig['slug'];
-    readonly fields: ClientField[];
-};
-export declare const GroupByControl: React.FC<GroupByControlProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/GroupByControl/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/GroupByControl/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAS,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAuC,MAAM,OAAO,CAAA;AAW3D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAoBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoPxD,CAAA"}

package/dist/elements/GroupByControl/index.js

@@ -1,254 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isFieldDisabled } from 'payload/shared';
-import React, { useCallback, useMemo, useRef } from 'react';
-import { ChevronIcon } from '../../icons/Chevron/index.js';
-import { TrashIcon } from '../../icons/Trash/index.js';
-import { XIcon } from '../../icons/X/index.js';
-import { useAuth } from '../../providers/Auth/index.js';
-import { useListQuery } from '../../providers/ListQuery/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js';
-import { Button } from '../Button/index.js';
-import { Popup, PopupList } from '../Popup/index.js';
-import './index.css';
-const baseClass = 'group-by-control';
-/**
- * Supported field types for group by functionality.
- */
-const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'upload'];
-export const GroupByControl = ({
-  collectionSlug,
-  fields
-}) => {
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    permissions
-  } = useAuth();
-  const listQuery = useListQuery();
-  const closeRef = useRef(null);
-  const groupByRaw = listQuery.query?.groupBy;
-  const groupByFieldName = groupByRaw?.replace(/^-/, '');
-  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-  const reducedFields = useMemo(() => reduceFieldsToOptions({
-    fieldPermissions,
-    fields,
-    i18n
-  }), [fields, fieldPermissions, i18n]);
-  const filteredFields = useMemo(() => reducedFields.filter(field => !isFieldDisabled(field.field, 'groupBy') && field.fieldPath !== 'id' && supportedFieldTypes.includes(field.field.type)), [reducedFields]);
-  const groupByField = reducedFields.find(field_0 => field_0.fieldPath === groupByFieldName);
-  const isActive = Boolean(groupByFieldName && groupByField);
-  const handleFieldSelect = useCallback(value => {
-    void (async () => {
-      if (typeof listQuery.refineListData !== 'function') {
-        return;
-      }
-      await listQuery.refineListData({
-        groupBy: listQuery.query?.groupBy?.startsWith('-') ? `-${value}` : value,
-        page: 1
-      });
-    })();
-  }, [listQuery]);
-  const handleClear = useCallback(() => {
-    void (async () => {
-      if (typeof listQuery.refineListData === 'function') {
-        await listQuery.refineListData({
-          groupBy: ''
-        });
-      }
-      closeRef.current?.();
-    })();
-  }, [listQuery]);
-  const handleDirectionSelect = useCallback(value_0 => {
-    void (async () => {
-      if (!groupByFieldName || typeof listQuery.refineListData !== 'function') {
-        return;
-      }
-      await listQuery.refineListData({
-        groupBy: value_0 === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
-        page: 1
-      });
-    })();
-  }, [groupByFieldName, listQuery]);
-  if (filteredFields.length === 0) {
-    return null;
-  }
-  const directionValue = !groupByRaw || typeof groupByRaw !== 'string' ? 'asc' : groupByRaw.startsWith('-') ? 'desc' : 'asc';
-  // Build the trigger button label
-  const triggerLabel = isActive ? t('general:groupByLabel', {
-    label: groupByField?.label || ''
-  }) : t('general:groupByLabel', {
-    label: ''
-  });
-  return /*#__PURE__*/_jsx(Popup, {
-    className: baseClass,
-    horizontalAlign: "right",
-    portalClassName: `${baseClass}__popup`,
-    render: ({
-      close
-    }) => {
-      closeRef.current = close;
-      return /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__content`,
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__header`,
-          children: [/*#__PURE__*/_jsx("span", {
-            className: `${baseClass}__title`,
-            children: t('general:groupByLabel', {
-              label: ''
-            })
-          }), /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__header-actions`,
-            children: [isActive && /*#__PURE__*/_jsx(Button, {
-              "aria-label": t('general:clear'),
-              buttonStyle: "ghost",
-              icon: /*#__PURE__*/_jsx(TrashIcon, {}),
-              onClick: handleClear,
-              round: true,
-              size: "medium"
-            }), /*#__PURE__*/_jsx(Button, {
-              "aria-label": t('general:close'),
-              buttonStyle: "ghost",
-              icon: /*#__PURE__*/_jsx(XIcon, {
-                size: 24
-              }),
-              onClick: close,
-              round: true,
-              size: "medium"
-            })]
-          })]
-        }), /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__body`,
-          children: [/*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__row`,
-            children: [/*#__PURE__*/_jsx("label", {
-              className: `${baseClass}__label`,
-              children: t('general:field')
-            }), /*#__PURE__*/_jsx("div", {
-              className: `${baseClass}__input`,
-              "data-popup-prevent-close": true,
-              children: /*#__PURE__*/_jsx(Popup, {
-                className: `${baseClass}__select-popup`,
-                horizontalAlign: "right",
-                render: ({
-                  close: closeFieldPopup
-                }) => /*#__PURE__*/_jsx(PopupList.RadioGroup, {
-                  children: filteredFields.map((field_1, i) => /*#__PURE__*/_jsx(PopupList.RadioGroupItem, {
-                    active: field_1.fieldPath === groupByFieldName,
-                    onClick: () => {
-                      handleFieldSelect(field_1.fieldPath);
-                      closeFieldPopup();
-                    },
-                    children: field_1.label
-                  }, i))
-                }),
-                renderButton: ({
-                  active,
-                  onClick,
-                  onKeyDown
-                }) => /*#__PURE__*/_jsxs("button", {
-                  className: `${baseClass}__select-trigger`,
-                  onClick: onClick,
-                  onKeyDown: onKeyDown,
-                  type: "button",
-                  children: [/*#__PURE__*/_jsx("span", {
-                    className: `${baseClass}__select-value`,
-                    children: groupByField?.label || t('general:selectValue')
-                  }), /*#__PURE__*/_jsx(ChevronIcon, {
-                    direction: active ? 'up' : 'down',
-                    size: 16
-                  })]
-                }),
-                size: "medium",
-                verticalAlign: "bottom"
-              })
-            })]
-          }), /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__row`,
-            children: [/*#__PURE__*/_jsx("label", {
-              className: `${baseClass}__label`,
-              children: t('general:sort')
-            }), /*#__PURE__*/_jsx("div", {
-              className: `${baseClass}__input`,
-              "data-popup-prevent-close": true,
-              children: /*#__PURE__*/_jsx(Popup, {
-                className: `${baseClass}__select-popup`,
-                disabled: !groupByFieldName,
-                horizontalAlign: "right",
-                render: ({
-                  close: closeSortPopup
-                }) => /*#__PURE__*/_jsxs(PopupList.RadioGroup, {
-                  children: [/*#__PURE__*/_jsx(PopupList.RadioGroupItem, {
-                    active: directionValue === 'desc',
-                    onClick: () => {
-                      handleDirectionSelect('desc');
-                      closeSortPopup();
-                    },
-                    children: t('general:descending')
-                  }), /*#__PURE__*/_jsx(PopupList.RadioGroupItem, {
-                    active: directionValue === 'asc',
-                    onClick: () => {
-                      handleDirectionSelect('asc');
-                      closeSortPopup();
-                    },
-                    children: t('general:ascending')
-                  })]
-                }),
-                renderButton: ({
-                  active: active_0,
-                  onClick: onClick_0,
-                  onKeyDown: onKeyDown_0
-                }) => /*#__PURE__*/_jsxs("button", {
-                  className: [`${baseClass}__select-trigger`, !groupByFieldName && `${baseClass}__select-trigger--disabled`].filter(Boolean).join(' '),
-                  disabled: !groupByFieldName,
-                  onClick: onClick_0,
-                  onKeyDown: onKeyDown_0,
-                  type: "button",
-                  children: [/*#__PURE__*/_jsx("span", {
-                    className: `${baseClass}__select-value`,
-                    children: directionValue === 'desc' ? t('general:descending') : t('general:ascending')
-                  }), /*#__PURE__*/_jsx(ChevronIcon, {
-                    direction: active_0 ? 'up' : 'down',
-                    size: 16
-                  })]
-                }),
-                size: "small",
-                verticalAlign: "bottom"
-              })
-            })]
-          })]
-        })]
-      });
-    },
-    renderButton: ({
-      active: active_1,
-      onClick: onClick_1,
-      onKeyDown: onKeyDown_1,
-      ...ariaProps
-    }) => /*#__PURE__*/_jsx(Button, {
-      buttonStyle: "secondary",
-      className: `${baseClass}__trigger`,
-      extraButtonProps: {
-        onKeyDown: onKeyDown_1
-      },
-      icon: /*#__PURE__*/_jsx(ChevronIcon, {
-        direction: active_1 ? 'up' : 'down',
-        size: 16
-      }),
-      id: "toggle-group-by",
-      onClick: onClick_1,
-      selected: active_1 || isActive,
-      size: "medium",
-      ...ariaProps,
-      children: triggerLabel
-    }),
-    size: "large",
-    theme: "auto",
-    verticalAlign: "bottom"
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/GroupByControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["isFieldDisabled","React","useCallback","useMemo","useRef","ChevronIcon","TrashIcon","XIcon","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Popup","PopupList","baseClass","supportedFieldTypes","GroupByControl","collectionSlug","fields","i18n","t","permissions","listQuery","closeRef","groupByRaw","query","groupBy","groupByFieldName","replace","fieldPermissions","collections","reducedFields","filteredFields","filter","field","fieldPath","includes","type","groupByField","find","isActive","Boolean","handleFieldSelect","value","refineListData","startsWith","page","handleClear","current","handleDirectionSelect","length","directionValue","triggerLabel","label","_jsx","className","horizontalAlign","portalClassName","render","close","_jsxs","buttonStyle","icon","onClick","round","size","closeFieldPopup","RadioGroup","map","i","RadioGroupItem","active","renderButton","onKeyDown","direction","verticalAlign","disabled","closeSortPopup","join","ariaProps","extraButtonProps","id","selected","theme"],"sources":["../../../src/elements/GroupByControl/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useMemo, useRef } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { TrashIcon } from '../../icons/Trash/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nexport type GroupByControlProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n}\n\nconst baseClass = 'group-by-control'\n\n/**\n * Supported field types for group by functionality.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'upload',\n]\n\nexport const GroupByControl: React.FC<GroupByControlProps> = ({ collectionSlug, fields }) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const listQuery = useListQuery()\n  const closeRef = useRef<(() => void) | null>(null)\n\n  const groupByRaw = listQuery.query?.groupBy\n  const groupByFieldName = groupByRaw?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const filteredFields = useMemo(\n    () =>\n      reducedFields.filter(\n        (field) =>\n          !isFieldDisabled(field.field, 'groupBy') &&\n          field.fieldPath !== 'id' &&\n          supportedFieldTypes.includes(field.field.type),\n      ),\n    [reducedFields],\n  )\n\n  const groupByField = reducedFields.find((field) => field.fieldPath === groupByFieldName)\n  const isActive = Boolean(groupByFieldName && groupByField)\n\n  const handleFieldSelect = useCallback(\n    (value: string) => {\n      void (async () => {\n        if (typeof listQuery.refineListData !== 'function') {\n          return\n        }\n        await listQuery.refineListData({\n          groupBy: listQuery.query?.groupBy?.startsWith('-') ? `-${value}` : value,\n          page: 1,\n        })\n      })()\n    },\n    [listQuery],\n  )\n\n  const handleClear = useCallback(() => {\n    void (async () => {\n      if (typeof listQuery.refineListData === 'function') {\n        await listQuery.refineListData({ groupBy: '' })\n      }\n      closeRef.current?.()\n    })()\n  }, [listQuery])\n\n  const handleDirectionSelect = useCallback(\n    (value: 'asc' | 'desc') => {\n      void (async () => {\n        if (!groupByFieldName || typeof listQuery.refineListData !== 'function') {\n          return\n        }\n        await listQuery.refineListData({\n          groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,\n          page: 1,\n        })\n      })()\n    },\n    [groupByFieldName, listQuery],\n  )\n\n  if (filteredFields.length === 0) {\n    return null\n  }\n\n  const directionValue =\n    !groupByRaw || typeof groupByRaw !== 'string'\n      ? 'asc'\n      : groupByRaw.startsWith('-')\n        ? 'desc'\n        : 'asc'\n\n  // Build the trigger button label\n  const triggerLabel = isActive\n    ? t('general:groupByLabel', { label: groupByField?.label || '' })\n    : t('general:groupByLabel', { label: '' })\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      portalClassName={`${baseClass}__popup`}\n      render={({ close }) => {\n        closeRef.current = close\n        return (\n          <div className={`${baseClass}__content`}>\n            <div className={`${baseClass}__header`}>\n              <span className={`${baseClass}__title`}>\n                {t('general:groupByLabel', { label: '' })}\n              </span>\n              <div className={`${baseClass}__header-actions`}>\n                {isActive && (\n                  <Button\n                    aria-label={t('general:clear')}\n                    buttonStyle=\"ghost\"\n                    icon={<TrashIcon />}\n                    onClick={handleClear}\n                    round\n                    size=\"medium\"\n                  />\n                )}\n                <Button\n                  aria-label={t('general:close')}\n                  buttonStyle=\"ghost\"\n                  icon={<XIcon size={24} />}\n                  onClick={close}\n                  round\n                  size=\"medium\"\n                />\n              </div>\n            </div>\n            <div className={`${baseClass}__body`}>\n              <div className={`${baseClass}__row`}>\n                <label className={`${baseClass}__label`}>{t('general:field')}</label>\n                <div className={`${baseClass}__input`} data-popup-prevent-close>\n                  <Popup\n                    className={`${baseClass}__select-popup`}\n                    horizontalAlign=\"right\"\n                    render={({ close: closeFieldPopup }) => (\n                      <PopupList.RadioGroup>\n                        {filteredFields.map((field, i) => (\n                          <PopupList.RadioGroupItem\n                            active={field.fieldPath === groupByFieldName}\n                            key={i}\n                            onClick={() => {\n                              handleFieldSelect(field.fieldPath)\n                              closeFieldPopup()\n                            }}\n                          >\n                            {field.label}\n                          </PopupList.RadioGroupItem>\n                        ))}\n                      </PopupList.RadioGroup>\n                    )}\n                    renderButton={({ active, onClick, onKeyDown }) => (\n                      <button\n                        className={`${baseClass}__select-trigger`}\n                        onClick={onClick}\n                        onKeyDown={onKeyDown}\n                        type=\"button\"\n                      >\n                        <span className={`${baseClass}__select-value`}>\n                          {groupByField?.label || t('general:selectValue')}\n                        </span>\n                        <ChevronIcon direction={active ? 'up' : 'down'} size={16} />\n                      </button>\n                    )}\n                    size=\"medium\"\n                    verticalAlign=\"bottom\"\n                  />\n                </div>\n              </div>\n              <div className={`${baseClass}__row`}>\n                <label className={`${baseClass}__label`}>{t('general:sort')}</label>\n                <div className={`${baseClass}__input`} data-popup-prevent-close>\n                  <Popup\n                    className={`${baseClass}__select-popup`}\n                    disabled={!groupByFieldName}\n                    horizontalAlign=\"right\"\n                    render={({ close: closeSortPopup }) => (\n                      <PopupList.RadioGroup>\n                        <PopupList.RadioGroupItem\n                          active={directionValue === 'desc'}\n                          onClick={() => {\n                            handleDirectionSelect('desc')\n                            closeSortPopup()\n                          }}\n                        >\n                          {t('general:descending')}\n                        </PopupList.RadioGroupItem>\n                        <PopupList.RadioGroupItem\n                          active={directionValue === 'asc'}\n                          onClick={() => {\n                            handleDirectionSelect('asc')\n                            closeSortPopup()\n                          }}\n                        >\n                          {t('general:ascending')}\n                        </PopupList.RadioGroupItem>\n                      </PopupList.RadioGroup>\n                    )}\n                    renderButton={({ active, onClick, onKeyDown }) => (\n                      <button\n                        className={[\n                          `${baseClass}__select-trigger`,\n                          !groupByFieldName && `${baseClass}__select-trigger--disabled`,\n                        ]\n                          .filter(Boolean)\n                          .join(' ')}\n                        disabled={!groupByFieldName}\n                        onClick={onClick}\n                        onKeyDown={onKeyDown}\n                        type=\"button\"\n                      >\n                        <span className={`${baseClass}__select-value`}>\n                          {directionValue === 'desc'\n                            ? t('general:descending')\n                            : t('general:ascending')}\n                        </span>\n                        <ChevronIcon direction={active ? 'up' : 'down'} size={16} />\n                      </button>\n                    )}\n                    size=\"small\"\n                    verticalAlign=\"bottom\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        )\n      }}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__trigger`}\n          extraButtonProps={{ onKeyDown }}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          id=\"toggle-group-by\"\n          onClick={onClick}\n          selected={active || isActive}\n          size=\"medium\"\n          {...ariaProps}\n        >\n          {triggerLabel}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Nav/SettingsMenuButton/index.scss

@@ -1,11 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .settings-menu-button {
-    &.popup--h-align-left {
-      .popup__content {
-        left: calc(var(--nav-padding-inline-start) * -0.5);
-      }
-    }
-  }
-}