@payloadcms/ui 4.0.0-internal.43ccea7 → 4.0.0-internal.442e8b6

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,KAA+B,MAAM,OAAO,CAAA;AAMnD,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmD3E,CAAA"}

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

@@ -14,7 +14,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.

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","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, SelectFieldClientProps } 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 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 { 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,GAAmEA,CAAC;EAC/EC,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":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/UploadDropzone/CollectionsField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB3E,CAAA"}

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

@@ -0,0 +1,29 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useAuth } from '../../../providers/Auth/index.js';
+import { useEntityVisibility } from '../../../providers/EntityVisibility/index.js';
+import { RecentlyViewedCollectionsField } from '../../RecentlyViewed/CollectionsField/index.js';
+export const UploadDropzoneCollectionsField = props => {
+  const {
+    permissions
+  } = useAuth();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  const field = useMemo(() => ({
+    ...props.field,
+    options: (props.field.options ?? []).filter(option => {
+      const collectionSlug = typeof option === 'string' ? option : option.value;
+      return isEntityVisible({
+        collectionSlug
+      }) && permissions?.collections?.[collectionSlug]?.create;
+    })
+  }), [isEntityVisible, permissions, props.field]);
+  return /*#__PURE__*/_jsx(RecentlyViewedCollectionsField, {
+    ...props,
+    field: field
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","useAuth","useEntityVisibility","RecentlyViewedCollectionsField","UploadDropzoneCollectionsField","props","permissions","isEntityVisible","field","options","filter","option","collectionSlug","value","collections","create","_jsx"],"sources":["../../../../src/widgets/UploadDropzone/CollectionsField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useEntityVisibility } from '../../../providers/EntityVisibility/index.js'\nimport { RecentlyViewedCollectionsField } from '../../RecentlyViewed/CollectionsField/index.js'\n\nexport const UploadDropzoneCollectionsField: React.FC<SelectFieldClientProps> = (props) => {\n  const { permissions } = useAuth()\n  const { isEntityVisible } = useEntityVisibility()\n\n  const field = useMemo(\n    () => ({\n      ...props.field,\n      options: (props.field.options ?? []).filter((option) => {\n        const collectionSlug = typeof option === 'string' ? option : option.value\n\n        return (\n          isEntityVisible({ collectionSlug }) && permissions?.collections?.[collectionSlug]?.create\n        )\n      }),\n    }),\n    [isEntityVisible, permissions, props.field],\n  )\n\n  return <RecentlyViewedCollectionsField {...props} field={field} />\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,OAAO,QAAQ;AACxB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,8BAA8B,QAAQ;AAE/C,OAAO,MAAMC,8BAAA,GAAoEC,KAAA;EAC/E,MAAM;IAAEC;EAAW,CAAE,GAAGL,OAAA;EACxB,MAAM;IAAEM;EAAe,CAAE,GAAGL,mBAAA;EAE5B,MAAMM,KAAA,GAAQR,OAAA,CACZ,OAAO;IACL,GAAGK,KAAA,CAAMG,KAAK;IACdC,OAAA,EAAS,CAACJ,KAAA,CAAMG,KAAK,CAACC,OAAO,IAAI,EAAE,EAAEC,MAAM,CAAEC,MAAA;MAC3C,MAAMC,cAAA,GAAiB,OAAOD,MAAA,KAAW,WAAWA,MAAA,GAASA,MAAA,CAAOE,KAAK;MAEzE,OACEN,eAAA,CAAgB;QAAEK;MAAe,MAAMN,WAAA,EAAaQ,WAAA,GAAcF,cAAA,CAAe,EAAEG,MAAA;IAEvF;EACF,IACA,CAACR,eAAA,EAAiBD,WAAA,EAAaD,KAAA,CAAMG,KAAK,CAAC;EAG7C,oBAAOQ,IAAA,CAACb,8BAAA;IAAgC,GAAGE,KAAK;IAAEG,KAAA,EAAOA;;AAC3D","ignoreList":[]}

package/dist/widgets/UploadDropzone/index.client.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    collections: Array<{
+        mimeTypes?: string[];
+        slug: string;
+    }>;
+};
+export declare function UploadDropzoneWidgetClient({ collections }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.client.d.ts.map

package/dist/widgets/UploadDropzone/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/widgets/UploadDropzone/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,KAAK,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC3D,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,qBAmEhE"}

package/dist/widgets/UploadDropzone/index.client.js

@@ -0,0 +1,78 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { validateMimeType } from 'payload/shared';
+import React from 'react';
+import { toast } from 'sonner';
+import { useBulkUpload } from '../../elements/BulkUpload/index.js';
+import { Button } from '../../elements/Button/index.js';
+import { Dropzone } from '../../elements/Dropzone/index.js';
+import { useModal } from '../../elements/Modal/index.js';
+import { ImageStackIcon } from '../../icons/ImageStack/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export function UploadDropzoneWidgetClient({
+  collections
+}) {
+  const {
+    modalSlug,
+    setCollectionSlug,
+    setInitialFiles,
+    setSelectableCollections
+  } = useBulkUpload();
+  const {
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const openUpload = React.useCallback(({
+    collectionSlug = collections[0].slug,
+    files
+  } = {}) => {
+    setSelectableCollections(collections.map(({
+      slug
+    }) => slug));
+    setCollectionSlug(collectionSlug);
+    setInitialFiles(files);
+    openModal(modalSlug);
+  }, [collections, modalSlug, openModal, setCollectionSlug, setInitialFiles, setSelectableCollections]);
+  const onDrop = React.useCallback(files_0 => {
+    const compatibleCollections = collections.filter(({
+      mimeTypes
+    }) => Array.from(files_0).every(file => !mimeTypes?.length || validateMimeType(file.type, mimeTypes)));
+    if (!compatibleCollections.length) {
+      toast.error(t('error:invalidFileType'));
+      return;
+    }
+    openUpload({
+      collectionSlug: compatibleCollections[0].slug,
+      files: files_0
+    });
+  }, [collections, openUpload, t]);
+  return /*#__PURE__*/_jsxs(Dropzone, {
+    className: "upload-dropzone-widget__dropzone",
+    isFocusable: false,
+    multipleFiles: true,
+    onChange: onDrop,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "upload-dropzone-widget__content",
+      children: [/*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "upload-dropzone-widget__icon",
+        children: /*#__PURE__*/_jsx(ImageStackIcon, {})
+      }), /*#__PURE__*/_jsx("p", {
+        className: "upload-dropzone-widget__description",
+        children: t('dashboard:widgetUploadDropzoneDescription')
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "secondary",
+        onClick: () => openUpload(),
+        size: "medium",
+        children: t('dashboard:widgetUploadFiles')
+      })]
+    }), /*#__PURE__*/_jsx("p", {
+      className: "upload-dropzone-widget__drag-message",
+      children: t('dashboard:widgetDropFilesToUpload')
+    })]
+  });
+}
+//# sourceMappingURL=index.client.js.map

