@payloadcms/ui 4.0.0-internal.b8e7c89 → 4.0.0-internal.bf4bcce

package/dist/widgets/CollectionCards/index.css

@@ -1,46 +1,46 @@
 @layer payload-default {
   .collections {
-    display: flex;
     width: 100%;
-    --gap: var(--spacer-3);
-    --cols: 5;
   }
 
   .collections__wrap {
-    width: 100%;
     display: flex;
     flex-direction: column;
-    gap: var(--spacer-3);
-    padding-bottom: var(--spacer-6);
+    gap: var(--spacer-5);
+    width: 100%;
+    background: var(--color-bg);
   }
 
   .collections__group {
     display: flex;
     flex-direction: column;
-    gap: var(--gap);
-    padding-top: var(--spacer-2);
+    gap: var(--spacer-2-5);
   }
 
   .collections__label {
     margin: 0;
-    font-family: var(--text-heading-medium-font-family);
+    color: var(--color-text);
     font-size: var(--text-heading-medium-font-size);
     font-weight: var(--text-heading-medium-font-weight);
     line-height: var(--text-heading-medium-line-height);
     letter-spacing: var(--text-heading-medium-letter-spacing);
-    color: var(--color-text);
   }
 
   .collections__card-list {
+    display: grid;
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    gap: var(--spacer-2-5);
     padding: 0;
     margin: 0;
     list-style: none;
-    gap: var(--spacer-3);
-    display: grid;
-    grid-template-columns: repeat(var(--cols), 1fr);
 
-    .card {
-      height: 100%;
+    .card:has(.card__actions) .card__title {
+      max-width: calc(100% - var(--spacer-4));
+    }
+
+    .card__actions {
+      right: auto;
+      inset-inline-end: var(--spacer-2);
     }
   }
 
@@ -49,36 +49,32 @@
     justify-content: unset;
   }
 
-  @media (max-width: 1440px) {
-    .collections {
-      --cols: 4;
+  @media (hover: hover) and (pointer: fine) {
+    .collections__card-list .card__actions:has(.btn) {
+      opacity: 0;
     }
-  }
 
-  @media (max-width: 1024px) {
-    .collections {
-      --gap: var(--spacer-3);
-      --cols: 2;
+    .collections__card-list .card:hover .card__actions,
+    .collections__card-list .card:focus-within .card__actions {
+      opacity: 1;
     }
   }
 
-  @media (max-width: 768px) {
-    .collections {
-      --cols: 2;
-    }
-
-    .collections__wrap {
-      gap: var(--spacer-3);
+  @media (min-width: 400px) {
+    .collections__card-list {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+  }
 
+  @media (min-width: 768px) {
     .collections__card-list {
-      gap: var(--spacer-2);
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
 
-  @media (max-width: 400px) {
-    .collections {
-      --cols: 1;
+  @media (min-width: 1024px) {
+    .collections__card-list {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
 }

package/dist/widgets/CollectionCards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAoH7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAqH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -99,25 +99,27 @@ export async function CollectionCards(props) {
                   }
                 }
               }
+              const createButtonLabel = t('general:createNewLabel', {
+                label: title
+              });
               return /*#__PURE__*/_jsx("li", {
                 children: /*#__PURE__*/_jsx(Card, {
                   actions: isLocked && user?.id !== userEditing?.id ? /*#__PURE__*/_jsx(Locked, {
                     className: `${baseClass}__locked`,
                     user: userEditing
                   }) : hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/_jsx(Button, {
-                    "aria-label": t('general:createNewLabel', {
-                      label
-                    }),
+                    "aria-label": createButtonLabel,
                     buttonStyle: "ghost",
                     el: "link",
                     icon: "plus",
                     round: true,
-                    to: createHREF
+                    to: createHREF,
+                    tooltip: createButtonLabel
                   }) : undefined,
                   buttonAriaLabel: buttonAriaLabel,
                   href: href,
                   id: `card-${slug}`,
-                  title: getTranslation(label, i18n),
+                  title: title,
                   titleAs: "h3"
                 })
               }, entityIndex);

package/dist/widgets/CollectionCards/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","createButtonLabel","actions","id","buttonStyle","el","icon","round","to","tooltip","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    const createButtonLabel = t('general:createNewLabel', { label: title })\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={createButtonLabel}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                                tooltip={createButtonLabel}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={title}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionQuery/SortField/index.d.ts

@@ -1,3 +1,4 @@
-import type { TextFieldClientComponent } from 'payload';
-export declare const CollectionQuerySortField: TextFieldClientComponent;
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+export declare const CollectionQuerySortField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/CollectionQuery/SortField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAcrE,eAAO,MAAM,wBAAwB,EAAE,wBA6FtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEjE,OAAO,KAA+B,MAAM,OAAO,CAAA;AAYnD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6FnE,CAAA"}

package/dist/widgets/CollectionQuery/SortField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","field","path","pathFromProps","readOnly","name","admin","label","required","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","value","potentiallyStalePath","relatedCollectionField","relatedCollection","config","permissions","i18n","t","collectionConfig","collections","find","collection","slug","options","sortableFieldPaths","fields","fieldOptions","fieldPermissions","filter","fieldPath","has","map","plainTextLabel","onChange","selectedOption","Array","isArray","_jsx","description","isClearable","placeholder"],"sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js'\nimport { getCollectionFieldPaths } from '../getCollectionFieldPaths.js'\n\nconst baseFieldValues = new Set(['createdAt', 'id', 'updatedAt'])\n\nexport const CollectionQuerySortField: TextFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { name, admin, label, required } = field\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({ potentiallyStalePath: pathFromProps })\n  const relatedCollectionField = useField<string>({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value\n  const { config } = useConfig()\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((collection) => collection.slug === relatedCollection) ?? null\n  }, [config.collections, relatedCollection])\n\n  const options = useMemo<OptionObject[]>(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n\n    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields\n    // the API can actually sort by (e.g. excluding array sub-fields).\n    const { sortableFieldPaths } = getCollectionFieldPaths(collectionConfig.fields)\n\n    const fieldOptions = reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n      .filter(\n        ({ fieldPath }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath),\n      )\n      .map(({ fieldPath, plainTextLabel }) => ({\n        label: plainTextLabel ?? fieldPath,\n        value: fieldPath,\n      }))\n\n    return [\n      { label: 'ID', value: 'id' },\n      { label: t('general:createdAt'), value: 'createdAt' },\n      { label: t('general:updatedAt'), value: 'updatedAt' },\n      ...fieldOptions,\n    ]\n  }, [collectionConfig, i18n, permissions, relatedCollection, t])\n\n  const onChange = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (Array.isArray(selectedOption)) {\n        return\n      }\n\n      setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null)\n    },\n    [setValue],\n  )\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      Description={Description}\n      description={admin?.description}\n      Error={Error}\n      isClearable\n      Label={Label}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={\n        relatedCollection\n          ? t('dashboard:widgetSelectSortField')\n          : t('dashboard:widgetSelectCollectionFirst')\n      }\n      readOnly={readOnly || !relatedCollection}\n      required={required}\n      showError={showError}\n      value={value}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","field","path","pathFromProps","readOnly","name","admin","label","required","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","value","potentiallyStalePath","relatedCollectionField","relatedCollection","config","permissions","i18n","t","collectionConfig","collections","find","collection","slug","options","sortableFieldPaths","fields","fieldOptions","fieldPermissions","filter","fieldPath","has","map","plainTextLabel","onChange","selectedOption","Array","isArray","_jsx","description","isClearable","placeholder"],"sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, TextFieldClientProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js'\nimport { getCollectionFieldPaths } from '../getCollectionFieldPaths.js'\n\nconst baseFieldValues = new Set(['createdAt', 'id', 'updatedAt'])\n\nexport const CollectionQuerySortField: React.FC<TextFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { name, admin, label, required } = field\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({ potentiallyStalePath: pathFromProps })\n  const relatedCollectionField = useField<string>({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value\n  const { config } = useConfig()\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((collection) => collection.slug === relatedCollection) ?? null\n  }, [config.collections, relatedCollection])\n\n  const options = useMemo<OptionObject[]>(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n\n    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields\n    // the API can actually sort by (e.g. excluding array sub-fields).\n    const { sortableFieldPaths } = getCollectionFieldPaths(collectionConfig.fields)\n\n    const fieldOptions = reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n      .filter(\n        ({ fieldPath }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath),\n      )\n      .map(({ fieldPath, plainTextLabel }) => ({\n        label: plainTextLabel ?? fieldPath,\n        value: fieldPath,\n      }))\n\n    return [\n      { label: 'ID', value: 'id' },\n      { label: t('general:createdAt'), value: 'createdAt' },\n      { label: t('general:updatedAt'), value: 'updatedAt' },\n      ...fieldOptions,\n    ]\n  }, [collectionConfig, i18n, permissions, relatedCollection, t])\n\n  const onChange = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (Array.isArray(selectedOption)) {\n        return\n      }\n\n      setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null)\n    },\n    [setValue],\n  )\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      Description={Description}\n      description={admin?.description}\n      Error={Error}\n      isClearable\n      Label={Label}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={\n        relatedCollection\n          ? t('dashboard:widgetSelectSortField')\n          : t('dashboard:widgetSelectCollectionFirst')\n      }\n      readOnly={readOnly || !relatedCollection}\n      required={required}\n      showError={showError}\n      value={value}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionQuery/index.css

@@ -16,7 +16,6 @@
     border-radius: var(--radius-small, 3px);
     background: var(--color-bg-danger-tertiary);
     color: var(--color-text-danger);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     line-height: var(--text-body-medium-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
@@ -30,11 +29,10 @@
     border-radius: var(--radius-small, 3px);
     background: var(--color-bg-danger);
     color: var(--color-text-ondanger);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .collection-query-widget__error-list {

package/dist/widgets/RecentlyViewed/CollectionsField/index.d.ts

@@ -1,10 +1,11 @@
-import type { SelectFieldClientComponent } from 'payload';
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
 import './index.css';
 /**
- * Widget config field for the activity widget. The value is stored as an exclusion list
+ * Widget config field shared by collection checklists. The value is stored as an exclusion list
  * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
  * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
  * added later are visible by default.
  */
-export declare const RecentlyViewedCollectionsField: SelectFieldClientComponent;
+export declare const RecentlyViewedCollectionsField: React.FC<SelectFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/RecentlyViewed/CollectionsField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAS/E,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,0BAmD5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAQ1D,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwE3E,CAAA"}

package/dist/widgets/RecentlyViewed/CollectionsField/index.js

@@ -2,8 +2,10 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useId, useMemo } from 'react';
+import { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
 import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { FieldDescription } from '../../../fields/FieldDescription/index.js';
 import { FieldLabel } from '../../../fields/FieldLabel/index.js';
 import { useField } from '../../../forms/useField/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -14,7 +16,7 @@ const normalizeOption = option => typeof option === 'string' ? {
   value: option
 } : option;
 /**
- * Widget config field for the activity widget. The value is stored as an exclusion list
+ * Widget config field shared by collection checklists. The value is stored as an exclusion list
  * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
  * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
  * added later are visible by default.
@@ -25,18 +27,27 @@ export const RecentlyViewedCollectionsField = ({
   readOnly
 }) => {
   const {
+    admin: {
+      description
+    } = {},
     label
   } = field;
   const {
+    customComponents: {
+      Description
+    } = {},
     path,
     setValue,
     value
   } = useField({
     potentiallyStalePath: pathFromProps
   });
+  const hasDescription = Boolean(Description || description);
   const {
     i18n
   } = useTranslation();
+  const labelID = useId();
+  const descriptionID = useId();
   const excludedSlugs = useMemo(() => new Set(Array.isArray(value) ? value : []), [value]);
   const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options]);
   const toggleCollection = useCallback((slug, isIncluded) => {
@@ -49,11 +60,17 @@ export const RecentlyViewedCollectionsField = ({
     setValue(Array.from(nextExcluded));
   }, [excludedSlugs, setValue]);
   return /*#__PURE__*/_jsxs("div", {
+    "aria-describedby": hasDescription ? descriptionID : undefined,
+    "aria-labelledby": labelID,
     className: baseClass,
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      as: "span",
-      label: label,
-      path: path
+    role: "group",
+    children: [/*#__PURE__*/_jsx("span", {
+      id: labelID,
+      children: /*#__PURE__*/_jsx(FieldLabel, {
+        as: "span",
+        label: label,
+        path: path
+      })
     }), /*#__PURE__*/_jsx("ul", {
       className: `${baseClass}__list`,
       children: options.map(option => {
@@ -70,6 +87,15 @@ export const RecentlyViewedCollectionsField = ({
           })
         }, option.value);
       })
+    }), /*#__PURE__*/_jsx("div", {
+      id: descriptionID,
+      children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+          description: description,
+          path: path
+        })
+      })
     })]
   });
 };

package/dist/widgets/RecentlyViewed/CollectionsField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","CheckboxInput","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","setValue","potentiallyStalePath","i18n","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","className","_jsx","as","has","resolvedLabel","checked","name","onToggle","event","target"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field for the activity widget. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: SelectFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { label } = field\n  const { path, setValue, value } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const { i18n } = useTranslation()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel as=\"span\" label={label} path={path} />\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,eAAA,GAAmBC,MAAA,IACvB,OAAOA,MAAA,KAAW,WAAW;EAAEC,KAAA,EAAOD,MAAA;EAAQE,KAAA,EAAOF;AAAO,IAAIA,MAAA;AAElE;;;;;;AAMA,OAAO,MAAMG,8BAAA,GAA6DA,CAAC;EACzEC,KAAK;EACLC,IAAA,EAAMC,aAAa;EACnBC;AAAQ,CACT;EACC,MAAM;IAAEN;EAAK,CAAE,GAAGG,KAAA;EAClB,MAAM;IAAEC,IAAI;IAAEG,QAAQ;IAAEN;EAAK,CAAE,GAAGN,QAAA,CAAmB;IAAEa,oBAAA,EAAsBH;EAAc;EAC3F,MAAM;IAAEI;EAAI,CAAE,GAAGb,cAAA;EAEjB,MAAMc,aAAA,GAAgBlB,OAAA,CAAQ,MAAM,IAAImB,GAAA,CAAYC,KAAA,CAAMC,OAAO,CAACZ,KAAA,IAASA,KAAA,GAAQ,EAAE,GAAG,CAACA,KAAA,CAAM;EAE/F,MAAMa,OAAA,GAAUtB,OAAA,CAAQ,MAAM,CAACW,KAAA,CAAMW,OAAO,IAAI,EAAE,EAAEC,GAAG,CAACjB,eAAA,GAAkB,CAACK,KAAA,CAAMW,OAAO,CAAC;EAEzF,MAAME,gBAAA,GAAmBzB,WAAA,CACvB,CAAC0B,IAAA,EAAcC,UAAA;IACb,MAAMC,YAAA,GAAe,IAAIR,GAAA,CAAID,aAAA;IAE7B,IAAIQ,UAAA,EAAY;MACdC,YAAA,CAAaC,MAAM,CAACH,IAAA;IACtB,OAAO;MACLE,YAAA,CAAaE,GAAG,CAACJ,IAAA;IACnB;IAEAV,QAAA,CAASK,KAAA,CAAMU,IAAI,CAACH,YAAA;EACtB,GACA,CAACT,aAAA,EAAeH,QAAA,CAAS;EAG3B,oBACEgB,KAAA,CAAC;IAAIC,SAAA,EAAW3B,SAAA;4BACd4B,IAAA,CAAC/B,UAAA;MAAWgC,EAAA,EAAG;MAAO1B,KAAA,EAAOA,KAAA;MAAOI,IAAA,EAAMA;qBAC1CqB,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAG3B,SAAA,QAAiB;gBAChCiB,OAAA,CAAQC,GAAG,CAAEhB,MAAA;QACZ,MAAMmB,YAAA,GAAa,CAACR,aAAA,CAAciB,GAAG,CAAC5B,MAAA,CAAOE,KAAK;QAClD,MAAM2B,aAAA,GAAgBvC,cAAA,CAAeU,MAAA,CAAOC,KAAK,EAAES,IAAA;QAEnD,oBACEgB,IAAA,CAAC;UAAGD,SAAA,EAAW,GAAG3B,SAAA,UAAmB;oBACnC,aAAA4B,IAAA,CAAChC,aAAA;YACCoC,OAAA,EAASX,YAAA;YACTlB,KAAA,EAAO,OAAO4B,aAAA,KAAkB,WAAWA,aAAA,GAAgB7B,MAAA,CAAOE,KAAK;YACvE6B,IAAA,EAAM,GAAG1B,IAAA,KAASL,MAAA,CAAOE,KAAK,EAAE;YAChC8B,QAAA,EAAWC,KAAA,IAAUhB,gBAAA,CAAiBjB,MAAA,CAAOE,KAAK,EAAE+B,KAAA,CAAMC,MAAM,CAACJ,OAAO;YACxEvB,QAAA,EAAUA;;WAN8BP,MAAA,CAAOE,KAAK;MAU5D;;;AAIR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useId","useMemo","RenderCustomComponent","CheckboxInput","FieldDescription","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","admin","description","customComponents","Description","setValue","potentiallyStalePath","hasDescription","Boolean","i18n","labelID","descriptionID","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","undefined","className","role","_jsx","id","as","has","resolvedLabel","checked","name","onToggle","event","target","CustomComponent","Fallback"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useId, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field shared by collection checklists. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: React.FC<SelectFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { admin: { description } = {}, label } = field\n  const {\n    customComponents: { Description } = {},\n    path,\n    setValue,\n    value,\n  } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const hasDescription = Boolean(Description || description)\n  const { i18n } = useTranslation()\n  const labelID = useId()\n  const descriptionID = useId()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div\n      aria-describedby={hasDescription ? descriptionID : undefined}\n      aria-labelledby={labelID}\n      className={baseClass}\n      role=\"group\"\n    >\n      <span id={labelID}>\n        <FieldLabel as=\"span\" label={label} path={path} />\n      </span>\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n      <div id={descriptionID}>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/RecentlyViewed/PinDocumentPicker/index.css

@@ -0,0 +1,41 @@
+@layer payload-default {
+  .recents-widget__add-pin {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-block-size: var(--recents-row-height);
+    padding: var(--spacer-2);
+    border: var(--stroke-width-small) dashed var(--color-border);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+    text-align: center;
+  }
+
+  .recents-widget__select-documents {
+    height: auto;
+    min-block-size: var(--spacer-4);
+    max-inline-size: 100%;
+  }
+
+  .recents-widget__select-documents .btn__label {
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .recents-widget__select-documents[aria-disabled='true'] {
+    cursor: progress;
+  }
+
+  .recents-widget__pin-picker .sort-column__label,
+  .recents-widget__pin-picker .page-controls__page-info,
+  .recents-widget__pin-picker .per-page__label {
+    color: var(--recents-text-secondary);
+  }
+
+  .recents-widget__pin-picker .sort-column__button {
+    min-width: var(--spacer-4);
+    min-height: var(--spacer-4);
+    color: var(--color-icon-secondary);
+  }
+}

package/dist/widgets/RecentlyViewed/PinDocumentPicker/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { PinnedItem } from '../recents.js';
+import './index.css';
+export declare function PinDocumentPicker({ collectionSlugs, isDisabled, isEmpty, labels, onError, onSelect, pinsURL, }: {
+    collectionSlugs: string[];
+    isDisabled: boolean;
+    isEmpty?: boolean;
+    labels: {
+        addPin: string;
+        pinnedEmpty: string;
+        pinnedEmptyDescription: string;
+    };
+    onError: () => void;
+    onSelect: (args: {
+        document: PinnedItem;
+    }) => void;
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/RecentlyViewed/PinDocumentPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/PinDocumentPicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAGvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM/C,OAAO,aAAa,CAAA;AAEpB,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,UAAU,EACV,OAAe,EACf,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE;IACD,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,sBAAsB,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAA;IAClD,OAAO,EAAE,MAAM,CAAA;CAChB,qBAmGA"}

package/dist/widgets/RecentlyViewed/PinDocumentPicker/index.js

@@ -0,0 +1,121 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useId, useMemo, useState } from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { useListDrawer } from '../../../elements/ListDrawer/index.js';
+import { PinIcon } from '../../../icons/Pin/index.js';
+import { readPinnedPreferences } from '../pinnedPreferences.js';
+import './index.css';
+export function PinDocumentPicker({
+  collectionSlugs,
+  isDisabled,
+  isEmpty = false,
+  labels,
+  onError,
+  onSelect,
+  pinsURL
+}) {
+  const emptyStateID = useId();
+  const [filterOptions, setFilterOptions] = useState({});
+  const [isPreparing, setIsPreparing] = useState(false);
+  const drawerOptions = useMemo(() => ({
+    collectionSlugs,
+    filterOptions
+  }), [collectionSlugs, filterOptions]);
+  const [ListDrawer,, {
+    closeDrawer,
+    isDrawerOpen,
+    openDrawer
+  }] = useListDrawer(drawerOptions);
+  const handleSelect = ({
+    collectionSlug,
+    doc
+  }) => {
+    closeDrawer();
+    onSelect({
+      document: {
+        id: doc.id,
+        collectionSlug
+      }
+    });
+  };
+  const prepareDrawer = async () => {
+    if (isDisabled || isPreparing) {
+      return;
+    }
+    setIsPreparing(true);
+    try {
+      const pins = await readPinnedPreferences({
+        url: pinsURL
+      });
+      const idsByCollection = new Map();
+      for (const document of pins) {
+        const ids = idsByCollection.get(document.collectionSlug) ?? [];
+        ids.push(document.id);
+        idsByCollection.set(document.collectionSlug, ids);
+      }
+      setFilterOptions(Object.fromEntries(collectionSlugs.map(slug => {
+        const ids_0 = idsByCollection.get(slug);
+        return [slug, ids_0?.length ? {
+          id: {
+            not_in: ids_0
+          }
+        } : true];
+      })));
+      openDrawer();
+    } catch {
+      onError();
+    } finally {
+      setIsPreparing(false);
+    }
+  };
+  const addPinButton = /*#__PURE__*/_jsx(Button, {
+    "aria-expanded": isDrawerOpen,
+    "aria-haspopup": "dialog",
+    "aria-label": labels.addPin,
+    buttonStyle: "secondary",
+    className: "recents-widget__select-documents",
+    extraButtonProps: {
+      'aria-busy': isPreparing,
+      'aria-describedby': isEmpty ? emptyStateID : undefined,
+      'aria-disabled': isDisabled || isPreparing
+    },
+    margin: false,
+    onClick: () => void prepareDrawer(),
+    size: "medium",
+    type: "button",
+    children: labels.addPin
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [isEmpty ? /*#__PURE__*/_jsxs("div", {
+      className: "recents-widget__empty",
+      children: [/*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "recents-widget__empty-icon recents-widget__empty-icon--pinned",
+        children: /*#__PURE__*/_jsx(PinIcon, {})
+      }), /*#__PURE__*/_jsxs("span", {
+        className: "recents-widget__empty-text",
+        id: emptyStateID,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "recents-widget__empty-title",
+          children: labels.pinnedEmpty
+        }), /*#__PURE__*/_jsx("span", {
+          className: "recents-widget__empty-description",
+          children: labels.pinnedEmptyDescription
+        })]
+      }), addPinButton]
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "recents-widget__add-pin",
+      children: addPinButton
+    }), /*#__PURE__*/_jsx(ListDrawer, {
+      allowCreate: false,
+      className: "recents-widget__pin-picker",
+      disableQueryPresets: true,
+      enableRowSelections: false,
+      onSelect: handleSelect,
+      overrideEntityVisibility: false
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/RecentlyViewed/PinDocumentPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useId","useMemo","useState","Button","useListDrawer","PinIcon","readPinnedPreferences","PinDocumentPicker","collectionSlugs","isDisabled","isEmpty","labels","onError","onSelect","pinsURL","emptyStateID","filterOptions","setFilterOptions","isPreparing","setIsPreparing","drawerOptions","ListDrawer","closeDrawer","isDrawerOpen","openDrawer","handleSelect","collectionSlug","doc","document","id","prepareDrawer","pins","url","idsByCollection","Map","ids","get","push","set","Object","fromEntries","map","slug","length","not_in","addPinButton","_jsx","addPin","buttonStyle","className","extraButtonProps","undefined","margin","onClick","size","type","_jsxs","_Fragment","pinnedEmpty","pinnedEmptyDescription","allowCreate","disableQueryPresets","enableRowSelections","overrideEntityVisibility"],"sources":["../../../../src/widgets/RecentlyViewed/PinDocumentPicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FilterOptionsResult } from 'payload'\n\nimport React, { useId, useMemo, useState } from 'react'\n\nimport type { ListDrawerProps } from '../../../elements/ListDrawer/types.js'\nimport type { PinnedItem } from '../recents.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useListDrawer } from '../../../elements/ListDrawer/index.js'\nimport { PinIcon } from '../../../icons/Pin/index.js'\nimport { readPinnedPreferences } from '../pinnedPreferences.js'\nimport './index.css'\n\nexport function PinDocumentPicker({\n  collectionSlugs,\n  isDisabled,\n  isEmpty = false,\n  labels,\n  onError,\n  onSelect,\n  pinsURL,\n}: {\n  collectionSlugs: string[]\n  isDisabled: boolean\n  isEmpty?: boolean\n  labels: { addPin: string; pinnedEmpty: string; pinnedEmptyDescription: string }\n  onError: () => void\n  onSelect: (args: { document: PinnedItem }) => void\n  pinsURL: string\n}) {\n  const emptyStateID = useId()\n  const [filterOptions, setFilterOptions] = useState<FilterOptionsResult>({})\n  const [isPreparing, setIsPreparing] = useState(false)\n  const drawerOptions = useMemo(\n    () => ({ collectionSlugs, filterOptions }),\n    [collectionSlugs, filterOptions],\n  )\n  const [ListDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useListDrawer(drawerOptions)\n  const handleSelect: ListDrawerProps['onSelect'] = ({ collectionSlug, doc }) => {\n    closeDrawer()\n    onSelect({ document: { id: doc.id, collectionSlug } })\n  }\n\n  const prepareDrawer = async () => {\n    if (isDisabled || isPreparing) {\n      return\n    }\n    setIsPreparing(true)\n\n    try {\n      const pins = await readPinnedPreferences({ url: pinsURL })\n      const idsByCollection = new Map<string, (number | string)[]>()\n\n      for (const document of pins) {\n        const ids = idsByCollection.get(document.collectionSlug) ?? []\n\n        ids.push(document.id)\n        idsByCollection.set(document.collectionSlug, ids)\n      }\n      setFilterOptions(\n        Object.fromEntries(\n          collectionSlugs.map((slug) => {\n            const ids = idsByCollection.get(slug)\n\n            return [slug, ids?.length ? { id: { not_in: ids } } : true]\n          }),\n        ),\n      )\n      openDrawer()\n    } catch {\n      onError()\n    } finally {\n      setIsPreparing(false)\n    }\n  }\n\n  const addPinButton = (\n    <Button\n      aria-expanded={isDrawerOpen}\n      aria-haspopup=\"dialog\"\n      aria-label={labels.addPin}\n      buttonStyle=\"secondary\"\n      className=\"recents-widget__select-documents\"\n      extraButtonProps={{\n        'aria-busy': isPreparing,\n        'aria-describedby': isEmpty ? emptyStateID : undefined,\n        'aria-disabled': isDisabled || isPreparing,\n      }}\n      margin={false}\n      onClick={() => void prepareDrawer()}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {labels.addPin}\n    </Button>\n  )\n\n  return (\n    <>\n      {isEmpty ? (\n        <div className=\"recents-widget__empty\">\n          <span\n            aria-hidden=\"true\"\n            className=\"recents-widget__empty-icon recents-widget__empty-icon--pinned\"\n          >\n            <PinIcon />\n          </span>\n          <span className=\"recents-widget__empty-text\" id={emptyStateID}>\n            <span className=\"recents-widget__empty-title\">{labels.pinnedEmpty}</span>\n            <span className=\"recents-widget__empty-description\">\n              {labels.pinnedEmptyDescription}\n            </span>\n          </span>\n          {addPinButton}\n        </div>\n      ) : (\n        <div className=\"recents-widget__add-pin\">{addPinButton}</div>\n      )}\n      <ListDrawer\n        allowCreate={false}\n        className=\"recents-widget__pin-picker\"\n        disableQueryPresets\n        enableRowSelections={false}\n        onSelect={handleSelect}\n        overrideEntityVisibility={false}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}