@payloadcms/ui 4.0.0-internal.543da65 → 4.0.0-internal.567a487

package/dist/elements/BranchSelector/index.js

@@ -0,0 +1,255 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { branchesCollectionSlug, formatAdminURL, MAIN_BRANCH } from 'payload/shared';
+import React, { Fragment, useMemo } from 'react';
+import { BranchIcon } from '../../icons/Branch/index.js';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { NewTabIcon } from '../../icons/NewTab/index.js';
+import { PlusIcon } from '../../icons/Plus/index.js';
+import { useBranch, useShowBranchSelector } from '../../providers/Branch/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
+import { Combobox } from '../Combobox/index.js';
+import { Link } from '../Link/index.js';
+import { useMergeBranch } from '../MergeBranch/context.js';
+import { useModal } from '../Modal/index.js';
+import { NewBranchModal, newBranchModalSlug } from './NewBranchModal/index.js';
+import './index.css';
+const baseClass = 'branch-selector';
+/**
+ * Switcher for the active content branch, sitting to the left of the breadcrumb
+ * trail — everything after it is scoped to the branch it names.
+ *
+ * Renders nothing when branching is off, and nothing while `main` is the only
+ * branch there is — until a branch exists there is nothing to switch to.
+ */
+export const BranchSelector = ({
+  className
+}) => {
+  const {
+    activeBranch,
+    branches,
+    setBranch
+  } = useBranch();
+  const showSelector = useShowBranchSelector();
+  const {
+    t
+  } = useTranslation();
+  const {
+    openModal
+  } = useModal();
+  const {
+    openMerge
+  } = useMergeBranch();
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    }
+  } = useConfig();
+  const manageBranchesURL = formatAdminURL({
+    adminRoute,
+    path: `/collections/${branchesCollectionSlug}`
+  });
+  // A branch that was merged, closed or made unreadable while it was still
+  // selected is no longer in the list. It is still what the request resolved to,
+  // so the switcher names it — and pinning it at the top is also the way out.
+  const activeOption = activeBranch === MAIN_BRANCH ? {
+    name: MAIN_BRANCH,
+    slug: MAIN_BRANCH
+  } : branches.find(({
+    slug
+  }) => slug === activeBranch) ?? {
+    name: activeBranch,
+    slug: activeBranch
+  };
+  const {
+    entries: entries_0,
+    slugByEntry: slugByEntry_0
+  } = useMemo(() => {
+    // Everything except where you already are: the active branch is pinned above
+    // the search, so listing it again would offer switching to it.
+    const options = [{
+      name: MAIN_BRANCH,
+      slug: MAIN_BRANCH
+    }, ...branches].filter(({
+      slug: slug_0
+    }) => slug_0 !== activeBranch);
+    const slugByEntry = new Map();
+    const entries = options.map(option => {
+      const hasDistinctName = option.name !== option.slug;
+      const entry = {
+        Component: /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__option`,
+          children: /*#__PURE__*/_jsxs("span", {
+            className: `${baseClass}__option-labels`,
+            children: [/*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__option-name`,
+              children: option.name
+            }), option.isScheduled ? /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__option-scheduled`,
+              children: t('branching:scheduledToMerge')
+            }) : option.isMerged && /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__option-merged`,
+              children: t('branching:status_merged')
+            })]
+          })
+        }),
+        // The slug is not rendered — editors name branches, the slug is derived —
+        // but it stays searchable, since it is what URLs and the API expose.
+        name: hasDistinctName ? `${option.name} ${option.slug}` : option.name
+      };
+      slugByEntry.set(entry, option.slug);
+      return entry;
+    });
+    return {
+      entries,
+      slugByEntry
+    };
+  }, [activeBranch, branches, t]);
+  if (!showSelector) {
+    return null;
+  }
+  const activeLabel = branches.find(({
+    slug: slug_1
+  }) => slug_1 === activeBranch)?.name ?? activeBranch ?? MAIN_BRANCH;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(Combobox, {
+      "aria-label": t('branching:branches'),
+      className: [baseClass, className].filter(Boolean).join(' '),
+      entries: entries_0,
+      // Pinned rather than listed, so both stay reachable no matter what the
+      // search has filtered the list down to.
+      footer: ({
+        close
+      }) => /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(Link, {
+          className: `${baseClass}__option ${baseClass}__action ${baseClass}__manage`,
+          href: manageBranchesURL,
+          onClick: close,
+          children: /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__option-labels`,
+            children: t('branching:manageBranches')
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__footer-divider`
+        }), /*#__PURE__*/_jsx("button", {
+          className: `${baseClass}__option ${baseClass}__action ${baseClass}__create`,
+          onClick: () => {
+            close();
+            openModal(newBranchModalSlug);
+          },
+          type: "button",
+          children: /*#__PURE__*/_jsxs("span", {
+            className: `${baseClass}__option-labels`,
+            children: [/*#__PURE__*/_jsx(PlusIcon, {
+              size: 16
+            }), t('branching:createNewBranch')]
+          })
+        })]
+      }),
+      // Where you are, before what you could switch to. On a branch the name
+      // itself is the way to manage it, so the row carries only the name and the
+      // one action that is not reachable from anywhere else.
+      header: ({
+        close: close_0
+      }) => /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__current`,
+        children: [activeOption.id === undefined ? /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__current-name`,
+          children: activeOption.name
+        }) :
+        // Opens in a new tab, which is what the icon promises. Reviewing a
+        // branch is a detour from whatever you were editing when you opened
+        // the switcher, so it should not cost you that place.
+        /*#__PURE__*/
+        _jsxs(Link, {
+          className: `${baseClass}__current-name ${baseClass}__current-link`,
+          href: formatAdminURL({
+            adminRoute,
+            path: `/collections/${branchesCollectionSlug}/${activeOption.id}`
+          }),
+          onClick: close_0,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: [/*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__current-text`,
+            children: activeOption.name
+          }), /*#__PURE__*/_jsx(NewTabIcon, {
+            className: `${baseClass}__current-icon`,
+            size: 16
+          })]
+        }), activeOption.id !== undefined && /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "primary",
+          onClick: () => {
+            close_0();
+            // No selection to pass: from the switcher, merging means the whole
+            // branch — so it hands over the way to narrow that instead, and
+            // lets the modal count what is pending.
+            openMerge({
+              branchID: activeOption.id,
+              branchName: activeOption.name,
+              branchSlug: activeOption.slug,
+              reviewURL: formatAdminURL({
+                adminRoute,
+                path: `/collections/${branchesCollectionSlug}/${activeOption.id}`
+              })
+            });
+          },
+          size: "medium",
+          children: t('branching:merge')
+        })]
+      }),
+      horizontalAlign: "left",
+      // Searchable as soon as there is anything to search. With nothing to switch
+      // to, a search box and a "no matches" message describe a search nobody ran —
+      // the popup is then only its two actions.
+      minEntriesForSearch: entries_0.length ? 0 : 1,
+      onSelect: entry_0 => {
+        const slug_2 = slugByEntry_0.get(entry_0);
+        if (slug_2) {
+          setBranch(slug_2);
+        }
+      },
+      portalClassName: `${baseClass}__popup`,
+      renderButton: ({
+        active,
+        onClick,
+        onKeyDown,
+        ...ariaProps
+      }) => /*#__PURE__*/_jsx(Button, {
+        "aria-label": t('branching:selectBranch'),
+        buttonStyle: "secondary",
+        className: `${baseClass}__trigger`,
+        extraButtonProps: {
+          onKeyDown
+        },
+        icon: /*#__PURE__*/_jsx(BranchIcon, {}),
+        iconPosition: "left",
+        onClick: onClick,
+        selected: active,
+        size: "medium",
+        ...ariaProps,
+        children: /*#__PURE__*/_jsxs("span", {
+          className: `${baseClass}__trigger-label`,
+          children: [/*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__trigger-name`,
+            children: activeLabel
+          }), /*#__PURE__*/_jsx(ChevronIcon, {
+            direction: active ? 'up' : 'down',
+            size: 16
+          })]
+        })
+      }),
+      searchPlaceholder: t('branching:searchBranches'),
+      // Suppressed only when there is nothing to match against in the first place;
+      // a search that filters everything out still says so.
+      showEmptyMessage: entries_0.length > 0,
+      size: "fit-content"
+    }), /*#__PURE__*/_jsx(NewBranchModal, {})]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["branchesCollectionSlug","formatAdminURL","MAIN_BRANCH","React","Fragment","useMemo","BranchIcon","ChevronIcon","NewTabIcon","PlusIcon","useBranch","useShowBranchSelector","useConfig","useTranslation","Button","Combobox","Link","useMergeBranch","useModal","NewBranchModal","newBranchModalSlug","baseClass","BranchSelector","className","activeBranch","branches","setBranch","showSelector","t","openModal","openMerge","config","routes","admin","adminRoute","manageBranchesURL","path","activeOption","name","slug","find","entries","slugByEntry","options","filter","Map","map","option","hasDistinctName","entry","Component","_jsx","_jsxs","isScheduled","isMerged","set","activeLabel","Boolean","join","footer","close","href","onClick","type","size","header","id","undefined","rel","target","buttonStyle","branchID","branchName","branchSlug","reviewURL","horizontalAlign","minEntriesForSearch","length","onSelect","get","portalClassName","renderButton","active","onKeyDown","ariaProps","extraButtonProps","icon","iconPosition","selected","direction","searchPlaceholder","showEmptyMessage"],"sources":["../../../src/elements/BranchSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport { branchesCollectionSlug, formatAdminURL, MAIN_BRANCH } from 'payload/shared'\nimport React, { Fragment, useMemo } from 'react'\n\nimport type { BranchOption } from '../../providers/Branch/index.js'\nimport type { ComboboxEntry } from '../Combobox/index.js'\n\nimport { BranchIcon } from '../../icons/Branch/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { NewTabIcon } from '../../icons/NewTab/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useBranch, useShowBranchSelector } from '../../providers/Branch/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Combobox } from '../Combobox/index.js'\nimport { Link } from '../Link/index.js'\nimport { useMergeBranch } from '../MergeBranch/context.js'\nimport { useModal } from '../Modal/index.js'\nimport { NewBranchModal, newBranchModalSlug } from './NewBranchModal/index.js'\nimport './index.css'\n\nconst baseClass = 'branch-selector'\n\n/**\n * Switcher for the active content branch, sitting to the left of the breadcrumb\n * trail — everything after it is scoped to the branch it names.\n *\n * Renders nothing when branching is off, and nothing while `main` is the only\n * branch there is — until a branch exists there is nothing to switch to.\n */\nexport const BranchSelector: React.FC<{ className?: string }> = ({ className }) => {\n  const { activeBranch, branches, setBranch } = useBranch()\n  const showSelector = useShowBranchSelector()\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const { openMerge } = useMergeBranch()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const manageBranchesURL = formatAdminURL({\n    adminRoute,\n    path: `/collections/${branchesCollectionSlug}`,\n  })\n\n  // A branch that was merged, closed or made unreadable while it was still\n  // selected is no longer in the list. It is still what the request resolved to,\n  // so the switcher names it — and pinning it at the top is also the way out.\n  const activeOption: BranchOption =\n    activeBranch === MAIN_BRANCH\n      ? { name: MAIN_BRANCH, slug: MAIN_BRANCH }\n      : (branches.find(({ slug }) => slug === activeBranch) ?? {\n          name: activeBranch,\n          slug: activeBranch,\n        })\n\n  const { entries, slugByEntry } = useMemo(() => {\n    // Everything except where you already are: the active branch is pinned above\n    // the search, so listing it again would offer switching to it.\n    const options: BranchOption[] = [{ name: MAIN_BRANCH, slug: MAIN_BRANCH }, ...branches].filter(\n      ({ slug }) => slug !== activeBranch,\n    )\n\n    const slugByEntry = new Map<ComboboxEntry, string>()\n\n    const entries = options.map((option) => {\n      const hasDistinctName = option.name !== option.slug\n\n      const entry: ComboboxEntry = {\n        Component: (\n          <span className={`${baseClass}__option`}>\n            <span className={`${baseClass}__option-labels`}>\n              <span className={`${baseClass}__option-name`}>{option.name}</span>\n              {/* A merged branch is still switchable, so it stays in the list — but\n                  \"nothing pending\" is worth saying, or it looks identical to a\n                  branch with work on it. */}\n              {option.isScheduled ? (\n                <span className={`${baseClass}__option-scheduled`}>\n                  {t('branching:scheduledToMerge')}\n                </span>\n              ) : (\n                option.isMerged && (\n                  <span className={`${baseClass}__option-merged`}>\n                    {t('branching:status_merged')}\n                  </span>\n                )\n              )}\n            </span>\n          </span>\n        ),\n        // The slug is not rendered — editors name branches, the slug is derived —\n        // but it stays searchable, since it is what URLs and the API expose.\n        name: hasDistinctName ? `${option.name} ${option.slug}` : option.name,\n      }\n\n      slugByEntry.set(entry, option.slug)\n\n      return entry\n    })\n\n    return { entries, slugByEntry }\n  }, [activeBranch, branches, t])\n\n  if (!showSelector) {\n    return null\n  }\n\n  const activeLabel =\n    branches.find(({ slug }) => slug === activeBranch)?.name ?? activeBranch ?? MAIN_BRANCH\n\n  return (\n    <Fragment>\n      <Combobox\n        aria-label={t('branching:branches')}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        entries={entries}\n        // Pinned rather than listed, so both stay reachable no matter what the\n        // search has filtered the list down to.\n        footer={({ close }) => (\n          <Fragment>\n            <Link\n              className={`${baseClass}__option ${baseClass}__action ${baseClass}__manage`}\n              href={manageBranchesURL}\n              onClick={close}\n            >\n              <span className={`${baseClass}__option-labels`}>{t('branching:manageBranches')}</span>\n            </Link>\n            <div className={`${baseClass}__footer-divider`} />\n            <button\n              className={`${baseClass}__option ${baseClass}__action ${baseClass}__create`}\n              onClick={() => {\n                close()\n                openModal(newBranchModalSlug)\n              }}\n              type=\"button\"\n            >\n              <span className={`${baseClass}__option-labels`}>\n                <PlusIcon size={16} />\n                {t('branching:createNewBranch')}\n              </span>\n            </button>\n          </Fragment>\n        )}\n        // Where you are, before what you could switch to. On a branch the name\n        // itself is the way to manage it, so the row carries only the name and the\n        // one action that is not reachable from anywhere else.\n        header={({ close }) => (\n          <div className={`${baseClass}__current`}>\n            {activeOption.id === undefined ? (\n              <span className={`${baseClass}__current-name`}>{activeOption.name}</span>\n            ) : (\n              // Opens in a new tab, which is what the icon promises. Reviewing a\n              // branch is a detour from whatever you were editing when you opened\n              // the switcher, so it should not cost you that place.\n              <Link\n                className={`${baseClass}__current-name ${baseClass}__current-link`}\n                href={formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${branchesCollectionSlug}/${activeOption.id}`,\n                })}\n                onClick={close}\n                rel=\"noopener noreferrer\"\n                target=\"_blank\"\n              >\n                <span className={`${baseClass}__current-text`}>{activeOption.name}</span>\n                <NewTabIcon className={`${baseClass}__current-icon`} size={16} />\n              </Link>\n            )}\n            {activeOption.id !== undefined && (\n              <Button\n                buttonStyle=\"primary\"\n                onClick={() => {\n                  close()\n                  // No selection to pass: from the switcher, merging means the whole\n                  // branch — so it hands over the way to narrow that instead, and\n                  // lets the modal count what is pending.\n                  openMerge({\n                    branchID: activeOption.id,\n                    branchName: activeOption.name,\n                    branchSlug: activeOption.slug,\n                    reviewURL: formatAdminURL({\n                      adminRoute,\n                      path: `/collections/${branchesCollectionSlug}/${activeOption.id}`,\n                    }),\n                  })\n                }}\n                size=\"medium\"\n              >\n                {t('branching:merge')}\n              </Button>\n            )}\n          </div>\n        )}\n        horizontalAlign=\"left\"\n        // Searchable as soon as there is anything to search. With nothing to switch\n        // to, a search box and a \"no matches\" message describe a search nobody ran —\n        // the popup is then only its two actions.\n        minEntriesForSearch={entries.length ? 0 : 1}\n        onSelect={(entry) => {\n          const slug = slugByEntry.get(entry)\n\n          if (slug) {\n            setBranch(slug)\n          }\n        }}\n        portalClassName={`${baseClass}__popup`}\n        renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n          <Button\n            aria-label={t('branching:selectBranch')}\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__trigger`}\n            extraButtonProps={{ onKeyDown }}\n            icon={<BranchIcon />}\n            iconPosition=\"left\"\n            onClick={onClick}\n            selected={active}\n            size=\"medium\"\n            {...ariaProps}\n          >\n            <span className={`${baseClass}__trigger-label`}>\n              <span className={`${baseClass}__trigger-name`}>{activeLabel}</span>\n              <ChevronIcon direction={active ? 'up' : 'down'} size={16} />\n            </span>\n          </Button>\n        )}\n        searchPlaceholder={t('branching:searchBranches')}\n        // Suppressed only when there is nothing to match against in the first place;\n        // a search that filters everything out still says so.\n        showEmptyMessage={entries.length > 0}\n        size=\"fit-content\"\n      />\n      <NewBranchModal />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -119,8 +119,8 @@ export const EditManyBulkUploadsDrawerContent = props => {
       skipValidation: true
     });
     dispatchFields({
-      type: 'UPDATE_MANY',
-      formState: state_0
+      type: 'MERGE_SERVER_STATE',
+      serverState: state_0
     });
     setIsInitializing(false);
   }, [getFormState, collection, collectionPermissions]);

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","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":[]}
+{"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","serverState","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: 'MERGE_SERVER_STATE',\n        serverState: 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/FileSidebar/index.css

@@ -258,6 +258,10 @@
       padding-inline: var(--file-gutter-h);
     }
 
