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

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","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":[]}
+{"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","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=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<WriteIcon />}\n              margin={false}\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              aria-label={t('general:remove')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<XIcon size={24} />}\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

@@ -1,6 +1,7 @@
 @layer payload-default {
   .upload-field-card {
-    background: var(--bg-secondary);
+    background: var(--field-color-upload-bg);
+    border: var(--stroke-width-small) solid var(--field-color-upload-border);
     border-radius: var(--radius-medium);
     display: flex;
     align-items: center;
@@ -9,8 +10,8 @@
   }
 
   .upload-field-card--readOnly {
-    background: var(--bg-default);
-    border: 1px solid var(--border-default);
+    background: var(--field-color-bg-readonly);
+    border: var(--stroke-width-small) solid var(--field-color-border-readonly);
   }
 
   .upload-field-card--size-medium {

package/dist/fields/Upload/index.css

@@ -3,12 +3,20 @@
     display: flex;
     flex-direction: column;
     gap: var(--spacer-2);
+    container-type: inline-size;
+    container-name: upload-dropzone;
+  }
+
+  .upload__dropzoneAndUpload .dropzone.dropzone--style-default {
+    padding-block: 0;
   }
 
   .upload__dropzoneContent {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    flex-wrap: wrap;
+    row-gap: var(--spacer-2);
+    padding: var(--spacer-3);
     gap: var(--spacer-2);
     width: 100%;
   }
@@ -17,18 +25,26 @@
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
+    flex-wrap: wrap;
+  }
+
+  @supports (flex-wrap: balance) {
+    .upload__dropzoneContent__buttons {
+      flex-wrap: balance;
+    }
   }
 
   .upload__dropzoneContent__orText {
-    color: var(--text-secondary);
+    color: var(--color-text-secondary);
     text-transform: lowercase;
   }
 
   .upload__dragAndDropText {
+    display: none;
     flex-shrink: 0;
     margin: 0;
     text-transform: lowercase;
-    color: var(--text-secondary);
+    color: var(--color-text-secondary);
   }
 
   .upload__loadingRows {
@@ -39,15 +55,12 @@
 
   .upload .shimmer-effect {
     border-radius: var(--radius-medium);
+    border: var(--stroke-width-small) solid var(--color-border);
   }
 
-  .upload.error .dropzone {
-    border-color: var(--border-danger-strong);
-  }
-
-  @media (max-width: 768px) {
+  @container upload-dropzone (min-width: 400px) {
     .upload__dragAndDropText {
-      display: none;
+      display: block;
     }
   }
 }

package/dist/fields/Upload/index.js

@@ -78,7 +78,7 @@ export function UploadComponent(props) {
   }, [hasMany, value_0, isPolymorphic, relationToFromProps]);
   const styles = useMemo(() => mergeFieldStyles(field), [field]);
   return /*#__PURE__*/_jsx(BulkUploadProvider, {
-    drawerSlugPrefix: pathFromProps,
+    modalSlugPrefix: pathFromProps,
     children: /*#__PURE__*/_jsx(UploadInput, {
       AfterInput: AfterInput,
       allowCreate: allowCreate !== false,

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.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":[]}
+{"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","modalSlugPrefix","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 modalSlugPrefix={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/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAgC3E,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC;CAC1D,GAAG;IACF,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAA;IACpD,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBA0B7B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAA;CACnB,GAAG,oBAAoB,CAAA;AAExB,eAAO,MAAM,kBAAkB,EAAE,wBAMhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAiC3E,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC;CAC1D,GAAG;IACF,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAA;IACpD,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBA2B7B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAA;CACnB,GAAG,oBAAoB,CAAA;AAExB,eAAO,MAAM,kBAAkB,EAAE,wBAMhC,CAAA"}

package/dist/fields/index.js

@@ -24,6 +24,7 @@ import { RelationshipField } from './Relationship/index.js';
 import { RichTextField } from './RichText/index.js';
 import { RowField } from './Row/index.js';
 import { SelectField } from './Select/index.js';
+import { SlugField } from './Slug/index.js';
 import { TabsField } from './Tabs/index.js';
 import { TextField } from './Text/index.js';
 import { TextareaField } from './Textarea/index.js';
@@ -31,6 +32,7 @@ import { UIField } from './UI/index.js';
 import { UploadField } from './Upload/index.js';
 export * from './shared/index.js';
 export const fieldComponents = {
+  slug: SlugField,
   array: ArrayField,
   blocks: BlocksField,
   checkbox: CheckboxField,

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RowLabel","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","FieldDescription","FieldError","FieldLabel","GroupField","HiddenField","JoinField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","join","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload","allFieldComponents","Description","Error","Label"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientFieldBase,\n  FieldTypes,\n  GenericDescriptionProps,\n  GenericErrorProps,\n  GenericLabelProps,\n  HiddenFieldProps,\n} from 'payload'\nimport type React from 'react'\n\nimport type { ConfirmPasswordFieldProps } from './ConfirmPassword/index.js'\n\nimport { RowLabel } from '../forms/RowLabel/index.js'\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { FieldDescription } from './FieldDescription/index.js'\nimport { FieldError } from './FieldError/index.js'\nimport { FieldLabel } from './FieldLabel/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JoinField } from './Join/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'password' | FieldTypes]: React.FC<ClientFieldBase>\n} & {\n  confirmPassword: React.FC<ConfirmPasswordFieldProps>\n  hidden: React.FC<HiddenFieldProps>\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  join: JoinField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n\nexport type FieldComponentsWithSlots = {\n  Description: React.FC<GenericDescriptionProps>\n  Error: React.FC<GenericErrorProps>\n  Label: React.FC<GenericLabelProps>\n  RowLabel: React.FC\n} & FieldTypesComponents\n\nexport const allFieldComponents: FieldComponentsWithSlots = {\n  ...fieldComponents,\n  Description: FieldDescription,\n  Error: FieldError,\n  Label: FieldLabel,\n  RowLabel,\n}\n"],"mappings":"AAAA;;AAaA,SAASA,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AASd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAO7B,UAAA;EACP8B,MAAA,EAAQ7B,WAAA;EACR8B,QAAA,EAAU7B,aAAA;EACV8B,IAAA,EAAM7B,SAAA;EACN8B,WAAA,EAAa7B,gBAAA;EACb8B,eAAA,EAAiB7B,oBAAA;EACjB8B,IAAA,EAAM7B,aAAA;EACN8B,KAAA,EAAO7B,UAAA;EACP8B,KAAA,EAAO1B,UAAA;EACP2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,MAAA,EAAQ1B,WAAA;EACR2B,QAAA,EAAU1B,aAAA;EACV2B,KAAA,EAAO1B,UAAA;EACP2B,KAAA,EAAO1B,eAAA;EACP2B,YAAA,EAAc1B,iBAAA;EACd2B,QAAA,EAAU1B,aAAA;EACV2B,GAAA,EAAK1B,QAAA;EACL2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,QAAA,EAAU1B,aAAA;EACV2B,EAAA,EAAI1B,OAAA;EACJ2B,MAAA,EAAQ1B;AACV;AASA,OAAO,MAAM2B,kBAAA,GAA+C;EAC1D,GAAG1B,eAAe;EAClB2B,WAAA,EAAa/C,gBAAA;EACbgD,KAAA,EAAO/C,UAAA;EACPgD,KAAA,EAAO/C,UAAA;EACPX;AACF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RowLabel","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","FieldDescription","FieldError","FieldLabel","GroupField","HiddenField","JoinField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","SlugField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","slug","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","join","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload","allFieldComponents","Description","Error","Label"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientFieldBase,\n  FieldTypes,\n  GenericDescriptionProps,\n  GenericErrorProps,\n  GenericLabelProps,\n  HiddenFieldProps,\n} from 'payload'\nimport type React from 'react'\n\nimport type { ConfirmPasswordFieldProps } from './ConfirmPassword/index.js'\n\nimport { RowLabel } from '../forms/RowLabel/index.js'\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { FieldDescription } from './FieldDescription/index.js'\nimport { FieldError } from './FieldError/index.js'\nimport { FieldLabel } from './FieldLabel/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JoinField } from './Join/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { SlugField } from './Slug/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'password' | FieldTypes]: React.FC<ClientFieldBase>\n} & {\n  confirmPassword: React.FC<ConfirmPasswordFieldProps>\n  hidden: React.FC<HiddenFieldProps>\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  slug: SlugField,\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  join: JoinField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n\nexport type FieldComponentsWithSlots = {\n  Description: React.FC<GenericDescriptionProps>\n  Error: React.FC<GenericErrorProps>\n  Label: React.FC<GenericLabelProps>\n  RowLabel: React.FC\n} & FieldTypesComponents\n\nexport const allFieldComponents: FieldComponentsWithSlots = {\n  ...fieldComponents,\n  Description: FieldDescription,\n  Error: FieldError,\n  Label: FieldLabel,\n  RowLabel,\n}\n"],"mappings":"AAAA;;AAaA,SAASA,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AASd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,IAAA,EAAMP,SAAA;EACNQ,KAAA,EAAO/B,UAAA;EACPgC,MAAA,EAAQ/B,WAAA;EACRgC,QAAA,EAAU/B,aAAA;EACVgC,IAAA,EAAM/B,SAAA;EACNgC,WAAA,EAAa/B,gBAAA;EACbgC,eAAA,EAAiB/B,oBAAA;EACjBgC,IAAA,EAAM/B,aAAA;EACNgC,KAAA,EAAO/B,UAAA;EACPgC,KAAA,EAAO5B,UAAA;EACP6B,MAAA,EAAQ5B,WAAA;EACR6B,IAAA,EAAM5B,SAAA;EACN6B,IAAA,EAAM5B,SAAA;EACN6B,MAAA,EAAQ5B,WAAA;EACR6B,QAAA,EAAU5B,aAAA;EACV6B,KAAA,EAAO5B,UAAA;EACP6B,KAAA,EAAO5B,eAAA;EACP6B,YAAA,EAAc5B,iBAAA;EACd6B,QAAA,EAAU5B,aAAA;EACV6B,GAAA,EAAK5B,QAAA;EACL6B,MAAA,EAAQ5B,WAAA;EACR6B,IAAA,EAAM3B,SAAA;EACN4B,IAAA,EAAM3B,SAAA;EACN4B,QAAA,EAAU3B,aAAA;EACV4B,EAAA,EAAI3B,OAAA;EACJ4B,MAAA,EAAQ3B;AACV;AASA,OAAO,MAAM4B,kBAAA,GAA+C;EAC1D,GAAG3B,eAAe;EAClB4B,WAAA,EAAajD,gBAAA;EACbkD,KAAA,EAAOjD,UAAA;EACPkD,KAAA,EAAOjD,UAAA;EACPX;AACF","ignoreList":[]}

package/dist/fields/mergeFieldStyles.d.ts

@@ -1,3 +1,3 @@
 import type { ClientField } from 'payload';
-export declare const mergeFieldStyles: (field: ClientField | Omit<ClientField, "type">) => React.CSSProperties;
+export declare const mergeFieldStyles: (field: ClientField | Omit<ClientField, 'type'>) => React.CSSProperties;
 //# sourceMappingURL=mergeFieldStyles.d.ts.map

package/dist/fields/mergeFieldStyles.js

@@ -3,7 +3,7 @@ export const mergeFieldStyles = field => ({
   ...(field?.admin?.width ? {
     '--field-width': field.admin.width
   } : {
-    flex: '1 1 auto'
+    flex: '1 1 0%'
   }),
   // allow flex overrides to still take precedence over the fallback
   ...(field?.admin?.style?.flex ? {

package/dist/fields/mergeFieldStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeFieldStyles.js","names":["mergeFieldStyles","field","admin","style","width","flex"],"sources":["../../src/fields/mergeFieldStyles.ts"],"sourcesContent":["import type { ClientField } from 'payload'\n\nexport const mergeFieldStyles = (\n  field: ClientField | Omit<ClientField, 'type'>,\n): React.CSSProperties => ({\n  ...(field?.admin?.style || {}),\n  ...(field?.admin?.width\n    ? {\n        '--field-width': field.admin.width,\n      }\n    : {\n        flex: '1 1 auto',\n      }),\n  // allow flex overrides to still take precedence over the fallback\n  ...(field?.admin?.style?.flex\n    ? {\n        flex: field.admin.style.flex,\n      }\n    : {}),\n})\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAA,GACXC,KAAA,KACyB;EACzB,IAAIA,KAAA,EAAOC,KAAA,EAAOC,KAAA,IAAS,CAAC,CAAC;EAC7B,IAAIF,KAAA,EAAOC,KAAA,EAAOE,KAAA,GACd;IACE,iBAAiBH,KAAA,CAAMC,KAAK,CAACE;EAC/B,IACA;IACEC,IAAA,EAAM;EACR,CAAC;EACL;EACA,IAAIJ,KAAA,EAAOC,KAAA,EAAOC,KAAA,EAAOE,IAAA,GACrB;IACEA,IAAA,EAAMJ,KAAA,CAAMC,KAAK,CAACC,KAAK,CAACE;EAC1B,IACA,CAAC,CAAC;AACR","ignoreList":[]}
+{"version":3,"file":"mergeFieldStyles.js","names":["mergeFieldStyles","field","admin","style","width","flex"],"sources":["../../src/fields/mergeFieldStyles.ts"],"sourcesContent":["import type { ClientField } from 'payload'\n\nexport const mergeFieldStyles = (\n  field: ClientField | Omit<ClientField, 'type'>,\n): React.CSSProperties => ({\n  ...(field?.admin?.style || {}),\n  ...(field?.admin?.width\n    ? {\n        '--field-width': field.admin.width,\n      }\n    : {\n        flex: '1 1 0%',\n      }),\n  // allow flex overrides to still take precedence over the fallback\n  ...(field?.admin?.style?.flex\n    ? {\n        flex: field.admin.style.flex,\n      }\n    : {}),\n})\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAA,GACXC,KAAA,KACyB;EACzB,IAAIA,KAAA,EAAOC,KAAA,EAAOC,KAAA,IAAS,CAAC,CAAC;EAC7B,IAAIF,KAAA,EAAOC,KAAA,EAAOE,KAAA,GACd;IACE,iBAAiBH,KAAA,CAAMC,KAAK,CAACE;EAC/B,IACA;IACEC,IAAA,EAAM;EACR,CAAC;EACL;EACA,IAAIJ,KAAA,EAAOC,KAAA,EAAOC,KAAA,EAAOE,IAAA,GACrB;IACEA,IAAA,EAAMJ,KAAA,CAAMC,KAAK,CAACC,KAAK,CAACE;EAC1B,IACA,CAAC,CAAC;AACR","ignoreList":[]}

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

@@ -8,7 +8,7 @@ export declare const fieldBaseClass = "field-type";
 export declare function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig, }: {
     fieldLocalized?: boolean;
     fieldRTL?: boolean;
-    locale: Locale;
+    locale: Locale | null;
     localizationConfig?: SanitizedLocalizationConfig;
 }): boolean;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized?: boolean\n  fieldRTL?: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;AAAA;AACJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized?: boolean\n  fieldRTL?: boolean\n  locale: Locale | null\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;AAAA;AACJ","ignoreList":[]}

package/dist/fields/shared/useRowFocus.d.ts

@@ -0,0 +1,5 @@
+export declare function useRowFocus(): {
+    fieldRef: import("react").RefObject<HTMLDivElement>;
+    focusRow: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+//# sourceMappingURL=useRowFocus.d.ts.map

package/dist/fields/shared/useRowFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowFocus.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/useRowFocus.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW;;;EAwB1B"}

package/dist/fields/shared/useRowFocus.js

@@ -0,0 +1,50 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from 'react';
+export function useRowFocus() {
+  const $ = _c(4);
+  const fieldRef = useRef(null);
+  const [rowID, setRowID] = useState(null);
+  let t0;
+  let t1;
+  if ($[0] !== rowID) {
+    t0 = () => {
+      if (!rowID) {
+        return;
+      }
+      const timer = setTimeout(() => {
+        const toggle = fieldRef.current?.querySelector(`#${CSS.escape(rowID)} .collapsible__toggle`);
+        toggle?.focus({
+          preventScroll: true
+        });
+        toggle?.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+        setRowID(null);
+      }, 0);
+      return () => clearTimeout(timer);
+    };
+    t1 = [rowID];
+    $[0] = rowID;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      fieldRef,
+      focusRow: setRowID
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+//# sourceMappingURL=useRowFocus.js.map

package/dist/fields/shared/useRowFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowFocus.js","names":["c","_c","useEffect","useRef","useState","useRowFocus","$","fieldRef","rowID","setRowID","t0","t1","timer","setTimeout","toggle","current","querySelector","CSS","escape","focus","preventScroll","scrollIntoView","behavior","block","clearTimeout","t2","Symbol","for","focusRow"],"sources":["../../../src/fields/shared/useRowFocus.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nexport function useRowFocus() {\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [rowID, setRowID] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!rowID) {\n      return\n    }\n\n    // Wait for the inserted row to render and the picker to restore focus on closing.\n    const timer = setTimeout(() => {\n      const toggle = fieldRef.current?.querySelector<HTMLButtonElement>(\n        `#${CSS.escape(rowID)} .collapsible__toggle`,\n      )\n\n      toggle?.focus({ preventScroll: true })\n      toggle?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n      setRowID(null)\n    }, 0)\n\n    return () => clearTimeout(timer)\n  }, [rowID])\n\n  return { fieldRef, focusRow: setRowID }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE5C,OAAO,SAAAC,YAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACL,MAAAM,QAAA,GAAiBJ,MAAA,KAAuB;EACxC,OAAAK,KAAA,EAAAC,QAAA,IAA0BL,QAAA,KAAwB;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,KAAA;IAExCE,EAAA,GAAAA,CAAA;MAAA,KACHF,KAAA;QAAA;MAAA;MAKL,MAAAI,KAAA,GAAcC,UAAA;QACZ,MAAAC,MAAA,GAAeP,QAAA,CAAAQ,OAAA,EAAAC,aAAA,CACb,IAAIC,GAAA,CAAAC,MAAA,CAAWV,KAAA,wBAA6B;QAG9CM,MAAA,EAAAK,KAAA;UAAAC,aAAA;QAAA;QACAN,MAAA,EAAAO,cAAA;UAAAC,QAAA,EAAmC;UAAAC,KAAA,EAAiB;QAAA;QACpDd,QAAA,KAAS;MAAA,IACR;MAAA,aAEUe,YAAA,CAAaZ,KAAA;IAAA;IACzBD,EAAA,IAACH,KAAA;IAAMF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAjBVJ,SAAA,CAAUQ,EAiBV,EAAGC,EAAO;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAoB,MAAA,CAAAC,GAAA;IAEHF,EAAA;MAAAlB,QAAA;MAAAqB,QAAA,EAAsBnB;IAAA;IAASH,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,OAA/BmB,EAA+B;AAAA","ignoreList":[]}

package/dist/forms/Form/context.d.ts

@@ -12,6 +12,7 @@ declare const ProcessingContext: import("react").Context<boolean>;
 declare const BackgroundProcessingContext: import("react").Context<boolean>;
 declare const ModifiedContext: import("react").Context<boolean>;
 declare const InitializingContext: import("react").Context<boolean>;
+declare const SuccessfulSubmitCountContext: import("react").Context<number>;
 declare const FormFieldsContext: import("use-context-selector").Context<FormFieldsContextType>;
 export type RenderedFieldSlots = Map<string, RenderedField>;
 /**
@@ -35,6 +36,7 @@ declare const useFormProcessing: () => boolean;
 declare const useFormBackgroundProcessing: () => boolean;
 declare const useFormModified: () => boolean;
 declare const useFormInitializing: () => boolean;
+declare const useFormSuccessfulSubmitCount: () => number;
 /**
  * Get and set the value of a form field based on a selector
  *
@@ -47,5 +49,5 @@ declare const useFormFields: <Value = unknown>(selector: (context: FormFieldsCon
  * @see https://payloadcms.com/docs/admin/react-hooks#useallformfields
  */
 declare const useAllFormFields: () => FormFieldsContextType;
-export { BackgroundProcessingContext, DocumentFormContext, FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext, useAllFormFields, useDocumentForm, useForm, useFormBackgroundProcessing, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted, useWatchForm, };
+export { BackgroundProcessingContext, DocumentFormContext, FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext, SuccessfulSubmitCountContext, useAllFormFields, useDocumentForm, useForm, useFormBackgroundProcessing, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted, useFormSuccessfulSubmitCount, useWatchForm, };
 //# sourceMappingURL=context.d.ts.map

package/dist/forms/Form/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,mBAAmB,kCAA+B,CAAA;AACxD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C;;;GAGG;AACH,QAAA,MAAM,2BAA2B,kCAAuB,CAAA;AACxD,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAA2B,CAAA;AAC/C;;;GAGG;AACH,QAAA,MAAM,eAAe,QAAO,OAAmC,CAAA;AAE/D,QAAA,MAAM,YAAY,QAAO,OAAgC,CAAA;AACzD,QAAA,MAAM,gBAAgB,QAAO,OAAgC,CAAA;AAC7D,QAAA,MAAM,iBAAiB,QAAO,OAAiC,CAAA;AAC/D;;;GAGG;AACH,QAAA,MAAM,2BAA2B,QAAO,OAA2C,CAAA;AACnF,QAAA,MAAM,eAAe,QAAO,OAA+B,CAAA;AAC3D,QAAA,MAAM,mBAAmB,QAAO,OAAmC,CAAA;AAEnE;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,2BAA2B,EAC3B,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,mBAAmB,kCAA+B,CAAA;AACxD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C;;;GAGG;AACH,QAAA,MAAM,2BAA2B,kCAAuB,CAAA;AACxD,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,4BAA4B,iCAAmB,CAAA;AACrD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAA2B,CAAA;AAC/C;;;GAGG;AACH,QAAA,MAAM,eAAe,QAAO,OAAmC,CAAA;AAE/D,QAAA,MAAM,YAAY,QAAO,OAAgC,CAAA;AACzD,QAAA,MAAM,gBAAgB,QAAO,OAAgC,CAAA;AAC7D,QAAA,MAAM,iBAAiB,QAAO,OAAiC,CAAA;AAC/D;;;GAGG;AACH,QAAA,MAAM,2BAA2B,QAAO,OAA2C,CAAA;AACnF,QAAA,MAAM,eAAe,QAAO,OAA+B,CAAA;AAC3D,QAAA,MAAM,mBAAmB,QAAO,OAAmC,CAAA;AACnE,QAAA,MAAM,4BAA4B,QAAO,MAA2C,CAAA;AAEpF;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,GAAG,OAAO,YAC1B,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,4BAA4B,EAC5B,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,2BAA2B,EAC3B,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,4BAA4B,EAC5B,YAAY,GACb,CAAA"}

package/dist/forms/Form/context.js

@@ -14,6 +14,7 @@ const ProcessingContext = createContext(false);
 const BackgroundProcessingContext = createContext(false);
 const ModifiedContext = createContext(false);
 const InitializingContext = createContext(false);
+const SuccessfulSubmitCountContext = createContext(0);
 const FormFieldsContext = createSelectorContext([{}, () => null]);
 /**
  * Get the state of the form, can be used to submit & validate the form.
@@ -36,6 +37,7 @@ const useFormProcessing = () => use(ProcessingContext);
 const useFormBackgroundProcessing = () => use(BackgroundProcessingContext);
 const useFormModified = () => use(ModifiedContext);
 const useFormInitializing = () => use(InitializingContext);
+const useFormSuccessfulSubmitCount = () => use(SuccessfulSubmitCountContext);
 /**
  * Get and set the value of a form field based on a selector
  *
@@ -52,5 +54,5 @@ const useFormFields = selector => {
 const useAllFormFields = () => {
   return useFullContext(FormFieldsContext);
 };
-export { BackgroundProcessingContext, DocumentFormContext, FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext, useAllFormFields, useDocumentForm, useForm, useFormBackgroundProcessing, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted, useWatchForm };
+export { BackgroundProcessingContext, DocumentFormContext, FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext, SuccessfulSubmitCountContext, useAllFormFields, useDocumentForm, useForm, useFormBackgroundProcessing, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted, useFormSuccessfulSubmitCount, useWatchForm };
 //# sourceMappingURL=context.js.map

package/dist/forms/Form/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","use","createSelectorContext","useContextSelector","useContext","useFullContext","FormContext","DocumentFormContext","FormWatchContext","SubmittedContext","ProcessingContext","BackgroundProcessingContext","ModifiedContext","InitializingContext","FormFieldsContext","useForm","useDocumentForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormBackgroundProcessing","useFormModified","useFormInitializing","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, use } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst DocumentFormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst BackgroundProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useform\n */\nconst useForm = (): Context => use(FormContext)\n/**\n * Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.\n * This is the case withing lexical Blocks, as each lexical blocks renders their own Form.\n */\nconst useDocumentForm = (): Context => use(DocumentFormContext)\n\nconst useWatchForm = (): Context => use(FormWatchContext)\nconst useFormSubmitted = (): boolean => use(SubmittedContext)\nconst useFormProcessing = (): boolean => use(ProcessingContext)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst useFormBackgroundProcessing = (): boolean => use(BackgroundProcessingContext)\nconst useFormModified = (): boolean => use(ModifiedContext)\nconst useFormInitializing = (): boolean => use(InitializingContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  BackgroundProcessingContext,\n  DocumentFormContext,\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useDocumentForm,\n  useForm,\n  useFormBackgroundProcessing,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AACnC,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBC,UAAA,IAAcC,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcN,aAAA,CAAc,CAAC;AACnC,MAAMO,mBAAA,GAAsBP,aAAA,CAAc,CAAC;AAC3C,MAAMQ,gBAAA,GAAmBR,aAAA,CAAc,CAAC;AACxC,MAAMS,gBAAA,GAAmBT,aAAA,CAAc;AACvC,MAAMU,iBAAA,GAAoBV,aAAA,CAAc;AACxC;;;;AAIA,MAAMW,2BAAA,GAA8BX,aAAA,CAAc;AAClD,MAAMY,eAAA,GAAkBZ,aAAA,CAAc;AACtC,MAAMa,mBAAA,GAAsBb,aAAA,CAAc;AAC1C,MAAMc,iBAAA,GAAoBZ,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMa,OAAA,GAAUA,CAAA,KAAed,GAAA,CAAIK,WAAA;AACnC;;;;AAIA,MAAMU,eAAA,GAAkBA,CAAA,KAAef,GAAA,CAAIM,mBAAA;AAE3C,MAAMU,YAAA,GAAeA,CAAA,KAAehB,GAAA,CAAIO,gBAAA;AACxC,MAAMU,gBAAA,GAAmBA,CAAA,KAAejB,GAAA,CAAIQ,gBAAA;AAC5C,MAAMU,iBAAA,GAAoBA,CAAA,KAAelB,GAAA,CAAIS,iBAAA;AAC7C;;;;AAIA,MAAMU,2BAAA,GAA8BA,CAAA,KAAenB,GAAA,CAAIU,2BAAA;AACvD,MAAMU,eAAA,GAAkBA,CAAA,KAAepB,GAAA,CAAIW,eAAA;AAC3C,MAAMU,mBAAA,GAAsBA,CAAA,KAAerB,GAAA,CAAIY,mBAAA;AAE/C;;;;;AAKA,MAAMU,aAAA,GAAgBC,QAAA;EAAA,OAEVrB,kBAAA,CAAAW,iBAAA,EAAsCU,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BpB,cAAA,CAAAS,iBAAe;AAAA;AAErE,SACEH,2BAA2B,EAC3BJ,mBAAmB,EACnBD,WAAW,EACXQ,iBAAiB,EACjBN,gBAAgB,EAChBK,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBgB,gBAAgB,EAChBT,eAAe,EACfD,OAAO,EACPK,2BAA2B,EAC3BG,aAAa,EACbD,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBD,YAAY","ignoreList":[]}
+{"version":3,"file":"context.js","names":["createContext","use","createSelectorContext","useContextSelector","useContext","useFullContext","FormContext","DocumentFormContext","FormWatchContext","SubmittedContext","ProcessingContext","BackgroundProcessingContext","ModifiedContext","InitializingContext","SuccessfulSubmitCountContext","FormFieldsContext","useForm","useDocumentForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormBackgroundProcessing","useFormModified","useFormInitializing","useFormSuccessfulSubmitCount","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, use } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst DocumentFormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst BackgroundProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst SuccessfulSubmitCountContext = createContext(0)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useform\n */\nconst useForm = (): Context => use(FormContext)\n/**\n * Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.\n * This is the case withing lexical Blocks, as each lexical blocks renders their own Form.\n */\nconst useDocumentForm = (): Context => use(DocumentFormContext)\n\nconst useWatchForm = (): Context => use(FormWatchContext)\nconst useFormSubmitted = (): boolean => use(SubmittedContext)\nconst useFormProcessing = (): boolean => use(ProcessingContext)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst useFormBackgroundProcessing = (): boolean => use(BackgroundProcessingContext)\nconst useFormModified = (): boolean => use(ModifiedContext)\nconst useFormInitializing = (): boolean => use(InitializingContext)\nconst useFormSuccessfulSubmitCount = (): number => use(SuccessfulSubmitCountContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  BackgroundProcessingContext,\n  DocumentFormContext,\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  SuccessfulSubmitCountContext,\n  useAllFormFields,\n  useDocumentForm,\n  useForm,\n  useFormBackgroundProcessing,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useFormSuccessfulSubmitCount,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AACnC,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBC,UAAA,IAAcC,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcN,aAAA,CAAc,CAAC;AACnC,MAAMO,mBAAA,GAAsBP,aAAA,CAAc,CAAC;AAC3C,MAAMQ,gBAAA,GAAmBR,aAAA,CAAc,CAAC;AACxC,MAAMS,gBAAA,GAAmBT,aAAA,CAAc;AACvC,MAAMU,iBAAA,GAAoBV,aAAA,CAAc;AACxC;;;;AAIA,MAAMW,2BAAA,GAA8BX,aAAA,CAAc;AAClD,MAAMY,eAAA,GAAkBZ,aAAA,CAAc;AACtC,MAAMa,mBAAA,GAAsBb,aAAA,CAAc;AAC1C,MAAMc,4BAAA,GAA+Bd,aAAA,CAAc;AACnD,MAAMe,iBAAA,GAAoBb,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMc,OAAA,GAAUA,CAAA,KAAef,GAAA,CAAIK,WAAA;AACnC;;;;AAIA,MAAMW,eAAA,GAAkBA,CAAA,KAAehB,GAAA,CAAIM,mBAAA;AAE3C,MAAMW,YAAA,GAAeA,CAAA,KAAejB,GAAA,CAAIO,gBAAA;AACxC,MAAMW,gBAAA,GAAmBA,CAAA,KAAelB,GAAA,CAAIQ,gBAAA;AAC5C,MAAMW,iBAAA,GAAoBA,CAAA,KAAenB,GAAA,CAAIS,iBAAA;AAC7C;;;;AAIA,MAAMW,2BAAA,GAA8BA,CAAA,KAAepB,GAAA,CAAIU,2BAAA;AACvD,MAAMW,eAAA,GAAkBA,CAAA,KAAerB,GAAA,CAAIW,eAAA;AAC3C,MAAMW,mBAAA,GAAsBA,CAAA,KAAetB,GAAA,CAAIY,mBAAA;AAC/C,MAAMW,4BAAA,GAA+BA,CAAA,KAAcvB,GAAA,CAAIa,4BAAA;AAEvD;;;;;AAKA,MAAMW,aAAA,GAAgBC,QAAA;EAAA,OAEVvB,kBAAA,CAAAY,iBAAA,EAAsCW,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BtB,cAAA,CAAAU,iBAAe;AAAA;AAErE,SACEJ,2BAA2B,EAC3BJ,mBAAmB,EACnBD,WAAW,EACXS,iBAAiB,EACjBP,gBAAgB,EAChBK,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBK,4BAA4B,EAC5Ba,gBAAgB,EAChBV,eAAe,EACfD,OAAO,EACPK,2BAA2B,EAC3BI,aAAa,EACbF,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBK,4BAA4B,EAC5BN,YAAY","ignoreList":[]}

package/dist/forms/Form/errorMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessages.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/errorMessages.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;CAEzB,CAAA"}
+{"version":3,"file":"errorMessages.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/errorMessages.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;IACxB,GAAG;CACJ,CAAA"}

package/dist/forms/Form/fieldReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAwb7E"}
+{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAqb7E"}

package/dist/forms/Form/fieldReducer.js

@@ -207,7 +207,9 @@ export function fieldReducer(state, action) {
           currentState: state || {},
           incomingState: serverState
         });
-        prevStateRef.current = newState;
+        if (prevStateRef) {
+          prevStateRef.current = newState;
+        }
         return newState;
       }
     case 'MOVE_ROW':
@@ -342,15 +344,12 @@ export function fieldReducer(state, action) {
           }
           return newState;
         }
-        // TODO: Remove this in 4.0 - this is a temporary fix to prevent a breaking change
-        if (action.sanitize) {
-          for (const field of Object.values(action.state)) {
-            if (field.valid !== false) {
-              field.valid = true;
-            }
-            if (field.passesCondition !== false) {
-              field.passesCondition = true;
-            }
+        for (const field of Object.values(action.state)) {
+          if (field.valid !== false) {
+            field.valid = true;
+          }
+          if (field.passesCondition !== false) {
+            field.passesCondition = true;
           }
         }
         // If we're not optimizing, just set the state to the new state