@payloadcms/ui 3.84.1 → 4.0.0-internal.38b7f1d

package/dist/fields/Upload/RelationshipContent/index.css

@@ -0,0 +1,73 @@
+@layer payload-default {
+  .upload-relationship-details {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2-5);
+    width: 100%;
+    min-width: 0;
+    overflow: hidden;
+
+    .btn {
+      margin: 0;
+    }
+  }
+
+  .upload-relationship-details__imageAndDetails {
+    display: flex;
+    gap: var(--spacer-2-5);
+    align-items: center;
+    min-width: 0;
+    flex: 1 1 0;
+  }
+
+  .upload-relationship-details__thumbnail {
+    flex-shrink: 0;
+    border-radius: var(--radius-medium);
+    width: var(--spacer-4);
+  }
+
+  .upload-relationship-details__details {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    overflow: hidden;
+    flex: 1 1 0;
+    min-width: 0;
+  }
+
+  .upload-relationship-details__filename {
+    margin: 0;
+    color: var(--text-default);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+
+    a {
+      text-decoration: none;
+      color: inherit;
+
+      &:focus-visible {
+        outline-offset: -1px;
+      }
+    }
+  }
+
+  .upload-relationship-details__meta {
+    margin: 0;
+    color: var(--color-text-secondary);
+    text-wrap: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .upload-relationship-details__actions {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+
+    .btn:focus-visible {
+      outline-offset: -3px;
+    }
+  }
+}