+    .file-selections__collectionSelect {
+      border-bottom: none;
+    }
+
     .file-selections__header__error {
       padding-inline: 0;
     }

package/dist/elements/BulkUpload/FormsManager/createFormData.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionSlug, FormState } from 'payload';
+import type { FormState } from 'payload';
 import type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js';
-export declare function createFormData(formState: FormState, overrides: Record<string, any>, collectionSlug: CollectionSlug, uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>): Promise<FormData>;
+export declare function createFormData(formState: FormState, overrides: Record<string, any>, uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>): Promise<FormData>;
 //# sourceMappingURL=createFormData.d.ts.map

package/dist/elements/BulkUpload/FormsManager/createFormData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFormData.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAA;AAEvF,wBAAsB,cAAc,CAClC,SAAS,EAAE,SAAc,EACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EACnC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,UAAU,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAwCrE"}
+{"version":3,"file":"createFormData.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAA;AAEvF,wBAAsB,cAAc,CAClC,SAAS,EAAE,SAAc,EACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EACnC,aAAa,EAAE,UAAU,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBA6BrE"}

package/dist/elements/BulkUpload/FormsManager/createFormData.js

@@ -1,27 +1,16 @@
 import { serialize } from 'object-to-formdata';
 import { reduceFieldsToValues } from 'payload/shared';
