@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

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,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.d3909a9",
+  "version": "4.0.0-internal.d7d662c",
   "homepage": "https://payloadcms.com",
   "license": "MIT",
   "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
@@ -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.d7d662c",
     "@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.d3909a9"
+    "uuid": "14.0.0"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -331,15 +332,15 @@
     "@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",
-    "payload": "4.0.0-internal.d3909a9"
+    "payload": "4.0.0-internal.d7d662c"
   },
   "peerDependencies": {
+    "payload": "4.0.0-internal.d7d662c",
     "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.d3909a9"
+    "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/exports/client/chunk-R7M6BG75.js

@@ -1,27 +0,0 @@
-"use client";
-// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
-import * as requireReact from 'react';
-import * as requireReactDom from 'react-dom';
-
-function require(m) {
- if (m === 'react') return requireReact;
- if (m === 'react-dom') return requireReactDom;
- throw new Error(`Unknown module ${m}`);
-}
-// Workaround end
-
-import{h as he}from"./chunk-AVJIZPR3.js";import{c as Dr}from"react/compiler-runtime";import{jsx as Qe}from"react/jsx-runtime";function ve(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function tt(t){if(Array.isArray(t))return t}function rt(t,e,r){return(e=ct(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function nt(t,e){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var n,i,o,a,u=[],c=!0,s=!1;try{if(o=(r=r.call(t)).next,e!==0)for(;!(c=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(d){s=!0,i=d}finally{try{if(!c&&r.return!=null&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function ot(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function be(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function ie(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?be(Object(r),!0).forEach(function(n){rt(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function ye(t,e){if(t==null)return{};var r,n,i=it(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function it(t,e){if(t==null)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.indexOf(n)!==-1)continue;r[n]=t[n]}return r}function we(t,e){return tt(t)||nt(t,e)||ut(t,e)||ot()}function at(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ct(t){var e=at(t,"string");return typeof e=="symbol"?e:e+""}function ut(t,e){if(t){if(typeof t=="string")return ve(t,e);var r={}.toString.call(t).slice(8,-1);return r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set"?Array.from(t):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ve(t,e):void 0}}function st(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Me(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function Oe(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Me(Object(r),!0).forEach(function(n){st(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Me(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function lt(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return e.reduceRight(function(i,o){return o(i)},n)}}function V(t){return function e(){for(var r=this,n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return i.length>=t.length?t.apply(this,i):function(){for(var a=arguments.length,u=new Array(a),c=0;c<a;c++)u[c]=arguments[c];return e.apply(r,[].concat(i,u))}}}function J(t){return{}.toString.call(t).includes("Object")}function dt(t){return!Object.keys(t).length}function U(t){return typeof t=="function"}function ft(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function mt(t,e){return J(e)||$("changeType"),Object.keys(e).some(function(r){return!ft(t,r)})&&$("changeField"),e}function pt(t){U(t)||$("selectorType")}function gt(t){U(t)||J(t)||$("handlerType"),J(t)&&Object.values(t).some(function(e){return!U(e)})&&$("handlersType")}function ht(t){t||$("initialIsRequired"),J(t)||$("initialType"),dt(t)&&$("initialContent")}function vt(t,e){throw new Error(t[e]||t.default)}var bt={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},$=V(vt)(bt),Y={changes:mt,selector:pt,handler:gt,initial:ht};function yt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};Y.initial(t),Y.handler(e);var r={current:t},n=V(Ot)(r,e),i=V(Mt)(r),o=V(Y.changes)(t),a=V(wt)(r);function u(){var s=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(d){return d};return Y.selector(s),s(r.current)}function c(s){lt(n,i,o,a)(s)}return[u,c]}function wt(t,e){return U(e)?e(t.current):e}function Mt(t,e){return t.current=Oe(Oe({},t.current),e),e}function Ot(t,e,r){return U(e)?e(t.current):Object.keys(r).forEach(function(n){var i;return(i=e[n])===null||i===void 0?void 0:i.call(e,t.current[n])}),r}var jt={create:yt},je=jt;var Se={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"}};function Ce(t){return function e(){for(var r=this,n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return i.length>=t.length?t.apply(this,i):function(){for(var a=arguments.length,u=new Array(a),c=0;c<a;c++)u[c]=arguments[c];return e.apply(r,[].concat(i,u))}}}function Pe(t){return{}.toString.call(t).includes("Object")}function St(t){return t||xe("configIsRequired"),Pe(t)||xe("configType"),t.urls?(Ct(),{paths:{vs:t.urls.monacoBase}}):t}function Ct(){console.warn(Ee.deprecation)}function Pt(t,e){throw new Error(t[e]||t.default)}var Ee={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
-    You are using deprecated way of configuration.
-
-    Instead of using
-      monaco.config({ urls: { monacoBase: '...' } })
-    use
-      monaco.config({ paths: { vs: '...' } })
-
-    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},xe=Ce(Pt)(Ee),Te={config:St};var ke=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(i){return r.reduceRight(function(o,a){return a(o)},i)}};function ae(t,e){return Object.keys(e).forEach(function(r){e[r]instanceof Object&&t[r]&&Object.assign(e[r],ae(t[r],e[r]))}),ie(ie({},t),e)}var xt={type:"cancelation",msg:"operation is manually canceled"};function Q(t){var e=!1,r=new Promise(function(n,i){t.then(function(o){return e?i(xt):n(o)}),t.catch(i)});return r.cancel=function(){return e=!0},r}var Et=["monaco"],Tt=je.create({config:Se,isInitialized:!1,resolve:null,reject:null,monaco:null}),Ae=we(Tt,2),q=Ae[0],X=Ae[1];function kt(t){var e=Te.config(t),r=e.monaco,n=ye(e,Et);X(function(i){return{config:ae(i.config,n),monaco:r}})}function At(){var t=q(function(e){var r=e.monaco,n=e.isInitialized,i=e.resolve;return{monaco:r,isInitialized:n,resolve:i}});if(!t.isInitialized){if(X({isInitialized:!0}),t.monaco)return t.resolve(t.monaco),Q(ce);if(window.monaco&&window.monaco.editor)return Le(window.monaco),t.resolve(window.monaco),Q(ce);ke(Lt,Rt)(It)}return Q(ce)}function Lt(t){return document.body.appendChild(t)}function Dt(t){var e=document.createElement("script");return t&&(e.src=t),e}function Rt(t){var e=q(function(n){var i=n.config,o=n.reject;return{config:i,reject:o}}),r=Dt("".concat(e.config.paths.vs,"/loader.js"));return r.onload=function(){return t()},r.onerror=e.reject,r}function It(){var t=q(function(r){var n=r.config,i=r.resolve,o=r.reject;return{config:n,resolve:i,reject:o}}),e=window.require;e.config(t.config),e(["vs/editor/editor.main"],function(r){var n=r.m||r;Le(n),t.resolve(n)},function(r){t.reject(r)})}function Le(t){q().monaco||X({monaco:t})}function Nt(){return q(function(t){var e=t.monaco;return e})}var ce=new Promise(function(t,e){return X({resolve:t,reject:e})}),W={config:kt,init:At,__getMonacoInstance:Nt};import{memo as Ht}from"react";import $t,{useState as De,useRef as B,useCallback as Re,useEffect as Ie}from"react";import{memo as Wt}from"react";import ue from"react";import Bt from"react";import{useEffect as Yt}from"react";import{useEffect as Qt,useRef as Xt}from"react";import{useState as wn}from"react";import{memo as or}from"react";import ir,{useState as Ne,useEffect as Z,useRef as N,useCallback as ar}from"react";import{useEffect as cr,useRef as ur}from"react";var _t={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},se=_t,zt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Ft=zt;function Vt({children:t}){return Bt.createElement("div",{style:Ft.container},t)}var Ut=Vt,qt=Ut;function Kt({width:t,height:e,isEditorReady:r,loading:n,_ref:i,className:o,wrapperProps:a}){return ue.createElement("section",{style:{...se.wrapper,width:t,height:e},...a},!r&&ue.createElement(qt,null,n),ue.createElement("div",{ref:i,style:{...se.fullWidth,...!r&&se.hide},className:o}))}var Gt=Kt,He=Wt(Gt);function Jt(t){Yt(t,[])}var $e=Jt;function Zt(t,e,r=!0){let n=Xt(!0);Qt(n.current||!r?()=>{n.current=!1}:t,e)}var E=Zt;function K(){}function z(t,e,r,n){return er(t,n)||tr(t,e,r,n)}function er(t,e){return t.editor.getModel(We(t,e))}function tr(t,e,r,n){return t.editor.createModel(e,r,n?We(t,n):void 0)}function We(t,e){return t.Uri.parse(e)}function rr({original:t,modified:e,language:r,originalLanguage:n,modifiedLanguage:i,originalModelPath:o,modifiedModelPath:a,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:c=!1,theme:s="light",loading:d="Loading...",options:p={},height:R="100%",width:O="100%",className:T,wrapperProps:I={},beforeMount:w=K,onMount:L=K}){let[y,j]=De(!1),[P,h]=De(!0),g=B(null),v=B(null),S=B(null),b=B(L),l=B(w),M=B(!1);$e(()=>{let m=W.init();return m.then(f=>(v.current=f)&&h(!1)).catch(f=>f?.type!=="cancelation"&&console.error("Monaco initialization: error:",f)),()=>g.current?k():m.cancel()}),E(()=>{if(g.current&&v.current){let m=g.current.getOriginalEditor(),f=z(v.current,t||"",n||r||"text",o||"");f!==m.getModel()&&m.setModel(f)}},[o],y),E(()=>{if(g.current&&v.current){let m=g.current.getModifiedEditor(),f=z(v.current,e||"",i||r||"text",a||"");f!==m.getModel()&&m.setModel(f)}},[a],y),E(()=>{let m=g.current.getModifiedEditor();m.getOption(v.current.editor.EditorOption.readOnly)?m.setValue(e||""):e!==m.getValue()&&(m.executeEdits("",[{range:m.getModel().getFullModelRange(),text:e||"",forceMoveMarkers:!0}]),m.pushUndoStop())},[e],y),E(()=>{g.current?.getModel()?.original.setValue(t||"")},[t],y),E(()=>{let{original:m,modified:f}=g.current.getModel();v.current.editor.setModelLanguage(m,n||r||"text"),v.current.editor.setModelLanguage(f,i||r||"text")},[r,n,i],y),E(()=>{v.current?.editor.setTheme(s)},[s],y),E(()=>{g.current?.updateOptions(p)},[p],y);let x=Re(()=>{if(!v.current)return;l.current(v.current);let m=z(v.current,t||"",n||r||"text",o||""),f=z(v.current,e||"",i||r||"text",a||"");g.current?.setModel({original:m,modified:f})},[r,e,i,t,n,o,a]),A=Re(()=>{!M.current&&S.current&&(g.current=v.current.editor.createDiffEditor(S.current,{automaticLayout:!0,...p}),x(),v.current?.editor.setTheme(s),j(!0),M.current=!0)},[p,s,x]);Ie(()=>{y&&b.current(g.current,v.current)},[y]),Ie(()=>{!P&&!y&&A()},[P,y,A]);function k(){let m=g.current?.getModel();u||m?.original?.dispose(),c||m?.modified?.dispose(),g.current?.dispose()}return $t.createElement(He,{width:O,height:R,isEditorReady:y,loading:d,_ref:S,className:T,wrapperProps:I})}var nr=rr,bn=Ht(nr);function sr(t){let e=ur();return cr(()=>{e.current=t},[t]),e.current}var lr=sr,ee=new Map;function dr({defaultValue:t,defaultLanguage:e,defaultPath:r,value:n,language:i,path:o,theme:a="light",line:u,loading:c="Loading...",options:s={},overrideServices:d={},saveViewState:p=!0,keepCurrentModel:R=!1,width:O="100%",height:T="100%",className:I,wrapperProps:w={},beforeMount:L=K,onMount:y=K,onChange:j,onValidate:P=K}){let[h,g]=Ne(!1),[v,S]=Ne(!0),b=N(null),l=N(null),M=N(null),x=N(y),A=N(L),k=N(),m=N(n),f=lr(o),D=N(!1),_=N(!1);$e(()=>{let C=W.init();return C.then(H=>(b.current=H)&&S(!1)).catch(H=>H?.type!=="cancelation"&&console.error("Monaco initialization: error:",H)),()=>l.current?et():C.cancel()}),E(()=>{let C=z(b.current,t||n||"",e||i||"",o||r||"");C!==l.current?.getModel()&&(p&&ee.set(f,l.current?.saveViewState()),l.current?.setModel(C),p&&l.current?.restoreViewState(ee.get(o)))},[o],h),E(()=>{l.current?.updateOptions(s)},[s],h),E(()=>{!l.current||n===void 0||(l.current.getOption(b.current.editor.EditorOption.readOnly)?l.current.setValue(n):n!==l.current.getValue()&&(_.current=!0,l.current.executeEdits("",[{range:l.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),l.current.pushUndoStop(),_.current=!1))},[n],h),E(()=>{let C=l.current?.getModel();C&&i&&b.current?.editor.setModelLanguage(C,i)},[i],h),E(()=>{u!==void 0&&l.current?.revealLine(u)},[u],h),E(()=>{b.current?.editor.setTheme(a)},[a],h);let ge=ar(()=>{if(!(!M.current||!b.current)&&!D.current){A.current(b.current);let C=o||r,H=z(b.current,n||t||"",e||i||"",C||"");l.current=b.current?.editor.create(M.current,{model:H,automaticLayout:!0,...s},d),p&&l.current.restoreViewState(ee.get(C)),b.current.editor.setTheme(a),u!==void 0&&l.current.revealLine(u),g(!0),D.current=!0}},[t,e,r,n,i,o,s,d,p,a,u]);Z(()=>{h&&x.current(l.current,b.current)},[h]),Z(()=>{!v&&!h&&ge()},[v,h,ge]),m.current=n,Z(()=>{h&&j&&(k.current?.dispose(),k.current=l.current?.onDidChangeModelContent(C=>{_.current||j(l.current.getValue(),C)}))},[h,j]),Z(()=>{if(h){let C=b.current.editor.onDidChangeMarkers(H=>{let ne=l.current.getModel()?.uri;if(ne&&H.find(oe=>oe.path===ne.path)){let oe=b.current.editor.getModelMarkers({resource:ne});P?.(oe)}});return()=>{C?.dispose()}}return()=>{}},[h,P]);function et(){k.current?.dispose(),R?p&&ee.set(o,l.current.saveViewState()):l.current.getModel()?.dispose(),l.current.dispose()}return ir.createElement(He,{width:O,height:T,isEditorReady:h,loading:c,_ref:M,className:I,wrapperProps:w})}var fr=dr,mr=or(fr),te=mr;import Xe,{useState as Rr}from"react";import{c as Sr}from"react/compiler-runtime";import{jsx as Cr}from"react/jsx-runtime";import{createContext as Pr,use as qe,useEffect as de,useState as fe}from"react";import{c as br}from"react/compiler-runtime";import{jsx as ze}from"react/jsx-runtime";import{createContext as yr,use as wr,useCallback as Mr,useEffect as Or,useMemo as Be}from"react";import{c as pr}from"react/compiler-runtime";import{useEffect as gr,useRef as hr,useState as vr}from"react";function _e(t,e){let r=pr(5),[n,i]=vr(t),o=hr(t),a,u;r[0]!==t?(a=()=>{Object.is(o.current,t)||(o.current=t,i(t))},u=[t],r[0]=t,r[1]=a,r[2]=u):(a=r[1],u=r[2]),gr(a,u);let c=n??e,s;return r[3]!==c?(s=[c,i],r[3]=c,r[4]=s):s=r[4],s}var Fe=yr(void 0),jr=({children:t,config:e})=>{let[r,n]=_e(e),{collectionsBySlug:i,globalsBySlug:o}=Be(()=>{let c={},s={};for(let d of r.collections)c[d.slug]=d;for(let d of r.globals)s[d.slug]=d;return{collectionsBySlug:c,globalsBySlug:s}},[r]),a=Mr(c=>"collectionSlug"in c&&c.collectionSlug?i[c.collectionSlug]??null:"globalSlug"in c&&c.globalSlug?o[c.globalSlug]??null:null,[i,o]),u=Be(()=>({config:r,getEntityConfig:a,setConfig:n}),[r,a,n]);return ze(Fe,{value:u,children:t})},le=()=>wr(Fe),In=t=>{let e=br(7),{children:r,config:n}=t,{config:i,setConfig:o}=le(),a,u;if(e[0]!==n||e[1]!==o?(a=()=>{o(n)},u=[n,o],e[0]=n,e[1]=o,e[2]=a,e[3]=u):(a=e[2],u=e[3]),Or(a,u),i!==n&&i.unauthenticated!==n.unauthenticated){let c;return e[4]!==r||e[5]!==n?(c=ze(jr,{config:n,children:r}),e[4]=r,e[5]=n,e[6]=c):c=e[6],c}return r};var Ve="light";var xr={autoMode:!0,highContrastMode:!1,setHighContrastMode:()=>null,setTheme:()=>null,theme:"light"},me=Pr(void 0);function Ue(t,e,r){let n=new Date;n.setTime(n.getTime()+r*24*60*60*1e3);let i="expires="+n.toUTCString();document.cookie=t+"="+e+";"+i+";path=/"}var Er=t=>{let e=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1],r=e==="light"||e==="dark"?e:window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";return document.documentElement.setAttribute("data-theme",r),{isAutoMode:e!=="light"&&e!=="dark",theme:r}},Tr=t=>{let e=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1]??null,r=e==="true"?!0:e==="false"?!1:!!(window.matchMedia&&window.matchMedia("(prefers-contrast: more)").matches);return r?document.documentElement.setAttribute("data-enhanced-contrast",""):document.documentElement.removeAttribute("data-enhanced-contrast"),r},kr=t=>t==="auto"||t==="light"||t==="dark",qn=t=>{let e=Sr(32),{children:r,highContrastMode:n,theme:i}=t,o=qe(me),a=o!==void 0,{config:u}=le(),c=u.admin.theme,s=`${u.cookiePrefix||"payload"}-theme`,d=`${u.cookiePrefix||"payload"}-high-contrast-mode`,p=he().get("theme")?.toLowerCase(),[R,O]=fe(i??Ve),[T,I]=fe(!a),[w,L]=fe(a?o.highContrastMode??!1:n??!1),y;e[0]!==a||e[1]!==o||e[2]!==s?(y=(f,D)=>{if(a&&!D?.scoped){o.setTheme(f,D);return}let _=f==="auto"?window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light":f;O(_),I(f==="auto"),a||(Ue(s,f,f==="auto"?-1:365),document.documentElement.setAttribute("data-theme",_))},e[0]=a,e[1]=o,e[2]=s,e[3]=y):y=e[3];let j=y,P;e[4]!==d||e[5]!==a||e[6]!==o?(P=(f,D)=>{if(a&&!D?.scoped){o.setHighContrastMode(f,D);return}L(f),a||(Ue(d,String(f),365),f?document.documentElement.setAttribute("data-enhanced-contrast",""):document.documentElement.removeAttribute("data-enhanced-contrast"))},e[4]=d,e[5]=a,e[6]=o,e[7]=P):P=e[7];let h=P,g;e[8]!==a||e[9]!==o?(g=()=>{a&&L(o.highContrastMode)},e[8]=a,e[9]=o,e[10]=g):g=e[10];let v=o?.highContrastMode,S;e[11]!==a||e[12]!==v?(S=[a,v],e[11]=a,e[12]=v,e[13]=S):S=e[13],de(g,S);let b,l;e[14]!==a||e[15]!==c||e[16]!==j||e[17]!==s||e[18]!==p?(b=()=>{if(a||c!=="all")return;if(kr(p)){j(p);return}let{isAutoMode:f,theme:D}=Er(s);O(D),I(f)},l=[a,c,s,p,j],e[14]=a,e[15]=c,e[16]=j,e[17]=s,e[18]=p,e[19]=b,e[20]=l):(b=e[19],l=e[20]),de(b,l);let M,x;e[21]!==d||e[22]!==a?(M=()=>{a||L(Tr(d))},x=[a,d],e[21]=d,e[22]=a,e[23]=M,e[24]=x):(M=e[23],x=e[24]),de(M,x);let A=a?o.autoMode:T,k=a?o.theme:R,m;return e[25]!==r||e[26]!==w||e[27]!==h||e[28]!==j||e[29]!==A||e[30]!==k?(m=Cr(me,{value:{autoMode:A,highContrastMode:w,setHighContrastMode:h,setTheme:j,theme:k},children:r}),e[25]=r,e[26]=w,e[27]=h,e[28]=j,e[29]=A,e[30]=k,e[31]=m):m=e[31],m},Ke=()=>qe(me)??xr;import{c as Lr}from"react/compiler-runtime";import{jsx as G}from"react/jsx-runtime";import"react";import{c as Ar}from"react/compiler-runtime";import*as F from"react";var Ge=(t,e)=>{let r=Ar(9),n=e===void 0?!1:e,[i,o]=F.useState(!1),a=F.useRef(void 0),u;r[0]!==t?(u=()=>(o(!1),clearTimeout(a.current),a.current=setTimeout(()=>{o(!0)},t),()=>{clearTimeout(a.current)}),r[0]=t,r[1]=u):u=r[1];let c=u,s,d;r[2]!==c||r[3]!==n?(s=()=>{n&&c()},d=[c,n],r[2]=c,r[3]=n,r[4]=s,r[5]=d):(s=r[4],d=r[5]),F.useEffect(s,d);let p;return r[6]!==i||r[7]!==c?(p=[i,c],r[6]=i,r[7]=c,r[8]=p):p=r[8],p};var Ye="shimmer-effect",pe=({animationDelay:t="0ms",className:e,disableInlineStyles:r=!1,height:n="60px",transparent:i,width:o="100%",...a})=>G("div",{...a,className:[Ye,i&&`${Ye}--transparent`,e].filter(Boolean).join(" "),style:{...a?.style||{},height:!r&&(typeof n=="number"?`${n}px`:n),width:!r&&(typeof o=="number"?`${o}px`:o)},children:G("div",{className:"shimmer-effect__shine",style:{animationDelay:t}})}),eo=t=>{let e=Lr(9),{className:r,count:n,height:i,renderDelay:o,shimmerDelay:a,shimmerItemClassName:u,width:c}=t,s=o===void 0?500:o,d=a===void 0?25:a,p=typeof d=="number"?`${d}ms`:d,[R]=Ge(s,!0);if(!R)return null;let O;e[0]!==n?(O=[...Array(n)],e[0]=n,e[1]=O):O=e[1];let T;return e[2]!==r||e[3]!==i||e[4]!==p||e[5]!==u||e[6]!==O||e[7]!==c?(T=G("div",{className:r,children:O.map((I,w)=>G("div",{className:u,children:G(pe,{animationDelay:`calc(${w} * ${p})`,height:i,width:c})},w))}),e[2]=r,e[3]=i,e[4]=p,e[5]=u,e[6]=O,e[7]=c,e[8]=T):T=e[8],T};var re={insertSpaces:!1,tabSize:4,trimAutoWhitespace:!1},Je={fontSize:11,hideCursorInOverviewRuler:!0,lineDecorationsWidth:12,lineHeight:16,lineNumbersMinChars:3,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!1,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,wordWrap:"on"};var Ir="default"in te?te.default:te,Nr="code-editor",Ze=new WeakSet;function Hr(t){t.editor.defineTheme("payload-light",{base:"vs",colors:{"editor.background":"#00000000","editor.lineHighlightBackground":"#00000000","editor.lineHighlightBorder":"#00000000","editorGutter.background":"#00000000","editorLineNumber.activeForeground":"#0000004d","editorLineNumber.foreground":"#0000004d"},inherit:!0,rules:[{foreground:"cb0b96",token:"keyword"},{foreground:"005cc5",token:"identifier"},{foreground:"093077",token:"type.identifier"},{foreground:"093077",token:"delimiter"},{foreground:"093077",token:"delimiter.bracket"},{foreground:"c53e0d",token:"string"},{foreground:"093077",token:"number"},{foreground:"6a737d",token:"comment"}]}),t.editor.defineTheme("payload-dark",{base:"vs-dark",colors:{"editor.background":"#00000000","editor.lineHighlightBackground":"#00000000","editor.lineHighlightBorder":"#00000000","editorGutter.background":"#00000000","editorLineNumber.activeForeground":"#ffffffb3","editorLineNumber.foreground":"#ffffffb3"},inherit:!0,rules:[]})}var $r=t=>{let e=Dr(10),{className:r,maxHeight:n,minHeight:i,options:o,readOnly:a,recalculatedHeightAt:u,value:c,...s}=t,d=i===void 0?48:i,p=Xe.useRef(u),{insertSpaces:R,tabSize:O,trimAutoWhitespace:T,...I}=o||{},w=o?.padding?(o.padding.top||0)+(o.padding?.bottom||0):0,[L,y]=Rr(d),{theme:j}=Ke(),P=s?.defaultLanguage?`language--${s.defaultLanguage}`:"",h=a&&"read-only",g;e[0]!==r||e[1]!==P||e[2]!==h?(g=[Nr,r,P,h].filter(Boolean),e[0]=r,e[1]=P,e[2]=h,e[3]=g):g=e[3];let v=g.join(" "),S,b;return e[4]!==d||e[5]!==w||e[6]!==u||e[7]!==c?(S=()=>{u&&u>p.current&&(y(c?Math.max(d,c.split(`
-`).length*16+2+w+16):d),p.current=u)},b=[c,d,w,u],e[4]=d,e[5]=w,e[6]=u,e[7]=c,e[8]=S,e[9]=b):(S=e[8],b=e[9]),Xe.useEffect(S,b),Qe(Ir,{beforeMount:Hr,className:v,height:n?Math.min(L,n):L,loading:Qe(pe,{height:d}),options:{...Je,...I,readOnly:!!a,detectIndentation:!1,insertSpaces:void 0,tabSize:void 0,trimAutoWhitespace:void 0},theme:j==="dark"?"payload-dark":"payload-light",value:c,...s,onChange:(l,M)=>{s.onChange?.(l,M),y(l?Math.max(d,l.split(`
-`).length*16+2+w+16):d)},onMount:(l,M)=>{!Ze.has(M)&&o?.tabFocusMode===void 0&&(Ze.add(M),l.trigger("payload","editor.action.toggleTabFocusMode",null)),s.onMount?.(l,M);let x=l.getDomNode();if(x?.closest('[contenteditable="true"]')){l.updateOptions({editContext:!1});let k=["copy","cut","paste"],m=Wr;for(let f of k)x.addEventListener(f,m);l.onDidDispose(()=>{for(let f of k)x.removeEventListener(f,m)})}let A=l.getModel();A&&A.updateOptions({insertSpaces:R??re.insertSpaces,tabSize:O??re.tabSize,trimAutoWhitespace:T??re.trimAutoWhitespace}),y(Math.max(d,l.getValue().split(`
-`).length*16+2+w+16))}})},lo=$r;function Wr(t){t.stopPropagation()}export{_e as a,jr as b,le as c,In as d,Ve as e,qn as f,Ke as g,Ge as h,pe as i,eo as j,re as k,lo as l};
-//# sourceMappingURL=chunk-R7M6BG75.js.map