package/dist/fields/Upload/RelationshipContent/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ReloadDoc } from '../types.js';
-import './index.scss';
+import './index.css';
 type Props = {
     readonly allowEdit?: boolean;
     readonly allowRemove?: boolean;

package/dist/fields/Upload/RelationshipContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAM5C,OAAO,cAAc,CAAA;AAMrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBAmH/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAO5C,OAAO,aAAa,CAAA;AAOpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBAwH/C"}

package/dist/fields/Upload/RelationshipContent/index.js

@@ -9,7 +9,9 @@ import { Button } from '../../../elements/Button/index.js';
 import { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js';
 import { Pill } from '../../../elements/Pill/index.js';
 import { ThumbnailComponent } from '../../../elements/Thumbnail/index.js';
-import './index.scss';
+import { WriteIcon } from '../../../icons/Write/index.js';
+import './index.css';
+import { XIcon } from '../../../icons/X/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 const baseClass = 'upload-relationship-details';
@@ -42,7 +44,8 @@ export function RelationshipContent(props) {
     config
   } = useConfig();
   const {
-    i18n
+    i18n,
+    t
   } = useTranslation();
   const collectionConfig = "collections" in config ? config.collections.find(collection => collection.slug === collectionSlug) : undefined;
   const t2 = id ?? undefined;
@@ -140,16 +143,22 @@ export function RelationshipContent(props) {
     }), allowEdit !== false || allowRemove !== false ? _jsxs("div", {
       className: `${baseClass}__actions`,
       children: [allowEdit !== false ? _jsx(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__edit`,
-        icon: "edit",
+        "aria-label": t("general:edit"),
+        buttonStyle: "icon-subtle",
+        className: `${baseClass}__action-btn`,
+        icon: _jsx(WriteIcon, {}),
         iconStyle: "none",
+        margin: false,
         onClick: openDrawer
       }) : null, allowRemove !== false ? _jsx(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__remove`,
-        icon: "x",
+        "aria-label": t("general:remove"),
+        buttonStyle: "icon-subtle",
+        className: `${baseClass}__action-btn`,
+        icon: _jsx(XIcon, {
+          size: 24
+        }),
         iconStyle: "none",
+        margin: false,
         onClick: () => onRemove()
       }) : null, _jsx(DocumentDrawer, {
         onSave

package/dist/fields/Upload/RelationshipContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","updatedAt","withMeta","t1","x","y","undefined","config","i18n","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","imageCacheTag","cacheTags","labels","singular","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport './index.scss'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly displayPreview?: boolean\n  readonly filename: string\n  readonly id?: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly showCollectionSlug?: boolean\n  readonly src: string\n  readonly thumbnailSrc: string\n  readonly updatedAt?: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    displayPreview,\n    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    showCollectionSlug = false,\n    src,\n    thumbnailSrc,\n    updatedAt,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const collectionConfig =\n    'collections' in config\n      ? config.collections.find((collection) => collection.slug === collectionSlug)\n      : undefined\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id: id ?? undefined,\n    collectionSlug,\n  })\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (size) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        {previewAllowed && (\n          <ThumbnailComponent\n            alt={alt}\n            className={`${baseClass}__thumbnail`}\n            filename={filename}\n            fileSrc={thumbnailSrc}\n            imageCacheTag={collectionConfig?.upload?.cacheTags && updatedAt}\n            size=\"small\"\n          />\n        )}\n        {showCollectionSlug && collectionConfig ? (\n          <Pill size=\"small\">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n        ) : null}\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            {src ? (\n              <a href={src} target=\"_blank\">\n                {filename}\n              </a>\n            ) : (\n              filename\n            )}\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","WriteIcon","XIcon","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","updatedAt","withMeta","t1","x","y","undefined","config","i18n","t","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","imageCacheTag","cacheTags","labels","singular","href","target","buttonStyle","icon","iconStyle","margin","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport './index.css'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly displayPreview?: boolean\n  readonly filename: string\n  readonly id?: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly showCollectionSlug?: boolean\n  readonly src: string\n  readonly thumbnailSrc: string\n  readonly updatedAt?: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    displayPreview,\n    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    showCollectionSlug = false,\n    src,\n    thumbnailSrc,\n    updatedAt,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const collectionConfig =\n    'collections' in config\n      ? config.collections.find((collection) => collection.slug === collectionSlug)\n      : undefined\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id: id ?? undefined,\n    collectionSlug,\n  })\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (size) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        {previewAllowed && (\n          <ThumbnailComponent\n            alt={alt}\n            className={`${baseClass}__thumbnail`}\n            filename={filename}\n            fileSrc={thumbnailSrc}\n            imageCacheTag={collectionConfig?.upload?.cacheTags && updatedAt}\n            size=\"small\"\n          />\n        )}\n        {showCollectionSlug && collectionConfig ? (\n          <Pill size=\"small\">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n        ) : null}\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            {src ? (\n              <a href={src} target=\"_blank\">\n                {filename}\n              </a>\n            ) : (\n              filename\n            )}\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              aria-label={t('general:edit')}\n              buttonStyle=\"icon-subtle\"\n              className={`${baseClass}__action-btn`}\n              icon={<WriteIcon />}\n              iconStyle=\"none\"\n              margin={false}\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              aria-label={t('general:remove')}\n              buttonStyle=\"icon-subtle\"\n              className={`${baseClass}__action-btn`}\n              icon={<XIcon size={24} />}\n              iconStyle=\"none\"\n              margin={false}\n              onClick={() => onRemove()}\n            />\n          ) : null}\n\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/UploadCard/index.css

@@ -0,0 +1,34 @@
+@layer payload-default {
+  .upload-field-card {
+    background: var(--color-bg-secondary);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-medium);
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    width: 100%;
+  }
+
+  .upload-field-card--readOnly {
+    background: var(--bg-default);
+    border: 1px solid var(--border-default);
+  }
+
+  .upload-field-card--size-medium {
+    padding: var(--spacer-2);
+
+    .thumbnail {
+      width: var(--spacer-6);
+      height: var(--spacer-6);
+    }
+  }
+
+  .upload-field-card--size-small {
+    padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-1);
+
+    .thumbnail {
+      width: var(--spacer-4);
+      height: var(--spacer-4);
+    }
+  }
+}

package/dist/fields/Upload/UploadCard/index.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 type Props = {
     readonly children: React.ReactNode;
     readonly className?: string;
+    readonly readOnly?: boolean;
     readonly size?: 'medium' | 'small';
 };
-export declare function UploadCard({ children, className, size }: Props): React.JSX.Element;
+export declare function UploadCard({ children, className, readOnly, size }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Upload/UploadCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/UploadCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CACnC,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,EAAE,KAAK,qBAMzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/UploadCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CACnC,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAe,EAAE,EAAE,KAAK,qBAenF"}

package/dist/fields/Upload/UploadCard/index.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
 const baseClass = 'upload-field-card';
 export function UploadCard({
   children,
   className,
+  readOnly,
   size = 'medium'
 }) {
   return /*#__PURE__*/_jsx("div", {
-    className: [baseClass, className, `${baseClass}--size-${size}`].filter(Boolean).join(' '),
+    className: [baseClass, className, `${baseClass}--size-${size}`, readOnly && `${baseClass}--readOnly`].filter(Boolean).join(' '),
     children: children
   });
 }

package/dist/fields/Upload/UploadCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","UploadCard","children","className","size","_jsx","filter","Boolean","join"],"sources":["../../../../src/fields/Upload/UploadCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'upload-field-card'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly size?: 'medium' | 'small'\n}\nexport function UploadCard({ children, className, size = 'medium' }: Props) {\n  return (\n    <div className={[baseClass, className, `${baseClass}--size-${size}`].filter(Boolean).join(' ')}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,WAAW;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAQ,CAAS;EACxE,oBACEC,IAAA,CAAC;IAAIF,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,EAAW,GAAGH,SAAA,UAAmBI,IAAA,EAAM,CAAC,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cACvFN;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","UploadCard","children","className","readOnly","size","_jsx","filter","Boolean","join"],"sources":["../../../../src/fields/Upload/UploadCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'upload-field-card'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly readOnly?: boolean\n  readonly size?: 'medium' | 'small'\n}\nexport function UploadCard({ children, className, readOnly, size = 'medium' }: Props) {\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        `${baseClass}--size-${size}`,\n        readOnly && `${baseClass}--readOnly`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,SAASC,WAAW;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,IAAA,GAAO;AAAQ,CAAS;EAClF,oBACEC,IAAA,CAAC;IACCH,SAAA,EAAW,CACTH,SAAA,EACAG,SAAA,EACA,GAAGH,SAAA,UAAmBK,IAAA,EAAM,EAC5BD,QAAA,IAAY,GAAGJ,SAAA,YAAqB,CACrC,CACEO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAEPP;;AAGP","ignoreList":[]}

package/dist/fields/Upload/index.css

@@ -0,0 +1,50 @@
+@layer payload-default {
+  .upload__dropzoneAndUpload {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  .upload__dropzoneContent {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    width: 100%;
+  }
+
+  .upload__dropzoneContent__buttons {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .upload__dropzoneContent__orText {
+    color: var(--color-text-secondary);
+    text-transform: lowercase;
+  }
+
+  .upload__dragAndDropText {
+    flex-shrink: 0;
+    margin: 0;
+    text-transform: lowercase;
+    color: var(--color-text-secondary);
+  }
+
+  .upload__loadingRows {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  .upload .shimmer-effect {
+    border-radius: var(--radius-medium);
+    border: 1px solid var(--color-border);
+  }
+
+  @media (max-width: 768px) {
+    .upload__dragAndDropText {
+      display: none;
+    }
+  }
+}

package/dist/fields/Upload/index.d.ts

@@ -1,6 +1,6 @@
 import type { UploadFieldClientProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export { UploadInput } from './Input.js';
 export type { UploadInputProps } from './Input.js';
 export declare const baseClass = "upload";

package/dist/fields/Upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAA;AAExE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAQtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAyG5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAA;AAExE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAQtC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAyG5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -8,7 +8,7 @@ import { withCondition } from '../../forms/withCondition/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { UploadInput } from './Input.js';
-import './index.scss';
+import './index.css';
 export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
 export function UploadComponent(props) {

package/dist/fields/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","isPolymorphic","Array","isArray","memoizedValue","map","val","styles","_jsx","drawerSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo: relationToFromProps,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const isPolymorphic = Array.isArray(relationToFromProps)\n\n  const memoizedValue:\n    | (number | string)[]\n    | number\n    | string\n    | ValueWithRelation\n    | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationToFromProps)\n                      ? relationToFromProps[0]\n                      : relationToFromProps,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic\n      return value\n    }\n  }, [hasMany, value, isPolymorphic, relationToFromProps])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <BulkUploadProvider drawerSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","isPolymorphic","Array","isArray","memoizedValue","map","val","styles","_jsx","drawerSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.css'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo: relationToFromProps,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const isPolymorphic = Array.isArray(relationToFromProps)\n\n  const memoizedValue:\n    | (number | string)[]\n    | number\n    | string\n    | ValueWithRelation\n    | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationToFromProps)\n                      ? relationToFromProps[0]\n                      : relationToFromProps,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic\n      return value\n    }\n  }, [hasMany, value, isPolymorphic, relationToFromProps])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <BulkUploadProvider drawerSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/RenderFields/{index.scss → index.css}

@@ -1,18 +1,20 @@
-@import '../../scss/styles.scss';
-
 @layer payload-default {
-  // Positioned field-type__wrap is needed for correct positioning of field tooltips.
-  // This is set outside of .render-fields, so that manually rendered fields (e.g. in Auth/index.tsx)
-  // outside RenderFields also receive this styling.
+  .field-type {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    flex-grow: 1;
+  }
+
   .field-type__wrap {
     position: relative;
   }
 
   .render-fields {
-    --spacing-field: var(--base);
+    --spacing-field: var(--spacer-3);
 
     &--margins-small {
-      --spacing-field: var(--base);
+      --spacing-field: var(--spacer-2);
     }
 
     &--margins-none {
@@ -36,10 +38,8 @@
       }
     }
 
-    // at the top-level, add extra margins for the following field types
-    &:not(.render-fields--margins-small) {
+    &:not(.render-fields--margins-small):not(.render-fields--margins-none) {
       & > .field-type {
-        &.group-field,
         &.blocks-field,
         &.array-field,
         &.collapsible-field,
@@ -55,10 +55,23 @@
             margin-bottom: 0;
           }
         }
+
+        &.group-field {
+          margin-top: calc(var(--spacing-field) * 2);
+          margin-bottom: calc(var(--spacing-field) * 3);
+
+          &:first-child {
+            margin-top: 0;
+          }
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
       }
     }
 
-    @include small-break {
+    @media (max-width: 768px) {
       --spacing-field: calc(var(--base) / 2);
     }
   }

package/dist/forms/RenderFields/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RenderFieldsProps } from './types.js';
-import './index.scss';
+import './index.css';
 export { RenderFieldsProps as Props };
 export declare const RenderFields: React.FC<RenderFieldsProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/RenderFields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAInD,OAAO,cAAc,CAAA;AAMrB,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,CAAA;AAErC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgGpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAMnD,OAAO,aAAa,CAAA;AAIpB,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,CAAA;AAErC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgGpD,CAAA"}

package/dist/forms/RenderFields/index.js

@@ -6,9 +6,9 @@ import { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'pay
 import React from 'react';
 import { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
-import './index.scss';
 import { FieldPathContext } from './context.js';
 import { RenderField } from './RenderField.js';
+import './index.css';
 const baseClass = 'render-fields';
 export const RenderFields = props => {
   const $ = _c(22);

package/dist/forms/RenderFields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","React","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","t0","t1","t2","filter","Boolean","t3","join","t4","t5","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","_jsx","value","children","clientFieldConfig","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport './index.scss'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (props) => {\n  const {\n    className,\n    fields,\n    forceRender,\n    margins,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n    readOnly: readOnlyFromParent,\n  } = props\n\n  const operation = useOperation()\n\n  if (fields && fields.length > 0) {\n    return (\n      <RenderIfInViewport\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        forceRender={forceRender}\n      >\n        {fields.map((field, i) => {\n          // For sidebar fields in the main fields array, `field` will be `null`, and visa versa\n          // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)\n          if (!field || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\n          })\n\n          // If the user cannot read the field, then filter it out\n          // This is different from `admin.readOnly` which is executed based on `operation`\n          if ('name' in field && !hasReadPermission) {\n            return null\n          }\n\n          // `admin.readOnly` displays the value but prevents the field from being edited\n          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly\n\n          // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n          if (isReadOnly && field.admin?.readOnly === false) {\n            isReadOnly = false\n          }\n\n          // If the user does not have access at the operation level, to begin with, force it to be read-only\n          if ('name' in field && !hasOperationPermission) {\n            isReadOnly = true\n          }\n\n          const { indexPath, path, schemaPath } = getFieldPaths({\n            field,\n            index: i,\n            parentIndexPath,\n            parentPath,\n            parentSchemaPath,\n          })\n\n          return (\n            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","React","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","t0","t1","t2","filter","Boolean","t3","join","t4","t5","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","_jsx","value","children","clientFieldConfig","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\nimport './index.css'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (props) => {\n  const {\n    className,\n    fields,\n    forceRender,\n    margins,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n    readOnly: readOnlyFromParent,\n  } = props\n\n  const operation = useOperation()\n\n  if (fields && fields.length > 0) {\n    return (\n      <RenderIfInViewport\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        forceRender={forceRender}\n      >\n        {fields.map((field, i) => {\n          // For sidebar fields in the main fields array, `field` will be `null`, and visa versa\n          // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)\n          if (!field || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\n          })\n\n          // If the user cannot read the field, then filter it out\n          // This is different from `admin.readOnly` which is executed based on `operation`\n          if ('name' in field && !hasReadPermission) {\n            return null\n          }\n\n          // `admin.readOnly` displays the value but prevents the field from being edited\n          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly\n\n          // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n          if (isReadOnly && field.admin?.readOnly === false) {\n            isReadOnly = false\n          }\n\n          // If the user does not have access at the operation level, to begin with, force it to be read-only\n          if ('name' in field && !hasOperationPermission) {\n            isReadOnly = true\n          }\n\n          const { indexPath, path, schemaPath } = getFieldPaths({\n            field,\n            index: i,\n            parentIndexPath,\n            parentPath,\n            parentSchemaPath,\n          })\n\n          return (\n            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,uBAAuB,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ;AAC5E,OAAOC,KAAA,MAAW;AAIlB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAIlB,OAAO,MAAMC,YAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACvD;IAAAa,SAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,QAAA,EAAAC;EAAA,IAUIX,KAAA;EAEJ,MAAAY,SAAA,GAAkBjB,YAAA;EAAA,IAEdQ,MAAA,IAAUA,MAAA,CAAAU,MAAA,IAAgB;IAMtB,MAAAC,EAAA,GAAAT,OAAA,IAAW,GAAAP,SAAA,aAAyBO,OAAA,EAAS;IAC7C,MAAAU,EAAA,GAAAV,OAAA,UAAY,IAAS,GAAAP,SAAA,gBAA4B;IAAA,IAAAkB,EAAA;IAAA,IAAAf,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAc,EAAA;MAJxCC,EAAA,IAAAlB,SAAA,EAETI,SAAA,EACAY,EAA6C,EAC7CC,EAAiD,EAAAE,MAAA,CAAAC,OAEzC;MAAAjB,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;MAAAd,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IANC,MAAAkB,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,gBAAA,IAAAP,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAU,kBAAA,IAAAV,CAAA,SAAAkB,EAAA;MAAA,IAAAG,EAAA;MAAA,IAAArB,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAK,eAAA,IAAAL,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAO,gBAAA,IAAAP,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAU,kBAAA;QAGIW,EAAA,GAAAA,CAAAC,KAAA,EAAAC,CAAA;UAAA,IAGN,CAACD,KAAA,IAASjC,uBAAA,CAAwBiC,KAAA;YAAA;UAAA;UAItC;YAAAX,SAAA,EAAAa,sBAAA;YAAAhB,WAAA,EAAAiB,gBAAA;YAAAC,IAAA,EAAAC;UAAA,IAIIpC,mBAAA;YAAA+B,KAAA;YAAAX,SAAA;YAAAiB,UAAA,EAGUtB,UAAA,EAAAuB,QAAA,CAAqB,OAC7BvB,UAAA,CAAAwB,KAAA,CAAiB,IAAI,CAACxB,UAAA,CAAAwB,KAAA,CAAiB,KAAAlB,MAAA,IAAc,IACrDN,UAAA;YAAAE;UAAA,CAEN;UAAA,IAII,UAAUc,KAAA,KAAUK,iBAAA;YAAA;UAAA;UAKxB,IAAAI,UAAA,GAAiBrB,kBAAA,IAAsBY,KAAA,EAAAU,KAAA,EAAAvB,QAAc;UAAA,IAGjDsB,UAAA,IAAcT,KAAA,CAAAU,KAAA,EAAAvB,QAAA,UAA0B;YAC1CsB,UAAA,CAAAA,CAAA,CAAAA,KAAA;UAAA;UAAA,IAIE,UAAUT,KAAA,KAAUE,sBAAA;YACtBO,UAAA,CAAAA,CAAA,CAAAA,IAAA;UAAA;UAGF;YAAAE,SAAA;YAAAC,IAAA;YAAAC;UAAA,IAAwC7C,aAAA;YAAAgC,KAAA;YAAAc,KAAA,EAE/Bb,CAAA;YAAAlB,eAAA;YAAAC,UAAA;YAAAC;UAAA,CAIT;UAAA,OAGE8B,IAAA,CAAA1C,gBAAA;YAAA2C,KAAA,EAA8CJ,IAAA;YAAAK,QAAA,EAC5CF,IAAA,CAAAzC,WAAA;cAAA4C,iBAAA,EACqBlB,KAAA;cAAAnB,WAAA;cAAA8B,SAAA;cAAA3B,UAAA;cAAAC,gBAAA;cAAA2B,IAAA;cAAA1B,WAAA,EAMNiB,gBAAA;cAAAhB,QAAA,EACHsB,UAAA;cAAAI;YAAA,C;aATS,GAAGD,IAAA,IAAQX,CAAA,EAAG;QAAA;QAczCvB,CAAA,OAAAG,WAAA;QAAAH,CAAA,OAAAW,SAAA;QAAAX,CAAA,OAAAK,eAAA;QAAAL,CAAA,OAAAM,UAAA;QAAAN,CAAA,OAAAO,gBAAA;QAAAP,CAAA,OAAAQ,WAAA;QAAAR,CAAA,OAAAU,kBAAA;QAAAV,CAAA,OAAAqB,EAAA;MAAA;QAAAA,EAAA,GAAArB,CAAA;MAAA;MAzEFoB,EAAA,GAAAiB,IAAA,CAAA5C,kBAAA;QAAAQ,SAAA,EACaiB,EAOH;QAAAf,WAAA;QAAAoC,QAAA,EAGPrC,MAAA,CAAAuC,GAAA,CAAWpB,EA8DZ;MAAA,C;;;;;;;;;;;;;;WAzEFD,E;;;CA+EN","ignoreList":[]}

package/dist/icons/AlignJustified/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--align-justified {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/AlignJustified/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const AlignJustifiedIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/AlignJustified/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/AlignJustified/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/AlignJustified/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M5 4.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 8m6 3.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5',
+  24: 'M18.5 15C18.7761 15 19 15.2239 19 15.5C19 15.7761 18.7761 16 18.5 16H5.5C5.22386 16 5 15.7761 5 15.5C5 15.2239 5.22386 15 5.5 15H18.5ZM18.5 11C18.7761 11 19 11.2239 19 11.5C19 11.7761 18.7761 12 18.5 12H5.5C5.22386 12 5 11.7761 5 11.5C5 11.2239 5.22386 11 5.5 11H18.5ZM18.5 7C18.7761 7 19 7.22386 19 7.5C19 7.77614 18.7761 8 18.5 8H5.5C5.22386 8 5 7.77614 5 7.5C5 7.22386 5.22386 7 5.5 7H18.5Z'
+};
+export const AlignJustifiedIcon = ({
+  className,
+  size = 16
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--align-justified', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/AlignJustified/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","AlignJustifiedIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/AlignJustified/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M5 4.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 8m6 3.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5',\n  24: 'M18.5 15C18.7761 15 19 15.2239 19 15.5C19 15.7761 18.7761 16 18.5 16H5.5C5.22386 16 5 15.7761 5 15.5C5 15.2239 5.22386 15 5.5 15H18.5ZM18.5 11C18.7761 11 19 11.2239 19 11.5C19 11.7761 18.7761 12 18.5 12H5.5C5.22386 12 5 11.7761 5 11.5C5 11.2239 5.22386 11 5.5 11H18.5ZM18.5 7C18.7761 7 19 7.22386 19 7.5C19 7.77614 18.7761 8 18.5 8H5.5C5.22386 8 5 7.77614 5 7.5C5 7.22386 5.22386 7 5.5 7H18.5Z',\n}\n\nexport const AlignJustifiedIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--align-justified', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,kBAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,yBAAyBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC7EC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Arrow/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--arrow {
+    flex-shrink: 0;
+  }
+}

package/dist/icons/Arrow/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.css';
+type Direction = 'down' | 'up';
+export declare const ArrowIcon: React.FC<{
+    readonly className?: string;
+    readonly direction?: Direction;
+    readonly size?: 16 | 24;
+}>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Arrow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Arrow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAA;AAS9B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAA;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAcA,CAAA"}