@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","useSearchParams","qs","React","useCallback","toast","useAuth","useConfig","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","baseClass","PublishMany","props","clearRouteCache","collection","slug","labels","plural","singular","versions","config","routes","api","serverURL","permissions","i18n","t","getQueryParams","selectAll","router","searchParams","openModal","collectionPermissions","collections","hasPermission","update","modalSlug","addDefaultError","error","handlePublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","addQueryPrefix","forEach","_err","drafts","None","_jsxs","Fragment","_jsx","className","onClick","type","cancelLabel","confirmingLabel","confirmLabel","heading","onConfirm"],"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport './index.scss'\n\nexport type PublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nconst baseClass = 'publish-many'\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n  const { clearRouteCache } = useRouteCache()\n\n  const { collection: { slug, labels: { plural, singular }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { getQueryParams, selectAll } = useSelection()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { openModal } = useModal()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update\n\n  const modalSlug = `publish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handlePublish = useCallback(async () => {\n    await requests\n      .patch(\n        `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}&draft=true`,\n        {\n          body: JSON.stringify({\n            _status: 'published',\n          }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        },\n      )\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    serverURL,\n    api,\n    slug,\n    getQueryParams,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <button\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          openModal(modalSlug)\n        }}\n        type=\"button\"\n      >\n        {t('version:publish')}\n      </button>\n      <ConfirmationModal\n        body={t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}\n        cancelLabel={t('general:cancel')}\n        confirmingLabel={t('version:publishing')}\n        confirmLabel={t('general:confirm')}\n        heading={t('version:confirmPublish')}\n        modalSlug={modalSlug}\n        onConfirm={handlePublish}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useAuth","SelectAllStatus","useSelection","useTranslation","ListSelectionButton","PublishManyDrawerContent","PublishMany","props","$","count","selectAll","selected","t0","_jsx","PublishMany_v4","ids","Array","from","keys","AllAvailable","collection","slug","versions","undefined","permissions","t","openModal","collectionPermissions","collections","hasPermission","update","drawerSlug","drafts","t1","t2","_jsxs","Fragment","children","onClick"],"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { PublishManyDrawerContent } from './DrawerContent.js'\n\nexport type PublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n  const { count, selectAll, selected } = useSelection()\n\n  return (\n    <PublishMany_v4\n      {...props}\n      count={count}\n      ids={Array.from(selected.keys())}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\ntype PublishMany_v4Props = {\n  count: number\n  ids: (number | string)[]\n  selectAll: boolean\n} & PublishManyProps\nexport const PublishMany_v4: React.FC<PublishMany_v4Props> = (props) => {\n  const { collection, collection: { slug, versions } = {}, count, ids, selectAll } = props\n\n  const { permissions } = useAuth()\n  const { t } = useTranslation()\n\n  const { openModal } = useModal()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update\n\n  const drawerSlug = `publish-${slug}`\n\n  if (!versions?.drafts || count === 0 || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('version:publish')}\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n      >\n        {t('version:publish')}\n      </ListSelectionButton>\n      <PublishManyDrawerContent\n        collection={collection}\n        drawerSlug={drawerSlug}\n        ids={ids}\n        selectAll={selectAll}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,wBAAwB,QAAQ;AAMzC,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,KAAA;IAAAC,SAAA;IAAAC;EAAA,IAAuCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAJ,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,QAAA;IAGrCC,EAAA,GAAAC,IAAA,CAAAC,cAAA;MAAA,GACMP,KAAK;MAAAE,KAAA;MAAAM,GAAA,EAEJC,KAAA,CAAAC,IAAA,CAAWN,QAAA,CAAAO,IAAA,CAAa;MAAAR,SAAA,EAClBA,SAAA,KAAAT,eAAA,CAAAkB;IAA0C,C;;;;;;;;;SAJvDP,E;CAOJ;AAOA,OAAO,MAAME,cAAA,GAAgDP,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAC3D;IAAAuB,UAAA;IAAAA,UAAA,EAAAR,EAAA;IAAAH,KAAA;IAAAM,GAAA;IAAAL;EAAA,IAAmFH,KAAA;EAAnD;IAAAc,IAAA;IAAAC;EAAA,IAAAV,EAAuB,KAAAW,SAAA,QAAvBX,EAAuB;EAEvD;IAAAY;EAAA,IAAwBxB,OAAA;EACxB;IAAAyB;EAAA,IAActB,cAAA;EAEd;IAAAuB;EAAA,IAAsB5B,QAAA;EAEtB,MAAA6B,qBAAA,GAA8BH,WAAA,EAAAI,WAAA,GAA2BP,IAAA;EACzD,MAAAQ,aAAA,GAAsBF,qBAAA,EAAAG,MAAA;EAEtB,MAAAC,UAAA,GAAmB,WAAWV,IAAA,EAAM;EAAA,IAEhC,CAACC,QAAA,EAAAU,MAAA,IAAoBvB,KAAA,MAAU,KAAMoB,aAAA;IAAA;EAAA;EAAA,IAAAI,EAAA;EAAA,IAAAzB,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAuB,UAAA,IAAAvB,CAAA,QAAAO,GAAA,IAAAP,CAAA,QAAAkB,SAAA,IAAAlB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAiB,CAAA;IAAA,IAAAS,EAAA;IAAA,IAAA1B,CAAA,QAAAuB,UAAA,IAAAvB,CAAA,QAAAkB,SAAA;MAQ1BQ,EAAA,GAAAA,CAAA;QACPR,SAAA,CAAUK,UAAA;MAAA;MACZvB,CAAA,MAAAuB,UAAA;MAAAvB,CAAA,MAAAkB,SAAA;MAAAlB,CAAA,MAAA0B,EAAA;IAAA;MAAAA,EAAA,GAAA1B,CAAA;IAAA;IALJyB,EAAA,GAAAE,KAAA,CAAApC,KAAA,CAAAqC,QAAA;MAAAC,QAAA,GACExB,IAAA,CAAAT,mBAAA;QAAA,cACcqB,CAAA,CAAE;QAAAa,OAAA,EACLJ,EAET;QAAAG,QAAA,EAECZ,CAAA,CAAE;MAAA,C,GAELZ,IAAA,CAAAR,wBAAA;QAAAe,UAAA;QAAAW,UAAA;QAAAhB,GAAA;QAAAL;MAAA,C;;;;;;;;;;;;SATFuB,E;CAiBJ","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import './index.scss';
+type SearchBarProps = {
+    Actions?: React.ReactNode[];
+    className?: string;
+    filterKey?: string;
+    label?: string;
+    onSearchChange?: (search: string) => void;
+    searchQueryParam?: string;
+};
+export declare function SearchBar({ Actions, className, filterKey, label, onSearchChange, searchQueryParam, }: SearchBarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAA;AAIrB,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AACD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,cAAc,EACd,gBAAgB,GACjB,EAAE,cAAc,+BAehB"}

package/dist/elements/SearchBar/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon } from '../../icons/Search/index.js';
+import { SearchFilter } from '../SearchFilter/index.js';
+import './index.scss';
+const baseClass = 'search-bar';
+export function SearchBar({
+  Actions,
+  className,
+  filterKey,
+  label,
+  onSearchChange,
+  searchQueryParam
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx(SearchIcon, {}), /*#__PURE__*/_jsx(SearchFilter, {
+      handleChange: onSearchChange,
+      label: label,
+      searchQueryParam: searchQueryParam
+    }, filterKey || 'search'), Actions && Actions.length > 0 ? /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__actions`,
+      children: Actions
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","filterKey","label","onSearchChange","searchQueryParam","_jsxs","filter","Boolean","join","_jsx","handleChange","length"],"sources":["../../../src/elements/SearchBar/index.tsx"],"sourcesContent":["import { SearchIcon } from '../../icons/Search/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-bar'\n\ntype SearchBarProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  filterKey?: string\n  label?: string\n  onSearchChange?: (search: string) => void\n  searchQueryParam?: string\n}\nexport function SearchBar({\n  Actions,\n  className,\n  filterKey,\n  label,\n  onSearchChange,\n  searchQueryParam,\n}: SearchBarProps) {\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <SearchIcon />\n      <SearchFilter\n        handleChange={onSearchChange}\n        key={filterKey || 'search'}\n        label={label}\n        searchQueryParam={searchQueryParam}\n      />\n      {Actions && Actions.length > 0 ? (\n        <div className={`${baseClass}__actions`}>{Actions}</div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";AAAA,SAASA,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,SAASC,UAAU;EACxBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,cAAc;EACdC;AAAgB,CACD;EACf,oBACEC,KAAA,CAAC;IAAIL,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAACd,UAAA,O,aACDc,IAAA,CAACb,YAAA;MACCc,YAAA,EAAcP,cAAA;MAEdD,KAAA,EAAOA,KAAA;MACPE,gBAAA,EAAkBA;OAFbH,SAAA,IAAa,WAInBF,OAAA,IAAWA,OAAA,CAAQY,MAAM,GAAG,iBAC3BF,IAAA,CAAC;MAAIT,SAAA,EAAW,GAAGH,SAAA,WAAoB;gBAAGE;SACxC;;AAGV","ignoreList":[]}

package/dist/elements/SearchBar/index.scss

@@ -0,0 +1,26 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .search-bar {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    background-color: var(--theme-elevation-50);
+    border-radius: var(--style-radius-m);
+    padding: calc(var(--base) * 0.6);
+    gap: calc(var(--base) * 0.6);
+
+    .search-filter {
+      flex-grow: 1;
+      input {
+        flex-grow: 1;
+      }
+    }
+
+    &__actions {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 4);
+    }
+  }
+}

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

