@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

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

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

@@ -5,6 +5,9 @@ import './index.css';
 type UploadDropzoneWidgetData = {
     excludedCollections?: CollectionSlug[];
 };
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export declare function UploadDropzoneWidget({ permissions, req, widgetData, }: WidgetServerProps<{
     data?: UploadDropzoneWidgetData;
 }>): React.JSX.Element;

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

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

package/dist/widgets/UploadDropzone/index.js

@@ -5,6 +5,9 @@ import React from 'react';
 import { UploadDropzoneWidgetClient } from '../../exports/client/index.js';
 import '../../elements/Card/index.css';
 import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export function UploadDropzoneWidget({
   permissions,
   req,

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

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

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

@@ -1,5 +1,8 @@
 import type { WidgetServerProps } from 'payload';
 import React from 'react';
 import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export declare function WelcomeWidget({ req, user }: WidgetServerProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/widgets/Welcome/index.js

@@ -2,6 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { getWelcomeDisplay } from './getWelcomeDisplay.js';
 import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export function WelcomeWidget({
   req,
   user

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","getWelcomeDisplay","WelcomeWidget","req","user","userCollection","payload","config","collections","find","slug","admin","displayName","useAsTitle","welcome","i18n","t","_jsx","className","_jsxs"],"sources":["../../../src/widgets/Welcome/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { getWelcomeDisplay } from './getWelcomeDisplay.js'\nimport './index.css'\n\nexport function WelcomeWidget({ req, user }: WidgetServerProps) {\n  const userCollection = req.payload.config.collections.find(\n    ({ slug }) => slug === req.payload.config.admin.user,\n  )\n  const displayName = getWelcomeDisplay({\n    useAsTitle: userCollection?.admin.useAsTitle,\n    user,\n  })\n  const welcome = req.i18n.t('general:welcome')\n\n  return (\n    <section className=\"welcome-widget\">\n      <h1 className=\"welcome-widget__heading\">\n        {welcome}\n        {displayName ? `, ${displayName}` : ''}\n      </h1>\n    </section>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,OAAO,SAASC,cAAc;EAAEC,GAAG;EAAEC;AAAI,CAAqB;EAC5D,MAAMC,cAAA,GAAiBF,GAAA,CAAIG,OAAO,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CACxD,CAAC;IAAEC;EAAI,CAAE,KAAKA,IAAA,KAASP,GAAA,CAAIG,OAAO,CAACC,MAAM,CAACI,KAAK,CAACP,IAAI;EAEtD,MAAMQ,WAAA,GAAcX,iBAAA,CAAkB;IACpCY,UAAA,EAAYR,cAAA,EAAgBM,KAAA,CAAME,UAAA;IAClCT;EACF;EACA,MAAMU,OAAA,GAAUX,GAAA,CAAIY,IAAI,CAACC,CAAC,CAAC;EAE3B,oBACEC,IAAA,CAAC;IAAQC,SAAA,EAAU;cACjB,aAAAC,KAAA,CAAC;MAAGD,SAAA,EAAU;iBACXJ,OAAA,EACAF,WAAA,GAAc,KAAKA,WAAA,EAAa,GAAG;;;AAI5C","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","getWelcomeDisplay","WelcomeWidget","req","user","userCollection","payload","config","collections","find","slug","admin","displayName","useAsTitle","welcome","i18n","t","_jsx","className","_jsxs"],"sources":["../../../src/widgets/Welcome/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { getWelcomeDisplay } from './getWelcomeDisplay.js'\nimport './index.css'\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport function WelcomeWidget({ req, user }: WidgetServerProps) {\n  const userCollection = req.payload.config.collections.find(\n    ({ slug }) => slug === req.payload.config.admin.user,\n  )\n  const displayName = getWelcomeDisplay({\n    useAsTitle: userCollection?.admin.useAsTitle,\n    user,\n  })\n  const welcome = req.i18n.t('general:welcome')\n\n  return (\n    <section className=\"welcome-widget\">\n      <h1 className=\"welcome-widget__heading\">\n        {welcome}\n        {displayName ? `, ${displayName}` : ''}\n      </h1>\n    </section>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP;;;AAGA,OAAO,SAASC,cAAc;EAAEC,GAAG;EAAEC;AAAI,CAAqB;EAC5D,MAAMC,cAAA,GAAiBF,GAAA,CAAIG,OAAO,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CACxD,CAAC;IAAEC;EAAI,CAAE,KAAKA,IAAA,KAASP,GAAA,CAAIG,OAAO,CAACC,MAAM,CAACI,KAAK,CAACP,IAAI;EAEtD,MAAMQ,WAAA,GAAcX,iBAAA,CAAkB;IACpCY,UAAA,EAAYR,cAAA,EAAgBM,KAAA,CAAME,UAAA;IAClCT;EACF;EACA,MAAMU,OAAA,GAAUX,GAAA,CAAIY,IAAI,CAACC,CAAC,CAAC;EAE3B,oBACEC,IAAA,CAAC;IAAQC,SAAA,EAAU;cACjB,aAAAC,KAAA,CAAC;MAAGD,SAAA,EAAU;iBACXJ,OAAA,EACAF,WAAA,GAAc,KAAKA,WAAA,EAAa,GAAG;;;AAI5C","ignoreList":[]}

package/dist/widgets/WidgetCard/index.css

@@ -124,26 +124,6 @@
     white-space: nowrap;
   }
 
-  .widget-card__type {
-    flex: 0 0 auto;
-    padding: 0 var(--spacer-1);
-    border-radius: var(--radius-small, 3px);
-    background: var(--color-bg-secondary);
-    color: var(--color-text-secondary);
-    font-size: var(--text-body-medium-font-size);
-    line-height: var(--text-body-medium-line-height);
-    letter-spacing: var(--text-body-medium-letter-spacing);
-    white-space: nowrap;
-  }
-
-  .widget-card__thumbnail {
-    width: 24px;
-    height: 24px;
-    flex: 0 0 auto;
-    object-fit: cover;
-    border-radius: var(--radius-small, 3px);
-  }
-
   .widget-card__empty {
     margin: 0;
     color: var(--color-text-secondary);

package/dist/widgets/{RecentlyViewed/CollectionsField → shared/CollectionFilter}/index.css

@@ -1,5 +1,5 @@
 @layer payload-default {
-  .recently-viewed-collections-field__list {
+  .collection-filter__list {
     display: flex;
     flex-direction: column;
     gap: var(--spacer-1);
@@ -8,7 +8,7 @@
     list-style: none;
   }
 
-  .recently-viewed-collections-field__option {
+  .collection-filter__option {
     margin: 0;
   }
 }

package/dist/widgets/{RecentlyViewed/CollectionsField → shared/CollectionFilter}/index.d.ts

@@ -6,6 +6,8 @@ import './index.css';
  * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
  * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
  * added later are visible by default.
+ *
+ * @internal - may change or be removed without a major version bump
  */
-export declare const RecentlyViewedCollectionsField: React.FC<SelectFieldClientProps>;
+export declare const CollectionFilter: React.FC<SelectFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/shared/CollectionFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/shared/CollectionFilter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAQ1D,OAAO,aAAa,CAAA;AAOpB;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwE7D,CAAA"}

package/dist/widgets/shared/CollectionFilter/index.js

@@ -0,0 +1,170 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback, useId, useMemo } from 'react';
+import { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { FieldDescription } from '../../../fields/FieldDescription/index.js';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { useField } from '../../../forms/useField/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.css';
+const baseClass = 'collection-filter';
+const normalizeOption = option => typeof option === 'string' ? {
+  label: option,
+  value: option
+} : option;
+/**
+ * Widget config field shared by collection checklists. The value is stored as an exclusion list
+ * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
+ * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
+ * added later are visible by default.
+ *
+ * @internal - may change or be removed without a major version bump
+ */
+export const CollectionFilter = t0 => {
+  const $ = _c(19);
+  const {
+    field,
+    path: pathFromProps,
+    readOnly
+  } = t0;
+  const {
+    admin: t1,
+    label
+  } = field;
+  const {
+    description
+  } = t1 === undefined ? {} : t1;
+  let t2;
+  if ($[0] !== pathFromProps) {
+    t2 = {
+      potentiallyStalePath: pathFromProps
+    };
+    $[0] = pathFromProps;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    customComponents: t3,
+    path,
+    setValue,
+    value
+  } = useField(t2);
+  const {
+    Description
+  } = t3 === undefined ? {} : t3;
+  const hasDescription = Boolean(Description || description);
+  const {
+    i18n
+  } = useTranslation();
+  const labelID = useId();
+  const descriptionID = useId();
+  let t4;
+  if ($[2] !== value) {
+    t4 = Array.isArray(value) ? value : [];
+    $[2] = value;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== t4) {
+    t5 = new Set(t4);
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const excludedSlugs = t5;
+  let t6;
+  if ($[6] !== field.options) {
+    t6 = field.options ?? [];
+    $[6] = field.options;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== t6) {
+    t7 = t6.map(normalizeOption);
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  const options = t7;
+  let t8;
+  if ($[10] !== excludedSlugs || $[11] !== setValue) {
+    t8 = (slug, isIncluded) => {
+      const nextExcluded = new Set(excludedSlugs);
+      if (isIncluded) {
+        nextExcluded.delete(slug);
+      } else {
+        nextExcluded.add(slug);
+      }
+      setValue(Array.from(nextExcluded));
+    };
+    $[10] = excludedSlugs;
+    $[11] = setValue;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  const toggleCollection = t8;
+  let t9;
+  if ($[13] !== excludedSlugs || $[14] !== i18n || $[15] !== path || $[16] !== readOnly || $[17] !== toggleCollection) {
+    t9 = option => {
+      const isIncluded_0 = !excludedSlugs.has(option.value);
+      const resolvedLabel = getTranslation(option.label, i18n);
+      return _jsx("li", {
+        className: `${baseClass}__option`,
+        children: _jsx(CheckboxInput, {
+          checked: isIncluded_0,
+          label: typeof resolvedLabel === "string" ? resolvedLabel : option.value,
+          name: `${path}__${option.value}`,
+          onToggle: event => toggleCollection(option.value, event.target.checked),
+          readOnly
+        })
+      }, option.value);
+    };
+    $[13] = excludedSlugs;
+    $[14] = i18n;
+    $[15] = path;
+    $[16] = readOnly;
+    $[17] = toggleCollection;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  return _jsxs("div", {
+    "aria-describedby": hasDescription ? descriptionID : undefined,
+    "aria-labelledby": labelID,
+    className: baseClass,
+    role: "group",
+    children: [_jsx("span", {
+      id: labelID,
+      children: _jsx(FieldLabel, {
+        as: "span",
+        label,
+        path
+      })
+    }), _jsx("ul", {
+      className: `${baseClass}__list`,
+      children: options.map(t9)
+    }), _jsx("div", {
+      id: descriptionID,
+      children: _jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
+        })
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/widgets/shared/CollectionFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useId","useMemo","RenderCustomComponent","CheckboxInput","FieldDescription","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","CollectionFilter","t0","$","field","path","pathFromProps","readOnly","admin","t1","description","undefined","t2","potentiallyStalePath","customComponents","t3","setValue","Description","hasDescription","Boolean","i18n","labelID","descriptionID","t4","Array","isArray","t5","Set","excludedSlugs","t6","options","t7","map","t8","slug","isIncluded","nextExcluded","delete","add","from","toggleCollection","t9","isIncluded_0","has","resolvedLabel","_jsx","className","children","checked","name","onToggle","event","target","_jsxs","role","id","as","CustomComponent","Fallback"],"sources":["../../../../src/widgets/shared/CollectionFilter/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useId, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-filter'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field shared by collection checklists. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n *\n * @internal - may change or be removed without a major version bump\n */\nexport const CollectionFilter: React.FC<SelectFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { admin: { description } = {}, label } = field\n  const {\n    customComponents: { Description } = {},\n    path,\n    setValue,\n    value,\n  } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const hasDescription = Boolean(Description || description)\n  const { i18n } = useTranslation()\n  const labelID = useId()\n  const descriptionID = useId()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div\n      aria-describedby={hasDescription ? descriptionID : undefined}\n      aria-labelledby={labelID}\n      className={baseClass}\n      role=\"group\"\n    >\n      <span id={labelID}>\n        <FieldLabel as=\"span\" label={label} path={path} />\n      </span>\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n      <div id={descriptionID}>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,12 +1,7 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.ea6e8f8",
+  "version": "4.0.0-internal.ec73d44",
   "homepage": "https://payloadcms.com",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/payloadcms/payload.git",
-    "directory": "packages/ui"
-  },
   "license": "MIT",
   "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
   "maintainers": [
@@ -16,10 +11,20 @@
       "url": "https://payloadcms.com"
     }
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/payloadcms/payload.git",
+    "directory": "packages/ui"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "sideEffects": [
     "*.css"
   ],
-  "type": "module",
+  "main": "./dist/exports/client/index.js",
+  "types": "./dist/exports/client/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/exports/client/index.js",
@@ -288,11 +293,6 @@
       "default": "./dist/utilities/serverFunctionRegistry.js"
     }
   },
-  "main": "./dist/exports/client/index.js",
-  "types": "./dist/exports/client/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@date-fns/tz": "1.2.0",
     "@dnd-kit/core": "6.3.1",
@@ -304,10 +304,12 @@
     "@faceless-ui/window-info": "3.0.1",
     "@floating-ui/dom": "1.7.6",
     "@monaco-editor/react": "4.7.0",
+    "@payloadcms/translations": "4.0.0-internal.ec73d44",
     "@swc/helpers": ">=0.5.17",
     "bson-objectid": "2.0.4",
     "date-fns": "4.4.0",
     "dequal": "2.0.3",
+    "dom-accessibility-api": "0.5.16",
     "md5": "2.3.0",
     "object-to-formdata": "4.5.1",
     "path-to-regexp": "6.3.0",
@@ -319,8 +321,7 @@
     "sonner": "^1.7.2",
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
-    "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.ea6e8f8"
+    "uuid": "14.0.0"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -331,19 +332,18 @@
     "@hyrious/esbuild-plugin-commonjs": "0.2.6",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
+    "babel-plugin-react-compiler": "1.0.0",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-internal.ea6e8f8"
+    "payload": "4.0.0-internal.ec73d44"
   },
   "peerDependencies": {
+    "payload": "4.0.0-internal.ec73d44",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.ea6e8f8"
+    "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1"
   },
   "engines": {
-    "node": ">=24.15.0"
+    "node": ">=24.22.1"
   },
   "scripts": {
     "build": "pnpm build:reactcompiler",
@@ -359,8 +359,6 @@
     "build:types": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" tsc --emitDeclarationOnly --outDir dist",
     "build:without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc",
     "clean": "rimraf -g {dist,*.tsbuildinfo,esbuild}",
-    "copyfiles": "copyfiles -u 1 -e \"**/*.spec.*\" \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "lint": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" eslint .",
-    "lint:fix": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" eslint . --fix"
+    "copyfiles": "copyfiles -u 1 -e \"**/*.spec.*\" \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/"
   }
 }