@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.727c7a4

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectType, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport {\n  combineWhereConstraints,\n  formatAdminURL,\n  mergeListSearchAndWhere,\n  unflatten,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\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'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\nimport '../../forms/RenderFields/index.scss'\nimport { baseClass, type EditManyProps } from './index.js'\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype EditManyDrawerContentProps = {\n  /**\n   * The total count of selected items\n   */\n  count?: number\n  /**\n   * The slug of the drawer\n   */\n  drawerSlug: string\n  /**\n   * The IDs of the selected items\n   */\n  ids?: (number | string)[]\n  /**\n   * The function to call after a successful action\n   */\n  onSuccess?: () => void\n  /**\n   * Whether all items are selected\n   */\n  selectAll?: boolean\n  /**\n   * The fields that are selected to bulk edit\n   */\n  selectedFields: FieldOption[]\n  /**\n   * The function to set the selected fields to bulk edit\n   */\n  setSelectedFields: (fields: FieldOption[]) => void\n  where?: Where\n} & EditManyProps\n\nexport const EditManyDrawerContent: React.FC<EditManyDrawerContentProps> = (props) => {\n  const {\n    collection,\n    collection: { fields, labels: { plural, singular } } = {},\n    count,\n    drawerSlug,\n    ids,\n    onSuccess: onSuccessFromProps,\n    selectAll,\n    selectedFields,\n    setSelectedFields,\n    where,\n  } = props\n\n  const { permissions, user } = useAuth()\n  const { code: locale } = useLocale()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { i18n, t } = useTranslation()\n\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\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 queryString = useMemo((): string => {\n    const whereConstraints: Where[] = []\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            not_equals: '',\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n    clearRouteCache()\n    closeModal(drawerSlug)\n\n    if (typeof onSuccessFromProps === 'function') {\n      onSuccessFromProps()\n    }\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.slug, collectionPermissions, setSelectedFields],\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      <OperationContext value=\"update\">\n        <div className={`${baseClass}__main`}>\n          <div className={`${baseClass}__header`}>\n            <h2 className={`${baseClass}__header__title`}>\n              {t('general:editingLabel', {\n                count,\n                label: getTranslation(count > 1 ? plural : singular, i18n),\n              })}\n            </h2>\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header__close`}\n              id={`close-drawer__${drawerSlug}`}\n              onClick={() => closeModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <Form\n            className={`${baseClass}__form`}\n            isInitializing={isInitializing}\n            onChange={[onChange]}\n            onSuccess={onSuccess}\n          >\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n            {selectedFields.length === 0 ? null : (\n              <div className=\"render-fields\">\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              </div>\n            )}\n            <div className={`${baseClass}__sidebar-wrap`}>\n              <div className={`${baseClass}__sidebar`}>\n                <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                  <div className={`${baseClass}__document-actions`}>\n                    {collection?.versions?.drafts ? (\n                      <React.Fragment>\n                        <SaveDraftButton\n                          action={formatAdminURL({\n                            apiRoute,\n                            path: `/${collection.slug}${queryString}&draft=true`,\n                          })}\n                          disabled={selectedFields.length === 0}\n                        />\n                        <PublishButton\n                          action={formatAdminURL({\n                            apiRoute,\n                            path: `/${collection.slug}${queryString}&draft=true`,\n                          })}\n                          disabled={selectedFields.length === 0}\n                        />\n                      </React.Fragment>\n                    ) : (\n                      <Submit\n                        action={formatAdminURL({\n                          apiRoute,\n                          path: `/${collection.slug}${queryString}`,\n                        })}\n                        disabled={selectedFields.length === 0}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","useLocale","OperationContext","useRouteCache","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","parseSearchParams","FieldSelect","baseClass","Submit","action","disabled","submit","t","save","method","skipValidation","className","onClick","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","count","drawerSlug","ids","onSuccess","onSuccessFromProps","selectAll","selectedFields","setSelectedFields","where","permissions","user","code","locale","closeModal","config","routes","api","apiRoute","getFormState","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","clearRouteCache","collectionPermissions","collections","slug","searchParams","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","whereConstraints","push","queryWithSearch","collectionConfig","search","get","id","not_equals","in","stringify","addQueryPrefix","replace","page","undefined","onFieldSelect","dispatchFields","selected","type","currentEditor","hasPublishedDoc","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","div","h2","label","button","aria-label","length","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath","versions","drafts","Fragment"],"mappings":"AAAA;;AAIA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAC/D,SACEC,uBAAuB,EACvBC,cAAc,EACdC,uBAAuB,EACvBC,SAAS,QACJ,iBAAgB;AACvB,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAMxE,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,WAAW,QAAQ,0CAAyC;AACrE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,gBAAgB,QAAQ,qCAAoC;AACrE,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,EAAEC,cAAc,QAAQ,oCAAmC;AAClF,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,OAAO,eAAc;AACrB,OAAO,sCAAqC;AAC5C,SAASC,SAAS,QAA4B,aAAY;AAE1D,MAAMC,SAGD,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAE;IACxB,MAAM,EAAEC,MAAM,EAAE,GAAGrB;IACnB,MAAM,EAAEsB,CAAC,EAAE,GAAGV;IAEd,MAAMW,OAAO3B,YAAY;QACvB,KAAKyB,OAAO;YACVF;YACAK,QAAQ;YACRC,gBAAgB;QAClB;IACF,GAAG;QAACN;QAAQE;KAAO;IAEnB,qBACE,QAAClB;QAAWuB,WAAW,GAAGT,UAAU,MAAM,CAAC;QAAEG,UAAUA;QAAUO,SAASJ;kBACvED,EAAE;;;;;;AAGT;AAEA,MAAMM,gBAGD,CAAC,EAAET,MAAM,EAAEC,QAAQ,EAAE;IACxB,MAAM,EAAEC,MAAM,EAAE,GAAGrB;IACnB,MAAM,EAAEsB,CAAC,EAAE,GAAGV;IAEd,MAAMW,OAAO3B,YAAY;QACvB,KAAKyB,OAAO;YACVF;YACAK,QAAQ;YACRK,WAAW;gBACTC,SAAS;YACX;YACAL,gBAAgB;QAClB;IACF,GAAG;QAACN;QAAQE;KAAO;IAEnB,qBACE,QAAClB;QAAWuB,WAAW,GAAGT,UAAU,SAAS,CAAC;QAAEG,UAAUA;QAAUO,SAASJ;kBAC1ED,EAAE;;;;;;AAGT;AAEA,MAAMS,kBAGD,CAAC,EAAEZ,MAAM,EAAEC,QAAQ,EAAE;IACxB,MAAM,EAAEC,MAAM,EAAE,GAAGrB;IACnB,MAAM,EAAEsB,CAAC,EAAE,GAAGV;IAEd,MAAMW,OAAO3B,YAAY;QACvB,KAAKyB,OAAO;YACVF;YACAK,QAAQ;YACRK,WAAW;gBACTC,SAAS;YACX;YACAL,gBAAgB;QAClB;IACF,GAAG;QAACN;QAAQE;KAAO;IAEnB,qBACE,QAAClB;QACC6B,aAAY;QACZN,WAAW,GAAGT,UAAU,OAAO,CAAC;QAChCG,UAAUA;QACVO,SAASJ;kBAERD,EAAE;;;;;;AAGT;AAGE;;GAEC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAKH,OAAO,MAAMW,wBAA8D,CAACC;IAC1E,MAAM,EACJC,UAAU,EACVA,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAC,EACzDC,KAAK,EACLC,UAAU,EACVC,GAAG,EACHC,WAAWC,kBAAkB,EAC7BC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,KAAK,EACN,GAAGd;IAEJ,MAAM,EAAEe,WAAW,EAAEC,IAAI,EAAE,GAAG7C;IAC9B,MAAM,EAAE8C,MAAMC,MAAM,EAAE,GAAG5C;IAEzB,MAAM,EAAE6C,UAAU,EAAE,GAAGnE;IAEvB,MAAM,EACJoE,QAAQ,EACNC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EAC1B,EACF,GAAGnD;IAEJ,MAAM,EAAEoD,YAAY,EAAE,GAAG/C;IAEzB,MAAM,EAAEgD,IAAI,EAAErC,CAAC,EAAE,GAAGV;IAEpB,MAAM,CAACgD,gBAAgBC,kBAAkB,GAAG9D,SAAS;IAErD,MAAM+D,SAAS1E;IACf,MAAM2E,oBAAoBpE,MAAMqE,MAAM,CAAkB;IACxD,MAAM,EAAEC,eAAe,EAAE,GAAGvD;IAC5B,MAAMwD,wBAAwBjB,aAAakB,aAAa,CAAChC,WAAWiC,IAAI,CAAC;IACzE,MAAMC,eAAehF;IAErB,MAAMiF,SAASxE,QAAoB;QACjC,OAAOL,UACLqD,eAAeyB,MAAM,CAAC,CAACC,KAAKC;YAC1BD,GAAG,CAACC,OAAOC,KAAK,CAACC,IAAI,CAAC,GAAG;YACzB,OAAOH;QACT,GAAG,CAAC;IAER,GAAG;QAAC1B;KAAe;IAEnB,MAAM8B,WAAqChF,YACzC,OAAO,EAAEiF,WAAWC,aAAa,EAAEC,SAAS,EAAE;QAC5C,MAAMC,aAAalE,eAAeiD;QAElC,MAAM,EAAEkB,KAAK,EAAE,GAAG,MAAMvB,aAAa;YACnCwB,gBAAgB/C,WAAWiC,IAAI;YAC/Be,gBAAgBjB;YAChBkB,gBAAgB;YAChBP,WAAWC;YACXO,WAAW;YACXC,YAAYnD,WAAWiC,IAAI;YAC3BE;YACAiB,QAAQP,WAAWO,MAAM;YACzB9D,gBAAgB,CAACsD;QACnB;QAEAhB,kBAAkByB,OAAO,GAAG;QAE5B,OAAOP;IACT,GACA;QAACvB;QAAcvB;QAAY+B;QAAuBI;KAAO;IAG3DzE,UAAU;QACR,MAAM4F,iBAAiB1B,kBAAkByB,OAAO;QAEhD,OAAO;YACL3E,eAAe4E;QACjB;IACF,GAAG,EAAE;IAEL,MAAMC,cAAc5F,QAAQ;QAC1B,MAAM6F,mBAA4B,EAAE;QAEpC,IAAI3C,OAAO;YACT2C,iBAAiBC,IAAI,CAAC5C;QACxB;QAEA,MAAM6C,kBAAkBrG,wBAAwB;YAC9CsG,kBAAkB3D;YAClB4D,QAAQ1B,aAAa2B,GAAG,CAAC;QAC3B;QAEA,IAAIH,iBAAiB;YACnBF,iBAAiBC,IAAI,CAACC;QACxB;QAEA,IAAIhD,WAAW;YACb,0DAA0D;YAC1D8C,iBAAiBC,IAAI,CACnB,AAAC7E,kBAAkBsD,eAAerB,SAAmB;gBACnDiD,IAAI;oBACFC,YAAY;gBACd;YACF;QAEJ,OAAO;YACL,8DAA8D;YAC9DP,iBAAiBC,IAAI,CAAC;gBACpBK,IAAI;oBACFE,IAAIzD,OAAO,EAAE;gBACf;YACF;QACF;QAEA,OAAOhD,GAAG0G,SAAS,CACjB;YACEhD;YACAkB,QAAQ,CAAC;YACTtB,OAAO1D,wBAAwBqG;QACjC,GACA;YAAEU,gBAAgB;QAAK;IAE3B,GAAG;QAAClE;QAAYkC;QAAcxB;QAAWH;QAAKU;QAAQJ;KAAM;IAE5D,MAAML,YAAY;QAChBmB,OAAOwC,OAAO,CACZ5G,GAAG0G,SAAS,CACV;YACE,GAAGrF,kBAAkBsD,aAAa;YAClCkC,MAAM1D,YAAY,MAAM2D;QAC1B,GACA;YAAEH,gBAAgB;QAAK;QAG3BpC;QACAZ,WAAWZ;QAEX,IAAI,OAAOG,uBAAuB,YAAY;YAC5CA;QACF;IACF;IAEA,MAAM6D,gBAAgB7G,YACpB,OAAO,EAAE8G,cAAc,EAAE7B,SAAS,EAAE8B,QAAQ,EAAE;QAC5C9C,kBAAkB;QAElBd,kBAAkB4D,YAAY,EAAE;QAEhC,MAAM,EAAE1B,KAAK,EAAE,GAAG,MAAMvB,aAAa;YACnCwB,gBAAgB/C,WAAWiC,IAAI;YAC/Be,gBAAgBjB;YAChBkB,gBAAgB;YAChBP;YACAQ,WAAW;YACXC,YAAYnD,WAAWiC,IAAI;YAC3BE,QAAQ7E,UACNkH,SAASpC,MAAM,CAAC,CAACC,KAAKC;gBACpBD,GAAG,CAACC,OAAOC,KAAK,CAACC,IAAI,CAAC,GAAG;gBACzB,OAAOH;YACT,GAAG,CAAC;YAEN/C,gBAAgB;QAClB;QAEAiF,eAAe;YACbE,MAAM;YACN/B,WAAWI;QACb;QAEApB,kBAAkB;IACpB,GACA;QAACH;QAAcvB,WAAWiC,IAAI;QAAEF;QAAuBnB;KAAkB;IAG3E,qBACE,QAACxC;QACC2E,gBAAgB/C,WAAWiC,IAAI;QAC/ByC,eAAe3D;QACf4D,iBAAiB;QACjBb,IAAI;QACJc,aAAa,CAAC;QACdC,UAAU;QACVC,gBAAgB;QAChBC,8BAA8B;QAC9BC,yBAAyB;QACzBC,cAAc;kBAEd,cAAA,QAAC3G;YAAiBiE,OAAM;sBACtB,cAAA,QAAC2C;gBAAI3F,WAAW,GAAGT,UAAU,MAAM,CAAC;;kCAClC,QAACoG;wBAAI3F,WAAW,GAAGT,UAAU,QAAQ,CAAC;;0CACpC,QAACqG;gCAAG5F,WAAW,GAAGT,UAAU,eAAe,CAAC;0CACzCK,EAAE,wBAAwB;oCACzBkB;oCACA+E,OAAOpI,eAAeqD,QAAQ,IAAIF,SAASC,UAAUoB;gCACvD;;;;;;0CAEF,QAAC6D;gCACCC,cAAYnG,EAAE;gCACdI,WAAW,GAAGT,UAAU,eAAe,CAAC;gCACxCgF,IAAI,CAAC,cAAc,EAAExD,YAAY;gCACjCd,SAAS,IAAM0B,WAAWZ;gCAC1BmE,MAAK;0CAEL,cAAA,QAACxG;;;;;;;;;;;;;;;;kCAGL,QAACH;wBACCyB,WAAW,GAAGT,UAAU,MAAM,CAAC;wBAC/B2C,gBAAgBA;wBAChBgB,UAAU;4BAACA;yBAAS;wBACpBjC,WAAWA;;0CAEX,QAAC3B;gCACCoB,QAAQA;gCACRwC,UAAU6B;gCACVxD,aAAaiB,sBAAsB9B,MAAM;;;;;;4BAE1CU,eAAe4E,MAAM,KAAK,IAAI,qBAC7B,QAACL;gCAAI3F,WAAU;0CACZoB,eAAe6E,GAAG,CAAC,CAAClD,QAAQmD;oCAC3B,MAAM,EACJlD,OAAO,EAAEmD,KAAK,EAAEC,gBAAgB,EAAEnD,IAAI,EAAE,EACzC,GAAGF;oCAEJ,qBACE,QAACvE;wCACC6H,mBAAmBF;wCACnBG,WAAU;wCAEVC,YAAW;wCACXC,kBAAiB;wCACjBvD,MAAMA;wCACN1B,aAAa6E;uCAJR,GAAGnD,KAAK,CAAC,EAAEiD,GAAG;;;;;gCAOzB;;;;;;0CAGJ,QAACP;gCAAI3F,WAAW,GAAGT,UAAU,cAAc,CAAC;0CAC1C,cAAA,QAACoG;oCAAI3F,WAAW,GAAGT,UAAU,SAAS,CAAC;8CACrC,cAAA,QAACoG;wCAAI3F,WAAW,GAAGT,UAAU,qBAAqB,CAAC;kDACjD,cAAA,QAACoG;4CAAI3F,WAAW,GAAGT,UAAU,kBAAkB,CAAC;sDAC7CkB,YAAYgG,UAAUC,uBACrB,QAACzI,MAAM0I,QAAQ;;kEACb,QAACtG;wDACCZ,QAAQ5B,eAAe;4DACrBkE;4DACAkB,MAAM,CAAC,CAAC,EAAExC,WAAWiC,IAAI,GAAGsB,YAAY,WAAW,CAAC;wDACtD;wDACAtE,UAAU0B,eAAe4E,MAAM,KAAK;;;;;;kEAEtC,QAAC9F;wDACCT,QAAQ5B,eAAe;4DACrBkE;4DACAkB,MAAM,CAAC,CAAC,EAAExC,WAAWiC,IAAI,GAAGsB,YAAY,WAAW,CAAC;wDACtD;wDACAtE,UAAU0B,eAAe4E,MAAM,KAAK;;;;;;;;;;;qEAIxC,QAACxG;gDACCC,QAAQ5B,eAAe;oDACrBkE;oDACAkB,MAAM,CAAC,CAAC,EAAExC,WAAWiC,IAAI,GAAGsB,aAAa;gDAC3C;gDACAtE,UAAU0B,eAAe4E,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY5D,EAAC"}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","useRouter","useSearchParams","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","useLocale","OperationContext","useRouteCache","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","parseSearchParams","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","count","drawerSlug","ids","onSuccess","onSuccessFromProps","selectAll","selectedFields","setSelectedFields","where","permissions","user","code","locale","closeModal","config","routes","api","apiRoute","getFormState","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","clearRouteCache","collectionPermissions","collections","slug","searchParams","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","whereConstraints","push","queryWithSearch","collectionConfig","search","get","id","not_equals","in","stringify","addQueryPrefix","replace","page","undefined","onFieldSelect","dispatchFields","selected","type","currentEditor","hasPublishedDoc","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","label","length","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectType, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport {\n  combineWhereConstraints,\n  formatAdminURL,\n  mergeListSearchAndWhere,\n  unflatten,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\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'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\nimport '../../forms/RenderFields/index.scss'\nimport { baseClass, type EditManyProps } from './index.js'\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype EditManyDrawerContentProps = {\n  /**\n   * The total count of selected items\n   */\n  count?: number\n  /**\n   * The slug of the drawer\n   */\n  drawerSlug: string\n  /**\n   * The IDs of the selected items\n   */\n  ids?: (number | string)[]\n  /**\n   * The function to call after a successful action\n   */\n  onSuccess?: () => void\n  /**\n   * Whether all items are selected\n   */\n  selectAll?: boolean\n  /**\n   * The fields that are selected to bulk edit\n   */\n  selectedFields: FieldOption[]\n  /**\n   * The function to set the selected fields to bulk edit\n   */\n  setSelectedFields: (fields: FieldOption[]) => void\n  where?: Where\n} & EditManyProps\n\nexport const EditManyDrawerContent: React.FC<EditManyDrawerContentProps> = (props) => {\n  const {\n    collection,\n    collection: { fields, labels: { plural, singular } } = {},\n    count,\n    drawerSlug,\n    ids,\n    onSuccess: onSuccessFromProps,\n    selectAll,\n    selectedFields,\n    setSelectedFields,\n    where,\n  } = props\n\n  const { permissions, user } = useAuth()\n  const { code: locale } = useLocale()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { i18n, t } = useTranslation()\n\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\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 queryString = useMemo((): string => {\n    const whereConstraints: Where[] = []\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            not_equals: '',\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n    clearRouteCache()\n    closeModal(drawerSlug)\n\n    if (typeof onSuccessFromProps === 'function') {\n      onSuccessFromProps()\n    }\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.slug, collectionPermissions, setSelectedFields],\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      <OperationContext value=\"update\">\n        <div className={`${baseClass}__main`}>\n          <div className={`${baseClass}__header`}>\n            <h2 className={`${baseClass}__header__title`}>\n              {t('general:editingLabel', {\n                count,\n                label: getTranslation(count > 1 ? plural : singular, i18n),\n              })}\n            </h2>\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header__close`}\n              id={`close-drawer__${drawerSlug}`}\n              onClick={() => closeModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <Form\n            className={`${baseClass}__form`}\n            isInitializing={isInitializing}\n            onChange={[onChange]}\n            onSuccess={onSuccess}\n          >\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n            {selectedFields.length === 0 ? null : (\n              <div className=\"render-fields\">\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              </div>\n            )}\n            <div className={`${baseClass}__sidebar-wrap`}>\n              <div className={`${baseClass}__sidebar`}>\n                <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                  <div className={`${baseClass}__document-actions`}>\n                    {collection?.versions?.drafts ? (\n                      <React.Fragment>\n                        <SaveDraftButton\n                          action={formatAdminURL({\n                            apiRoute,\n                            path: `/${collection.slug}${queryString}&draft=true`,\n                          })}\n                          disabled={selectedFields.length === 0}\n                        />\n                        <PublishButton\n                          action={formatAdminURL({\n                            apiRoute,\n                            path: `/${collection.slug}${queryString}&draft=true`,\n                          })}\n                          disabled={selectedFields.length === 0}\n                        />\n                      </React.Fragment>\n                    ) : (\n                      <Submit\n                        action={formatAdminURL({\n                          apiRoute,\n                          path: `/${collection.slug}${queryString}`,\n                        })}\n                        disabled={selectedFields.length === 0}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+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, { useState } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
@@ -11,85 +13,135 @@ import { ListSelectionButton } from '../ListSelection/index.js';
 import { EditManyDrawerContent } from './DrawerContent.js';
 import './index.scss';
 export const baseClass = 'edit-many';
-export const EditMany = (props)=>{
-    const { count, selectAll, selectedIDs, toggleAll } = useSelection();
-    return /*#__PURE__*/ _jsxDEV(EditMany_v4, {
-        ...props,
-        count: count,
-        ids: selectedIDs,
-        onSuccess: ()=>toggleAll(),
-        selectAll: selectAll === SelectAllStatus.AllAvailable
-    }, void 0, false, {
-        fileName: "src/elements/EditMany/index.tsx",
-        lineNumber: 28,
-        columnNumber: 5
-    }, this);
+export const EditMany = props => {
+  const $ = _c(8);
+  const {
+    count,
+    selectAll,
+    selectedIDs,
+    toggleAll
+  } = useSelection();
+  let t0;
+  if ($[0] !== toggleAll) {
+    t0 = () => toggleAll();
+    $[0] = toggleAll;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const t1 = selectAll === SelectAllStatus.AllAvailable;
+  let t2;
+  if ($[2] !== count || $[3] !== props || $[4] !== selectedIDs || $[5] !== t0 || $[6] !== t1) {
+    t2 = _jsx(EditMany_v4, {
+      ...props,
+      count,
+      ids: selectedIDs,
+      onSuccess: t0,
+      selectAll: t1
+    });
+    $[2] = count;
+    $[3] = props;
+    $[4] = selectedIDs;
+    $[5] = t0;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 };
-export const EditMany_v4 = /**
-     * When multiple EditMany components are rendered on the page, this will differentiate them.
-     */ ({ collection, count, ids, modalPrefix, onSuccess, selectAll, where })=>{
-    const { permissions } = useAuth();
-    const { openModal } = useModal();
-    const { t } = useTranslation();
-    const [selectedFields, setSelectedFields] = useState([]);
-    const collectionPermissions = permissions?.collections?.[collection.slug];
-    const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`;
-    if (count === 0 || !collectionPermissions?.update) {
-        return null;
+export const EditMany_v4 = t0 => {
+  const $ = _c(16);
+  const {
+    collection,
+    count,
+    ids,
+    modalPrefix,
+    onSuccess,
+    selectAll,
+    where
+  } = t0;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [selectedFields, setSelectedFields] = useState(t1);
+  const collectionPermissions = permissions?.collections?.[collection.slug];
+  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ""}edit-${collection.slug}`;
+  if (count === 0 || !collectionPermissions?.update) {
+    return null;
+  }
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [baseClass, `${baseClass}__toggle`].filter(Boolean);
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== collection || $[3] !== count || $[4] !== drawerSlug || $[5] !== ids || $[6] !== onSuccess || $[7] !== openModal || $[8] !== selectAll || $[9] !== selectedFields || $[10] !== t || $[11] !== where) {
+    let t4;
+    if ($[13] !== drawerSlug || $[14] !== openModal) {
+      t4 = () => {
+        openModal(drawerSlug);
+        setSelectedFields([]);
+      };
+      $[13] = drawerSlug;
+      $[14] = openModal;
+      $[15] = t4;
+    } else {
+      t4 = $[15];
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            `${baseClass}__toggle`
-        ].filter(Boolean).join(' '),
-        children: [
-            /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
-                "aria-label": t('general:edit'),
-                onClick: ()=>{
-                    openModal(drawerSlug);
-                    setSelectedFields([]);
-                },
-                children: t('general:edit')
-            }, void 0, false, {
-                fileName: "src/elements/EditMany/index.tsx",
-                lineNumber: 68,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(EditDepthProvider, {
-                children: /*#__PURE__*/ _jsxDEV(Drawer, {
-                    Header: null,
-                    slug: drawerSlug,
-                    children: /*#__PURE__*/ _jsxDEV(EditManyDrawerContent, {
-                        collection: collection,
-                        count: count,
-                        drawerSlug: drawerSlug,
-                        ids: ids,
-                        onSuccess: onSuccess,
-                        selectAll: selectAll,
-                        selectedFields: selectedFields,
-                        setSelectedFields: setSelectedFields,
-                        where: where
-                    }, void 0, false, {
-                        fileName: "src/elements/EditMany/index.tsx",
-                        lineNumber: 79,
-                        columnNumber: 11
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/EditMany/index.tsx",
-                    lineNumber: 78,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/EditMany/index.tsx",
-                lineNumber: 77,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/EditMany/index.tsx",
-        lineNumber: 67,
-        columnNumber: 5
-    }, this);
+    t3 = _jsxs("div", {
+      className: t2.join(" "),
+      children: [_jsx(ListSelectionButton, {
+        "aria-label": t("general:edit"),
+        onClick: t4,
+        children: t("general:edit")
+      }), _jsx(EditDepthProvider, {
+        children: _jsx(Drawer, {
+          Header: null,
+          slug: drawerSlug,
+          children: _jsx(EditManyDrawerContent, {
+            collection,
+            count,
+            drawerSlug,
+            ids,
+            onSuccess,
+            selectAll,
+            selectedFields,
+            setSelectedFields,
+            where
+          })
+        })
+      })]
+    });
+    $[2] = collection;
+    $[3] = count;
+    $[4] = drawerSlug;
+    $[5] = ids;
+    $[6] = onSuccess;
+    $[7] = openModal;
+    $[8] = selectAll;
+    $[9] = selectedFields;
+    $[10] = t;
+    $[11] = where;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n\n  return (\n    <EditMany_v4\n      {...props}\n      count={count}\n      ids={selectedIDs}\n      onSuccess={() => toggleAll()}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const EditMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    /**\n     * When multiple EditMany components are rendered on the page, this will differentiate them.\n     */\n    modalPrefix?: string\n    onSuccess?: () => void\n    selectAll: boolean\n    where?: Where\n  } & Omit<EditManyProps, 'ids'>\n> = ({ collection, count, ids, modalPrefix, onSuccess, selectAll, where }) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            onSuccess={onSuccess}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n            where={where}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"names":["useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","props","count","selectAll","selectedIDs","toggleAll","EditMany_v4","ids","onSuccess","AllAvailable","collection","modalPrefix","where","permissions","openModal","t","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","div","className","filter","Boolean","join","aria-label","onClick","Header"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,SAASC,qBAAqB,QAAQ,qBAAoB;AAC1D,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,YAAW;AAMpC,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGX;IAErD,qBACE,QAACY;QACE,GAAGL,KAAK;QACTC,OAAOA;QACPK,KAAKH;QACLI,WAAW,IAAMH;QACjBF,WAAWA,cAAcV,gBAAgBgB,YAAY;;;;;;AAG3D,EAAC;AAED,OAAO,MAAMH,cAIT;;KAEC,GAMD,CAAC,EAAEI,UAAU,EAAER,KAAK,EAAEK,GAAG,EAAEI,WAAW,EAAEH,SAAS,EAAEL,SAAS,EAAES,KAAK,EAAE;IACvE,MAAM,EAAEC,WAAW,EAAE,GAAGtB;IACxB,MAAM,EAAEuB,SAAS,EAAE,GAAG1B;IAEtB,MAAM,EAAE2B,CAAC,EAAE,GAAGpB;IAEd,MAAM,CAACqB,gBAAgBC,kBAAkB,GAAG3B,SAAwB,EAAE;IAEtE,MAAM4B,wBAAwBL,aAAaM,aAAa,CAACT,WAAWU,IAAI,CAAC;IAEzE,MAAMC,aAAa,GAAGV,cAAc,GAAGA,YAAY,CAAC,CAAC,GAAG,GAAG,KAAK,EAAED,WAAWU,IAAI,EAAE;IAEnF,IAAIlB,UAAU,KAAK,CAACgB,uBAAuBI,QAAQ;QACjD,OAAO;IACT;IAEA,qBACE,QAACC;QAAIC,WAAW;YAACzB;YAAW,GAAGA,UAAU,QAAQ,CAAC;SAAC,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACvE,QAAC9B;gBACC+B,cAAYb,EAAE;gBACdc,SAAS;oBACPf,UAAUO;oBACVJ,kBAAkB,EAAE;gBACtB;0BAECF,EAAE;;;;;;0BAEL,QAACvB;0BACC,cAAA,QAACI;oBAAOkC,QAAQ;oBAAMV,MAAMC;8BAC1B,cAAA,QAACvB;wBACCY,YAAYA;wBACZR,OAAOA;wBACPmB,YAAYA;wBACZd,KAAKA;wBACLC,WAAWA;wBACXL,WAAWA;wBACXa,gBAAgBA;wBAChBC,mBAAmBA;wBACnBL,OAAOA;;;;;;;;;;;;;;;;;;;;;;AAMnB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","props","$","count","selectAll","selectedIDs","toggleAll","t0","t1","AllAvailable","t2","_jsx","EditMany_v4","ids","onSuccess","collection","modalPrefix","where","permissions","openModal","t","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","filter","Boolean","t3","t4","_jsxs","className","join","children","onClick","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n\n  return (\n    <EditMany_v4\n      {...props}\n      count={count}\n      ids={selectedIDs}\n      onSuccess={() => toggleAll()}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const EditMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    /**\n     * When multiple EditMany components are rendered on the page, this will differentiate them.\n     */\n    modalPrefix?: string\n    onSuccess?: () => void\n    selectAll: boolean\n    where?: Where\n  } & Omit<EditManyProps, 'ids'>\n> = ({ collection, count, ids, modalPrefix, onSuccess, selectAll, where }) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            onSuccess={onSuccess}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n            where={where}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}