@@ -1,10 +1,33 @@
 import React from 'react';
 export type SearchFilterProps = {
+    /**
+     * This prop is deprecated and will be removed in the next major version.
+     *
+     * @deprecated
+     */
     fieldName?: string;
     handleChange?: (search: string) => void;
+    /**
+     * This prop is deprecated and will be removed in the next major version.
+     *
+     * Prefer passing in `searchString` instead.
+     *
+     * @deprecated
+     */
     initialParams?: ParsedQs;
     label: string;
+    searchQueryParam?: string;
+    /**
+     * This prop is deprecated and will be removed in the next major version.
+     *
+     * @deprecated
+     */
     setValue?: (arg: string) => void;
+    /**
+     * This prop is deprecated and will be removed in the next major version.
+     *
+     * @deprecated
+     */
     value?: string;
 };
 import type { ParsedQs } from 'qs-esm';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchFilter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwDpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchFilter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqDpD,CAAA"}

package/dist/elements/SearchFilter/index.js

@@ -10,10 +10,12 @@ export const SearchFilter = props => {
   const {
     handleChange,
     initialParams,
-    label
+    label,
+    searchQueryParam
   } = props;
+  const searchParam = initialParams?.search || searchQueryParam;
   const pathname = usePathname();
-  const [search, setSearch] = useState(typeof initialParams?.search === 'string' ? initialParams?.search : undefined);
+  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined);
   /**
   * Tracks whether the state should be updated based on the search value.
   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.
@@ -22,15 +24,15 @@ export const SearchFilter = props => {
   /**
   * Tracks the previous search value to compare with the current debounced search value.
   */
