@payloadcms/ui 4.0.0-internal.688c4d0 → 4.0.0-internal.7b031c8

package/dist/elements/BulkUpload/EditMany/DrawerContent.js

@@ -11,6 +11,7 @@ import { FieldPathContext } from '../../../forms/RenderFields/context.js';
 import { RenderField } from '../../../forms/RenderFields/RenderField.js';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useAuth } from '../../../providers/Auth/index.js';
+import { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js';
 import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js';
@@ -34,7 +35,8 @@ export const EditManyBulkUploadsDrawerContent = props => {
   } = props;
   const [isInitializing, setIsInitializing] = useState(false);
   const {
-    permissions
+    permissions,
+    user
   } = useAuth();
   const {
     i18n,
@@ -126,72 +128,84 @@ export const EditManyBulkUploadsDrawerContent = props => {
     count: forms.length,
     label: getTranslation(forms.length > 1 ? plural : singular, i18n)
   });
-  return /*#__PURE__*/_jsxs(Form, {
-    className: `${baseClass}__form`,
-    isInitializing: isInitializing,
-    onChange: [onChange],
-    onSubmit: handleSubmit,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__header`,
-      children: [/*#__PURE__*/_jsx(Button, {
-        "aria-label": t('general:close'),
-        buttonStyle: "ghost",
-        className: `${baseClass}__header__close`,
-        icon: /*#__PURE__*/_jsx(ChevronIcon, {
-          direction: "left",
-          size: 24
-        }),
-        id: `close-drawer__${drawerSlug}`,
-        onClick: () => closeModal(drawerSlug)
-      }), /*#__PURE__*/_jsx("h2", {
-        className: `${baseClass}__header__title`,
-        title: title,
-        children: title
-      }), /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__header__actions`,
-        children: /*#__PURE__*/_jsx(Button, {
-          disabled: selectedFields.length === 0,
-          size: "medium",
-          type: "submit",
-          children: t('general:applyChanges')
-        })
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__body`,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__select-fields`,
-        children: /*#__PURE__*/_jsx(FieldSelect, {
-          fields: fields,
-          onChange: onFieldSelect,
-          permissions: collectionPermissions.fields
-        })
-      }), selectedFields.length === 0 ? null : /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__edit`,
-        children: /*#__PURE__*/_jsx("div", {
-          className: "render-fields",
-          children: /*#__PURE__*/_jsx(FieldPathContext, {
-            value: undefined,
-            children: selectedFields.map((option_2, i) => {
-              const {
-                value: {
-                  field,
-                  fieldPermissions,
-                  path
-                }
-              } = option_2;
-              return /*#__PURE__*/_jsx(RenderField, {
-                clientFieldConfig: field,
-                indexPath: "",
-                parentPath: "",
-                parentSchemaPath: "",
-                path: path,
-                permissions: fieldPermissions
-              }, `${path}-${i}`);
+  return /*#__PURE__*/_jsx(DocumentInfoProvider, {
+    collectionSlug: collection.slug,
+    currentEditor: user,
+    hasPublishedDoc: false,
+    id: null,
+    initialData: {},
+    isLocked: false,
+    lastUpdateTime: 0,
+    mostRecentVersionIsAutosaved: false,
+    unpublishedVersionCount: 0,
+    versionCount: 0,
+    children: /*#__PURE__*/_jsxs(Form, {
+      className: `${baseClass}__form`,
+      isInitializing: isInitializing,
+      onChange: [onChange],
+      onSubmit: handleSubmit,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__header`,
+        children: [/*#__PURE__*/_jsx(Button, {
+          "aria-label": t('general:close'),
+          buttonStyle: "ghost",
+          className: `${baseClass}__header__close`,
+          icon: /*#__PURE__*/_jsx(ChevronIcon, {
+            direction: "left",
+            size: 24
+          }),
+          id: `close-drawer__${drawerSlug}`,
+          onClick: () => closeModal(drawerSlug)
+        }), /*#__PURE__*/_jsx("h2", {
+          className: `${baseClass}__header__title`,
+          title: title,
+          children: title
+        }), /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__header__actions`,
+          children: /*#__PURE__*/_jsx(Button, {
+            disabled: selectedFields.length === 0,
+            size: "medium",
+            type: "submit",
+            children: t('general:applyChanges')
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__body`,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__select-fields`,
+          children: /*#__PURE__*/_jsx(FieldSelect, {
+            fields: fields,
+            onChange: onFieldSelect,
+            permissions: collectionPermissions.fields
+          })
+        }), selectedFields.length === 0 ? null : /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__edit`,
+          children: /*#__PURE__*/_jsx("div", {
+            className: "render-fields",
+            children: /*#__PURE__*/_jsx(FieldPathContext, {
+              value: undefined,
+              children: selectedFields.map((option_2, i) => {
+                const {
+                  value: {
+                    field,
+                    fieldPermissions,
+                    path
+                  }
+                } = option_2;
+                return /*#__PURE__*/_jsx(RenderField, {
+                  clientFieldConfig: field,
+                  indexPath: "",
+                  parentPath: "",
+                  parentSchemaPath: "",
+                  path: path,
+                  permissions: fieldPermissions
+                }, `${path}-${i}`);
+              })
             })
           })
-        })
+        })]
       })]
