@payloadcms/ui 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

package/dist/fields/Upload/index.scss

@@ -1,62 +1,64 @@
 @import '../../scss/styles.scss';
 
-.upload {
-  &__dropzoneAndUpload {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 4);
-  }
+@layer payload-default {
+  .upload {
+    &__dropzoneAndUpload {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
 
-  &__dropzoneContent {
-    display: flex;
-    flex-wrap: wrap;
-    gap: base(0.4);
-    justify-content: space-between;
-    width: 100%;
-  }
+    &__dropzoneContent {
+      display: flex;
+      flex-wrap: wrap;
+      gap: base(0.4);
+      justify-content: space-between;
+      width: 100%;
+    }
 
-  &__dropzoneContent__buttons {
-    display: flex;
-    gap: calc(var(--base) / 2);
-    position: relative;
-    left: -2px;
+    &__dropzoneContent__buttons {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      position: relative;
+      left: -2px;
 
-    .btn .btn__content {
-      gap: calc(var(--base) / 5);
-    }
+      .btn .btn__content {
+        gap: calc(var(--base) / 5);
+      }
 
-    .btn__label {
-      font-weight: 100;
+      .btn__label {
+        font-weight: 100;
+      }
     }
-  }
 
-  &__dropzoneContent__orText {
-    color: var(--theme-elevation-500);
-    text-transform: lowercase;
-  }
+    &__dropzoneContent__orText {
+      color: var(--theme-elevation-500);
+      text-transform: lowercase;
+    }
 
-  &__dragAndDropText {
-    flex-shrink: 0;
-    margin: 0;
-    text-transform: lowercase;
-    align-self: center;
-    color: var(--theme-elevation-500);
-  }
+    &__dragAndDropText {
+      flex-shrink: 0;
+      margin: 0;
+      text-transform: lowercase;
+      align-self: center;
+      color: var(--theme-elevation-500);
+    }
 
-  &__loadingRows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 4);
-  }
+    &__loadingRows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
 
-  .shimmer-effect {
-    border-radius: var(--style-radius-s);
-    border: 1px solid var(--theme-border-color);
-  }
+    .shimmer-effect {
+      border-radius: var(--style-radius-s);
+      border: 1px solid var(--theme-border-color);
+    }
 
-  @include small-break {
-    &__dragAndDropText {
-      display: none;
+    @include small-break {
+      &__dragAndDropText {
+        display: none;
+      }
     }
   }
 }

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

@@ -0,0 +1,4 @@
+import type { PaginatedDocs } from 'payload';
+export type PopulateDocs = (ids: (number | string)[], relatedCollectionSlug: string) => Promise<null | PaginatedDocs>;
+export type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,YAAY,GAAG,CACzB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACxB,qBAAqB,EAAE,MAAM,KAC1B,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Upload/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Upload/types.ts"],"sourcesContent":["import type { PaginatedDocs } from 'payload'\n\nexport type PopulateDocs = (\n  ids: (number | string)[],\n  relatedCollectionSlug: string,\n) => Promise<null | PaginatedDocs>\n\nexport type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>\n"],"mappings":"AAOA","ignoreList":[]}

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,CAwU7E"}
+{"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,CAiV7E"}

package/dist/forms/Form/fieldReducer.js

@@ -245,6 +245,13 @@ export function fieldReducer(state, action) {
           duplicateRowState.id.value = new ObjectId().toHexString();
           duplicateRowState.id.initialValue = new ObjectId().toHexString();
         }
+        for (const key of Object.keys(duplicateRowState).filter(key => key.endsWith('.id'))) {
+          const idState = duplicateRowState[key];
+          if (idState && typeof idState.value === 'string' && ObjectId.isValid(idState.value)) {
+            duplicateRowState[key].value = new ObjectId().toHexString();
+            duplicateRowState[key].initialValue = new ObjectId().toHexString();
+          }
+        }
         // If there are subfields
         if (Object.keys(duplicateRowState).length > 0) {
           // Add new object containing subfield names to unflattenedRows array

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

@@ -1 +1 @@
-{"version":3,"file":"fieldReducer.js","names":["ObjectIdImport","dequal","deepCopyObject","deepCopyObjectSimple","flattenRows","separateRows","ObjectId","default","fieldReducer","state","action","type","optimize","newState","Object","entries","forEach","path","field","oldField","newField","errorPaths","errors","message","initialValue","value","errorMessage","valid","segments","split","length","push","fieldErrorPath","parentPath","slice","join","reduce","acc","fieldState","fieldErrorPaths","errorACC","startsWith","changed","newErrorPaths","Array","isArray","includes","key","rowIndex","remainingFields","rows","rowsMetadata","splice","disableFormData","blockType","rowIndexFromArgs","subFieldState","withNewRow","newRow","id","toHexString","undefined","collapsed","siblingRows","rowIndexArg","Math","max","min","duplicateRowMetadata","duplicateRowState","keys","moveFromIndex","moveToIndex","copyOfMovingRow","rowStateCopy","movingRowState","updatedRows"],"sources":["../../../src/forms/Form/fieldReducer.ts"],"sourcesContent":["'use client'\nimport type { FormField, FormState, Row } from 'payload'\n\nimport ObjectIdImport from 'bson-objectid'\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\nimport { deepCopyObject, deepCopyObjectSimple } from 'payload/shared'\n\nimport type { FieldAction } from './types.js'\n\nimport { flattenRows, separateRows } from './rows.js'\n\nconst ObjectId = (ObjectIdImport.default ||\n  ObjectIdImport) as unknown as typeof ObjectIdImport.default\n\n/**\n * Reducer which modifies the form field state (all the current data of the fields in the form). When called using dispatch, it will return a new state object.\n */\nexport function fieldReducer(state: FormState, action: FieldAction): FormState {\n  switch (action.type) {\n    case 'REPLACE_STATE': {\n      if (action.optimize !== false) {\n        // Only update fields that have changed\n        // by comparing old value / initialValue to new\n        // ..\n        // This is a performance enhancement for saving\n        // large documents with hundreds of fields\n        const newState = {}\n\n        Object.entries(action.state).forEach(([path, field]) => {\n          const oldField = state[path]\n          const newField = field\n\n          if (!dequal(oldField, newField)) {\n            newState[path] = newField\n          } else if (oldField) {\n            newState[path] = oldField\n          }\n        })\n        return newState\n      }\n      // If we're not optimizing, just set the state to the new state\n      return action.state\n    }\n\n    case 'REMOVE': {\n      const newState = { ...state }\n      if (newState[action.path]) {\n        delete newState[action.path]\n      }\n      return newState\n    }\n\n    case 'ADD_SERVER_ERRORS': {\n      let newState = { ...state }\n\n      const errorPaths: { fieldErrorPath: string; parentPath: string }[] = []\n\n      action.errors.forEach(({ field, message }) => {\n        newState[field] = {\n          ...(newState[field] || {\n            initialValue: null,\n            value: null,\n          }),\n          errorMessage: message,\n          valid: false,\n        }\n\n        const segments = field.split('.')\n        if (segments.length > 1) {\n          errorPaths.push({\n            fieldErrorPath: field,\n            parentPath: segments.slice(0, segments.length - 1).join('.'),\n          })\n        }\n      })\n\n      newState = Object.entries(newState).reduce((acc, [path, fieldState]) => {\n        const fieldErrorPaths = errorPaths.reduce((errorACC, { fieldErrorPath, parentPath }) => {\n          if (parentPath.startsWith(path)) {\n            errorACC.push(fieldErrorPath)\n          }\n          return errorACC\n        }, [])\n\n        let changed = false\n\n        if (fieldErrorPaths.length > 0) {\n          const newErrorPaths = Array.isArray(fieldState.errorPaths) ? fieldState.errorPaths : []\n\n          fieldErrorPaths.forEach((fieldErrorPath) => {\n            if (!newErrorPaths.includes(fieldErrorPath)) {\n              newErrorPaths.push(fieldErrorPath)\n              changed = true\n            }\n          })\n\n          if (changed) {\n            acc[path] = {\n              ...fieldState,\n              errorPaths: newErrorPaths,\n            }\n          }\n        }\n\n        if (!changed) {\n          acc[path] = fieldState\n        }\n\n        return acc\n      }, {})\n\n      return newState\n    }\n\n    case 'UPDATE': {\n      const newField = Object.entries(action).reduce(\n        (field, [key, value]) => {\n          if (\n            [\n              'disableFormData',\n              'errorMessage',\n              'initialValue',\n              'rows',\n              'valid',\n              'validate',\n              'value',\n            ].includes(key)\n          ) {\n            return {\n              ...field,\n              [key]: value,\n            }\n          }\n\n          return field\n        },\n        state[action.path] || ({} as FormField),\n      )\n\n      const newState = {\n        ...state,\n        [action.path]: newField,\n      }\n\n      return newState\n    }\n\n    case 'REMOVE_ROW': {\n      const { path, rowIndex } = action\n      const { remainingFields, rows } = separateRows(path, state)\n      const rowsMetadata = [...(state[path]?.rows || [])]\n\n      rows.splice(rowIndex, 1)\n      rowsMetadata.splice(rowIndex, 1)\n\n      const newState: FormState = {\n        ...remainingFields,\n        [path]: {\n          ...state[path],\n          disableFormData: rows.length > 0,\n          rows: rowsMetadata,\n          value: rows.length,\n        },\n        ...flattenRows(path, rows),\n      }\n\n      return newState\n    }\n\n    case 'ADD_ROW': {\n      const { blockType, path, rowIndex: rowIndexFromArgs, subFieldState = {} } = action\n\n      const rowIndex =\n        typeof rowIndexFromArgs === 'number' ? rowIndexFromArgs : state[path]?.rows?.length || 0\n\n      const withNewRow = [...(state[path]?.rows || [])]\n\n      const newRow: Row = {\n        id: (subFieldState?.id?.value as string) || new ObjectId().toHexString(),\n        blockType: blockType || undefined,\n        collapsed: false,\n      }\n\n      withNewRow.splice(rowIndex, 0, newRow)\n\n      if (blockType) {\n        subFieldState.blockType = {\n          initialValue: blockType,\n          valid: true,\n          value: blockType,\n        }\n      }\n\n      // add new row to array _field state_\n      const { remainingFields, rows: siblingRows } = separateRows(path, state)\n      siblingRows.splice(rowIndex, 0, subFieldState)\n\n      const newState: FormState = {\n        ...remainingFields,\n        ...flattenRows(path, siblingRows),\n        [path]: {\n          ...state[path],\n          disableFormData: true,\n          rows: withNewRow,\n          value: siblingRows.length,\n        },\n      }\n\n      return newState\n    }\n\n    case 'REPLACE_ROW': {\n      const { blockType, path, rowIndex: rowIndexArg, subFieldState = {} } = action\n\n      const { remainingFields, rows: siblingRows } = separateRows(path, state)\n      const rowIndex = Math.max(0, Math.min(rowIndexArg, siblingRows?.length - 1 || 0))\n\n      const rowsMetadata = [...(state[path]?.rows || [])]\n      rowsMetadata[rowIndex] = {\n        id: new ObjectId().toHexString(),\n        blockType: blockType || undefined,\n        collapsed: false,\n      }\n\n      if (blockType) {\n        subFieldState.blockType = {\n          initialValue: blockType,\n          valid: true,\n          value: blockType,\n        }\n      }\n\n      // replace form _field state_\n      siblingRows[rowIndex] = subFieldState\n\n      const newState: FormState = {\n        ...remainingFields,\n        ...flattenRows(path, siblingRows),\n        [path]: {\n          ...state[path],\n          disableFormData: true,\n          rows: rowsMetadata,\n          value: siblingRows.length,\n        },\n      }\n\n      return newState\n    }\n\n    case 'DUPLICATE_ROW': {\n      const { path, rowIndex } = action\n      const { remainingFields, rows } = separateRows(path, state)\n      const rowsMetadata = [...(state[path].rows || [])]\n\n      const duplicateRowMetadata = deepCopyObjectSimple(rowsMetadata[rowIndex])\n      if (duplicateRowMetadata.id) {\n        duplicateRowMetadata.id = new ObjectId().toHexString()\n      }\n\n      const duplicateRowState = deepCopyObject(rows[rowIndex])\n      if (duplicateRowState.id) {\n        duplicateRowState.id.value = new ObjectId().toHexString()\n        duplicateRowState.id.initialValue = new ObjectId().toHexString()\n      }\n\n      // If there are subfields\n      if (Object.keys(duplicateRowState).length > 0) {\n        // Add new object containing subfield names to unflattenedRows array\n        rows.splice(rowIndex + 1, 0, duplicateRowState)\n        rowsMetadata.splice(rowIndex + 1, 0, duplicateRowMetadata)\n      }\n\n      const newState = {\n        ...remainingFields,\n        ...flattenRows(path, rows),\n        [path]: {\n          ...state[path],\n          disableFormData: true,\n          rows: rowsMetadata,\n          value: rows.length,\n        },\n      }\n\n      return newState\n    }\n\n    case 'MOVE_ROW': {\n      const { moveFromIndex, moveToIndex, path } = action\n      const { remainingFields, rows } = separateRows(path, state)\n\n      // copy the row to move\n      const copyOfMovingRow = rows[moveFromIndex]\n      // delete the row by index\n      rows.splice(moveFromIndex, 1)\n      // insert row copyOfMovingRow back in\n      rows.splice(moveToIndex, 0, copyOfMovingRow)\n\n      // modify array/block internal row state (i.e. collapsed, blockType)\n      const rowStateCopy = [...(state[path]?.rows || [])]\n      const movingRowState = { ...rowStateCopy[moveFromIndex] }\n      rowStateCopy.splice(moveFromIndex, 1)\n      rowStateCopy.splice(moveToIndex, 0, movingRowState)\n\n      const newState = {\n        ...remainingFields,\n        ...flattenRows(path, rows),\n        [path]: {\n          ...state[path],\n          rows: rowStateCopy,\n        },\n      }\n\n      return newState\n    }\n\n    case 'SET_ROW_COLLAPSED': {\n      const { path, updatedRows } = action\n\n      const newState = {\n        ...state,\n        [path]: {\n          ...state[path],\n          rows: updatedRows,\n        },\n      }\n\n      return newState\n    }\n\n    case 'SET_ALL_ROWS_COLLAPSED': {\n      const { path, updatedRows } = action\n\n      return {\n        ...state,\n        [path]: {\n          ...state[path],\n          rows: updatedRows,\n        },\n      }\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fieldReducer.js","names":["ObjectIdImport","dequal","deepCopyObject","deepCopyObjectSimple","flattenRows","separateRows","ObjectId","default","fieldReducer","state","action","type","optimize","newState","Object","entries","forEach","path","field","oldField","newField","errorPaths","errors","message","initialValue","value","errorMessage","valid","segments","split","length","push","fieldErrorPath","parentPath","slice","join","reduce","acc","fieldState","fieldErrorPaths","errorACC","startsWith","changed","newErrorPaths","Array","isArray","includes","key","rowIndex","remainingFields","rows","rowsMetadata","splice","disableFormData","blockType","rowIndexFromArgs","subFieldState","withNewRow","newRow","id","toHexString","undefined","collapsed","siblingRows","rowIndexArg","Math","max","min","duplicateRowMetadata","duplicateRowState","keys","filter","endsWith","idState","isValid","moveFromIndex","moveToIndex","copyOfMovingRow","rowStateCopy","movingRowState","updatedRows"],"sources":["../../../src/forms/Form/fieldReducer.ts"],"sourcesContent":["'use client'\nimport type { FormField, FormState, Row } from 'payload'\n\nimport ObjectIdImport from 'bson-objectid'\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\nimport { deepCopyObject, deepCopyObjectSimple } from 'payload/shared'\n\nimport type { FieldAction } from './types.js'\n\nimport { flattenRows, separateRows } from './rows.js'\n\nconst ObjectId = (ObjectIdImport.default ||\n  ObjectIdImport) as unknown as typeof ObjectIdImport.default\n\n/**\n * Reducer which modifies the form field state (all the current data of the fields in the form). When called using dispatch, it will return a new state object.\n */\nexport function fieldReducer(state: FormState, action: FieldAction): FormState {\n  switch (action.type) {\n    case 'REPLACE_STATE': {\n      if (action.optimize !== false) {\n        // Only update fields that have changed\n        // by comparing old value / initialValue to new\n        // ..\n        // This is a performance enhancement for saving\n        // large documents with hundreds of fields\n        const newState = {}\n\n        Object.entries(action.state).forEach(([path, field]) => {\n          const oldField = state[path]\n          const newField = field\n\n          if (!dequal(oldField, newField)) {\n            newState[path] = newField\n          } else if (oldField) {\n            newState[path] = oldField\n          }\n        })\n        return newState\n      }\n      // If we're not optimizing, just set the state to the new state\n      return action.state\n    }\n\n    case 'REMOVE': {\n      const newState = { ...state }\n      if (newState[action.path]) {\n        delete newState[action.path]\n      }\n      return newState\n    }\n\n    case 'ADD_SERVER_ERRORS': {\n      let newState = { ...state }\n\n      const errorPaths: { fieldErrorPath: string; parentPath: string }[] = []\n\n      action.errors.forEach(({ field, message }) => {\n        newState[field] = {\n          ...(newState[field] || {\n            initialValue: null,\n            value: null,\n          }),\n          errorMessage: message,\n          valid: false,\n        }\n\n        const segments = field.split('.')\n        if (segments.length > 1) {\n          errorPaths.push({\n            fieldErrorPath: field,\n            parentPath: segments.slice(0, segments.length - 1).join('.'),\n          })\n        }\n      })\n\n      newState = Object.entries(newState).reduce((acc, [path, fieldState]) => {\n        const fieldErrorPaths = errorPaths.reduce((errorACC, { fieldErrorPath, parentPath }) => {\n          if (parentPath.startsWith(path)) {\n            errorACC.push(fieldErrorPath)\n          }\n          return errorACC\n        }, [])\n\n        let changed = false\n\n        if (fieldErrorPaths.length > 0) {\n          const newErrorPaths = Array.isArray(fieldState.errorPaths) ? fieldState.errorPaths : []\n\n          fieldErrorPaths.forEach((fieldErrorPath) => {\n            if (!newErrorPaths.includes(fieldErrorPath)) {\n              newErrorPaths.push(fieldErrorPath)\n              changed = true\n            }\n          })\n\n          if (changed) {\n            acc[path] = {\n              ...fieldState,\n              errorPaths: newErrorPaths,\n            }\n          }\n        }\n\n        if (!changed) {\n          acc[path] = fieldState\n        }\n\n        return acc\n      }, {})\n\n      return newState\n    }\n\n    case 'UPDATE': {\n      const newField = Object.entries(action).reduce(\n        (field, [key, value]) => {\n          if (\n            [\n              'disableFormData',\n              'errorMessage',\n              'initialValue',\n              'rows',\n              'valid',\n              'validate',\n              'value',\n            ].includes(key)\n          ) {\n            return {\n              ...field,\n              [key]: value,\n            }\n          }\n\n          return field\n        },\n        state[action.path] || ({} as FormField),\n      )\n\n      const newState = {\n        ...state,\n        [action.path]: newField,\n      }\n\n      return newState\n    }\n\n    case 'REMOVE_ROW': {\n      const { path, rowIndex } = action\n      const { remainingFields, rows } = separateRows(path, state)\n      const rowsMetadata = [...(state[path]?.rows || [])]\n\n      rows.splice(rowIndex, 1)\n      rowsMetadata.splice(rowIndex, 1)\n\n      const newState: FormState = {\n        ...remainingFields,\n        [path]: {\n          ...state[path],\n          disableFormData: rows.length > 0,\n          rows: rowsMetadata,\n          value: rows.length,\n        },\n        ...flattenRows(path, rows),\n      }\n\n      return newState\n    }\n\n    case 'ADD_ROW': {\n      const { blockType, path, rowIndex: rowIndexFromArgs, subFieldState = {} } = action\n\n      const rowIndex =\n        typeof rowIndexFromArgs === 'number' ? rowIndexFromArgs : state[path]?.rows?.length || 0\n\n      const withNewRow = [...(state[path]?.rows || [])]\n\n      const newRow: Row = {\n        id: (subFieldState?.id?.value as string) || new ObjectId().toHexString(),\n        blockType: blockType || undefined,\n        collapsed: false,\n      }\n\n      withNewRow.splice(rowIndex, 0, newRow)\n\n      if (blockType) {\n        subFieldState.blockType = {\n          initialValue: blockType,\n          valid: true,\n          value: blockType,\n        }\n      }\n\n      // add new row to array _field state_\n      const { remainingFields, rows: siblingRows } = separateRows(path, state)\n      siblingRows.splice(rowIndex, 0, subFieldState)\n\n      const newState: FormState = {\n        ...remainingFields,\n        ...flattenRows(path, siblingRows),\n        [path]: {\n          ...state[path],\n          disableFormData: true,\n          rows: withNewRow,\n          value: siblingRows.length,\n        },\n      }\n\n      return newState\n    }\n\n    case 'REPLACE_ROW': {\n      const { blockType, path, rowIndex: rowIndexArg, subFieldState = {} } = action\n\n      const { remainingFields, rows: siblingRows } = separateRows(path, state)\n      const rowIndex = Math.max(0, Math.min(rowIndexArg, siblingRows?.length - 1 || 0))\n\n      const rowsMetadata = [...(state[path]?.rows || [])]\n      rowsMetadata[rowIndex] = {\n        id: new ObjectId().toHexString(),\n        blockType: blockType || undefined,\n        collapsed: false,\n      }\n\n      if (blockType) {\n        subFieldState.blockType = {\n          initialValue: blockType,\n          valid: true,\n          value: blockType,\n        }\n      }\n\n      // replace form _field state_\n      siblingRows[rowIndex] = subFieldState\n\n      const newState: FormState = {\n        ...remainingFields,\n        ...flattenRows(path, siblingRows),\n        [path]: {\n          ...state[path],\n          disableFormData: true,\n          rows: rowsMetadata,\n          value: siblingRows.length,\n        },\n      }\n\n      return newState\n    }\n\n    case 'DUPLICATE_ROW': {\n      const { path, rowIndex } = action\n      const { remainingFields, rows } = separateRows(path, state)\n      const rowsMetadata = [...(state[path].rows || [])]\n\n      const duplicateRowMetadata = deepCopyObjectSimple(rowsMetadata[rowIndex])\n      if (duplicateRowMetadata.id) {\n        duplicateRowMetadata.id = new ObjectId().toHexString()\n      }\n\n      const duplicateRowState = deepCopyObject(rows[rowIndex])\n      if (duplicateRowState.id) {\n        duplicateRowState.id.value = new ObjectId().toHexString()\n        duplicateRowState.id.initialValue = new ObjectId().toHexString()\n      }\n\n      for (const key of Object.keys(duplicateRowState).filter((key) => key.endsWith('.id'))) {\n        const idState = duplicateRowState[key]\n\n        if (idState && typeof idState.value === 'string' && ObjectId.isValid(idState.value)) {\n          duplicateRowState[key].value = new ObjectId().toHexString()\n          duplicateRowState[key].initialValue = new ObjectId().toHexString()\n        }\n      }\n\n      // If there are subfields\n      if (Object.keys(duplicateRowState).length > 0) {\n        // Add new object containing subfield names to unflattenedRows array\n        rows.splice(rowIndex + 1, 0, duplicateRowState)\n        rowsMetadata.splice(rowIndex + 1, 0, duplicateRowMetadata)\n      }\n\n      const newState = {\n        ...remainingFields,\n        ...flattenRows(path, rows),\n        [path]: {\n          ...state[path],\n          disableFormData: true,\n          rows: rowsMetadata,\n          value: rows.length,\n        },\n      }\n\n      return newState\n    }\n\n    case 'MOVE_ROW': {\n      const { moveFromIndex, moveToIndex, path } = action\n      const { remainingFields, rows } = separateRows(path, state)\n\n      // copy the row to move\n      const copyOfMovingRow = rows[moveFromIndex]\n      // delete the row by index\n      rows.splice(moveFromIndex, 1)\n      // insert row copyOfMovingRow back in\n      rows.splice(moveToIndex, 0, copyOfMovingRow)\n\n      // modify array/block internal row state (i.e. collapsed, blockType)\n      const rowStateCopy = [...(state[path]?.rows || [])]\n      const movingRowState = { ...rowStateCopy[moveFromIndex] }\n      rowStateCopy.splice(moveFromIndex, 1)\n      rowStateCopy.splice(moveToIndex, 0, movingRowState)\n\n      const newState = {\n        ...remainingFields,\n        ...flattenRows(path, rows),\n        [path]: {\n          ...state[path],\n          rows: rowStateCopy,\n        },\n      }\n\n      return newState\n    }\n\n    case 'SET_ROW_COLLAPSED': {\n      const { path, updatedRows } = action\n\n      const newState = {\n        ...state,\n        [path]: {\n          ...state[path],\n          rows: updatedRows,\n        },\n      }\n\n      return newState\n    }\n\n    case 'SET_ALL_ROWS_COLLAPSED': {\n      const { path, updatedRows } = action\n\n      return {\n        ...state,\n        [path]: {\n          ...state[path],\n          rows: updatedRows,\n        },\n      }\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/Form/index.scss

@@ -1,5 +1,7 @@
-.form {
-  > * {
-    width: 100%;
+@layer payload-default {
+  .form {
+    > * {
+      width: 100%;
+    }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgDhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiDhE,CAAA"}

package/dist/forms/NullifyField/index.js

@@ -53,6 +53,7 @@ export const NullifyLocaleField = t0 => {
       children: _jsx(CheckboxField, {
         checked,
         field: {
+          name: "",
           label: t("general:fallbackToDefaultLocale")
         },
         id: `field-${path.replace(/\./g, "__")}`

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","NullifyLocaleField","t0","$","fieldValue","localized","path","code","currentLocale","config","t1","localization","checked","setChecked","useState","defaultLocale","t","fallback","hideCheckbox","Array","isArray","length","t2","_jsx","children","field","label","id","replace"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n}) => {\n  const { code: currentLocale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  if (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) {\n      hideCheckbox = true\n    }\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n      hideCheckbox = true\n    }\n\n    if (hideCheckbox) {\n      if (checked) {\n        setChecked(false)\n      } // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxField\n        checked={checked}\n        field={{\n          label: t('general:fallbackToDefaultLocale'),\n        }}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,YAAYC,KAAA,MAAW;AAEvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAQ/B,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAIrE;EACC;IAAAK,IAAA,EAAAC;EAAA,IAAgCT,SAAA;EAChC;IAAAU,MAAA,EAAAC;EAAA,IAEIZ,SAAA;EADM;IAAAa;EAAA,IAAAD,EAAgB;EAE1B,OAAAE,OAAA,EAAAC,UAAA,IAA8BlB,KAAA,CAAAmB,QAAA,CAAwB,OAAOV,UAAA,KAAe;EAC5E,MAAAW,aAAA,GACEJ,YAAA,IAAgBA,YAAA,CAAAI,aAA0B,GAAGJ,YAAA,CAAAI,aAAA,GAA6B;EAC5E;IAAAC;EAAA,IAAchB,cAAA;EAAA,IAEV,CAACK,SAAA,IAAaG,aAAA,KAAkBO,aAAA,IAAkBJ,YAAA,KAAiBA,YAAA,CAAAM,QAAqB;IAAA;EAAA;EAAA,IAKxFb,UAAA;IACF,IAAAc,YAAA;IAAmB,IACf,OAAOd,UAAA,KAAe,YAAYA,UAAA,IAAa;MACjDc,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAEEC,KAAA,CAAAC,OAAA,CAAchB,UAAA,KAAeA,UAAA,CAAAiB,MAAA,IAAoB;MACnDH,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAGEA,YAAA;MAAA,IACEN,OAAA;QACFC,UAAA,MAAW;MAAA;MAAA;IAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAnB,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAS,OAAA;IAOfU,EAAA,GAAAC,IAAA,CAAA3B,MAAA;MAAA4B,QAAA,EACED,IAAA,CAAA1B,aAAA;QAAAe,OAAA;QAAAa,KAAA;UAAAC,KAAA,EAGWV,CAAA,CAAE;QAAA;QAAAW,EAAA,EAEP,SAASrB,IAAA,CAAAsB,OAAA,QAAoB;MAAO,C;;;;;;;;;SAN5CN,E;CAWJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","NullifyLocaleField","t0","$","fieldValue","localized","path","code","currentLocale","config","t1","localization","checked","setChecked","useState","defaultLocale","t","fallback","hideCheckbox","Array","isArray","length","t2","_jsx","children","field","name","label","id","replace"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n}) => {\n  const { code: currentLocale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  if (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) {\n      hideCheckbox = true\n    }\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n      hideCheckbox = true\n    }\n\n    if (hideCheckbox) {\n      if (checked) {\n        setChecked(false)\n      } // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxField\n        checked={checked}\n        field={{\n          name: '',\n          label: t('general:fallbackToDefaultLocale'),\n        }}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,YAAYC,KAAA,MAAW;AAEvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAQ/B,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAIrE;EACC;IAAAK,IAAA,EAAAC;EAAA,IAAgCT,SAAA;EAChC;IAAAU,MAAA,EAAAC;EAAA,IAEIZ,SAAA;EADM;IAAAa;EAAA,IAAAD,EAAgB;EAE1B,OAAAE,OAAA,EAAAC,UAAA,IAA8BlB,KAAA,CAAAmB,QAAA,CAAwB,OAAOV,UAAA,KAAe;EAC5E,MAAAW,aAAA,GACEJ,YAAA,IAAgBA,YAAA,CAAAI,aAA0B,GAAGJ,YAAA,CAAAI,aAAA,GAA6B;EAC5E;IAAAC;EAAA,IAAchB,cAAA;EAAA,IAEV,CAACK,SAAA,IAAaG,aAAA,KAAkBO,aAAA,IAAkBJ,YAAA,KAAiBA,YAAA,CAAAM,QAAqB;IAAA;EAAA;EAAA,IAKxFb,UAAA;IACF,IAAAc,YAAA;IAAmB,IACf,OAAOd,UAAA,KAAe,YAAYA,UAAA,IAAa;MACjDc,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAEEC,KAAA,CAAAC,OAAA,CAAchB,UAAA,KAAeA,UAAA,CAAAiB,MAAA,IAAoB;MACnDH,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAGEA,YAAA;MAAA,IACEN,OAAA;QACFC,UAAA,MAAW;MAAA;MAAA;IAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAnB,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAS,OAAA;IAOfU,EAAA,GAAAC,IAAA,CAAA3B,MAAA;MAAA4B,QAAA,EACED,IAAA,CAAA1B,aAAA;QAAAe,OAAA;QAAAa,KAAA;UAAAC,IAAA,EAGU;UAAAC,KAAA,EACCX,CAAA,CAAE;QAAA;QAAAY,EAAA,EAEP,SAAStB,IAAA,CAAAuB,OAAA,QAAoB;MAAO,C;;;;;;;;;SAP5CP,E;CAYJ","ignoreList":[]}

package/dist/forms/RenderFields/index.scss

@@ -1,63 +1,65 @@
 @import '../../scss/styles.scss';
 
-// 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__wrap {
-  position: relative;
-}
-
-.render-fields {
-  --spacing-field: var(--base);
-
-  &--margins-small {
-    --spacing-field: var(--base);
-  }
-
-  &--margins-none {
-    --spacing-field: 0;
+@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__wrap {
+    position: relative;
   }
 
-  & > .field-type {
-    margin-bottom: var(--spacing-field);
-    position: relative;
+  .render-fields {
+    --spacing-field: var(--base);
 
-    &[type='hidden'] {
-      margin-bottom: 0;
+    &--margins-small {
+      --spacing-field: var(--base);
     }
 
-    &:first-child {
-      margin-top: 0;
+    &--margins-none {
+      --spacing-field: 0;
     }
 
-    &:last-of-type {
-      margin-bottom: 0;
+    & > .field-type {
+      margin-bottom: var(--spacing-field);
+      position: relative;
+
+      &[type='hidden'] {
+        margin-bottom: 0;
+      }
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-of-type {
+        margin-bottom: 0;
+      }
     }
-  }
 
-  // at the top-level, add extra margins for the following field types
-  &:not(.render-fields--margins-small) {
-    & > .field-type {
-      &.group-field,
-      &.blocks-field,
-      &.array-field,
-      &.collapsible-field,
-      &.rich-text {
-        margin-top: calc(var(--spacing-field) * 2);
-        margin-bottom: calc(var(--spacing-field) * 2);
-
-        &:first-child {
-          margin-top: 0;
-        }
+    // at the top-level, add extra margins for the following field types
+    &:not(.render-fields--margins-small) {
+      & > .field-type {
+        &.group-field,
+        &.blocks-field,
+        &.array-field,
+        &.collapsible-field,
+        &.rich-text {
+          margin-top: calc(var(--spacing-field) * 2);
+          margin-bottom: calc(var(--spacing-field) * 2);
+
+          &:first-child {
+            margin-top: 0;
+          }
 
-        &:last-child {
-          margin-bottom: 0;
+          &:last-child {
+            margin-bottom: 0;
+          }
         }
       }
     }
-  }
 
-  @include small-break {
-    --spacing-field: calc(var(--base) / 2);
+    @include small-break {
+      --spacing-field: calc(var(--base) / 2);
+    }
   }
 }

package/dist/forms/Submit/index.scss

@@ -1,5 +1,7 @@
-form > .form-submit {
-  .btn {
-    width: 100%;
+@layer payload-default {
+  form > .form-submit {
+    .btn {
+      width: 100%;
+    }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAkBlC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,WAAY,OAAO,KAAG,SAAS,CAAC,CAAC,CA4M1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAkBlC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,WAAY,OAAO,KAAG,SAAS,CAAC,CAAC,CA6M1D,CAAA"}

package/dist/forms/useField/index.js

@@ -194,7 +194,7 @@ export const useField = options => {
             user
           },
           siblingData: getSiblingData(path)
-        }) : true;
+        }) : typeof prevErrorMessage.current === "string" ? prevErrorMessage.current : prevValid.current;
         if (typeof isValid === "string") {
           valid_0 = false;
           errorMessage = isValid;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","$","disableFormData","t0","hasRows","validate","undefined","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","collectionSlug","operation","t1","t2","fields","dispatch","dispatchField","field","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","e","t3","disableModifyingForm","val","target","type","setTimeout","setValue","rows","errorPaths","t4","t5","t6","t7","t8","t9","formInitializing","formProcessing","formSubmitted","result","t10","validateField","valueToValidate","Array","isArray","current","valid_0","isValid","data","preferences","req","payload","siblingData","update","t11","t12"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : true\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","$","disableFormData","t0","hasRows","validate","undefined","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","collectionSlug","operation","t1","t2","fields","dispatch","dispatchField","field","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","e","t3","disableModifyingForm","val","target","type","setTimeout","setValue","rows","errorPaths","t4","t5","t6","t7","t8","t9","formInitializing","formProcessing","formSubmitted","result","t10","validateField","valueToValidate","Array","isArray","current","valid_0","isValid","data","preferences","req","payload","siblingData","update","t11","t12"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : typeof prevErrorMessage.current === 'string'\n              ? prevErrorMessage.current\n              : prevValid.current\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAO7C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SACEC,OAAO,EACPC,aAAa,EACbC,mBAAmB,EACnBC,eAAe,EACfC,iBAAiB,EACjBC,gBAAgB,QACX;AAEP;;;;;AAKA,OAAO,MAAMC,QAAA,GAAWC,OAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EACtB;IAAAoB,eAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC;EAAA,IAAuDL,OAAA;EAA/C,MAAAE,eAAA,GAAAC,EAAuB,KAAAG,SAAA,WAAvBH,EAAuB;EAE/B;IAAAI,IAAA,EAAAC,eAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC;EAAA,IAAqEnB,aAAA;EAGrE,MAAAe,IAAA,GAAaP,OAAA,CAAAO,IAAA,IAAgBC,eAAA;EAE7B,MAAAI,SAAA,GAAkBd,gBAAA;EAClB,MAAAe,UAAA,GAAmBhB,iBAAA;EACnB,MAAAiB,YAAA,GAAqBnB,mBAAA;EACrB;IAAAoB;EAAA,IAAiB5B,OAAA;EACjB;IAAA6B,EAAA;IAAAC;EAAA,IAA+B5B,eAAA;EAC/B,MAAA6B,SAAA,GAAkB5B,YAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAlB,CAAA,QAAAM,IAAA;IAE6BY,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,EAAAC,QAAA,IAAAF,EAAkB;MAAA;QAAAG,aAAA,EACjDD,QAAA;QAAAE,KAAA,EACRH,MAAC,IAAUA,MAAA,GAASd,IAAA,CAAK;MAAK;IAAA;IACvCN,CAAA,MAAAM,IAAA;IAAAN,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAHA;IAAAsB,aAAA;IAAAC;EAAA,IAAiC9B,aAAA,CAAcyB,EAG/C;EAEA;IAAAM;EAAA,IAAclC,cAAA;EACd;IAAAmC;EAAA,IAAmBtC,SAAA;EAEnB;IAAAuC,OAAA;IAAAC,aAAA;IAAAC,cAAA;IAAAC;EAAA,IAAgErC,OAAA;EAChE,MAAAsC,QAAA,GAAiBnC,eAAA;EAEjB,MAAAoC,aAAA,GAAsBR,KAAA,EAAAQ,aAAA;EACtB,MAAAC,KAAA,GAAcT,KAAA,EAAAS,KAAA;EACd,MAAAC,YAAA,GAAqBV,KAAA,EAAAU,YAAA;EACrB,MAAAC,KAAA,GAAc,OAAOX,KAAA,EAAAW,KAAA,KAAiB,YAAYX,KAAA,CAAAW,KAAA,OAAc;EAChE,MAAAC,SAAA,GAAkBD,KAAA,UAAU,IAASvB,SAAA;EAErC,MAAAyB,SAAA,GAAkBpD,MAAA,CAAOkD,KAAA;EACzB,MAAAG,gBAAA,GAAyBrD,MAAA,CAAOuC,KAAA,EAAAe,YAAO;EAAA,IAAAnB,EAAA;EAAA,IAAAnB,CAAA,QAAAsB,aAAA,IAAAtB,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAA6B,WAAA,IAAA7B,CAAA,QAAA8B,QAAA;IAKrCX,EAAA,GAAAA,CAAAoB,CAAA,EAAAC,EAAA;MAAI,MAAAC,oBAAA,GAAAD,EAA4B,KAAAnC,SAAA,WAA5BmC,EAA4B;MAC9B,MAAAE,GAAA,GAAYH,CAAA,IAAKA,CAAA,CAAAI,MAAQ,GAAGJ,CAAA,CAAAI,MAAA,CAAAX,KAAA,GAAiBO,CAAA;MAC7CjB,aAAA;QAAAsB,IAAA,EACQ;QAAA3C,eAAA,EACWA,eAAA,IAAoBE,OAAA,IAAWuC,GAAA,IAAM;QAAApC,IAAA;QAAA0B,KAAA,EAE/CU;MAAA,CACT;MAAA,KAEKD,oBAAA;QAAA,IACC,OAAOZ,WAAA,KAAgB;UAAA,IAcrBC,QAAA,UAAa;YAGfe,UAAA;cACEhB,WAAA,KAAY;YAAA,KACX;UAAA;QAAA;MAAA;IAAA;IAIX7B,CAAA,MAAAsB,aAAA;IAAAtB,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAM,IAAA;IAAAN,CAAA,MAAA6B,WAAA;IAAA7B,CAAA,MAAA8B,QAAA;IAAA9B,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAlCF,MAAA8C,QAAA,GAAiB3B,EAmCuD;EAyBpEI,KAAA,EAAAe,YAAA;EACAf,KAAA,EAAAwB,IAAA;EACAxB,KAAA,EAAAW,KAAA;EACAX,KAAA,EAAAyB,UAAA;EAAA,IAAAR,EAAA;EArBc,MAAAS,EAAA,GAAA1B,KAAA,EAAAe,YAAA;EAAO,IAAAY,EAAA;EAAA,IAAAlD,CAAA,QAAAuB,KAAA,EAAAyB,UAAA;IACTE,EAAA,GAAA3B,KAAA,EAAAyB,UAAA,MAAuB;IAAAhD,CAAA,MAAAuB,KAAA,EAAAyB,UAAA;IAAAhD,CAAA,OAAAkD,EAAA;EAAA;IAAAA,EAAA,GAAAlD,CAAA;EAAA;EAQzB,MAAAmD,EAAA,GAAA1C,QAAA,SAAY;EAChB,MAAA2C,EAAA,GAAA7B,KAAA,EAAAwB,IAAA;EAIC,MAAAM,EAAA,GAAA9B,KAAA,EAAAW,KAAA;EAAO,IAAAoB,EAAA;EAAA,IAAAtD,CAAA,SAAAiD,EAAA,IAAAjD,CAAA,SAAAkD,EAAA,IAAAlD,CAAA,SAAA+B,aAAA,IAAA/B,CAAA,SAAAa,YAAA,IAAAb,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAiC,YAAA,IAAAjC,CAAA,SAAAM,IAAA,IAAAN,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAmD,EAAA,IAAAnD,CAAA,SAAAoD,EAAA,IAAApD,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAA8C,QAAA,IAAA9C,CAAA,SAAAmC,SAAA,IAAAnC,CAAA,SAAAqD,EAAA,IAAArD,CAAA,SAAAgC,KAAA;IAfTsB,EAAA;MAAAhB,YAAA,EACSW,EAAO;MAAAD,UAAA,EACTE,EAAuB;MAAAnB,aAAA;MAAAwB,gBAAA,EAEjB1C,YAAA;MAAA2C,cAAA,EACF5C,UAAA;MAAA6C,aAAA,EACD9C,SAAA;MAAAsB,YAAA;MAAA3B,IAAA;MAAAE,WAAA;MAAAC,QAAA,EAIL0C,EAAY;MAAAJ,IAAA,EAChBK,EAAO;MAAA1C,UAAA;MAAAoC,QAAA;MAAAX,SAAA;MAAAD,KAAA,EAINmB,EAAO;MAAArB;IAAA;IAEhBhC,CAAA,OAAAiD,EAAA;IAAAjD,CAAA,OAAAkD,EAAA;IAAAlD,CAAA,OAAA+B,aAAA;IAAA/B,CAAA,OAAAa,YAAA;IAAAb,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAW,SAAA;IAAAX,CAAA,OAAAiC,YAAA;IAAAjC,CAAA,OAAAM,IAAA;IAAAN,CAAA,OAAAQ,WAAA;IAAAR,CAAA,OAAAmD,EAAA;IAAAnD,CAAA,OAAAoD,EAAA;IAAApD,CAAA,OAAAU,UAAA;IAAAV,CAAA,OAAA8C,QAAA;IAAA9C,CAAA,OAAAmC,SAAA;IAAAnC,CAAA,OAAAqD,EAAA;IAAArD,CAAA,OAAAgC,KAAA;IAAAhC,CAAA,OAAAsD,EAAA;EAAA;IAAAA,EAAA,GAAAtD,CAAA;EAAA;EAAAwC,EAAA,GAjBOc,EAiBP;EAlBF,MAAAI,MAAA,GAA6BlB,EAoC1B;EAAA,IAAAmB,GAAA;EAAA,IAAA3D,CAAA,SAAAgC,KAAA,IAAAhC,CAAA,SAAAuB,KAAA,IAAAvB,CAAA,SAAA2B,aAAA,IAAA3B,CAAA,SAAAM,IAAA,IAAAN,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAgB,cAAA,IAAAhB,CAAA,SAAA0B,OAAA,IAAA1B,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAyB,MAAA,IAAAzB,CAAA,SAAAwB,CAAA,IAAAxB,CAAA,SAAAc,IAAA,IAAAd,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAG,OAAA,IAAAH,CAAA,SAAAsB,aAAA;IAKDqC,GAAA,GAAAA,CAAA;MACE,MAAAC,aAAA,SAAAA,CAAA;QACE,IAAAC,eAAA,GAAsB7B,KAAA;QAAA,IAElBT,KAAA,EAAAwB,IAAA,IAAee,KAAA,CAAAC,OAAA,CAAcxC,KAAA,CAAAwB,IAAU;UACzCc,eAAA,CAAAA,CAAA,CAAkBlC,aAAA,CAAcrB,IAAA;QAAhC;QAGF,IAAAgC,YAAA,GAAuCD,gBAAA,CAAA2B,OAAA;QACvC,IAAAC,OAAA,GAA8B7B,SAAA,CAAA4B,OAAA;QAE9B,MAAAE,OAAA,GACE,OAAO9D,QAAA,KAAa,mBACVA,QAAA,CAASyD,eAAA;UAAA9C,EAAA;UAAAC,cAAA;UAAAmD,IAAA,EAGPzC,OAAA;UAAAT,SAAA;UAAAmD,WAAA;UAAAC,GAAA;YAAAC,OAAA;cAAA7C;YAAA;YAAAD,CAAA;YAAAV;UAAA;UAAAyD,WAAA,EAUO3C,cAAA,CAAetB,IAAA;QAAA,CAC9B,IACA,OAAO+B,gBAAA,CAAA2B,OAAA,KAA6B,WAClC3B,gBAAA,CAAA2B,OAAA,GACA5B,SAAA,CAAA4B,OAAiB;QAAA,IAErB,OAAOE,OAAA,KAAY;UACrBhC,OAAA,CAAAA,CAAA,CAAAA,KAAA;UACAI,YAAA,CAAAA,CAAA,CAAe4B,OAAA;QAAf;UAAA,IACS,OAAOA,OAAA,KAAY;YAC5BhC,OAAA,CAAAA,CAAA,CAAQgC,OAAA;YACR5B,YAAA,CAAAA,CAAA,CAAAA,SAAA;UAAA;QAAA;QAAA,IAKEJ,OAAA,KAAUE,SAAA,CAAA4B,OAAiB,IAAI1B,YAAA,KAAiBD,gBAAA,CAAA2B,OAAwB;UAC1E5B,SAAA,CAAA4B,OAAA,GAAoB9B,OAAA;UACpBG,gBAAA,CAAA2B,OAAA,GAA2B1B,YAAA;UAE3B,MAAAkC,MAAA;YAAA5B,IAAA,EACQ;YAAAN,YAAA;YAAAhC,IAAA;YAAAyC,IAAA,EAGAxB,KAAA,EAAAwB,IAAA;YAAAb,KAAA,EACNA,OAAA;YAAA9B,QAAA;YAAA4B;UAAA;UAGF,IAEI/B,eAAA,KAAoBE,OAAA,GAAU,OAAO6B,KAAA,KAAU,YAAYA,KAAA,IAAQ,QAAQ;YAC7EwC,MAAA,CAAAvE,eAAA;UAAA;UAAA,IAGE,OAAOqB,aAAA,KAAkB;YAC3BA,aAAA,CAAckD,MAAA;UAAA;QAAA;MAAA;MAKfZ,aAAA;IAAA;IACP5D,CAAA,OAAAgC,KAAA;IAAAhC,CAAA,OAAAuB,KAAA;IAAAvB,CAAA,OAAA2B,aAAA;IAAA3B,CAAA,OAAAM,IAAA;IAAAN,CAAA,OAAAI,QAAA;IAAAJ,CAAA,OAAAe,EAAA;IAAAf,CAAA,OAAAgB,cAAA;IAAAhB,CAAA,OAAA0B,OAAA;IAAA1B,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAyB,MAAA;IAAAzB,CAAA,OAAAwB,CAAA;IAAAxB,CAAA,OAAAc,IAAA;IAAAd,CAAA,OAAA4B,cAAA;IAAA5B,CAAA,OAAAC,eAAA;IAAAD,CAAA,OAAAG,OAAA;IAAAH,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAA2D,GAAA;EAAA;IAAAA,GAAA,GAAA3D,CAAA;EAAA;EAcE,MAAAyE,GAAA,GAAAlD,KAAA,EAAAwB,IAAA;EAAO,IAAA2B,GAAA;EAAA,IAAA1E,CAAA,SAAAgC,KAAA,IAAAhC,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAA0B,OAAA,IAAA1B,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAA2B,aAAA,IAAA3B,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAM,IAAA,IAAAN,CAAA,SAAAc,IAAA,IAAAd,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAyE,GAAA,IAAAzE,CAAA,SAAAgB,cAAA;IAZT0D,GAAA,IACE1C,KAAA,EACA/B,eAAA,EACAqB,aAAA,EACAI,OAAA,EACAE,cAAA,EACAD,aAAA,EACAZ,EAAA,EACAE,SAAA,EACAX,IAAA,EACAQ,IAAA,EACAV,QAAA,EACAqE,GAAO,EACPzD,cAAA;IACDhB,CAAA,OAAAgC,KAAA;IAAAhC,CAAA,OAAAC,eAAA;IAAAD,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAA0B,OAAA;IAAA1B,CAAA,OAAA4B,cAAA;IAAA5B,CAAA,OAAA2B,aAAA;IAAA3B,CAAA,OAAAe,EAAA;IAAAf,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAM,IAAA;IAAAN,CAAA,OAAAc,IAAA;IAAAd,CAAA,OAAAI,QAAA;IAAAJ,CAAA,OAAAyE,GAAA;IAAAzE,CAAA,OAAAgB,cAAA;IAAAhB,CAAA,OAAA0E,GAAA;EAAA;IAAAA,GAAA,GAAA1E,CAAA;EAAA;EApFHf,kBAAA,CACE0E,GAmEA,OAEAe,GAcC;EAAA,OAGIhB,MAAA;AAAA,CACT","ignoreList":[]}

package/dist/graphics/Account/Default/index.scss

@@ -1,54 +1,38 @@
-.graphic-account {
-  vector-effect: non-scaling-stroke;
-  overflow: visible;
-  position: relative;
-
-  &__bg {
-    fill: var(--theme-elevation-50);
-    stroke: var(--theme-elevation-200);
-    stroke-width: 1px;
-  }
-
-  &__head,
-  &__body {
-    fill: var(--theme-elevation-200);
-  }
+@layer payload-default {
+  .graphic-account {
+    vector-effect: non-scaling-stroke;
+    overflow: visible;
+    position: relative;
 
-  &--active {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-500);
-        stroke: var(--theme-text);
-      }
+    &__bg {
+      fill: var(--theme-elevation-50);
+      stroke: var(--theme-elevation-200);
+      stroke-width: 1px;
+    }
 
-      &__head,
-      &__body {
-        fill: var(--theme-text);
-      }
+    &__head,
+    &__body {
+      fill: var(--theme-elevation-200);
     }
-  }
 
-  &:hover:not(.graphic-account--active) {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-200);
-        stroke: var(--theme-elevation-600);
-      }
+    &--active {
+      .graphic-account {
+        &__bg {
+          fill: var(--theme-elevation-500);
+          stroke: var(--theme-text);
+        }
 
-      &__head,
-      &__body {
-        fill: var(--theme-elevation-600);
+        &__head,
+        &__body {
+          fill: var(--theme-text);
+        }
       }
     }
-  }
-}
 
-[data-theme='light'] {
-  .graphic-account {
-    &--active {
+    &:hover:not(.graphic-account--active) {
       .graphic-account {
         &__bg {
-          fill: var(--theme-elevation-300);
+          fill: var(--theme-elevation-200);
           stroke: var(--theme-elevation-600);
         }
 
@@ -59,4 +43,22 @@
       }
     }
   }
+
+  [data-theme='light'] {
+    .graphic-account {
+      &--active {
+        .graphic-account {
+          &__bg {
+            fill: var(--theme-elevation-300);
+            stroke: var(--theme-elevation-600);
+          }
+
+          &__head,
+          &__body {
+            fill: var(--theme-elevation-600);
+          }
+        }
+      }
+    }
+  }
 }