package/dist/widgets/UploadDropzone/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["validateMimeType","React","toast","useBulkUpload","Button","Dropzone","useModal","ImageStackIcon","useTranslation","UploadDropzoneWidgetClient","collections","modalSlug","setCollectionSlug","setInitialFiles","setSelectableCollections","openModal","t","openUpload","useCallback","collectionSlug","slug","files","map","onDrop","compatibleCollections","filter","mimeTypes","Array","from","every","file","length","type","error","_jsxs","className","isFocusable","multipleFiles","onChange","_jsx","buttonStyle","onClick","size"],"sources":["../../../src/widgets/UploadDropzone/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { validateMimeType } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { ImageStackIcon } from '../../icons/ImageStack/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\ntype Props = {\n  collections: Array<{ mimeTypes?: string[]; slug: string }>\n}\n\nexport function UploadDropzoneWidgetClient({ collections }: Props) {\n  const { modalSlug, setCollectionSlug, setInitialFiles, setSelectableCollections } =\n    useBulkUpload()\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n\n  const openUpload = React.useCallback(\n    ({\n      collectionSlug = collections[0].slug,\n      files,\n    }: { collectionSlug?: string; files?: FileList } = {}) => {\n      setSelectableCollections(collections.map(({ slug }) => slug))\n      setCollectionSlug(collectionSlug)\n      setInitialFiles(files)\n      openModal(modalSlug)\n    },\n    [\n      collections,\n      modalSlug,\n      openModal,\n      setCollectionSlug,\n      setInitialFiles,\n      setSelectableCollections,\n    ],\n  )\n\n  const onDrop = React.useCallback(\n    (files: FileList) => {\n      const compatibleCollections = collections.filter(({ mimeTypes }) =>\n        Array.from(files).every(\n          (file) => !mimeTypes?.length || validateMimeType(file.type, mimeTypes),\n        ),\n      )\n\n      if (!compatibleCollections.length) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n\n      openUpload({ collectionSlug: compatibleCollections[0].slug, files })\n    },\n    [collections, openUpload, t],\n  )\n\n  return (\n    <Dropzone\n      className=\"upload-dropzone-widget__dropzone\"\n      isFocusable={false}\n      multipleFiles\n      onChange={onDrop}\n    >\n      <div className=\"upload-dropzone-widget__content\">\n        <span aria-hidden=\"true\" className=\"upload-dropzone-widget__icon\">\n          <ImageStackIcon />\n        </span>\n        <p className=\"upload-dropzone-widget__description\">\n          {t('dashboard:widgetUploadDropzoneDescription')}\n        </p>\n        <Button buttonStyle=\"secondary\" onClick={() => openUpload()} size=\"medium\">\n          {t('dashboard:widgetUploadFiles')}\n        </Button>\n      </div>\n      <p className=\"upload-dropzone-widget__drag-message\">\n        {t('dashboard:widgetDropFilesToUpload')}\n      </p>\n    </Dropzone>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,MAAW;AAClB,SAASC,KAAK,QAAQ;AAEtB,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,2BAA2B;EAAEC;AAAW,CAAS;EAC/D,MAAM;IAAEC,SAAS;IAAEC,iBAAiB;IAAEC,eAAe;IAAEC;EAAwB,CAAE,GAC/EX,aAAA;EACF,MAAM;IAAEY;EAAS,CAAE,GAAGT,QAAA;EACtB,MAAM;IAAEU;EAAC,CAAE,GAAGR,cAAA;EAEd,MAAMS,UAAA,GAAahB,KAAA,CAAMiB,WAAW,CAClC,CAAC;IACCC,cAAA,GAAiBT,WAAW,CAAC,EAAE,CAACU,IAAI;IACpCC;EAAK,CACyC,GAAG,CAAC,CAAC;IACnDP,wBAAA,CAAyBJ,WAAA,CAAYY,GAAG,CAAC,CAAC;MAAEF;IAAI,CAAE,KAAKA,IAAA;IACvDR,iBAAA,CAAkBO,cAAA;IAClBN,eAAA,CAAgBQ,KAAA;IAChBN,SAAA,CAAUJ,SAAA;EACZ,GACA,CACED,WAAA,EACAC,SAAA,EACAI,SAAA,EACAH,iBAAA,EACAC,eAAA,EACAC,wBAAA,CACD;EAGH,MAAMS,MAAA,GAAStB,KAAA,CAAMiB,WAAW,CAC7BG,OAAA;IACC,MAAMG,qBAAA,GAAwBd,WAAA,CAAYe,MAAM,CAAC,CAAC;MAAEC;IAAS,CAAE,KAC7DC,KAAA,CAAMC,IAAI,CAACP,OAAA,EAAOQ,KAAK,CACpBC,IAAA,IAAS,CAACJ,SAAA,EAAWK,MAAA,IAAU/B,gBAAA,CAAiB8B,IAAA,CAAKE,IAAI,EAAEN,SAAA;IAIhE,IAAI,CAACF,qBAAA,CAAsBO,MAAM,EAAE;MACjC7B,KAAA,CAAM+B,KAAK,CAACjB,CAAA,CAAE;MACd;IACF;IAEAC,UAAA,CAAW;MAAEE,cAAA,EAAgBK,qBAAqB,CAAC,EAAE,CAACJ,IAAI;MAAEC,KAAA,EAAAA;IAAM;EACpE,GACA,CAACX,WAAA,EAAaO,UAAA,EAAYD,CAAA,CAAE;EAG9B,oBACEkB,KAAA,CAAC7B,QAAA;IACC8B,SAAA,EAAU;IACVC,WAAA,EAAa;IACbC,aAAa;IACbC,QAAA,EAAUf,MAAA;4BAEVW,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbI,IAAA,CAAC;QAAK,eAAY;QAAOJ,SAAA,EAAU;kBACjC,aAAAI,IAAA,CAAChC,cAAA;uBAEHgC,IAAA,CAAC;QAAEJ,SAAA,EAAU;kBACVnB,CAAA,CAAE;uBAELuB,IAAA,CAACnC,MAAA;QAAOoC,WAAA,EAAY;QAAYC,OAAA,EAASA,CAAA,KAAMxB,UAAA;QAAcyB,IAAA,EAAK;kBAC/D1B,CAAA,CAAE;;qBAGPuB,IAAA,CAAC;MAAEJ,SAAA,EAAU;gBACVnB,CAAA,CAAE;;;AAIX","ignoreList":[]}