-    })]
+    })
   });
 };
 //# sourceMappingURL=DrawerContent.js.map

package/dist/elements/BulkUpload/EditMany/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","FieldPathContext","RenderField","ChevronIcon","useAuth","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","onFieldSelect","dispatchFields","selected","type","title","count","length","label","_jsxs","className","onSubmit","_jsx","buttonStyle","icon","direction","size","id","onClick","disabled","undefined","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { FieldOption } from '../../FieldSelect/reduceFieldOptions.js'\nimport type { State } from '../FormsManager/reducer.js'\nimport type { EditManyBulkUploadsProps } from './index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FieldPathContext } from '../../../forms/RenderFields/context.js'\nimport { RenderField } from '../../../forms/RenderFields/RenderField.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass } from './index.js'\nimport './index.css'\nimport '../../../forms/RenderFields/index.css'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n  {\n    collection: ClientCollectionConfig\n    drawerSlug: string\n    forms: State['forms']\n  } & EditManyBulkUploadsProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    forms,\n  } = props\n\n  const [isInitializing, setIsInitializing] = useState(false)\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { closeModal } = useModal()\n  const { bulkUpdateForm } = useFormsManager()\n  const { getFormState } = useServerFunctions()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const handleSubmit: FormProps['onSubmit'] = useCallback(\n    (formState) => {\n      const pairedData = selectedFields.reduce((acc, option) => {\n        if (formState[option.value.path]) {\n          acc[option.value.path] = formState[option.value.path].value\n        }\n        return acc\n      }, {})\n\n      void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n    },\n    [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n  )\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'UPDATE_MANY',\n        formState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection, collectionPermissions],\n  )\n\n  const title = t('general:editingLabel', {\n    count: forms.length,\n    label: getTranslation(forms.length > 1 ? plural : singular, i18n),\n  })\n\n  return (\n    <Form\n      className={`${baseClass}__form`}\n      isInitializing={isInitializing}\n      onChange={[onChange]}\n      onSubmit={handleSubmit}\n    >\n      <div className={`${baseClass}__header`}>\n        <Button\n          aria-label={t('general:close')}\n          buttonStyle=\"ghost\"\n          className={`${baseClass}__header__close`}\n          icon={<ChevronIcon direction=\"left\" size={24} />}\n          id={`close-drawer__${drawerSlug}`}\n          onClick={() => closeModal(drawerSlug)}\n        />\n        <h2 className={`${baseClass}__header__title`} title={title}>\n          {title}\n        </h2>\n        <div className={`${baseClass}__header__actions`}>\n          <Button disabled={selectedFields.length === 0} size=\"medium\" type=\"submit\">\n            {t('general:applyChanges')}\n          </Button>\n        </div>\n      </div>\n      <div className={`${baseClass}__body`}>\n        <div className={`${baseClass}__select-fields`}>\n          <FieldSelect\n            fields={fields}\n            onChange={onFieldSelect}\n            permissions={collectionPermissions.fields}\n          />\n        </div>\n        {selectedFields.length === 0 ? null : (\n          <div className={`${baseClass}__edit`}>\n            <div className=\"render-fields\">\n              <FieldPathContext value={undefined}>\n                {selectedFields.map((option, i) => {\n                  const {\n                    value: { field, fieldPermissions, path },\n                  } = option\n\n                  return (\n                    <RenderField\n                      clientFieldConfig={field}\n                      indexPath=\"\"\n                      key={`${path}-${i}`}\n                      parentPath=\"\"\n                      parentSchemaPath=\"\"\n                      path={path}\n                      permissions={fieldPermissions}\n                    />\n                  )\n                })}\n              </FieldPathContext>\n            </div>\n          </div>\n        )}\n      </div>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","FieldPathContext","RenderField","ChevronIcon","useAuth","DocumentInfoProvider","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","user","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","onFieldSelect","dispatchFields","selected","type","title","count","length","label","_jsx","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","className","onSubmit","buttonStyle","icon","direction","size","onClick","disabled","undefined","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { FieldOption } from '../../FieldSelect/reduceFieldOptions.js'\nimport type { State } from '../FormsManager/reducer.js'\nimport type { EditManyBulkUploadsProps } from './index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FieldPathContext } from '../../../forms/RenderFields/context.js'\nimport { RenderField } from '../../../forms/RenderFields/RenderField.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass } from './index.js'\nimport './index.css'\nimport '../../../forms/RenderFields/index.css'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n  {\n    collection: ClientCollectionConfig\n    drawerSlug: string\n    forms: State['forms']\n  } & EditManyBulkUploadsProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    forms,\n  } = props\n\n  const [isInitializing, setIsInitializing] = useState(false)\n  const { permissions, user } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { closeModal } = useModal()\n  const { bulkUpdateForm } = useFormsManager()\n  const { getFormState } = useServerFunctions()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const handleSubmit: FormProps['onSubmit'] = useCallback(\n    (formState) => {\n      const pairedData = selectedFields.reduce((acc, option) => {\n        if (formState[option.value.path]) {\n          acc[option.value.path] = formState[option.value.path].value\n        }\n        return acc\n      }, {})\n\n      void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n    },\n    [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n  )\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'UPDATE_MANY',\n        formState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection, collectionPermissions],\n  )\n\n  const title = t('general:editingLabel', {\n    count: forms.length,\n    label: getTranslation(forms.length > 1 ? plural : singular, i18n),\n  })\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <Form\n        className={`${baseClass}__form`}\n        isInitializing={isInitializing}\n        onChange={[onChange]}\n        onSubmit={handleSubmit}\n      >\n        <div className={`${baseClass}__header`}>\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__header__close`}\n            icon={<ChevronIcon direction=\"left\" size={24} />}\n            id={`close-drawer__${drawerSlug}`}\n            onClick={() => closeModal(drawerSlug)}\n          />\n          <h2 className={`${baseClass}__header__title`} title={title}>\n            {title}\n          </h2>\n          <div className={`${baseClass}__header__actions`}>\n            <Button disabled={selectedFields.length === 0} size=\"medium\" type=\"submit\">\n              {t('general:applyChanges')}\n            </Button>\n          </div>\n        </div>\n        <div className={`${baseClass}__body`}>\n          <div className={`${baseClass}__select-fields`}>\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n          </div>\n          {selectedFields.length === 0 ? null : (\n            <div className={`${baseClass}__edit`}>\n              <div className=\"render-fields\">\n                <FieldPathContext value={undefined}>\n                  {selectedFields.map((option, i) => {\n                    const {\n                      value: { field, fieldPermissions, path },\n                    } = option\n\n                    return (\n                      <RenderField\n                        clientFieldConfig={field}\n                        indexPath=\"\"\n                        key={`${path}-${i}`}\n                        parentPath=\"\"\n                        parentSchemaPath=\"\"\n                        path={path}\n                        permissions={fieldPermissions}\n                      />\n                    )\n                  })}\n                </FieldPathContext>\n              </div>\n            </div>\n          )}\n        </div>\n      </Form>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,2BAA2B,CAAA;AAEjD,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsClE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,aAAa,CAAA;AACpB,eAAO,MAAM,SAAS,2BAA2B,CAAA;AAEjD,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwClE,CAAA"}

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

