@payloadcms/ui 3.0.0-canary.518fabe → 3.0.0-canary.51be7be

package/dist/elements/FileDetails/StaticFileDetails/index.scss

@@ -1,132 +1,134 @@
 @import '../../../scss/styles.scss';
 
-.file-details {
-  background: var(--theme-elevation-50);
-  border: 1px solid var(--theme-border-color);
-  border-radius: var(--style-radius-m);
-  @include inputShadow;
-
-  header {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    position: relative;
-  }
-
-  &__remove {
-    position: absolute;
-    margin: 0;
-    top: $baseline;
-    right: $baseline;
+@layer payload-default {
+  .file-details {
+    background: var(--theme-elevation-50);
+    border: 1px solid var(--theme-border-color);
+    border-radius: var(--style-radius-m);
+    @include inputShadow;
 
-    & .btn__icon {
-      border: 1px solid var(--theme-border-color);
-      background: var(--theme-input-bg);
-      @include inputShadow;
-      transition: border 100ms cubic-bezier(0, 0.2, 0.2, 1);
+    header {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      position: relative;
+    }
 
-      &:hover {
-        border: 1px solid var(--theme-elevation-400);
+    &__remove {
+      position: absolute;
+      margin: 0;
+      top: $baseline;
+      right: $baseline;
+
+      & .btn__icon {
+        border: 1px solid var(--theme-border-color);
+        background: var(--theme-input-bg);
+        @include inputShadow;
+        transition: border 100ms cubic-bezier(0, 0.2, 0.2, 1);
+
+        &:hover {
+          border: 1px solid var(--theme-elevation-400);
+        }
       }
     }
-  }
-
-  &__main-detail {
-    padding: base(0.8) base(1.2);
-    width: auto;
-    flex-grow: 1;
-    min-width: 280px;
-    max-width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-self: stretch;
-    gap: base(0.2);
-  }
-
-  &__toggle-more-info {
-    font-weight: 600;
-    text-decoration: none;
 
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
+    &__main-detail {
+      padding: base(0.8) base(1.2);
+      width: auto;
+      flex-grow: 1;
+      min-width: 280px;
+      max-width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-self: stretch;
+      gap: base(0.2);
     }
-  }
 
-  &__toggle-icon {
-    padding: calc(var(--base) / 4);
-  }
+    &__toggle-more-info {
+      font-weight: 600;
+      text-decoration: none;
 
-  &__sizes {
-    margin: 0;
-    padding: base(1.5) $baseline 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-
-    li {
-      width: 50%;
-      padding: 0 base(0.5);
-      margin-bottom: $baseline;
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
     }
-  }
 
-  &__size-label {
-    color: var(--theme-elevation-400);
-  }
+    &__toggle-icon {
+      padding: calc(var(--base) / 4);
+    }
 
-  &__file-mutation {
-    display: flex;
-    margin-top: base(0.25);
-    gap: calc(var(--base) / 2);
-  }
+    &__sizes {
+      margin: 0;
+      padding: base(1.5) $baseline 0;
+      list-style: none;
+      display: flex;
+      flex-wrap: wrap;
 
-  &__edit {
-    cursor: pointer;
-    background-color: var(--theme-elevation-150);
-    border: none;
-    border-radius: $style-radius-m;
-    padding: base(0.25) base(0.5);
+      li {
+        width: 50%;
+        padding: 0 base(0.5);
+        margin-bottom: $baseline;
+      }
+    }
 
-    &:hover {
-      background-color: var(--theme-elevation-100);
+    &__size-label {
+      color: var(--theme-elevation-400);
     }
-  }
 
-  @include large-break {
-    &__main-detail {
-      padding: $baseline;
+    &__file-mutation {
+      display: flex;
+      margin-top: base(0.25);
+      gap: calc(var(--base) / 2);
     }
 
-    &__sizes {
-      display: block;
-      padding: $baseline $baseline base(0.5);
+    &__edit {
+      cursor: pointer;
+      background-color: var(--theme-elevation-150);
+      border: none;
+      border-radius: $style-radius-m;
+      padding: base(0.25) base(0.5);
 
-      li {
-        padding: 0;
-        width: 100%;
+      &:hover {
+        background-color: var(--theme-elevation-100);
       }
     }
-  }
 
-  @include mid-break {
-    header {
-      flex-wrap: wrap;
-    }
+    @include large-break {
+      &__main-detail {
+        padding: $baseline;
+      }
 
-    .thumbnail {
-      width: 50%;
-      order: 1;
-    }
+      &__sizes {
+        display: block;
+        padding: $baseline $baseline base(0.5);
 
-    &__remove {
-      order: 2;
+        li {
+          padding: 0;
+          width: 100%;
+        }
+      }
     }
 
-    &__main-detail {
-      order: 3;
-      width: 100%;
+    @include mid-break {
+      header {
+        flex-wrap: wrap;
+      }
+
+      .thumbnail {
+        width: 50%;
+        order: 1;
+      }
+
+      &__remove {
+        order: 2;
+      }
+
+      &__main-detail {
+        order: 3;
+        width: 100%;
+      }
     }
   }
 }

package/dist/elements/GenerateConfirmation/index.scss

@@ -1,38 +1,40 @@
 @import '../../scss/styles.scss';
 
-.generate-confirmation {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .generate-confirmation {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: base(0.8);
-    padding: base(2);
-    max-width: base(36);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: base(0.4);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: base(0.4);
+    &__controls {
+      display: flex;
+      gap: base(0.4);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/elements/Gutter/index.scss

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

package/dist/elements/Hamburger/index.scss

@@ -1,40 +1,46 @@
 @import '../../scss/styles';
 
-.hamburger {
-  padding: 0;
-  border: 0;
-  cursor: pointer;
-  background-color: var(--theme-bg);
-  outline: none;
-  position: relative;
-  color: var(--theme-text);
-  box-shadow: 0px 0px 0px 1px var(--theme-elevation-150);
-  padding: base(0.1);
-  border-radius: 3px;
-  position: relative;
-  z-index: 1;
-  height: 100%;
-  width: 100%;
-  transition-property: box-shadow, background-color;
-  transition-duration: 100ms;
-  transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
+@layer payload-default {
+  .hamburger {
+    padding: 0;
+    border: 0;
+    cursor: pointer;
+    background-color: var(--theme-bg);
+    outline: none;
+    position: relative;
+    color: var(--theme-text);
+    box-shadow: 0px 0px 0px 1px var(--theme-elevation-150);
+    padding: base(0.1);
+    border-radius: 3px;
+    position: relative;
+    z-index: 1;
+    height: 100%;
+    width: 100%;
+    transition-property: box-shadow, background-color;
+    transition-duration: 100ms;
+    transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
+    --hamburger-size: var(--base);
 
-  &:hover {
-    background-color: var(--theme-elevation-100);
-    box-shadow: 0px 0px 0px 1px var(--theme-elevation-500);
-  }
+    &:hover {
+      background-color: var(--theme-elevation-100);
+      box-shadow: 0px 0px 0px 1px var(--theme-elevation-500);
+    }
 
-  &:focus {
-    outline: none;
-  }
+    &:focus {
+      outline: none;
+    }
 
-  &::after {
-    z-index: -1;
-  }
+    &::after {
+      z-index: -1;
+    }
 
-  &__open-icon,
-  &__close-icon {
-    width: var(--hamburger-size);
-    height: var(--hamburger-size);
+    &__open-icon,
+    &__close-icon {
+      width: var(--hamburger-size);
+      height: var(--hamburger-size);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
 }

package/dist/elements/IDLabel/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.id-label {
-  font-size: base(0.8);
-  line-height: base(1.2);
-  font-weight: normal;
-  color: var(--theme-elevation-600);
-  background: var(--theme-elevation-100);
-  padding: base(0.2) base(0.4);
-  border-radius: $style-radius-m;
-  display: inline-flex;
+@layer payload-default {
+  .id-label {
+    font-size: base(0.8);
+    line-height: base(1.2);
+    font-weight: normal;
+    color: var(--theme-elevation-600);
+    background: var(--theme-elevation-100);
+    padding: base(0.2) base(0.4);
+    border-radius: $style-radius-m;
+    display: inline-flex;
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAsBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyLpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAsBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqLpD,CAAA"}

package/dist/elements/ListControls/index.js

@@ -97,7 +97,7 @@ export const ListControls = props => {
     children: [/*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__wrap`,
       children: [/*#__PURE__*/_jsx(SearchIcon, {}), /*#__PURE__*/_jsx(SearchFilter, {
-        fieldName: 'name' in titleField ? titleField?.name : null,
+        fieldName: titleField && 'name' in titleField ? titleField?.name : null,
         handleChange: search => {
           return void handleSearchChange(search);
         },
@@ -124,16 +124,20 @@ export const ListControls = props => {
           }), enableColumns && /*#__PURE__*/_jsx(Pill, {
             "aria-controls": `${baseClass}-columns`,
             "aria-expanded": visibleDrawer === 'columns',
-            className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`,
-            icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
+            className: `${baseClass}__toggle-columns`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: visibleDrawer === 'columns' ? 'up' : 'down'
+            }),
             onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
             pillStyle: "light",
             children: t('general:columns')
           }), /*#__PURE__*/_jsx(Pill, {
             "aria-controls": `${baseClass}-where`,
             "aria-expanded": visibleDrawer === 'where',
-            className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`,
-            icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
+            className: `${baseClass}__toggle-where`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: visibleDrawer === 'where' ? 'up' : 'down'
+            }),
             onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
             pillStyle: "light",
             children: t('general:filters')

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","React","Fragment","useEffect","useRef","useState","AnimateHeightImport","AnimateHeight","default","useUseTitleField","ChevronIcon","SearchIcon","useListInfo","useListQuery","useTranslation","ColumnSelector","DeleteMany","EditMany","Pill","PublishMany","SearchFilter","UnpublishMany","WhereBuilder","validateWhereQuery","getTextFieldsToBeSearched","baseClass","ListControls","props","collectionConfig","enableColumns","enableSort","fields","handleSearchChange","params","beforeActions","collectionSlug","disableBulkDelete","disableBulkEdit","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","_jsxs","className","_jsx","fieldName","handleChange","search","initialParams","collection","icon","onClick","pillStyle","height","id","slug","collectionPluralLabel","labels","plural","String"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, Where } from 'payload'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListInfo } from '../../providers/ListInfo/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { DeleteMany } from '../DeleteMany/index.js'\nimport { EditMany } from '../EditMany/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { PublishMany } from '../PublishMany/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { UnpublishMany } from '../UnpublishMany/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\nexport type ListControlsProps = {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly enableColumns?: boolean\n  readonly enableSort?: boolean\n  readonly fields: ClientField[]\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n}\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const { collectionConfig, enableColumns = true, enableSort = false, fields } = props\n\n  const { handleSearchChange, params } = useListQuery()\n  const { beforeActions, collectionSlug, disableBulkDelete, disableBulkEdit } = useListInfo()\n  const titleField = useUseTitleField(collectionConfig, fields)\n  const { i18n, t } = useTranslation()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField && typeof titleField.label === 'string'\n          ? titleField.label\n          : 'name' in titleField\n            ? titleField.name\n            : null,\n        i18n,\n      )) ??\n    'ID'\n\n  const listSearchableFields = getTextFieldsToBeSearched(\n    collectionConfig.admin.listSearchableFields,\n    fields,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(params?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(params?.where)\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !params?.where) {\n      setVisibleDrawer(undefined)\n      hasWhereParam.current = false\n    } else if (params?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, params?.where])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      searchLabelTranslated.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          const label =\n            'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(label, i18n),\n            })}`\n          }\n\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n          }\n\n          return `${placeholderText}, ${getTranslation(label, i18n)}`\n        },\n        '',\n      )\n    } else {\n      searchLabelTranslated.current = t('general:searchBy', {\n        label: getTranslation(searchLabel, i18n),\n      })\n    }\n  }, [t, listSearchableFields, i18n, searchLabel])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <SearchIcon />\n        <SearchFilter\n          fieldName={'name' in titleField ? titleField?.name : null}\n          handleChange={(search) => {\n            return void handleSearchChange(search)\n          }}\n          // @ts-expect-error @todo: fix types\n          initialParams={params}\n          key={collectionSlug}\n          label={searchLabelTranslated.current}\n        />\n        <div className={`${baseClass}__buttons`}>\n          <div className={`${baseClass}__buttons-wrap`}>\n            {!smallBreak && (\n              <React.Fragment>\n                {beforeActions && beforeActions}\n                {!disableBulkEdit && (\n                  <Fragment>\n                    <EditMany collection={collectionConfig} fields={fields} />\n                    <PublishMany collection={collectionConfig} />\n                    <UnpublishMany collection={collectionConfig} />\n                  </Fragment>\n                )}\n                {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n              </React.Fragment>\n            )}\n            {enableColumns && (\n              <Pill\n                aria-controls={`${baseClass}-columns`}\n                aria-expanded={visibleDrawer === 'columns'}\n                className={`${baseClass}__toggle-columns ${\n                  visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''\n                }`}\n                icon={<ChevronIcon />}\n                onClick={() =>\n                  setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)\n                }\n                pillStyle=\"light\"\n              >\n                {t('general:columns')}\n              </Pill>\n            )}\n            <Pill\n              aria-controls={`${baseClass}-where`}\n              aria-expanded={visibleDrawer === 'where'}\n              className={`${baseClass}__toggle-where ${\n                visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''\n              }`}\n              icon={<ChevronIcon />}\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n              pillStyle=\"light\"\n            >\n              {t('general:filters')}\n            </Pill>\n            {enableSort && (\n              <Pill\n                aria-controls={`${baseClass}-sort`}\n                aria-expanded={visibleDrawer === 'sort'}\n                className={`${baseClass}__toggle-sort`}\n                icon={<ChevronIcon />}\n                onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n                pillStyle=\"light\"\n              >\n                {t('general:sort')}\n              </Pill>\n            )}\n          </div>\n        </div>\n      </div>\n      {enableColumns && (\n        <AnimateHeight\n          className={`${baseClass}__columns`}\n          height={visibleDrawer === 'columns' ? 'auto' : 0}\n          id={`${baseClass}-columns`}\n        >\n          <ColumnSelector collectionSlug={collectionConfig.slug} />\n        </AnimateHeight>\n      )}\n      <AnimateHeight\n        className={`${baseClass}__where`}\n        height={visibleDrawer === 'where' ? 'auto' : 0}\n        id={`${baseClass}-where`}\n      >\n        <WhereBuilder\n          collectionPluralLabel={collectionConfig?.labels?.plural}\n          collectionSlug={collectionConfig.slug}\n          fields={fields}\n          key={String(hasWhereParam.current && !params?.where)}\n        />\n      </AnimateHeight>\n      {enableSort && (\n        <AnimateHeight\n          className={`${baseClass}__sort`}\n          height={visibleDrawer === 'sort' ? 'auto' : 0}\n          id={`${baseClass}-sort`}\n        >\n          <p>Sort Complex</p>\n          {/* <SortComplex\n            collection={collection}\n            handleChange={handleSortChange}\n            modifySearchQuery={modifySearchQuery}\n          /> */}\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","React","Fragment","useEffect","useRef","useState","AnimateHeightImport","AnimateHeight","default","useUseTitleField","ChevronIcon","SearchIcon","useListInfo","useListQuery","useTranslation","ColumnSelector","DeleteMany","EditMany","Pill","PublishMany","SearchFilter","UnpublishMany","WhereBuilder","validateWhereQuery","getTextFieldsToBeSearched","baseClass","ListControls","props","collectionConfig","enableColumns","enableSort","fields","handleSearchChange","params","beforeActions","collectionSlug","disableBulkDelete","disableBulkEdit","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","_jsxs","className","_jsx","fieldName","handleChange","search","initialParams","collection","icon","direction","onClick","pillStyle","height","id","slug","collectionPluralLabel","labels","plural","String"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, Where } from 'payload'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListInfo } from '../../providers/ListInfo/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { DeleteMany } from '../DeleteMany/index.js'\nimport { EditMany } from '../EditMany/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { PublishMany } from '../PublishMany/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { UnpublishMany } from '../UnpublishMany/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\nexport type ListControlsProps = {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly enableColumns?: boolean\n  readonly enableSort?: boolean\n  readonly fields: ClientField[]\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n}\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const { collectionConfig, enableColumns = true, enableSort = false, fields } = props\n\n  const { handleSearchChange, params } = useListQuery()\n  const { beforeActions, collectionSlug, disableBulkDelete, disableBulkEdit } = useListInfo()\n  const titleField = useUseTitleField(collectionConfig, fields)\n  const { i18n, t } = useTranslation()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField && typeof titleField.label === 'string'\n          ? titleField.label\n          : 'name' in titleField\n            ? titleField.name\n            : null,\n        i18n,\n      )) ??\n    'ID'\n\n  const listSearchableFields = getTextFieldsToBeSearched(\n    collectionConfig.admin.listSearchableFields,\n    fields,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(params?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(params?.where)\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !params?.where) {\n      setVisibleDrawer(undefined)\n      hasWhereParam.current = false\n    } else if (params?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, params?.where])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      searchLabelTranslated.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          const label =\n            'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(label, i18n),\n            })}`\n          }\n\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n          }\n\n          return `${placeholderText}, ${getTranslation(label, i18n)}`\n        },\n        '',\n      )\n    } else {\n      searchLabelTranslated.current = t('general:searchBy', {\n        label: getTranslation(searchLabel, i18n),\n      })\n    }\n  }, [t, listSearchableFields, i18n, searchLabel])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <SearchIcon />\n        <SearchFilter\n          fieldName={titleField && 'name' in titleField ? titleField?.name : null}\n          handleChange={(search) => {\n            return void handleSearchChange(search)\n          }}\n          // @ts-expect-error @todo: fix types\n          initialParams={params}\n          key={collectionSlug}\n          label={searchLabelTranslated.current}\n        />\n        <div className={`${baseClass}__buttons`}>\n          <div className={`${baseClass}__buttons-wrap`}>\n            {!smallBreak && (\n              <React.Fragment>\n                {beforeActions && beforeActions}\n                {!disableBulkEdit && (\n                  <Fragment>\n                    <EditMany collection={collectionConfig} fields={fields} />\n                    <PublishMany collection={collectionConfig} />\n                    <UnpublishMany collection={collectionConfig} />\n                  </Fragment>\n                )}\n                {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n              </React.Fragment>\n            )}\n            {enableColumns && (\n              <Pill\n                aria-controls={`${baseClass}-columns`}\n                aria-expanded={visibleDrawer === 'columns'}\n                className={`${baseClass}__toggle-columns`}\n                icon={<ChevronIcon direction={visibleDrawer === 'columns' ? 'up' : 'down'} />}\n                onClick={() =>\n                  setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)\n                }\n                pillStyle=\"light\"\n              >\n                {t('general:columns')}\n              </Pill>\n            )}\n            <Pill\n              aria-controls={`${baseClass}-where`}\n              aria-expanded={visibleDrawer === 'where'}\n              className={`${baseClass}__toggle-where`}\n              icon={<ChevronIcon direction={visibleDrawer === 'where' ? 'up' : 'down'} />}\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n              pillStyle=\"light\"\n            >\n              {t('general:filters')}\n            </Pill>\n            {enableSort && (\n              <Pill\n                aria-controls={`${baseClass}-sort`}\n                aria-expanded={visibleDrawer === 'sort'}\n                className={`${baseClass}__toggle-sort`}\n                icon={<ChevronIcon />}\n                onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n                pillStyle=\"light\"\n              >\n                {t('general:sort')}\n              </Pill>\n            )}\n          </div>\n        </div>\n      </div>\n      {enableColumns && (\n        <AnimateHeight\n          className={`${baseClass}__columns`}\n          height={visibleDrawer === 'columns' ? 'auto' : 0}\n          id={`${baseClass}-columns`}\n        >\n          <ColumnSelector collectionSlug={collectionConfig.slug} />\n        </AnimateHeight>\n      )}\n      <AnimateHeight\n        className={`${baseClass}__where`}\n        height={visibleDrawer === 'where' ? 'auto' : 0}\n        id={`${baseClass}-where`}\n      >\n        <WhereBuilder\n          collectionPluralLabel={collectionConfig?.labels?.plural}\n          collectionSlug={collectionConfig.slug}\n          fields={fields}\n          key={String(hasWhereParam.current && !params?.where)}\n        />\n      </AnimateHeight>\n      {enableSort && (\n        <AnimateHeight\n          className={`${baseClass}__sort`}\n          height={visibleDrawer === 'sort' ? 'auto' : 0}\n          id={`${baseClass}-sort`}\n        >\n          <p>Sort Complex</p>\n          {/* <SortComplex\n            collection={collection}\n            handleChange={handleSortChange}\n            modifySearchQuery={modifySearchQuery}\n          /> */}\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}