package/dist/widgets/UploadDropzone/index.css

@@ -0,0 +1,80 @@
+@layer payload-default {
+  .card.upload-dropzone-widget {
+    min-height: calc(var(--spacer-6) * 5);
+    padding: var(--spacer-2);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+  }
+
+  .card.upload-dropzone-widget .upload-dropzone-widget__dropzone {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: center;
+    min-height: 0;
+    padding: var(--spacer-4) var(--spacer-3);
+    border: var(--stroke-width-small) dashed var(--color-border);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+    text-align: center;
+
+    &:hover {
+      background: var(--color-bg);
+    }
+
+    &.dragging {
+      border-color: var(--color-border-selected);
+      background: var(--color-bg-selected);
+    }
+  }
+
+  .upload-dropzone-widget__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacer-3);
+  }
+
+  .upload-dropzone-widget__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-6);
+    height: var(--spacer-6);
+    border-radius: var(--radius-full);
+    background: var(--color-bg-selected);
+    color: var(--color-icon-brand);
+  }
+
+  .upload-dropzone-widget__description,
+  .upload-dropzone-widget__drag-message,
+  .upload-dropzone-widget__message {
+    margin: 0;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+  }
+
+  .upload-dropzone-widget__description,
+  .upload-dropzone-widget__drag-message {
+    color: color-mix(in srgb, var(--color-text-secondary) 91%, var(--color-text) 9%);
+  }
+
+  .upload-dropzone-widget__message {
+    color: var(--color-text);
+  }
+
+  .upload-dropzone-widget__drag-message {
+    display: none;
+  }
+
+  .upload-dropzone-widget__dropzone.dragging {
+    .upload-dropzone-widget__content {
+      display: none;
+    }
+
+    .upload-dropzone-widget__drag-message {
+      display: block;
+    }
+  }
+}