-  const previousSearch = useRef(typeof initialParams?.search === 'string' ? initialParams?.search : undefined);
+  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined);
   const debouncedSearch = useDebounce(search, 300);
   useEffect(() => {
-    if (initialParams?.search !== previousSearch.current) {
+    if (searchParam !== previousSearch.current) {
       shouldUpdateState.current = false;
-      setSearch(initialParams?.search);
-      previousSearch.current = initialParams?.search;
+      setSearch(searchParam);
+      previousSearch.current = searchParam;
     }
-  }, [initialParams?.search, pathname]);
+  }, [searchParam, pathname]);
   useEffect(() => {
     if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {
       if (handleChange) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useRef","useState","usePathname","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","pathname","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","_jsx","className","id","onChange","e","target","value","placeholder","type"],"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef, useState } from 'react'\n\nexport type SearchFilterProps = {\n  fieldName?: string\n  handleChange?: (search: string) => void\n  initialParams?: ParsedQs\n  label: string\n  setValue?: (arg: string) => void\n  value?: string\n}\n\nimport type { ParsedQs } from 'qs-esm'\n\nimport { usePathname } from 'next/navigation.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport const SearchFilter: React.FC<SearchFilterProps> = (props) => {\n  const { handleChange, initialParams, label } = props\n  const pathname = usePathname()\n  const [search, setSearch] = useState(\n    typeof initialParams?.search === 'string' ? initialParams?.search : undefined,\n  )\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(\n    typeof initialParams?.search === 'string' ? initialParams?.search : undefined,\n  )\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (initialParams?.search !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(initialParams?.search as string)\n      previousSearch.current = initialParams?.search as string\n    }\n  }, [initialParams?.search, pathname])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAanD,SAASC,WAAW,QAAQ;AAE5B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAA6CC,KAAA;EACxD,MAAM;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAK,CAAE,GAAGH,KAAA;EAC/C,MAAMI,QAAA,GAAWR,WAAA;EACjB,MAAM,CAACS,MAAA,EAAQC,SAAA,CAAU,GAAGX,QAAA,CAC1B,OAAOO,aAAA,EAAeG,MAAA,KAAW,WAAWH,aAAA,EAAeG,MAAA,GAASE,SAAA;EAGtE;;;;EAIA,MAAMC,iBAAA,GAAoBd,MAAA,CAAO;EAEjC;;;EAGA,MAAMe,cAAA,GAAiBf,MAAA,CACrB,OAAOQ,aAAA,EAAeG,MAAA,KAAW,WAAWH,aAAA,EAAeG,MAAA,GAASE,SAAA;EAGtE,MAAMG,eAAA,GAAkBb,WAAA,CAAYQ,MAAA,EAAQ;EAE5CZ,SAAA,CAAU;IACR,IAAIS,aAAA,EAAeG,MAAA,KAAWI,cAAA,CAAeE,OAAO,EAAE;MACpDH,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAUJ,aAAA,EAAeG,MAAA;MACzBI,cAAA,CAAeE,OAAO,GAAGT,aAAA,EAAeG,MAAA;IAC1C;EACF,GAAG,CAACH,aAAA,EAAeG,MAAA,EAAQD,QAAA,CAAS;EAEpCX,SAAA,CAAU;IACR,IAAIiB,eAAA,KAAoBD,cAAA,CAAeE,OAAO,IAAIH,iBAAA,CAAkBG,OAAO,EAAE;MAC3E,IAAIV,YAAA,EAAc;QAChBA,YAAA,CAAaS,eAAA;MACf;MAEAD,cAAA,CAAeE,OAAO,GAAGD,eAAA;IAC3B;EACF,GAAG,CAACA,eAAA,EAAiBT,YAAA,CAAa;EAElC,oBACEW,IAAA,CAAC;IAAIC,SAAA,EAAWf,SAAA;cACd,aAAAc,IAAA,CAAC;MACC,cAAYT,KAAA;MACZU,SAAA,EAAW,GAAGf,SAAA,SAAkB;MAChCgB,EAAA,EAAG;MACHC,QAAA,EAAWC,CAAA;QACTR,iBAAA,CAAkBG,OAAO,GAAG;QAC5BL,SAAA,CAAUU,CAAA,CAAEC,MAAM,CAACC,KAAK;MAC1B;MACAC,WAAA,EAAahB,KAAA;MACbiB,IAAA,EAAK;MACLF,KAAA,EAAOb,MAAA,IAAU;;;AAIzB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","useState","usePathname","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","pathname","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","_jsx","className","id","onChange","e","target","value","placeholder","type"],"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef, useState } from 'react'\n\nexport type SearchFilterProps = {\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  fieldName?: string\n  handleChange?: (search: string) => void\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * Prefer passing in `searchString` instead.\n   *\n   * @deprecated\n   */\n  initialParams?: ParsedQs\n  label: string\n  searchQueryParam?: string\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  setValue?: (arg: string) => void\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  value?: string\n}\n\nimport type { ParsedQs } from 'qs-esm'\n\nimport { usePathname } from 'next/navigation.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport const SearchFilter: React.FC<SearchFilterProps> = (props) => {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const pathname = usePathname()\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n  }, [searchParam, pathname])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAoCnD,SAASC,WAAW,QAAQ;AAE5B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAA6CC,KAAA;EACxD,MAAM;IAAEC,YAAY;IAAEC,aAAa;IAAEC,KAAK;IAAEC;EAAgB,CAAE,GAAGJ,KAAA;EACjE,MAAMK,WAAA,GAAcH,aAAA,EAAeI,MAAA,IAAUF,gBAAA;EAC7C,MAAMG,QAAA,GAAWX,WAAA;EACjB,MAAM,CAACU,MAAA,EAAQE,SAAA,CAAU,GAAGb,QAAA,CAAS,OAAOU,WAAA,KAAgB,WAAWA,WAAA,GAAcI,SAAA;EAErF;;;;EAIA,MAAMC,iBAAA,GAAoBhB,MAAA,CAAO;EAEjC;;;EAGA,MAAMiB,cAAA,GAAiBjB,MAAA,CAAO,OAAOW,WAAA,KAAgB,WAAWA,WAAA,GAAcI,SAAA;EAE9E,MAAMG,eAAA,GAAkBf,WAAA,CAAYS,MAAA,EAAQ;EAE5Cb,SAAA,CAAU;IACR,IAAIY,WAAA,KAAgBM,cAAA,CAAeE,OAAO,EAAE;MAC1CH,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAUH,WAAA;MACVM,cAAA,CAAeE,OAAO,GAAGR,WAAA;IAC3B;EACF,GAAG,CAACA,WAAA,EAAaE,QAAA,CAAS;EAE1Bd,SAAA,CAAU;IACR,IAAImB,eAAA,KAAoBD,cAAA,CAAeE,OAAO,IAAIH,iBAAA,CAAkBG,OAAO,EAAE;MAC3E,IAAIZ,YAAA,EAAc;QAChBA,YAAA,CAAaW,eAAA;MACf;MAEAD,cAAA,CAAeE,OAAO,GAAGD,eAAA;IAC3B;EACF,GAAG,CAACA,eAAA,EAAiBX,YAAA,CAAa;EAElC,oBACEa,IAAA,CAAC;IAAIC,SAAA,EAAWjB,SAAA;cACd,aAAAgB,IAAA,CAAC;MACC,cAAYX,KAAA;MACZY,SAAA,EAAW,GAAGjB,SAAA,SAAkB;MAChCkB,EAAA,EAAG;MACHC,QAAA,EAAWC,CAAA;QACTR,iBAAA,CAAkBG,OAAO,GAAG;QAC5BL,SAAA,CAAUU,CAAA,CAAEC,MAAM,CAACC,KAAK;MAC1B;MACAC,WAAA,EAAalB,KAAA;MACbmB,IAAA,EAAK;MACLF,KAAA,EAAOd,MAAA,IAAU;;;AAIzB","ignoreList":[]}

package/dist/elements/SortColumn/index.scss

@@ -25,7 +25,7 @@
     &__buttons {
       display: flex;
       align-items: center;
-      gap: calc(var(--base) / 4);
+      gap: 0;
     }
 
     &__button {

package/dist/elements/StepNav/types.d.ts

@@ -1,6 +1,7 @@
 import type { LabelFunction, StaticLabel } from 'payload';
+import type React from 'react';
 export type StepNavItem = {
-    label: LabelFunction | StaticLabel;
+    label: LabelFunction | React.JSX.Element | StaticLabel;
     url?: string;
 };
 export type ContextType = {

package/dist/elements/StepNav/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,WAAW,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,WAAW,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}

package/dist/elements/StepNav/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nexport type StepNavItem = {\n  label: LabelFunction | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAOA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAQA","ignoreList":[]}

package/dist/elements/Table/index.scss

@@ -25,8 +25,10 @@
     th,
     td {
       vertical-align: top;
-      padding: base(0.8) base(0.6);
+      padding: calc(var(--base) * 0.6);
       min-width: 150px;
+      position: relative;
+      z-index: 1;
 
       &:first-child {
         padding-inline-start: base(0.8);
@@ -39,9 +41,18 @@
 
     tbody {
       tr {
+        position: relative;
         &:nth-child(odd) {
-          background: var(--theme-elevation-50);
-          border-radius: $style-radius-s;
+          &:after {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            background: var(--theme-elevation-50);
+            height: 100%;
+            border-radius: var(--style-radius-s);
+          }
         }
       }
     }
@@ -52,13 +63,17 @@
     }
 
     &--appearance-condensed {
+      border-radius: var(--style-radius-s);
+      table {
+        border-collapse: collapse;
+      }
       thead {
         th:first-child {
-          border-top-left-radius: $style-radius-s;
+          border-top-left-radius: var(--style-radius-s);
         }
 
         th:last-child {
-          border-top-right-radius: $style-radius-s;
+          border-top-right-radius: var(--style-radius-s);
         }
 
         background: var(--theme-elevation-50);
@@ -67,8 +82,19 @@
       tbody {
         tr {
           &:nth-child(odd) {
-            background: transparent;
-            border-radius: 0;
+            &:after {
+              display: none;
+            }
+          }
+
+          &:last-child {
+            td:first-child {
+              border-bottom-left-radius: var(--style-radius-s);
+            }
+
+            td:last-child {
+              border-bottom-right-radius: var(--style-radius-s);
+            }
           }
         }
       }

package/dist/elements/UnpublishMany/DrawerContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { UnpublishManyProps } from './index.js';
+type UnpublishManyDrawerContentProps = {
+    drawerSlug: string;
+    ids: (number | string)[];
+    selectAll: boolean;
+} & UnpublishManyProps;
+export declare function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DrawerContent.d.ts.map

package/dist/elements/UnpublishMany/DrawerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAUpD,KAAK,+BAA+B,GAAG;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB,GAAG,kBAAkB,CAAA;AAEtB,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,qBA6IhF"}

package/dist/elements/UnpublishMany/DrawerContent.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import { combineWhereConstraints, mergeListSearchAndWhere } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback } from 'react';
+import { toast } from 'sonner';
+import { useConfig } from '../../providers/Config/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { requests } from '../../utilities/api.js';
+import { parseSearchParams } from '../../utilities/parseSearchParams.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
+export function UnpublishManyDrawerContent(props) {
+  const {
+    collection,
+    collection: {
+      slug,
+      labels: {
+        plural,
+        singular
+      }
+    } = {},
+    drawerSlug,
+    ids,
+    selectAll
+  } = props;
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const addDefaultError = useCallback(() => {
+    toast.error(t('error:unknown'));
+  }, [t]);
+  const queryString = React.useMemo(() => {
+    const whereConstraints = [{
+      _status: {
+        not_equals: 'draft'
+      }
+    }];
+    const queryWithSearch = mergeListSearchAndWhere({
+      collectionConfig: collection,
+      search: searchParams.get('search')
+    });
+    if (queryWithSearch) {
+      whereConstraints.push(queryWithSearch);
+    }
+    if (!selectAll) {
+      // If we're not selecting all, we need to select specific docs
+      whereConstraints.push({
+        id: {
+          in: ids || []
+        }
+      });
+    }
+    return qs.stringify({
+      locale,
+      where: combineWhereConstraints(whereConstraints)
+    }, {
+      addQueryPrefix: true
+    });
+  }, [collection, searchParams, selectAll, ids, locale]);
+  const handleUnpublish = useCallback(async () => {
+    await requests.patch(`${serverURL}${api}/${slug}${queryString}`, {
+      body: JSON.stringify({
+        _status: 'draft'
+      }),
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      }
+    }).then(async res => {
+      try {
+        const json = await res.json();
+        const deletedDocs = json?.docs.length || 0;
+        const successLabel = deletedDocs > 1 ? plural : singular;
+        if (res.status < 400 || deletedDocs > 0) {
+          toast.success(t('general:updatedCountSuccessfully', {
+            count: deletedDocs,
+            label: getTranslation(successLabel, i18n)
+          }));
+          if (json?.errors.length > 0) {
+            toast.error(json.message, {
+              description: json.errors.map(error => error.message).join('\n')
+            });
+          }
+          router.replace(qs.stringify({
+            ...parseSearchParams(searchParams),
+            page: selectAll ? '1' : undefined
+          }, {
+            addQueryPrefix: true
+          }));
+          clearRouteCache();
+          return null;
+        }
+        if (json.errors) {
+          json.errors.forEach(error => toast.error(error.message));
+        } else {
+          addDefaultError();
+        }
+        return false;
+      } catch (_err) {
+        return addDefaultError();
+      }
+    });
+  }, [serverURL, api, slug, queryString, i18n, plural, singular, t, router, searchParams, selectAll, clearRouteCache, addDefaultError]);
+  return /*#__PURE__*/_jsx(ConfirmationModal, {
+    body: t('version:aboutToUnpublishSelection', {
+      label: getTranslation(plural, i18n)
+    }),
+    confirmingLabel: t('version:unpublishing'),
+    heading: t('version:confirmUnpublish'),
+    modalSlug: drawerSlug,
+    onConfirm: handleUnpublish
+  });
+}
+//# sourceMappingURL=DrawerContent.js.map

package/dist/elements/UnpublishMany/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":["getTranslation","useRouter","useSearchParams","combineWhereConstraints","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","parseSearchParams","ConfirmationModal","UnpublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","selectAll","config","routes","api","serverURL","code","locale","i18n","t","searchParams","router","clearRouteCache","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","queryWithSearch","collectionConfig","search","get","push","id","in","stringify","where","addQueryPrefix","handleUnpublish","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","_jsx","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { combineWhereConstraints, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { UnpublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype UnpublishManyDrawerContentProps = {\n  drawerSlug: string\n  ids: (number | string)[]\n  selectAll: boolean\n} & UnpublishManyProps\n\nexport function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    selectAll,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'draft',\n        },\n      },\n    ]\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (!selectAll) {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale])\n\n  const handleUnpublish = useCallback(async () => {\n    await requests\n      .patch(`${serverURL}${api}/${slug}${queryString}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    serverURL,\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}\n      confirmingLabel={t('version:unpublishing')}\n      heading={t('version:confirmUnpublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handleUnpublish}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,12 @@
 import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
-import './index.scss';
 export type UnpublishManyProps = {
     collection: ClientCollectionConfig;
 };
 export declare const UnpublishMany: React.FC<UnpublishManyProps>;
+export declare const UnpublishMany_v4: React.FC<{
+    count: number;
+    ids: (number | string)[];
+    selectAll: boolean;
+} & UnpublishManyProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAMrD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4HtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWtD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC;IACE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB,GAAG,kBAAkB,CAmCvB,CAAA"}