@payloadcms/ui 4.0.0-internal.543da65 → 4.0.0-internal.58473b9

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","formatAdminURL","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","qs","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useConfig","useDocumentInfo","useLocale","useTranslation","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","docConfig","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","code","locale","t","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","params","stringify","autosave","depth","draft","addQueryPrefix","slug","apiRoute","path","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","updatedAt","_","formData","__","prevFormData","clearTimeout","_jsxs","Fragment","_jsx","className"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  formatAdminURL,\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { OnSaveContext } from '../../views/Edit/index.js'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useQueue } from '../../hooks/useQueue.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.css'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const {\n    docConfig,\n    mostRecentVersionIsAutosaved,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { isValid, setBackgroundProcessing, submit } = useForm()\n\n  const [formState] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { t } = useTranslation()\n\n  const interval = getAutosaveInterval(docConfig)\n  const validateOnDraft = hasDraftValidationEnabled(docConfig)\n\n  const [_saving, setSaving] = useState(false)\n\n  const saving = useDeferredValue(_saving)\n\n  const debouncedFormState = useDebounce(formState, interval)\n\n  const { queueTask } = useQueue()\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    queueTask(\n      async () => {\n        if (modified) {\n          startTimestamp = new Date().getTime()\n\n          setSaving(true)\n\n          let url: string\n          let method: string\n          let entitySlug: string\n          const params = qs.stringify(\n            {\n              autosave: true,\n              depth: 0,\n              draft: true,\n              'fallback-locale': 'null',\n              locale,\n            },\n            {\n              addQueryPrefix: true,\n            },\n          )\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/${entitySlug}/${id}${params}`,\n            })\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/globals/${entitySlug}${params}`,\n            })\n            method = 'POST'\n          }\n\n          const { valid } = reduceFieldsToValuesWithValidation(formState, true)\n\n          const skipSubmission = submitted && !valid && validateOnDraft\n\n          if (!skipSubmission && modified && url) {\n            const result = await submit<any, OnSaveContext>({\n              acceptValues: {\n                overrideLocalChanges: false,\n              },\n              action: url,\n              context: {\n                getDocPermissions: false,\n                incrementVersionCount: !mostRecentVersionIsAutosaved,\n              },\n              disableFormWhileProcessing: false,\n              disableSuccessStatus: true,\n              method,\n              overrides: {\n                _status: 'draft',\n              },\n              skipValidation: !validateOnDraft,\n            })\n\n            if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {\n              setMostRecentVersionIsAutosaved(true)\n              setUnpublishedVersionCount((prev) => prev + 1)\n            }\n\n            const newDate = new Date()\n\n            // We need to log the time in order to figure out if we need to trigger the state off later\n            endTimestamp = newDate.getTime()\n\n            hideIndicator()\n          }\n        }\n      },\n      {\n        afterProcess: () => {\n          setBackgroundProcessing(false)\n        },\n        beforeProcess: () => {\n          setBackgroundProcessing(true)\n        },\n      },\n    )\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState))\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     * Remove `updatedAt` from comparison as it changes on every autosave interval.\n     */\n    const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState)\n    const { updatedAt: __, ...prevFormData } = previousDebouncedData.current\n\n    if (dequal(formData, prevFormData)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n\n    handleAutosave()\n  }, [debouncedFormState])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <React.Fragment>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && <div className={baseClass}>{t('general:saving')}</div>}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dequal","formatAdminURL","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","qs","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useConfig","useDocumentInfo","useLocale","useTranslation","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","docConfig","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","currentLocale","locale","code","t","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","params","stringify","autosave","depth","draft","addQueryPrefix","slug","apiRoute","path","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","updatedAt","_","formData","__","prevFormData","clearTimeout","_jsxs","Fragment","_jsx","className"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  formatAdminURL,\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { OnSaveContext } from '../../views/Edit/index.js'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useQueue } from '../../hooks/useQueue.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.css'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const {\n    docConfig,\n    mostRecentVersionIsAutosaved,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { isValid, setBackgroundProcessing, submit } = useForm()\n\n  const [formState] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const { t } = useTranslation()\n\n  const interval = getAutosaveInterval(docConfig)\n  const validateOnDraft = hasDraftValidationEnabled(docConfig)\n\n  const [_saving, setSaving] = useState(false)\n\n  const saving = useDeferredValue(_saving)\n\n  const debouncedFormState = useDebounce(formState, interval)\n\n  const { queueTask } = useQueue()\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    queueTask(\n      async () => {\n        if (modified) {\n          startTimestamp = new Date().getTime()\n\n          setSaving(true)\n\n          let url: string\n          let method: string\n          let entitySlug: string\n          const params = qs.stringify(\n            {\n              autosave: true,\n              depth: 0,\n              draft: true,\n              'fallback-locale': 'null',\n              locale,\n            },\n            {\n              addQueryPrefix: true,\n            },\n          )\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/${entitySlug}/${id}${params}`,\n            })\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/globals/${entitySlug}${params}`,\n            })\n            method = 'POST'\n          }\n\n          const { valid } = reduceFieldsToValuesWithValidation(formState, true)\n\n          const skipSubmission = submitted && !valid && validateOnDraft\n\n          if (!skipSubmission && modified && url) {\n            const result = await submit<any, OnSaveContext>({\n              acceptValues: {\n                overrideLocalChanges: false,\n              },\n              action: url,\n              context: {\n                getDocPermissions: false,\n                incrementVersionCount: !mostRecentVersionIsAutosaved,\n              },\n              disableFormWhileProcessing: false,\n              disableSuccessStatus: true,\n              method,\n              overrides: {\n                _status: 'draft',\n              },\n              skipValidation: !validateOnDraft,\n            })\n\n            if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {\n              setMostRecentVersionIsAutosaved(true)\n              setUnpublishedVersionCount((prev) => prev + 1)\n            }\n\n            const newDate = new Date()\n\n            // We need to log the time in order to figure out if we need to trigger the state off later\n            endTimestamp = newDate.getTime()\n\n            hideIndicator()\n          }\n        }\n      },\n      {\n        afterProcess: () => {\n          setBackgroundProcessing(false)\n        },\n        beforeProcess: () => {\n          setBackgroundProcessing(true)\n        },\n      },\n    )\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState))\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     * Remove `updatedAt` from comparison as it changes on every autosave interval.\n     */\n    const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState)\n    const { updatedAt: __, ...prevFormData } = previousDebouncedData.current\n\n    if (dequal(formData, prevFormData)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n\n    handleAutosave()\n  }, [debouncedFormState])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <React.Fragment>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && <div className={baseClass}>{t('general:saving')}</div>}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Banner/index.css

@@ -1,12 +1,15 @@
 @layer payload-default {
+  [data-test='payload-ui-barrel-sentinel'] {
+    --payload-ui-barrel-loaded: 1;
+  }
+
   .banner {
     display: flex;
     align-items: center;
     gap: var(--spacer-1);
-    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);
+    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-letter-spacing);
     border-radius: var(--radius-medium);
     padding: var(--spacer-2);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CAC9D,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuClC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CAC9D,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ClC,CAAA"}

package/dist/elements/Banner/index.js

@@ -26,6 +26,7 @@ export const Banner = ({
   }
   return /*#__PURE__*/_jsxs(RenderedType, {
     className: classes,
+    "data-test": "payload-ui-barrel-sentinel",
     href: to || null,
     onClick: onClick,
     children: [icon && alignIcon === 'left' && /*#__PURE__*/_jsx(React.Fragment, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","InfoIcon","Link","baseClass","Banner","type","alignIcon","children","className","icon","iconFromProps","onClick","to","undefined","_jsx","classes","filter","Boolean","join","RenderedType","_jsxs","href","Fragment"],"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["'use client'\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { Link } from '../Link/index.js'\nimport './index.css'\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = Readonly<{\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'brand' | 'danger' | 'default' | 'success' | 'warning'\n}>\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'left',\n  children,\n  className,\n  icon: iconFromProps,\n  onClick,\n  to,\n}) => {\n  const icon = iconFromProps === undefined ? <InfoIcon /> : iconFromProps\n\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) {\n    RenderedType = 'button'\n  }\n  if (to) {\n    RenderedType = Link\n  }\n\n  return (\n    <RenderedType className={classes} href={to || null} onClick={onClick}>\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAqBlB,OAAO,MAAMC,MAAA,GAA0BA,CAAC;EACtCC,IAAA,GAAO,SAAS;EAChBC,SAAA,GAAY,MAAM;EAClBC,QAAQ;EACRC,SAAS;EACTC,IAAA,EAAMC,aAAa;EACnBC,OAAO;EACPC;AAAE,CACH;EACC,MAAMH,IAAA,GAAOC,aAAA,KAAkBG,SAAA,gBAAYC,IAAA,CAACb,QAAA,QAAcS,aAAA;EAE1D,MAAMK,OAAA,GAAU,CACdZ,SAAA,EACA,GAAGA,SAAA,UAAmBE,IAAA,EAAM,EAC5BG,SAAA,IAAaA,SAAA,EACbI,EAAA,IAAM,GAAGT,SAAA,YAAqB,EAC7B,CAAAS,EAAA,IAAMD,OAAM,KAAM,GAAGR,SAAA,cAAuB,EAC7CM,IAAA,IAAQ,GAAGN,SAAA,YAAqB,EAChCM,IAAA,IAAQ,GAAGN,SAAA,gBAAyBG,SAAA,EAAW,CAChD,CACEU,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAIC,YAAA,GAA2E;EAE/E,IAAIR,OAAA,IAAW,CAACC,EAAA,EAAI;IAClBO,YAAA,GAAe;EACjB;EACA,IAAIP,EAAA,EAAI;IACNO,YAAA,GAAejB,IAAA;EACjB;EAEA,oBACEkB,KAAA,CAACD,YAAA;IAAaX,SAAA,EAAWO,OAAA;IAASM,IAAA,EAAMT,EAAA,IAAM;IAAMD,OAAA,EAASA,OAAA;eAC1DF,IAAA,IAAQH,SAAA,KAAc,uBAAUQ,IAAA,CAACd,KAAA,CAAMsB,QAAQ;gBAAEb;qBAClDK,IAAA,CAAC;MAAKN,SAAA,EAAW,GAAGL,SAAA,WAAoB;gBAAGI;QAC1CE,IAAA,IAAQH,SAAA,KAAc,wBAAWQ,IAAA,CAACd,KAAA,CAAMsB,QAAQ;gBAAEb;;;AAGzD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","InfoIcon","Link","baseClass","Banner","type","alignIcon","children","className","icon","iconFromProps","onClick","to","undefined","_jsx","classes","filter","Boolean","join","RenderedType","_jsxs","href","Fragment"],"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["'use client'\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { Link } from '../Link/index.js'\nimport './index.css'\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = Readonly<{\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'brand' | 'danger' | 'default' | 'success' | 'warning'\n}>\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'left',\n  children,\n  className,\n  icon: iconFromProps,\n  onClick,\n  to,\n}) => {\n  const icon = iconFromProps === undefined ? <InfoIcon /> : iconFromProps\n\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) {\n    RenderedType = 'button'\n  }\n  if (to) {\n    RenderedType = Link\n  }\n\n  return (\n    <RenderedType\n      className={classes}\n      data-test=\"payload-ui-barrel-sentinel\"\n      href={to || null}\n      onClick={onClick}\n    >\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAqBlB,OAAO,MAAMC,MAAA,GAA0BA,CAAC;EACtCC,IAAA,GAAO,SAAS;EAChBC,SAAA,GAAY,MAAM;EAClBC,QAAQ;EACRC,SAAS;EACTC,IAAA,EAAMC,aAAa;EACnBC,OAAO;EACPC;AAAE,CACH;EACC,MAAMH,IAAA,GAAOC,aAAA,KAAkBG,SAAA,gBAAYC,IAAA,CAACb,QAAA,QAAcS,aAAA;EAE1D,MAAMK,OAAA,GAAU,CACdZ,SAAA,EACA,GAAGA,SAAA,UAAmBE,IAAA,EAAM,EAC5BG,SAAA,IAAaA,SAAA,EACbI,EAAA,IAAM,GAAGT,SAAA,YAAqB,EAC7B,CAAAS,EAAA,IAAMD,OAAM,KAAM,GAAGR,SAAA,cAAuB,EAC7CM,IAAA,IAAQ,GAAGN,SAAA,YAAqB,EAChCM,IAAA,IAAQ,GAAGN,SAAA,gBAAyBG,SAAA,EAAW,CAChD,CACEU,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAIC,YAAA,GAA2E;EAE/E,IAAIR,OAAA,IAAW,CAACC,EAAA,EAAI;IAClBO,YAAA,GAAe;EACjB;EACA,IAAIP,EAAA,EAAI;IACNO,YAAA,GAAejB,IAAA;EACjB;EAEA,oBACEkB,KAAA,CAACD,YAAA;IACCX,SAAA,EAAWO,OAAA;IACX,aAAU;IACVM,IAAA,EAAMT,EAAA,IAAM;IACZD,OAAA,EAASA,OAAA;eAERF,IAAA,IAAQH,SAAA,KAAc,uBAAUQ,IAAA,CAACd,KAAA,CAAMsB,QAAQ;gBAAEb;qBAClDK,IAAA,CAAC;MAAKN,SAAA,EAAW,GAAGL,SAAA,WAAoB;gBAAGI;QAC1CE,IAAA,IAAQH,SAAA,KAAc,wBAAWQ,IAAA,CAACd,KAAA,CAAMsB,QAAQ;gBAAEb;;;AAGzD","ignoreList":[]}

package/dist/elements/BulkUpload/ActionsBar/index.css

@@ -45,6 +45,7 @@
     white-space: nowrap;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .bulk-upload--actions-bar__navigation {
       justify-content: space-between;

package/dist/elements/BulkUpload/ActionsBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,aAAa,CAAA;AAIpB,wBAAgB,UAAU,sBAoDzB;AAED,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,qBA4BlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,aAAa,CAAA;AAIpB,wBAAgB,UAAU,sBAoDzB;AAED,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,qBA6BlD"}

package/dist/elements/BulkUpload/ActionsBar/index.js

@@ -85,7 +85,7 @@ export function ActionsBar() {
   return t0;
 }
 export function Actions(t0) {
-  const $ = _c(12);
+  const $ = _c(13);
   const {
     className
   } = t0;
@@ -99,6 +99,7 @@ export function Actions(t0) {
     collectionSlug,
     hasPublishPermission,
     hasSavePermission,
+    isInitializing,
     saveAllDocs
   } = useFormsManager();
   let t1;
@@ -123,10 +124,10 @@ export function Actions(t0) {
   }
   const t3 = t2.join(" ");
   let t4;
-  if ($[5] !== collectionConfig?.versions?.drafts || $[6] !== hasPublishPermission || $[7] !== hasSavePermission || $[8] !== saveAllDocs || $[9] !== t || $[10] !== t3) {
+  if ($[5] !== collectionConfig?.versions?.drafts || $[6] !== hasPublishPermission || $[7] !== hasSavePermission || $[8] !== isInitializing || $[9] !== saveAllDocs || $[10] !== t || $[11] !== t3) {
     t4 = _jsxs("div", {
       className: t3,
-      children: [collectionConfig?.versions?.drafts && hasSavePermission ? _jsx(Button, {
+      children: [collectionConfig?.versions?.drafts && hasSavePermission && !isInitializing ? _jsx(Button, {
         buttonStyle: "secondary",
         onClick: () => void saveAllDocs({
           overrides: {
@@ -134,14 +135,14 @@ export function Actions(t0) {
           }
         }),
         children: t("version:saveDraft")
-      }) : null, collectionConfig?.versions?.drafts && hasPublishPermission ? _jsx(Button, {
+      }) : null, collectionConfig?.versions?.drafts && hasPublishPermission && !isInitializing ? _jsx(Button, {
         onClick: () => void saveAllDocs({
           overrides: {
             _status: "published"
           }
         }),
         children: t("version:publish")
-      }) : null, !collectionConfig?.versions?.drafts && hasSavePermission ? _jsx(Button, {
+      }) : null, !collectionConfig?.versions?.drafts && hasSavePermission && !isInitializing ? _jsx(Button, {
         onClick: () => void saveAllDocs(),
         children: t("general:save")
       }) : null]
@@ -149,12 +150,13 @@ export function Actions(t0) {
     $[5] = collectionConfig?.versions?.drafts;
     $[6] = hasPublishPermission;
     $[7] = hasSavePermission;
-    $[8] = saveAllDocs;
-    $[9] = t;
-    $[10] = t3;
-    $[11] = t4;
+    $[8] = isInitializing;
+    $[9] = saveAllDocs;
+    $[10] = t;
+    $[11] = t3;
+    $[12] = t4;
   } else {
-    t4 = $[11];
+    t4 = $[12];
   }
   return t4;
 }

package/dist/elements/BulkUpload/ActionsBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","DialogFooter","useFormsManager","baseClass","ActionsBar","$","activeIndex","forms","setActiveIndex","t","t0","length","_jsxs","children","_jsx","className","buttonStyle","icon","direction","nextIndex","type","nextIndex_0","Actions","getEntityConfig","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","t1","collectionConfig","t2","filter","Boolean","t3","join","t4","versions","drafts","onClick","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogFooter } from '../../Dialog/DialogFooter/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\nexport function ActionsBar() {\n  const { activeIndex, forms, setActiveIndex } = useFormsManager()\n  const { t } = useTranslation()\n\n  return (\n    <DialogFooter>\n      {forms.length > 1 && (\n        <div className={`${baseClass}__multipleFiles`}>\n          <div className={`${baseClass}__navigation`}>\n            <p className={`${baseClass}__locationText`}>\n              <strong>{activeIndex + 1}</strong>\n              {` ${t('general:of')} `}\n              <strong>{forms.length}</strong>\n            </p>\n\n            <div className={`${baseClass}__controls`}>\n              <Button\n                aria-label={t('general:previous')}\n                buttonStyle=\"secondary\"\n                icon={<ChevronIcon direction=\"left\" />}\n                onClick={() => {\n                  const nextIndex = activeIndex - 1\n                  if (nextIndex < 0) {\n                    setActiveIndex(forms.length - 1)\n                  } else {\n                    setActiveIndex(nextIndex)\n                  }\n                }}\n                type=\"button\"\n              />\n              <Button\n                aria-label={t('general:next')}\n                buttonStyle=\"secondary\"\n                icon={<ChevronIcon direction=\"right\" />}\n                onClick={() => {\n                  const nextIndex = activeIndex + 1\n                  if (nextIndex === forms.length) {\n                    setActiveIndex(0)\n                  } else {\n                    setActiveIndex(nextIndex)\n                  }\n                }}\n                type=\"button\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <Actions className={`${baseClass}__saveButtons`} />\n    </DialogFooter>\n  )\n}\n\ntype ActionsProps = {\n  readonly className?: string\n}\nexport function Actions({ className }: ActionsProps) {\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n  const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={[`${baseClass}__buttons`, className].filter(Boolean).join(' ')}>\n      {collectionConfig?.versions?.drafts && hasSavePermission ? (\n        <Button\n          buttonStyle=\"secondary\"\n          onClick={() => void saveAllDocs({ overrides: { _status: 'draft' } })}\n        >\n          {t('version:saveDraft')}\n        </Button>\n      ) : null}\n      {collectionConfig?.versions?.drafts && hasPublishPermission ? (\n        <Button onClick={() => void saveAllDocs({ overrides: { _status: 'published' } })}>\n          {t('version:publish')}\n        </Button>\n      ) : null}\n\n      {!collectionConfig?.versions?.drafts && hasSavePermission ? (\n        <Button onClick={() => void saveAllDocs()}>{t('general:save')}</Button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","DialogFooter","useFormsManager","baseClass","ActionsBar","$","activeIndex","forms","setActiveIndex","t","t0","length","_jsxs","children","_jsx","className","buttonStyle","icon","direction","nextIndex","type","nextIndex_0","Actions","getEntityConfig","collectionSlug","hasPublishPermission","hasSavePermission","isInitializing","saveAllDocs","t1","collectionConfig","t2","filter","Boolean","t3","join","t4","versions","drafts","onClick","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogFooter } from '../../Dialog/DialogFooter/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\nexport function ActionsBar() {\n  const { activeIndex, forms, setActiveIndex } = useFormsManager()\n  const { t } = useTranslation()\n\n  return (\n    <DialogFooter>\n      {forms.length > 1 && (\n        <div className={`${baseClass}__multipleFiles`}>\n          <div className={`${baseClass}__navigation`}>\n            <p className={`${baseClass}__locationText`}>\n              <strong>{activeIndex + 1}</strong>\n              {` ${t('general:of')} `}\n              <strong>{forms.length}</strong>\n            </p>\n\n            <div className={`${baseClass}__controls`}>\n              <Button\n                aria-label={t('general:previous')}\n                buttonStyle=\"secondary\"\n                icon={<ChevronIcon direction=\"left\" />}\n                onClick={() => {\n                  const nextIndex = activeIndex - 1\n                  if (nextIndex < 0) {\n                    setActiveIndex(forms.length - 1)\n                  } else {\n                    setActiveIndex(nextIndex)\n                  }\n                }}\n                type=\"button\"\n              />\n              <Button\n                aria-label={t('general:next')}\n                buttonStyle=\"secondary\"\n                icon={<ChevronIcon direction=\"right\" />}\n                onClick={() => {\n                  const nextIndex = activeIndex + 1\n                  if (nextIndex === forms.length) {\n                    setActiveIndex(0)\n                  } else {\n                    setActiveIndex(nextIndex)\n                  }\n                }}\n                type=\"button\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <Actions className={`${baseClass}__saveButtons`} />\n    </DialogFooter>\n  )\n}\n\ntype ActionsProps = {\n  readonly className?: string\n}\nexport function Actions({ className }: ActionsProps) {\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n  const { collectionSlug, hasPublishPermission, hasSavePermission, isInitializing, saveAllDocs } =\n    useFormsManager()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={[`${baseClass}__buttons`, className].filter(Boolean).join(' ')}>\n      {collectionConfig?.versions?.drafts && hasSavePermission && !isInitializing ? (\n        <Button\n          buttonStyle=\"secondary\"\n          onClick={() => void saveAllDocs({ overrides: { _status: 'draft' } })}\n        >\n          {t('version:saveDraft')}\n        </Button>\n      ) : null}\n      {collectionConfig?.versions?.drafts && hasPublishPermission && !isInitializing ? (\n        <Button onClick={() => void saveAllDocs({ overrides: { _status: 'published' } })}>\n          {t('version:publish')}\n        </Button>\n      ) : null}\n\n      {!collectionConfig?.versions?.drafts && hasSavePermission && !isInitializing ? (\n        <Button onClick={() => void saveAllDocs()}>{t('general:save')}</Button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/AddFilesView/index.css

@@ -1,4 +1,9 @@
 @layer payload-default {
+  .bulk-upload--add-files__collectionSelect {
+    margin-inline: var(--spacer-2-5);
+    margin-block-start: var(--spacer-2-5);
+  }
+
   .bulk-upload--add-files__body {
     display: flex;
     flex: 1 1 auto;
@@ -30,9 +35,15 @@
     }
   }
 
-  .bulk-upload--add-files__dragAndDropText {
-    margin: 0;
-    text-transform: lowercase;
-    align-self: center;
+  /* The modal is narrow enough that the drag-and-drop hint only earns its space once the
+     dialog has room to grow past its mobile width. */
+  .bulk-upload--add-files__dropzoneContent .upload-dropzone-content__drag-text {
+    display: none;
+  }
+
+  @media (min-width: 768px) {
+    .bulk-upload--add-files__dropzoneContent .upload-dropzone-content__drag-text {
+      display: block;
+    }
   }
 }

package/dist/elements/BulkUpload/AddFilesView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,KAAK,qBA8CpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,KAAK,qBA+DpF"}

package/dist/elements/BulkUpload/AddFilesView/index.js

@@ -1,66 +1,127 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { toast } from 'sonner';
+import { SelectInput } from '../../../fields/Select/Input.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { Button } from '../../Button/index.js';
+import { getFilesFromClipboard } from '../../../utilities/getFilesFromClipboard.js';
 import { DialogHeader, DialogModal } from '../../Dialog/index.js';
 import { Dropzone } from '../../Dropzone/index.js';
+import { UploadDropzoneContent } from '../../UploadDropzoneContent/index.js';
+import { useFormsManager } from '../FormsManager/index.js';
+import { useBulkUpload } from '../index.js';
+import { useUploadCollectionOptions } from '../useUploadCollectionOptions.js';
 import './index.css';
 const baseClass = 'bulk-upload--add-files';
-export function AddFilesView({
-  acceptMimeTypes,
-  modalSlug: modalSlug,
-  onDrop
-}) {
+export function AddFilesView(t0) {
+  const $ = _c(15);
+  const {
+    acceptMimeTypes,
+    modalSlug,
+    onDrop
+  } = t0;
   const {
     t
   } = useTranslation();
-  const inputRef = React.useRef(null);
-  return /*#__PURE__*/_jsxs(DialogModal, {
-    className: baseClass,
-    size: "large",
-    slug: modalSlug,
-    children: [/*#__PURE__*/_jsx(DialogHeader, {
-      showClose: true,
-      title: t('upload:addFiles')
-    }), /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__body`,
-      children: /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__dropArea`,
-        children: /*#__PURE__*/_jsxs(Dropzone, {
-          multipleFiles: true,
-          onChange: onDrop,
-          children: [/*#__PURE__*/_jsx(Button, {
-            buttonStyle: "primary",
-            iconPosition: "left",
-            onClick: () => {
-              if (inputRef.current) {
-                inputRef.current.click();
-              }
-            },
-            size: "medium",
-            children: t('upload:selectFile')
-          }), /*#__PURE__*/_jsx("input", {
-            accept: acceptMimeTypes,
-            "aria-hidden": "true",
-            className: `${baseClass}__hidden-input`,
-            hidden: true,
-            multiple: true,
-            onChange: e => {
-              if (e.target.files && e.target.files.length > 0) {
-                onDrop(e.target.files);
+  const {
+    collectionSlug,
+    setCollectionSlug
+  } = useBulkUpload();
+  const {
+    changeCollectionSlug,
+    forms,
+    isInitializing
+  } = useFormsManager();
+  const collectionOptions = useUploadCollectionOptions();
+  let t1;
+  if ($[0] !== onDrop || $[1] !== t) {
+    t1 = async () => {
+      ;
+      try {
+        const files = await getFilesFromClipboard();
+        if (!files) {
+          toast.error(t("error:noFileFoundInClipboard"));
+          return;
+        }
+        onDrop(files);
+      } catch (t2) {
+        toast.error(t("error:unableToReadClipboard"));
+      }
+    };
+    $[0] = onDrop;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handlePasteFromClipboard = t1;
+  let t2;
+  if ($[3] !== acceptMimeTypes || $[4] !== changeCollectionSlug || $[5] !== collectionOptions || $[6] !== collectionSlug || $[7] !== forms || $[8] !== handlePasteFromClipboard || $[9] !== isInitializing || $[10] !== modalSlug || $[11] !== onDrop || $[12] !== setCollectionSlug || $[13] !== t) {
+    t2 = _jsxs(DialogModal, {
+      className: baseClass,
+      size: "large",
+      slug: modalSlug,
+      children: [_jsx(DialogHeader, {
+        showClose: true,
+        title: t("upload:addFiles")
+      }), collectionOptions.length > 1 && _jsx(SelectInput, {
+        className: `${baseClass}__collectionSelect`,
+        isClearable: false,
+        label: t("general:collection"),
+        name: "collection",
+        onChange: option => {
+          if (option && typeof option === "object" && "value" in option) {
+            if (typeof option.value === "string") {
+              if (forms.length) {
+                changeCollectionSlug(option.value);
+              } else {
+                setCollectionSlug(option.value);
               }
-            },
-            ref: inputRef,
-            type: "file"
-          }), /*#__PURE__*/_jsxs("p", {
-            className: `${baseClass}__dragAndDropText`,
-            children: [t('general:or'), " ", t('upload:dragAndDrop')]
-          })]
+            }
+          }
+        },
+        options: collectionOptions,
+        path: "uploadCollection",
+        readOnly: isInitializing,
+        required: true,
+        value: collectionSlug
+      }), _jsx("div", {
+        className: `${baseClass}__body`,
+        children: _jsx("div", {
+          className: `${baseClass}__dropArea`,
+          children: _jsx(Dropzone, {
+            multipleFiles: true,
+            onChange: onDrop,
+            children: _jsx(UploadDropzoneContent, {
+              acceptMimeTypes,
+              className: `${baseClass}__dropzoneContent`,
+              multiple: true,
+              onFilesSelected: onDrop,
+              onPasteFromClipboard: handlePasteFromClipboard,
+              pasteButtonClassName: `${baseClass}__pasteFromClipboard`,
+              pasteTooltip: t("upload:pasteFromClipboard")
+            })
+          })
         })
-      })
-    })]
-  });
+      })]
+    });
+    $[3] = acceptMimeTypes;
+    $[4] = changeCollectionSlug;
+    $[5] = collectionOptions;
+    $[6] = collectionSlug;
+    $[7] = forms;
+    $[8] = handlePasteFromClipboard;
+    $[9] = isInitializing;
+    $[10] = modalSlug;
+    $[11] = onDrop;
+    $[12] = setCollectionSlug;
+    $[13] = t;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
 }
 //# sourceMappingURL=index.js.map

package/dist/elements/BulkUpload/AddFilesView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useTranslation","Button","DialogHeader","DialogModal","Dropzone","baseClass","AddFilesView","acceptMimeTypes","modalSlug","onDrop","t","inputRef","useRef","_jsxs","className","size","slug","_jsx","showClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","accept","hidden","multiple","e","target","files","length","ref","type"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogHeader, DialogModal } from '../../Dialog/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n  readonly acceptMimeTypes?: string\n  readonly modalSlug: string\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, modalSlug: modalSlug, onDrop }: Props) {\n  const { t } = useTranslation()\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  return (\n    <DialogModal className={baseClass} size=\"large\" slug={modalSlug}>\n      <DialogHeader showClose title={t('upload:addFiles')} />\n      <div className={`${baseClass}__body`}>\n        <div className={`${baseClass}__dropArea`}>\n          <Dropzone multipleFiles onChange={onDrop}>\n            <Button\n              buttonStyle=\"primary\"\n              iconPosition=\"left\"\n              onClick={() => {\n                if (inputRef.current) {\n                  inputRef.current.click()\n                }\n              }}\n              size=\"medium\"\n            >\n              {t('upload:selectFile')}\n            </Button>\n            <input\n              accept={acceptMimeTypes}\n              aria-hidden=\"true\"\n              className={`${baseClass}__hidden-input`}\n              hidden\n              multiple\n              onChange={(e) => {\n                if (e.target.files && e.target.files.length > 0) {\n                  onDrop(e.target.files)\n                }\n              }}\n              ref={inputRef}\n              type=\"file\"\n            />\n\n            <p className={`${baseClass}__dragAndDropText`}>\n              {t('general:or')} {t('upload:dragAndDrop')}\n            </p>\n          </Dropzone>\n        </div>\n      </div>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,EAAEC,WAAW,QAAQ;AAC1C,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,aAAa;EAAEC,eAAe;EAAEC,SAAA,EAAWA,SAAS;EAAEC;AAAM,CAAS;EACnF,MAAM;IAAEC;EAAC,CAAE,GAAGV,cAAA;EAEd,MAAMW,QAAA,GAAWZ,KAAA,CAAMa,MAAM,CAAmB;EAEhD,oBACEC,KAAA,CAACV,WAAA;IAAYW,SAAA,EAAWT,SAAA;IAAWU,IAAA,EAAK;IAAQC,IAAA,EAAMR,SAAA;4BACpDS,IAAA,CAACf,YAAA;MAAagB,SAAS;MAACC,KAAA,EAAOT,CAAA,CAAE;qBACjCO,IAAA,CAAC;MAAIH,SAAA,EAAW,GAAGT,SAAA,QAAiB;gBAClC,aAAAY,IAAA,CAAC;QAAIH,SAAA,EAAW,GAAGT,SAAA,YAAqB;kBACtC,aAAAQ,KAAA,CAACT,QAAA;UAASgB,aAAa;UAACC,QAAA,EAAUZ,MAAA;kCAChCQ,IAAA,CAAChB,MAAA;YACCqB,WAAA,EAAY;YACZC,YAAA,EAAa;YACbC,OAAA,EAASA,CAAA;cACP,IAAIb,QAAA,CAASc,OAAO,EAAE;gBACpBd,QAAA,CAASc,OAAO,CAACC,KAAK;cACxB;YACF;YACAX,IAAA,EAAK;sBAEJL,CAAA,CAAE;2BAELO,IAAA,CAAC;YACCU,MAAA,EAAQpB,eAAA;YACR,eAAY;YACZO,SAAA,EAAW,GAAGT,SAAA,gBAAyB;YACvCuB,MAAM;YACNC,QAAQ;YACRR,QAAA,EAAWS,CAAA;cACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;gBAC/CxB,MAAA,CAAOqB,CAAA,CAAEC,MAAM,CAACC,KAAK;cACvB;YACF;YACAE,GAAA,EAAKvB,QAAA;YACLwB,IAAA,EAAK;2BAGPtB,KAAA,CAAC;YAAEC,SAAA,EAAW,GAAGT,SAAA,mBAA4B;uBAC1CK,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;;AAOnC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","toast","SelectInput","useTranslation","getFilesFromClipboard","DialogHeader","DialogModal","Dropzone","UploadDropzoneContent","useFormsManager","useBulkUpload","useUploadCollectionOptions","baseClass","AddFilesView","t0","$","acceptMimeTypes","modalSlug","onDrop","t","collectionSlug","setCollectionSlug","changeCollectionSlug","forms","isInitializing","collectionOptions","t1","files","error","t2","handlePasteFromClipboard","_jsxs","className","size","slug","children","_jsx","showClose","title","length","isClearable","label","name","onChange","option","value","options","path","readOnly","required","multipleFiles","multiple","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getFilesFromClipboard } from '../../../utilities/getFilesFromClipboard.js'\nimport { DialogHeader, DialogModal } from '../../Dialog/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport { UploadDropzoneContent } from '../../UploadDropzoneContent/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\nimport { useUploadCollectionOptions } from '../useUploadCollectionOptions.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n  readonly acceptMimeTypes?: string\n  readonly modalSlug: string\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, modalSlug: modalSlug, onDrop }: Props) {\n  const { t } = useTranslation()\n  const { collectionSlug, setCollectionSlug } = useBulkUpload()\n  const { changeCollectionSlug, forms, isInitializing } = useFormsManager()\n  const collectionOptions = useUploadCollectionOptions()\n\n  const handlePasteFromClipboard = React.useCallback(async () => {\n    try {\n      const files = await getFilesFromClipboard()\n      if (!files) {\n        toast.error(t('error:noFileFoundInClipboard'))\n        return\n      }\n      onDrop(files)\n    } catch (_err) {\n      toast.error(t('error:unableToReadClipboard'))\n    }\n  }, [onDrop, t])\n\n  return (\n    <DialogModal className={baseClass} size=\"large\" slug={modalSlug}>\n      <DialogHeader showClose title={t('upload:addFiles')} />\n      {collectionOptions.length > 1 && (\n        <SelectInput\n          className={`${baseClass}__collectionSelect`}\n          isClearable={false}\n          label={t('general:collection')}\n          name=\"collection\"\n          onChange={(option) => {\n            if (option && typeof option === 'object' && 'value' in option) {\n              if (typeof option.value === 'string') {\n                if (forms.length) {\n                  changeCollectionSlug(option.value)\n                } else {\n                  setCollectionSlug(option.value)\n                }\n              }\n            }\n          }}\n          options={collectionOptions}\n          path=\"uploadCollection\"\n          readOnly={isInitializing}\n          required\n          value={collectionSlug}\n        />\n      )}\n      <div className={`${baseClass}__body`}>\n        <div className={`${baseClass}__dropArea`}>\n          <Dropzone multipleFiles onChange={onDrop}>\n            <UploadDropzoneContent\n              acceptMimeTypes={acceptMimeTypes}\n              className={`${baseClass}__dropzoneContent`}\n              multiple\n              onFilesSelected={onDrop}\n              onPasteFromClipboard={handlePasteFromClipboard}\n              pasteButtonClassName={`${baseClass}__pasteFromClipboard`}\n              pasteTooltip={t('upload:pasteFromClipboard')}\n            />\n          </Dropzone>\n        </div>\n      </div>\n    </DialogModal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/AddingFilesView/index.css

@@ -26,10 +26,6 @@
     overflow: hidden;
   }
 
-  .bulk-upload--file-manager > .dialog__footer {
-    border-block-start: var(--stroke-width-small) solid var(--color-border);
-  }
-
   .bulk-upload--file-manager__editView {
     display: flex;
     flex-direction: column;
@@ -115,6 +111,7 @@
 
   /* Stack on mobile — the modal is full-screen and there is no room for two columns. The whole
      edit view scrolls as one column (no divider, no internal field scroll). */
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .bulk-upload--file-manager__body {
       flex-direction: column-reverse;
@@ -169,6 +166,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .bulk-upload--file-manager .document-fields__edit {
       padding-top: var(--spacer-3);

package/dist/elements/BulkUpload/AddingFilesView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,OAAO,aAAa,CAAA;AAMpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBA2GnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,OAAO,aAAa,CAAA;AAMpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBAkHnD"}