-export async function createFormData(formState = {}, overrides = {}, collectionSlug, uploadHandler) {
+export async function createFormData(formState = {}, overrides = {}, uploadHandler) {
   const data = reduceFieldsToValues(formState, true);
   let file = data?.file;
   if (file) {
     delete data.file;
   }
   if (file && typeof uploadHandler === 'function') {
-    let filename = file.name;
-    const clientUploadContext = await uploadHandler({
+    file = JSON.stringify(await uploadHandler({
       docPrefix: typeof data?.prefix === 'string' ? data.prefix : undefined,
-      file,
-      updateFilename: value => {
-        filename = value;
-      }
-    });
-    file = JSON.stringify({
-      clientUploadContext,
-      collectionSlug,
-      filename,
-      mimeType: file.type,
-      size: file.size
-    });
+      file
+    }));
   }
   const dataWithOverrides = {
     ...data,

package/dist/elements/BulkUpload/FormsManager/createFormData.js.map

@@ -1 +1 @@
-{"version":3,"file":"createFormData.js","names":["serialize","reduceFieldsToValues","createFormData","formState","overrides","collectionSlug","uploadHandler","data","file","filename","name","clientUploadContext","docPrefix","prefix","undefined","updateFilename","value","JSON","stringify","mimeType","type","size","dataWithOverrides","dataToSerialize","_payload","indices","nullsAsUndefineds"],"sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"sourcesContent":["import type { CollectionSlug, FormState } from 'payload'\n\nimport { serialize } from 'object-to-formdata'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js'\n\nexport async function createFormData(\n  formState: FormState = {},\n  overrides: Record<string, any> = {},\n  collectionSlug: CollectionSlug,\n  uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>,\n) {\n  const data = reduceFieldsToValues(formState, true)\n  let file = data?.file\n\n  if (file) {\n    delete data.file\n  }\n\n  if (file && typeof uploadHandler === 'function') {\n    let filename = file.name\n\n    const clientUploadContext = await uploadHandler({\n      docPrefix: typeof data?.prefix === 'string' ? data.prefix : undefined,\n      file,\n      updateFilename: (value) => {\n        filename = value\n      },\n    })\n\n    file = JSON.stringify({\n      clientUploadContext,\n      collectionSlug,\n      filename,\n      mimeType: file.type,\n      size: file.size,\n    })\n  }\n\n  const dataWithOverrides = {\n    ...data,\n    ...overrides,\n  }\n\n  const dataToSerialize = {\n    _payload: JSON.stringify(dataWithOverrides),\n    file,\n  }\n\n  return serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false })\n}\n"],"mappings":"AAEA,SAASA,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AAIrC,OAAO,eAAeC,eACpBC,SAAA,GAAuB,CAAC,CAAC,EACzBC,SAAA,GAAiC,CAAC,CAAC,EACnCC,cAA8B,EAC9BC,aAAoE;EAEpE,MAAMC,IAAA,GAAON,oBAAA,CAAqBE,SAAA,EAAW;EAC7C,IAAIK,IAAA,GAAOD,IAAA,EAAMC,IAAA;EAEjB,IAAIA,IAAA,EAAM;IACR,OAAOD,IAAA,CAAKC,IAAI;EAClB;EAEA,IAAIA,IAAA,IAAQ,OAAOF,aAAA,KAAkB,YAAY;IAC/C,IAAIG,QAAA,GAAWD,IAAA,CAAKE,IAAI;IAExB,MAAMC,mBAAA,GAAsB,MAAML,aAAA,CAAc;MAC9CM,SAAA,EAAW,OAAOL,IAAA,EAAMM,MAAA,KAAW,WAAWN,IAAA,CAAKM,MAAM,GAAGC,SAAA;MAC5DN,IAAA;MACAO,cAAA,EAAiBC,KAAA;QACfP,QAAA,GAAWO,KAAA;MACb;IACF;IAEAR,IAAA,GAAOS,IAAA,CAAKC,SAAS,CAAC;MACpBP,mBAAA;MACAN,cAAA;MACAI,QAAA;MACAU,QAAA,EAAUX,IAAA,CAAKY,IAAI;MACnBC,IAAA,EAAMb,IAAA,CAAKa;IACb;EACF;EAEA,MAAMC,iBAAA,GAAoB;IACxB,GAAGf,IAAI;IACP,GAAGH;EACL;EAEA,MAAMmB,eAAA,GAAkB;IACtBC,QAAA,EAAUP,IAAA,CAAKC,SAAS,CAACI,iBAAA;IACzBd;EACF;EAEA,OAAOR,SAAA,CAAUuB,eAAA,EAAiB;IAAEE,OAAA,EAAS;IAAMC,iBAAA,EAAmB;EAAM;AAC9E","ignoreList":[]}
+{"version":3,"file":"createFormData.js","names":["serialize","reduceFieldsToValues","createFormData","formState","overrides","uploadHandler","data","file","JSON","stringify","docPrefix","prefix","undefined","dataWithOverrides","dataToSerialize","_payload","indices","nullsAsUndefineds"],"sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nimport { serialize } from 'object-to-formdata'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js'\n\nexport async function createFormData(\n  formState: FormState = {},\n  overrides: Record<string, any> = {},\n  uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>,\n) {\n  const data = reduceFieldsToValues(formState, true)\n  let file = data?.file\n\n  if (file) {\n    delete data.file\n  }\n\n  if (file && typeof uploadHandler === 'function') {\n    file = JSON.stringify(\n      await uploadHandler({\n        docPrefix: typeof data?.prefix === 'string' ? data.prefix : undefined,\n        file,\n      }),\n    )\n  }\n\n  const dataWithOverrides = {\n    ...data,\n    ...overrides,\n  }\n\n  const dataToSerialize = {\n    _payload: JSON.stringify(dataWithOverrides),\n    file,\n  }\n\n  return serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false })\n}\n"],"mappings":"AAEA,SAASA,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AAIrC,OAAO,eAAeC,eACpBC,SAAA,GAAuB,CAAC,CAAC,EACzBC,SAAA,GAAiC,CAAC,CAAC,EACnCC,aAAoE;EAEpE,MAAMC,IAAA,GAAOL,oBAAA,CAAqBE,SAAA,EAAW;EAC7C,IAAII,IAAA,GAAOD,IAAA,EAAMC,IAAA;EAEjB,IAAIA,IAAA,EAAM;IACR,OAAOD,IAAA,CAAKC,IAAI;EAClB;EAEA,IAAIA,IAAA,IAAQ,OAAOF,aAAA,KAAkB,YAAY;IAC/CE,IAAA,GAAOC,IAAA,CAAKC,SAAS,CACnB,MAAMJ,aAAA,CAAc;MAClBK,SAAA,EAAW,OAAOJ,IAAA,EAAMK,MAAA,KAAW,WAAWL,IAAA,CAAKK,MAAM,GAAGC,SAAA;MAC5DL;IACF;EAEJ;EAEA,MAAMM,iBAAA,GAAoB;IACxB,GAAGP,IAAI;IACP,GAAGF;EACL;EAEA,MAAMU,eAAA,GAAkB;IACtBC,QAAA,EAAUP,IAAA,CAAKC,SAAS,CAACI,iBAAA;IACzBN;EACF;EAEA,OAAOP,SAAA,CAAUc,eAAA,EAAiB;IAAEE,OAAA,EAAS;IAAMC,iBAAA,EAAmB;EAAM;AAC9E","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,IAAI,EACJ,aAAa,EACb,SAAS,EAET,4BAA4B,EAC5B,WAAW,EACZ,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAiBzC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,cAAc,EAAE,CACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,gBAAgB,CAAC,EAAE,MAAM,IAAI,KAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,4BAA4B,CAAA;IACtD,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;QACD,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CACxD,CAAA;AA6BD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAChC,CAAC,CAAA;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBAgpBnE;AAED,wBAAgB,eAAe,wBAE9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,IAAI,EACJ,aAAa,EACb,SAAS,EAET,4BAA4B,EAC5B,WAAW,EACZ,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAkBzC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,cAAc,EAAE,CACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,gBAAgB,CAAC,EAAE,MAAM,IAAI,KAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,4BAA4B,CAAA;IACtD,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;QACD,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CACxD,CAAA;AA6BD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAChC,CAAC,CAAA;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBAmpBnE;AAED,wBAAgB,eAAe,wBAE9B"}

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

@@ -8,6 +8,7 @@ import React from 'react';
 import { toast } from 'sonner';
 import { fieldReducer } from '../../../forms/Form/fieldReducer.js';
 import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
+import { useBranchParam } from '../../../providers/Branch/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
 import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
@@ -62,6 +63,7 @@ export function FormsManagerProvider({
   const {
     code
   } = useLocale();
+  const branch = useBranchParam();
   const {
     i18n,
     t
@@ -122,6 +124,7 @@ export function FormsManagerProvider({
   const actionURL = `${baseAPIPath}/${collectionSlug}`;
   const initializeSharedDocPermissions = React.useCallback(async () => {
     const params = {
+      branch,
       locale: code || undefined
     };
     const docAccessURL = `/${collectionSlug}/access`;
@@ -153,7 +156,7 @@ export function FormsManagerProvider({
     }));
     setHasPublishPermission(publishedAccessJSON?.update);
     setHasInitializedDocPermissions(true);
-  }, [baseAPIPath, code, collectionSlug, i18n.language]);
+  }, [branch, baseAPIPath, code, collectionSlug, i18n.language]);
   const initializeSharedFormState = React.useCallback(async abortController => {
     if (abortController?.signal) {
       abortController.abort('aborting previous fetch for initial form state without files');
@@ -315,13 +318,14 @@ export function FormsManagerProvider({
           total: currentForms.length
         }));
         const actionURLWithParams = `${actionURL}${qs.stringify({
+          branch,
           locale: code,
           uploadEdits: form_1?.uploadEdits || undefined
         }, {
           addQueryPrefix: true
         })}`;
         const req = await fetch(actionURLWithParams, {
-          body: await createFormData(form_1.formState, overrides, collectionSlug, getUploadHandler({
+          body: await createFormData(form_1.formState, overrides, getUploadHandler({
             collectionSlug
           })),
           credentials: 'include',
@@ -473,7 +477,7 @@ export function FormsManagerProvider({
       setInitialFiles(undefined);
       setInitialForms(undefined);
     }
-  }, [forms, activeIndex, t, actionURL, code, collectionSlug, getUploadHandler, getFormState, docPermissions, setSuccessfullyUploaded, onSuccess, closeModal, drawerSlug, setInitialFiles, setInitialForms]);
+  }, [branch, forms, activeIndex, t, actionURL, code, collectionSlug, getUploadHandler, getFormState, docPermissions, setSuccessfullyUploaded, onSuccess, closeModal, drawerSlug, setInitialFiles, setInitialForms]);
   const bulkUpdateForm = React.useCallback(async (updatedFields, afterStateUpdate) => {
     for (let i_3 = 0; i_3 < forms.length; i_3++) {
       Object.entries(updatedFields).forEach(([path, value_0]) => {