@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5e065b3

package/dist/elements/FolderView/SimpleTable/index.js

@@ -1,95 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import './index.scss';
-const baseClass = 'simple-table';
-export const SimpleTable = ({
-  appearance,
-  className,
-  headerCells: headers,
-  tableRows: rows
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    className: [className, baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
-    children: /*#__PURE__*/_jsxs("table", {
-      cellPadding: 0,
-      cellSpacing: 0,
-      className: `${baseClass}__table`,
-      children: [/*#__PURE__*/_jsx(TableHead, {
-        children: /*#__PURE__*/_jsx(TableRow, {
-          children: headers
-        })
-      }), /*#__PURE__*/_jsx(TableBody, {
-        children: rows
-      })]
-    })
-  });
-};
-export const TableHead = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("thead", {
-    className: `${baseClass}__thead ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
-};
-export const TableBody = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("tbody", {
-    className: `${baseClass}__tbody ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
-};
-export const TableRow = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("tr", {
-    className: `${baseClass}__tr ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
-};
-export const TableCell = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("td", {
-    className: `${baseClass}__td ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
-};
-export const TableHeader = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("th", {
-    className: `${baseClass}__th ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
-};
-export const HiddenCell = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("td", {
-    className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/SimpleTable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","baseClass","SimpleTable","appearance","className","headerCells","headers","tableRows","rows","_jsx","filter","Boolean","join","_jsxs","cellPadding","cellSpacing","TableHead","TableRow","TableBody","children","rest","trim","TableCell","TableHeader","HiddenCell"],"sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'simple-table'\n\ntype TableProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly className?: string\n  readonly headerCells: React.ReactNode[]\n  readonly tableRows: React.ReactNode[]\n}\nexport const SimpleTable = ({\n  appearance,\n  className,\n  headerCells: headers,\n  tableRows: rows,\n}: TableProps) => {\n  return (\n    <div\n      className={[className, baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>\n        <TableHead>\n          <TableRow>{headers}</TableRow>\n        </TableHead>\n\n        <TableBody>{rows}</TableBody>\n      </table>\n    </div>\n  )\n}\n\nexport const TableHead = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>\n      {children}\n    </thead>\n  )\n}\n\nexport const TableBody = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tbody>\n  )\n}\n\nexport const TableRow = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableRowElement>) => {\n  return (\n    <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tr>\n  )\n}\n\nexport const TableCell = ({\n  children,\n  className,\n  ...rest\n}: React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n\nexport const TableHeader = ({\n  children,\n  className,\n  ...rest\n}: React.ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>\n      {children}\n    </th>\n  )\n}\n\nexport const HiddenCell = ({\n  children,\n  className,\n  ...rest\n}: { children?: React.ReactNode } & React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,UAAU;EACVC,SAAS;EACTC,WAAA,EAAaC,OAAO;EACpBC,SAAA,EAAWC;AAAI,CACJ;EACX,oBACEC,IAAA,CAAC;IACCL,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,EAAWE,UAAA,IAAc,GAAGF,SAAA,gBAAyBE,UAAA,EAAY,CAAC,CACtFO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAER,aAAAC,KAAA,CAAC;MAAMC,WAAA,EAAa;MAAGC,WAAA,EAAa;MAAGX,SAAA,EAAW,GAAGH,SAAA,SAAkB;8BACrEQ,IAAA,CAACO,SAAA;kBACC,aAAAP,IAAA,CAACQ,QAAA;oBAAUX;;uBAGbG,IAAA,CAACS,SAAA;kBAAWV;;;;AAIpB;AAEA,OAAO,MAAMQ,SAAA,GAAYA,CAAC;EACxBG,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMD,SAAA,GAAYA,CAAC;EACxBC,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMF,QAAA,GAAWA,CAAC;EACvBE,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CACuC;EAC1C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMG,SAAA,GAAYA,CAAC;EACxBH,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMI,WAAA,GAAcA,CAAC;EAC1BJ,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMK,UAAA,GAAaA,CAAC;EACzBL,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2E;EAC9E,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,iBAA0BG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAC3ED;;AAGP","ignoreList":[]}

package/dist/elements/FolderView/SimpleTable/index.scss

@@ -1,59 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .simple-table {
-    margin-bottom: var(--base);
-    overflow: auto;
-    max-width: 100%;
-
-    &__table {
-      min-width: 100%;
-      border-collapse: collapse;
-    }
-
-    &__thead {
-      color: var(--theme-elevation-400);
-    }
-
-    &__th {
-      font-weight: normal;
-      text-align: left;
-      [dir='rtl'] & {
-        text-align: right;
-      }
-    }
-
-    &__th,
-    &__td {
-      vertical-align: top;
-      padding: calc(var(--base) * 0.6);
-      min-width: 150px;
-      position: relative;
-
-      &:first-child {
-        padding-inline-start: calc(var(--base) * (0.8));
-      }
-      &:last-child {
-        padding-inline-end: calc(var(--base) * (0.8));
-      }
-    }
-
-    .simple-table__thead .simple-table__tr {
-      &:after {
-        background-color: transparent;
-      }
-    }
-
-    &__hidden-cell {
-      position: absolute;
-      padding: 0;
-    }
-
-    @include mid-break {
-      &__th,
-      &__td {
-        max-width: 70vw;
-      }
-    }
-  }
-}

package/dist/elements/FolderView/SortByPill/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.scss';
-export declare function SortByPill(): React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/SortByPill/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/SortByPill/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAmCrB,wBAAgB,UAAU,sBAgFzB"}

package/dist/elements/FolderView/SortByPill/index.js

@@ -1,112 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { ChevronIcon } from '../../../icons/Chevron/index.js';
-import { SortDownIcon, SortUpIcon } from '../../../icons/Sort/index.js';
-import { useFolder } from '../../../providers/Folders/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { Pill } from '../../Pill/index.js';
-import { Popup, PopupList } from '../../Popup/index.js';
-import './index.scss';
-const baseClass = 'sort-by-pill';
-const sortOnOptions = [{
-  label: t => t('general:name'),
-  value: 'name'
-}, {
-  label: t => t('general:createdAt'),
-  value: 'createdAt'
-}, {
-  label: t => t('general:updatedAt'),
-  value: 'updatedAt'
-}];
-const orderOnOptions = [{
-  label: t => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SortUpIcon, {}), t('general:ascending')]
-  }),
-  value: 'asc'
-}, {
-  label: t => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SortDownIcon, {}), t('general:descending')]
-  }),
-  value: 'desc'
-}];
-export function SortByPill() {
-  const {
-    refineFolderData,
-    sort
-  } = useFolder();
-  const {
-    t
-  } = useTranslation();
-  const sortDirection = sort.startsWith('-') ? 'desc' : 'asc';
-  const [selectedSortOption] = sortOnOptions.filter(({
-    value
-  }) => value === (sort.startsWith('-') ? sort.slice(1) : sort)) || sortOnOptions;
-  const [selectedOrderOption] = orderOnOptions.filter(({
-    value
-  }) => value === sortDirection);
-  return /*#__PURE__*/_jsx(Popup, {
-    button: /*#__PURE__*/_jsxs(Pill, {
-      className: `${baseClass}__trigger`,
-      icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
-      size: "small",
-      children: [sortDirection === 'asc' ? /*#__PURE__*/_jsx(SortUpIcon, {
-        className: `${baseClass}__sort-icon`
-      }) : /*#__PURE__*/_jsx(SortDownIcon, {
-        className: `${baseClass}__sort-icon`
-      }), selectedSortOption?.label(t)]
-    }),
-    className: baseClass,
-    horizontalAlign: "right",
-    render: ({
-      close
-    }) => /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(PopupList.GroupLabel, {
-        label: "Sort by"
-      }), /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-        children: sortOnOptions.map(({
-          label,
-          value
-        }) => /*#__PURE__*/_jsx(PopupList.Button, {
-          active: selectedSortOption?.value === value,
-          onClick: () => {
-            refineFolderData({
-              query: {
-                page: '1',
-                sort: sortDirection === 'desc' ? `-${value}` : value
-              },
-              updateURL: true
-            });
-            close();
-          },
-          children: label(t)
-        }, value))
-      }), /*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsx(PopupList.GroupLabel, {
-        label: "Order"
-      }), /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-        children: orderOnOptions.map(({
-          label,
-          value
-        }) => /*#__PURE__*/_jsx(PopupList.Button, {
-          active: selectedOrderOption?.value === value,
-          className: `${baseClass}__order-option`,
-          onClick: () => {
-            if (sortDirection !== value) {
-              refineFolderData({
-                query: {
-                  page: '1',
-                  sort: value === 'desc' ? `-${selectedSortOption?.value}` : selectedSortOption?.value
-                },
-                updateURL: true
-              });
-              close();
-            }
-          },
-          children: label(t)
-        }, value))
-      })]
-    }),
-    showScrollbar: true,
-    verticalAlign: "bottom"
-  });
-}
-//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/SortByPill/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","SortDownIcon","SortUpIcon","useFolder","useTranslation","Pill","Popup","PopupList","baseClass","sortOnOptions","label","t","value","orderOnOptions","_jsxs","_Fragment","_jsx","SortByPill","refineFolderData","sort","sortDirection","startsWith","selectedSortOption","filter","slice","selectedOrderOption","button","className","icon","size","horizontalAlign","render","close","GroupLabel","ButtonGroup","map","Button","active","onClick","query","page","updateURL","Divider","showScrollbar","verticalAlign"],"sources":["../../../../src/elements/FolderView/SortByPill/index.tsx"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { FolderSortKeys } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { SortDownIcon, SortUpIcon } from '../../../icons/Sort/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-by-pill'\n\nconst sortOnOptions: {\n  label: (t: TFunction) => React.ReactNode\n  value: FolderSortKeys\n}[] = [\n  { label: (t) => t('general:name'), value: 'name' },\n  { label: (t) => t('general:createdAt'), value: 'createdAt' },\n  { label: (t) => t('general:updatedAt'), value: 'updatedAt' },\n]\nconst orderOnOptions: {\n  label: (t: TFunction) => React.ReactNode\n  value: 'asc' | 'desc'\n}[] = [\n  {\n    label: (t) => (\n      <>\n        <SortUpIcon />\n        {t('general:ascending')}\n      </>\n    ),\n    value: 'asc',\n  },\n  {\n    label: (t) => (\n      <>\n        <SortDownIcon />\n        {t('general:descending')}\n      </>\n    ),\n    value: 'desc',\n  },\n]\nexport function SortByPill() {\n  const { refineFolderData, sort } = useFolder()\n  const { t } = useTranslation()\n  const sortDirection = sort.startsWith('-') ? 'desc' : 'asc'\n  const [selectedSortOption] =\n    sortOnOptions.filter(({ value }) => value === (sort.startsWith('-') ? sort.slice(1) : sort)) ||\n    sortOnOptions\n  const [selectedOrderOption] = orderOnOptions.filter(({ value }) => value === sortDirection)\n\n  return (\n    <Popup\n      button={\n        <Pill className={`${baseClass}__trigger`} icon={<ChevronIcon />} size=\"small\">\n          {sortDirection === 'asc' ? (\n            <SortUpIcon className={`${baseClass}__sort-icon`} />\n          ) : (\n            <SortDownIcon className={`${baseClass}__sort-icon`} />\n          )}\n          {selectedSortOption?.label(t)}\n        </Pill>\n      }\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <>\n          <PopupList.GroupLabel label=\"Sort by\" />\n          <PopupList.ButtonGroup>\n            {sortOnOptions.map(({ label, value }) => (\n              <PopupList.Button\n                active={selectedSortOption?.value === value}\n                key={value}\n                onClick={() => {\n                  refineFolderData({\n                    query: {\n                      page: '1',\n                      sort: sortDirection === 'desc' ? `-${value}` : value,\n                    },\n                    updateURL: true,\n                  })\n                  close()\n                }}\n              >\n                {label(t)}\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n          <PopupList.Divider />\n          <PopupList.GroupLabel label=\"Order\" />\n          <PopupList.ButtonGroup>\n            {orderOnOptions.map(({ label, value }) => (\n              <PopupList.Button\n                active={selectedOrderOption?.value === value}\n                className={`${baseClass}__order-option`}\n                key={value}\n                onClick={() => {\n                  if (sortDirection !== value) {\n                    refineFolderData({\n                      query: {\n                        page: '1',\n                        sort:\n                          value === 'desc'\n                            ? `-${selectedSortOption?.value}`\n                            : selectedSortOption?.value,\n                      },\n                      updateURL: true,\n                    })\n                    close()\n                  }\n                }}\n              >\n                {label(t)}\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        </>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/SortByPill/index.scss

@@ -1,16 +0,0 @@
-@layer payload-default {
-  .sort-by-pill {
-    &__order-option {
-      display: flex;
-      gap: calc(var(--base) * 0.25);
-    }
-
-    &__trigger {
-      .pill__label {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-      }
-    }
-  }
-}

package/dist/elements/FolderView/ToggleViewButtons/index.d.ts

@@ -1,8 +0,0 @@
-import './index.scss';
-type Props = {
-    activeView: 'grid' | 'list';
-    setActiveView: (view: 'grid' | 'list') => void;
-};
-export declare function ToggleViewButtons({ activeView, setActiveView }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/ToggleViewButtons/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,KAAK,+BA2BrE"}

package/dist/elements/FolderView/ToggleViewButtons/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { GridViewIcon } from '../../../icons/GridView/index.js';
-import { ListViewIcon } from '../../../icons/ListView/index.js';
-import { Button } from '../../Button/index.js';
-import './index.scss';
-const baseClass = 'folder-view-toggle-button';
-export function ToggleViewButtons({
-  activeView,
-  setActiveView
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      buttonStyle: "pill",
-      className: [baseClass, activeView === 'grid' && `${baseClass}--active`].filter(Boolean).join(' '),
-      icon: /*#__PURE__*/_jsx(GridViewIcon, {}),
-      margin: false,
-      onClick: () => {
-        setActiveView('grid');
-      }
-    }), /*#__PURE__*/_jsx(Button, {
-      buttonStyle: "pill",
-      className: [baseClass, activeView === 'list' && `${baseClass}--active`].filter(Boolean).join(' '),
-      icon: /*#__PURE__*/_jsx(ListViewIcon, {}),
-      margin: false,
-      onClick: () => {
-        setActiveView('list');
-      }
-    })]
-  });
-}
-//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/ToggleViewButtons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,kBAAkB;EAAEC,UAAU;EAAEC;AAAa,CAAS;EACpE,oBACEC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACT,YAAA;MACPgB,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;qBAEFG,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACR,YAAA;MACPe,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;;;AAIR","ignoreList":[]}

package/dist/elements/FolderView/ToggleViewButtons/index.scss

@@ -1,17 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .btn.folder-view-toggle-button {
-    padding: 0;
-    background-color: transparent;
-
-    &--active {
-      background-color: var(--theme-elevation-150);
-    }
-
-    .btn__icon {
-      border: none;
-      padding: 0;
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-import type { ClientField, SanitizedCollectionConfig } from 'payload';
-import './index.scss';
-import React from 'react';
-export type Props = {
-    readonly collectionSlug: SanitizedCollectionConfig['slug'];
-    readonly fields: ClientField[];
-    /** When set, GroupByBuilder is controlled by the form (value + onChange) instead of list query. */
-    readonly onChange?: (groupBy: string) => void;
-    readonly value?: string;
-};
-export declare const GroupByBuilder: React.FC<Props>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/GroupByBuilder/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAS,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE5E,OAAO,cAAc,CAAA;AAErB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,mGAAmG;IACnG,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAyBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6J1C,CAAA"}

package/dist/elements/GroupByBuilder/index.js

@@ -1,160 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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.value === 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 => !field_0.field.admin?.disableGroupBy && field_0.value !== 'id' && supportedFieldTypes.includes(field_0.field.type)),
-        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":["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","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","admin","disableGroupBy","name","path","readOnly"],"sources":["../../../src/elements/GroupByBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\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.value === 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.filter(\n            (field) =>\n              !field.field.admin?.disableGroupBy &&\n              field.value !== 'id' &&\n              supportedFieldTypes.includes(field.field.type),\n          )}\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/Gutter/index.scss

@@ -1,21 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .gutter {
-    &--left {
-      padding-left: var(--gutter-h);
-    }
-
-    &--right {
-      padding-right: var(--gutter-h);
-    }
-
-    &--negative-left {
-      margin-left: calc(-1 * var(--gutter-h));
-    }
-
-    &--negative-right {
-      margin-right: calc(-1 * var(--gutter-h));
-    }
-  }
-}