package/dist/widgets/UploadDropzone/index.d.ts

@@ -0,0 +1,12 @@
+import type { CollectionSlug, WidgetServerProps } from 'payload';
+import React from 'react';
+import '../../elements/Card/index.css';
+import './index.css';
+type UploadDropzoneWidgetData = {
+    excludedCollections?: CollectionSlug[];
+};
+export declare function UploadDropzoneWidget({ permissions, req, widgetData, }: WidgetServerProps<{
+    data?: UploadDropzoneWidgetData;
+}>): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/UploadDropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,+BAA+B,CAAA;AACtC,OAAO,aAAa,CAAA;AAEpB,KAAK,wBAAwB,GAAG;IAC9B,mBAAmB,CAAC,EAAE,cAAc,EAAE,CAAA;CACvC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAAC,qBAiDxD"}

package/dist/widgets/UploadDropzone/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isEntityHidden } from 'payload';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { UploadDropzoneWidgetClient } from '../../exports/client/index.js';
+import '../../elements/Card/index.css';
+import './index.css';
+export function UploadDropzoneWidget({
+  permissions,
+  req,
+  widgetData
+}) {
+  const {
+    i18n,
+    payload
+  } = req;
+  const uploadCollections = Object.values(payload.collections).map(({
+    config
+  }) => config).filter(collection => collection.upload && collection.upload.bulkUpload !== false && !isEntityHidden({
+    hidden: collection.admin?.hidden,
+    user: req.user
+  }));
+  const excludedCollections = new Set(widgetData?.excludedCollections ?? []);
+  const selectedCollections = uploadCollections.filter(collection => !excludedCollections.has(collection.slug));
+  const permittedCollections = selectedCollections.filter(collection => permissions?.collections?.[collection.slug]?.create);
+  const title = i18n.t('dashboard:widgetUploadFiles');
+  if (!selectedCollections.length) {
+    return /*#__PURE__*/_jsx("section", {
+      "aria-label": title,
+      className: "card upload-dropzone-widget",
+      children: /*#__PURE__*/_jsx("p", {
+        className: "upload-dropzone-widget__message",
+        children: i18n.t('dashboard:widgetCollectionRequired')
+      })
+    });
+  }
+  if (!permittedCollections.length) {
+    return /*#__PURE__*/_jsx("section", {
+      "aria-label": title,
+      className: "card upload-dropzone-widget",
+      children: /*#__PURE__*/_jsx("p", {
+        className: "upload-dropzone-widget__message",
+        children: i18n.t('error:notAllowedToPerformAction')
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("section", {
+    "aria-label": title,
+    className: "card upload-dropzone-widget",
+    children: /*#__PURE__*/_jsx(UploadDropzoneWidgetClient, {
+      collections: permittedCollections.map(collection => ({
+        slug: collection.slug,
+        mimeTypes: collection.upload.mimeTypes
+      }))
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["isEntityHidden","React","UploadDropzoneWidgetClient","UploadDropzoneWidget","permissions","req","widgetData","i18n","payload","uploadCollections","Object","values","collections","map","config","filter","collection","upload","bulkUpload","hidden","admin","user","excludedCollections","Set","selectedCollections","has","slug","permittedCollections","create","title","t","length","_jsx","className","mimeTypes"],"sources":["../../../src/widgets/UploadDropzone/index.tsx"],"sourcesContent":["import type { CollectionSlug, WidgetServerProps } from 'payload'\n\nimport { isEntityHidden } from 'payload'\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 { UploadDropzoneWidgetClient } from '../../exports/client/index.js'\nimport '../../elements/Card/index.css'\nimport './index.css'\n\ntype UploadDropzoneWidgetData = {\n  excludedCollections?: CollectionSlug[]\n}\n\nexport function UploadDropzoneWidget({\n  permissions,\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: UploadDropzoneWidgetData }>) {\n  const { i18n, payload } = req\n  const uploadCollections = Object.values(payload.collections)\n    .map(({ config }) => config)\n    .filter(\n      (collection) =>\n        collection.upload &&\n        collection.upload.bulkUpload !== false &&\n        !isEntityHidden({ hidden: collection.admin?.hidden, user: req.user }),\n    )\n  const excludedCollections = new Set(widgetData?.excludedCollections ?? [])\n  const selectedCollections = uploadCollections.filter(\n    (collection) => !excludedCollections.has(collection.slug),\n  )\n  const permittedCollections = selectedCollections.filter(\n    (collection) => permissions?.collections?.[collection.slug]?.create,\n  )\n  const title = i18n.t('dashboard:widgetUploadFiles')\n\n  if (!selectedCollections.length) {\n    return (\n      <section aria-label={title} className=\"card upload-dropzone-widget\">\n        <p className=\"upload-dropzone-widget__message\">\n          {i18n.t('dashboard:widgetCollectionRequired')}\n        </p>\n      </section>\n    )\n  }\n\n  if (!permittedCollections.length) {\n    return (\n      <section aria-label={title} className=\"card upload-dropzone-widget\">\n        <p className=\"upload-dropzone-widget__message\">\n          {i18n.t('error:notAllowedToPerformAction')}\n        </p>\n      </section>\n    )\n  }\n\n  return (\n    <section aria-label={title} className=\"card upload-dropzone-widget\">\n      <UploadDropzoneWidgetClient\n        collections={permittedCollections.map((collection) => ({\n          slug: collection.slug,\n          mimeTypes: collection.upload.mimeTypes,\n        }))}\n      />\n    </section>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,0BAA0B,QAAQ;AAC3C,OAAO;AACP,OAAO;AAMP,OAAO,SAASC,qBAAqB;EACnCC,WAAW;EACXC,GAAG;EACHC;AAAU,CAC6C;EACvD,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAE,GAAGH,GAAA;EAC1B,MAAMI,iBAAA,GAAoBC,MAAA,CAAOC,MAAM,CAACH,OAAA,CAAQI,WAAW,EACxDC,GAAG,CAAC,CAAC;IAAEC;EAAM,CAAE,KAAKA,MAAA,EACpBC,MAAM,CACJC,UAAA,IACCA,UAAA,CAAWC,MAAM,IACjBD,UAAA,CAAWC,MAAM,CAACC,UAAU,KAAK,SACjC,CAAClB,cAAA,CAAe;IAAEmB,MAAA,EAAQH,UAAA,CAAWI,KAAK,EAAED,MAAA;IAAQE,IAAA,EAAMhB,GAAA,CAAIgB;EAAK;EAEzE,MAAMC,mBAAA,GAAsB,IAAIC,GAAA,CAAIjB,UAAA,EAAYgB,mBAAA,IAAuB,EAAE;EACzE,MAAME,mBAAA,GAAsBf,iBAAA,CAAkBM,MAAM,CACjDC,UAAA,IAAe,CAACM,mBAAA,CAAoBG,GAAG,CAACT,UAAA,CAAWU,IAAI;EAE1D,MAAMC,oBAAA,GAAuBH,mBAAA,CAAoBT,MAAM,CACpDC,UAAA,IAAeZ,WAAA,EAAaQ,WAAA,GAAcI,UAAA,CAAWU,IAAI,CAAC,EAAEE,MAAA;EAE/D,MAAMC,KAAA,GAAQtB,IAAA,CAAKuB,CAAC,CAAC;EAErB,IAAI,CAACN,mBAAA,CAAoBO,MAAM,EAAE;IAC/B,oBACEC,IAAA,CAAC;MAAQ,cAAYH,KAAA;MAAOI,SAAA,EAAU;gBACpC,aAAAD,IAAA,CAAC;QAAEC,SAAA,EAAU;kBACV1B,IAAA,CAAKuB,CAAC,CAAC;;;EAIhB;EAEA,IAAI,CAACH,oBAAA,CAAqBI,MAAM,EAAE;IAChC,oBACEC,IAAA,CAAC;MAAQ,cAAYH,KAAA;MAAOI,SAAA,EAAU;gBACpC,aAAAD,IAAA,CAAC;QAAEC,SAAA,EAAU;kBACV1B,IAAA,CAAKuB,CAAC,CAAC;;;EAIhB;EAEA,oBACEE,IAAA,CAAC;IAAQ,cAAYH,KAAA;IAAOI,SAAA,EAAU;cACpC,aAAAD,IAAA,CAAC9B,0BAAA;MACCU,WAAA,EAAae,oBAAA,CAAqBd,GAAG,CAAEG,UAAA,KAAgB;QACrDU,IAAA,EAAMV,UAAA,CAAWU,IAAI;QACrBQ,SAAA,EAAWlB,UAAA,CAAWC,MAAM,CAACiB;MAC/B;;;AAIR","ignoreList":[]}

package/dist/widgets/Welcome/getWelcomeDisplay.d.ts

@@ -0,0 +1,7 @@
+type GetWelcomeDisplayArgs = {
+    useAsTitle?: string;
+    user?: null | object;
+};
+export declare function getWelcomeDisplay({ useAsTitle, user }: GetWelcomeDisplayArgs): string | undefined;
+export {};
+//# sourceMappingURL=getWelcomeDisplay.d.ts.map

package/dist/widgets/Welcome/getWelcomeDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWelcomeDisplay.d.ts","sourceRoot":"","sources":["../../../src/widgets/Welcome/getWelcomeDisplay.ts"],"names":[],"mappings":"AAAA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACrB,CAAA;AAcD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAQjG"}

package/dist/widgets/Welcome/getWelcomeDisplay.js

@@ -0,0 +1,21 @@
+const getDisplayString = value => {
+  if (typeof value === 'string') {
+    return value.trim() || undefined;
+  }
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return String(value);
+  }
+  return undefined;
+};
+export function getWelcomeDisplay({
+  useAsTitle,
+  user
+}) {
+  const userData = user;
+  const email = getDisplayString(userData?.email);
+  const username = getDisplayString(userData?.username);
+  const userID = getDisplayString(userData?.id);
+  const title = useAsTitle ? getDisplayString(userData?.[useAsTitle]) : undefined;
+  return title ?? username ?? email ?? userID;
+}
+//# sourceMappingURL=getWelcomeDisplay.js.map

package/dist/widgets/Welcome/getWelcomeDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWelcomeDisplay.js","names":["getDisplayString","value","trim","undefined","Number","isFinite","String","getWelcomeDisplay","useAsTitle","user","userData","email","username","userID","id","title"],"sources":["../../../src/widgets/Welcome/getWelcomeDisplay.ts"],"sourcesContent":["type GetWelcomeDisplayArgs = {\n  useAsTitle?: string\n  user?: null | object\n}\n\nconst getDisplayString = (value: unknown): string | undefined => {\n  if (typeof value === 'string') {\n    return value.trim() || undefined\n  }\n\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return String(value)\n  }\n\n  return undefined\n}\n\nexport function getWelcomeDisplay({ useAsTitle, user }: GetWelcomeDisplayArgs): string | undefined {\n  const userData = user as null | Record<string, unknown> | undefined\n  const email = getDisplayString(userData?.email)\n  const username = getDisplayString(userData?.username)\n  const userID = getDisplayString(userData?.id)\n  const title = useAsTitle ? getDisplayString(userData?.[useAsTitle]) : undefined\n\n  return title ?? username ?? email ?? userID\n}\n"],"mappings":"AAKA,MAAMA,gBAAA,GAAoBC,KAAA;EACxB,IAAI,OAAOA,KAAA,KAAU,UAAU;IAC7B,OAAOA,KAAA,CAAMC,IAAI,MAAMC,SAAA;EACzB;EAEA,IAAI,OAAOF,KAAA,KAAU,YAAYG,MAAA,CAAOC,QAAQ,CAACJ,KAAA,GAAQ;IACvD,OAAOK,MAAA,CAAOL,KAAA;EAChB;EAEA,OAAOE,SAAA;AACT;AAEA,OAAO,SAASI,kBAAkB;EAAEC,UAAU;EAAEC;AAAI,CAAyB;EAC3E,MAAMC,QAAA,GAAWD,IAAA;EACjB,MAAME,KAAA,GAAQX,gBAAA,CAAiBU,QAAA,EAAUC,KAAA;EACzC,MAAMC,QAAA,GAAWZ,gBAAA,CAAiBU,QAAA,EAAUE,QAAA;EAC5C,MAAMC,MAAA,GAASb,gBAAA,CAAiBU,QAAA,EAAUI,EAAA;EAC1C,MAAMC,KAAA,GAAQP,UAAA,GAAaR,gBAAA,CAAiBU,QAAA,GAAWF,UAAA,CAAW,IAAIL,SAAA;EAEtE,OAAOY,KAAA,IAASH,QAAA,IAAYD,KAAA,IAASE,MAAA;AACvC","ignoreList":[]}

package/dist/widgets/Welcome/index.css

@@ -0,0 +1,25 @@
+@layer payload-default {
+  .welcome-widget {
+    overflow-wrap: anywhere;
+    padding-block: var(--spacer-2);
+  }
+
+  .welcome-widget__heading {
+    color: var(--color-text);
+    font-size: var(--text-heading-xl-font-size);
+    font-weight: var(--text-heading-xl-font-weight);
+    line-height: var(--text-heading-xl-line-height);
+    letter-spacing: var(--text-heading-xl-letter-spacing);
+    min-height: var(--spacer-5);
+    margin-block: 0;
+  }
+
+  .widget-wrapper--editing .welcome-widget {
+    padding-inline-end: calc(var(--spacer-6) + var(--spacer-3));
+  }
+
+  .widget-wrapper:has(.welcome-widget) .widget-wrapper__controls {
+    inset-block-start: 50%;
+    transform: translateY(-50%);
+  }
+}

package/dist/widgets/Welcome/index.d.ts

@@ -0,0 +1,5 @@
+import type { WidgetServerProps } from 'payload';
+import React from 'react';
+import './index.css';
+export declare function WelcomeWidget({ req, user }: WidgetServerProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/Welcome/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBAkB7D"}