@@ -2,17 +2,20 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
 import React from 'react';
+import { WriteIcon } from '../../../icons/Write/index.js';
 import { useAuth } from '../../../providers/Auth/index.js';
 import { EditDepthProvider } from '../../../providers/EditDepth/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { Drawer, DrawerToggler } from '../../Drawer/index.js';
+import { Button } from '../../Button/index.js';
+import { Drawer } from '../../Drawer/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
 import { EditManyBulkUploadsDrawerContent } from './DrawerContent.js';
 import './index.css';
 export const baseClass = 'edit-many-bulk-uploads';
 export const EditManyBulkUploads = props => {
-  const $ = _c(5);
+  const $ = _c(9);
   const {
     collection: t0,
     collection
@@ -29,6 +32,9 @@ export const EditManyBulkUploads = props => {
   const {
     forms
   } = useFormsManager();
+  const {
+    openModal
+  } = useModal();
   const collectionPermissions = permissions?.collections?.[slug];
   const hasUpdatePermission = collectionPermissions?.update;
   const drawerSlug = `edit-${slug}-bulk-uploads`;
@@ -36,14 +42,25 @@ export const EditManyBulkUploads = props => {
     return null;
   }
   let t1;
-  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== forms || $[3] !== t) {
+  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== forms || $[3] !== openModal || $[4] !== t) {
+    let t2;
+    if ($[6] !== drawerSlug || $[7] !== openModal) {
+      t2 = () => openModal(drawerSlug);
+      $[6] = drawerSlug;
+      $[7] = openModal;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
     t1 = _jsxs("div", {
       className: baseClass,
-      children: [_jsx(DrawerToggler, {
-        "aria-label": t("general:editAll"),
+      children: [_jsx(Button, {
         buttonStyle: "secondary",
-        className: `${baseClass}__toggle`,
-        slug: drawerSlug,
+        icon: _jsx(WriteIcon, {
+          size: 24
+        }),
+        iconPosition: "left",
+        onClick: t2,
         children: t("general:editAll")
       }), _jsx(EditDepthProvider, {
         children: _jsx(Drawer, {
@@ -60,10 +77,11 @@ export const EditManyBulkUploads = props => {
     $[0] = collection;
     $[1] = drawerSlug;
     $[2] = forms;
-    $[3] = t;
-    $[4] = t1;
+    $[3] = openModal;
+    $[4] = t;
+    $[5] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[5];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useAuth","EditDepthProvider","useTranslation","Drawer","DrawerToggler","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","_jsxs","className","children","_jsx","buttonStyle","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.css'\n\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n  const { collection: { slug } = {}, collection } = props\n\n  const { permissions } = useAuth()\n\n  const { t } = useTranslation()\n  const { forms } = useFormsManager() // Access forms managed in bulk uploads\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}-bulk-uploads`\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:editAll')}\n        buttonStyle=\"secondary\"\n        className={`${baseClass}__toggle`}\n        slug={drawerSlug}\n      >\n        {t('general:editAll')}\n      </DrawerToggler>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyBulkUploadsDrawerContent\n            collection={collection}\n            drawerSlug={drawerSlug}\n            forms={forms}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrE;IAAAa,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAElB,MAAAa,qBAAA,GAA8BH,WAAA,EAAAI,WAAA,GAA2BN,IAAA;EACzD,MAAAO,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQT,IAAA,eAAmB;EAAA,KAEzCO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAM,CAAA;IAKHO,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,GACCC,IAAA,CAAAvB,aAAA;QAAA,cACcY,CAAA,CAAE;QAAAY,WAAA,EACF;QAAAH,SAAA,EACD,GAAAlB,SAAA,UAAsB;QAAAM,IAAA,EAC3BS,UAAA;QAAAI,QAAA,EAELV,CAAA,CAAE;MAAA,C,GAELW,IAAA,CAAA1B,iBAAA;QAAAyB,QAAA,EACEC,IAAA,CAAAxB,MAAA;UAAA0B,MAAA;UAAAhB,IAAA,EAA4BS,UAAA;UAAAA,QAAA,EAC1BK,IAAA,CAAArB,gCAAA;YAAAK,UAAA;YAAAW,UAAA;YAAAL;UAAA,C;;;;;;;;;;;;SAXNM,E;CAoBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","WriteIcon","useAuth","EditDepthProvider","useTranslation","Button","Drawer","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","openModal","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","t2","_jsxs","className","children","_jsx","buttonStyle","icon","size","onClick","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.css'\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n  const { collection: { slug } = {}, collection } = props\n\n  const { permissions } = useAuth()\n\n  const { t } = useTranslation()\n  const { forms } = useFormsManager() // Access forms managed in bulk uploads\n  const { openModal } = useModal()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}-bulk-uploads`\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"secondary\"\n        icon={<WriteIcon size={24} />}\n        iconPosition=\"left\"\n        onClick={() => openModal(drawerSlug)}\n      >\n        {t('general:editAll')}\n      </Button>\n\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyBulkUploadsDrawerContent\n            collection={collection}\n            drawerSlug={drawerSlug}\n            forms={forms}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AACP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACrE;IAAAe,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAClB;IAAAa;EAAA,IAAsBrB,QAAA;EAEtB,MAAAsB,qBAAA,GAA8BJ,WAAA,EAAAK,WAAA,GAA2BP,IAAA;EACzD,MAAAQ,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQV,IAAA,eAAmB;EAAA,KAEzCQ,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAM,CAAA;IAAA,IAAAS,EAAA;IAAA,IAAAf,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAQ,SAAA;MAUUO,EAAA,GAAAA,CAAA,KAAMP,SAAA,CAAUK,UAAA;MAAAb,CAAA,MAAAa,UAAA;MAAAb,CAAA,MAAAQ,SAAA;MAAAR,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAL7Bc,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAqB,QAAA,GACCC,IAAA,CAAA1B,MAAA;QAAA2B,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAA9B,SAAA;UAAAiC,IAAA;QAAA,C;sBACO;QAAAC,OAAA,EACJR,EAAgB;QAAAG,QAAA,EAExBZ,CAAA,CAAE;MAAA,C,GAGLa,IAAA,CAAA5B,iBAAA;QAAA2B,QAAA,EACEC,IAAA,CAAAzB,MAAA;UAAA8B,MAAA;UAAArB,IAAA,EAA4BU,UAAA;UAAAA,QAAA,EAC1BM,IAAA,CAAAvB,gCAAA;YAAAK,UAAA;YAAAY,UAAA;YAAAN;UAAA,C;;;;;;;;;;;;;SAZNO,E;CAqBJ","ignoreList":[]}

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

@@ -1,11 +1,13 @@
 @layer payload-default {
   .file-selections {
     --file-gutter-h: var(--spacer-2);
-    border-right: 1px solid var(--color-border);
+    border-right: var(--stroke-width-small) solid var(--color-border);
     padding: 0;
     display: flex;
     flex-direction: column;
-    width: 250px;
+    /* File tree takes 3fr of the 3fr : 4fr : 5fr file-manager layout (≈236px). */
+    flex: 3 1 0;
+    min-width: 0;
     overflow: visible;
     max-height: 100dvh;
   }
@@ -26,12 +28,9 @@
     }
   }
 
-  .file-selections__header--hasErrors {
-    padding-top: var(--spacer-2);
-  }
-
   .file-selections__collectionSelect {
     width: 100%;
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
 
     .react-select {
       width: 100%;
@@ -39,38 +38,16 @@
 
     .field-type__wrap {
       width: 100%;
-      padding-block: var(--spacer-4);
+      padding-block: var(--spacer-2-5);
       padding-inline: var(--file-gutter-h);
     }
   }
 
-  .file-selections__headerTopRow {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--spacer-4);
-    width: 100%;
-    padding-block: var(--spacer-2-5);
-    padding-inline: var(--file-gutter-h);
-  }
-
-  .file-selections__header__error {
-    padding-inline: var(--file-gutter-h);
-
-    .error-pill {
-      align-self: flex-start;
-    }
-  }
-
-  .file-selections__selectedCount {
-    margin: 0;
-  }
-
   .file-selections__filesContainer {
     display: flex;
     flex-direction: column;
     gap: var(--spacer-2);
-    margin-top: var(--spacer-2-5);
+    margin-top: var(--spacer-2);
     width: 100%;
     padding-inline: var(--file-gutter-h);
 
@@ -178,11 +155,14 @@
 
   .file-selections__remove--overlay {
     position: absolute;
-    transform: translateY(-50%);
     top: 50%;
-    bottom: 50%;
     right: var(--rowPadding);
-    height: 20px;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
     border-radius: var(--radius-medium);
     cursor: pointer;
 
@@ -195,58 +175,10 @@
     }
   }
 
-  .file-selections__header__actions {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-2);
-  }
-
-  .file-selections__toggler {
-    display: none;
-    margin: 0;
-    padding-block: 0;
-  }
-
-  .file-selections__header__mobileDocActions {
-    display: none;
-  }
-
   .file-selections__animateWrapper {
     overflow: auto;
   }
 
-  .file-selections__mobileBlur {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    transition: opacity 100ms cubic-bezier(0, 0.2, 0.2, 1);
-
-    &::before,
-    &::after {
-      content: ' ';
-      position: absolute;
-      inset: 0;
-    }
-
-    &::before {
-      background: var(--color-bg);
-      opacity: 0.75;
-    }
-
-    &::after {
-      backdrop-filter: blur(8px);
-    }
-  }
-
-  .file-selections__showingFiles {
-    .file-selections__mobileBlur {
-      opacity: 1;
-    }
-  }
-
   @media (max-width: 1024px) {
     .file-selections {
       --file-gutter-h: var(--gutter-h);
@@ -255,91 +187,79 @@
       position: sticky;
       bottom: 0;
       flex-shrink: 0;
+      border-right: 0;
+      border-top: var(--stroke-width-small) solid var(--color-border);
+      background: var(--color-bg);
+      flex: 1;
     }
 
-    .file-selections__showingFiles {
-      z-index: 2;
+    /* The file list becomes a horizontal thumbnail carousel that scrolls sideways along the bottom
+       of the body instead of stacking vertically. */
+    .file-selections__animateWrapper {
+      overflow-x: auto;
+      overflow-y: hidden;
     }
 
     .file-selections__filesContainer {
-      &::before,
-      &::after {
-        content: ' ';
-        position: absolute;
-        inset: 0;
-      }
-
-      &::before {
-        background: var(--color-bg);
-        opacity: 0.75;
-      }
-
-      &::after {
-        backdrop-filter: blur(8px);
-      }
+      flex-direction: row;
+      margin-top: 0;
+      padding-block: var(--spacer-2);
+      width: max-content;
+      min-width: 100%;
     }
 
     .file-selections__fileRowContainer {
       z-index: 1;
-    }
+      flex: 0 0 auto;
 
-    .file-selections__header {
-      margin-top: 0;
-      border-top: 1px solid var(--color-border);
-      gap: var(--spacer-2-5);
-      padding-block: var(--spacer-2-5);
-      padding-inline: var(--file-gutter-h);
+      &:last-child {
+        margin-bottom: 0;
+      }
     }
 
-    .file-selections__header__error {
-      padding-inline: 0;
-    }
+    /* Each carousel item is a compact thumbnail; the file name, size and the desktop remove-button
+       spacer are hidden to keep the strip tight (the active file's name shows in the preview area). */
+    .file-selections__fileRow {
+      gap: 0;
+      padding: var(--spacer-1);
 
-    .file-selections__headerTopRow {
-      padding-block: 0;
-      padding-inline: 0;
-      flex: 1;
-      width: auto;
+      .file-selections__thumbnail,
+      .file-selections__thumbnail-shimmer {
+        width: var(--spacer-6);
+        height: var(--spacer-6);
+      }
     }
 
-    .file-selections__selectedCount {
+    .file-selections__fileDetails,
+    .file-selections__fileSize,
+    .file-selections__remove--underlay {
       display: none;
     }
 
-    .file-selections__header__actions {
-      display: flex;
-      justify-content: flex-end;
-      padding-block: 0;
+    .file-selections__fileRowContainer--active .file-selections__thumbnail {
+      outline: var(--stroke-width-small) solid var(--color-text);
+      outline-offset: 2px;
     }
 
-    .file-selections__header__mobileDocActions {
-      position: relative;
-      display: flex;
-      justify-content: flex-end;
-      margin-inline-start: auto;
-      padding-block: 0;
-
-      > div {
-        display: flex;
-        justify-content: flex-end;
+    .file-selections__remove--overlay {
+      top: var(--spacer-1);
+      right: var(--spacer-1);
+      transform: none;
+      width: 20px;
+      height: 20px;
+      background: var(--color-bg);
+    }
 
-        button {
-          flex: 0 0 auto;
-        }
-      }
+    .file-selections__header {
+      margin-top: 0;
+      border-top: var(--stroke-width-small) solid var(--color-border);
+      gap: var(--spacer-2-5);
+      padding-block: var(--spacer-2-5);
+      padding-inline: var(--file-gutter-h);
     }
 
-    .file-selections__toggler {
-      margin: 0;
-      padding-inline-end: 0;
-      display: flex;
-      justify-content: flex-end;
-      flex-grow: 1;
-
-      .btn__content {
-        width: 100%;
-        justify-content: space-between;
-      }
+    .file-selections__header__error {
+      padding-inline: 0;
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,aAAa,CAAA;AAQpB,wBAAgB,WAAW,sBAsN1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,aAAa,CAAA;AAMpB,wBAAgB,WAAW,sBA8H1B"}