@payloadcms/ui 3.0.0-canary.96477cf → 3.0.0-canary.98e0119

package/dist/fields/Relationship/index.scss

@@ -1,63 +1,65 @@
 @import '../../scss/styles.scss';
 
-.field-type.relationship {
-  position: relative;
-}
-
-.relationship {
-  &__wrap {
-    display: flex;
-    width: 100%;
+@layer payload-default {
+  .field-type.relationship {
+    position: relative;
+  }
 
-    div.react-select {
+  .relationship {
+    &__wrap {
+      display: flex;
       width: 100%;
-      min-width: 0;
+
+      div.react-select {
+        width: 100%;
+        min-width: 0;
+      }
     }
-  }
 
-  &__error-loading {
-    border: 1px solid var(--theme-error-500);
-    min-height: base(2);
-    padding: base(0.5) base(0.75);
-    background-color: var(--theme-error-500);
-    color: var(--theme-elevation-0);
-  }
+    &__error-loading {
+      border: 1px solid var(--theme-error-500);
+      min-height: base(2);
+      padding: base(0.5) base(0.75);
+      background-color: var(--theme-error-500);
+      color: var(--theme-elevation-0);
+    }
 
-  &--allow-create {
-    .rs__control {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
+    &--allow-create {
+      .rs__control {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .relationship {
-    &.error {
-      > .relationship__wrap {
-        .rs__control {
-          @include lightInputError;
+  html[data-theme='light'] {
+    .relationship {
+      &.error {
+        > .relationship__wrap {
+          .rs__control {
+            @include lightInputError;
+          }
         }
-      }
 
-      button.relationship-add-new__add-button {
-        @include lightInputError;
+        button.relationship-add-new__add-button {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .relationship {
-    &.error {
-      > .relationship__wrap {
-        .rs__control {
-          @include darkInputError;
+  html[data-theme='dark'] {
+    .relationship {
+      &.error {
+        > .relationship__wrap {
+          .rs__control {
+            @include darkInputError;
+          }
         }
-      }
 
-      button.relationship-add-new__add-button {
-        @include darkInputError;
+        button.relationship-add-new__add-button {
+          @include darkInputError;
+        }
       }
     }
   }

package/dist/fields/Relationship/optionsReducer.js

@@ -19,48 +19,6 @@ const sortOptions = options => options.sort((a, b) => {
 });
 export const optionsReducer = (state, action) => {
   switch (action.type) {
-    case 'CLEAR':
-      {
-        const exemptValues = action.exemptValues ? Array.isArray(action.exemptValues) ? action.exemptValues : [action.exemptValues] : [];
-        const clearedStateWithExemptValues = state.filter(optionGroup => {
-          const clearedOptions = optionGroup.options.filter(option => {
-            if (exemptValues) {
-              return exemptValues.some(exemptValue => {
-                return exemptValue && option.value === (typeof exemptValue === 'object' ? exemptValue.value : exemptValue);
-              });
-            }
-            return false;
-          });
-          optionGroup.options = clearedOptions;
-          return clearedOptions.length > 0;
-        });
-        return clearedStateWithExemptValues;
-      }
-    case 'UPDATE':
-      {
-        const {
-          collection,
-          config,
-          doc,
-          i18n
-        } = action;
-        const relation = collection.slug;
-        const newOptions = [...state];
-        const docTitle = formatDocTitle({
-          collectionConfig: collection,
-          data: doc,
-          dateFormat: config.admin.dateFormat,
-          fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
-          i18n
-        });
-        const foundOptionGroup = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
-        const foundOption = foundOptionGroup?.options?.find(option => option.value === doc.id);
-        if (foundOption) {
-          foundOption.label = docTitle;
-          foundOption.relationTo = relation;
-        }
-        return newOptions;
-      }
     case 'ADD':
       {
         const {
@@ -120,6 +78,23 @@ export const optionsReducer = (state, action) => {
         }
         return newOptions;
       }
+    case 'CLEAR':
+      {
+        const exemptValues = action.exemptValues ? Array.isArray(action.exemptValues) ? action.exemptValues : [action.exemptValues] : [];
+        const clearedStateWithExemptValues = state.filter(optionGroup => {
+          const clearedOptions = optionGroup.options.filter(option => {
+            if (exemptValues) {
+              return exemptValues.some(exemptValue => {
+                return exemptValue && option.value === (typeof exemptValue === 'object' ? exemptValue.value : exemptValue);
+              });
+            }
+            return false;
+          });
+          optionGroup.options = clearedOptions;
+          return clearedOptions.length > 0;
+        });
+        return clearedStateWithExemptValues;
+      }
     case 'REMOVE':
       {
         const {
@@ -137,6 +112,31 @@ export const optionsReducer = (state, action) => {
         };
         return newOptions;
       }
+    case 'UPDATE':
+      {
+        const {
+          collection,
+          config,
+          doc,
+          i18n
+        } = action;
+        const relation = collection.slug;
+        const newOptions = [...state];
+        const docTitle = formatDocTitle({
+          collectionConfig: collection,
+          data: doc,
+          dateFormat: config.admin.dateFormat,
+          fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+          i18n
+        });
+        const foundOptionGroup = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
+        const foundOption = foundOptionGroup?.options?.find(option => option.value === doc.id);
+        if (foundOption) {
+          foundOption.label = docTitle;
+          foundOption.relationTo = relation;
+        }
+        return newOptions;
+      }
     default:
       {
         return state;

package/dist/fields/Relationship/optionsReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","exemptValues","Array","isArray","clearedStateWithExemptValues","filter","optionGroup","clearedOptions","some","exemptValue","length","collection","config","doc","i18n","relation","slug","newOptions","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","foundOptionGroup","find","labels","plural","foundOption","docs","loadedIDs","optionsToAddTo","newSubOptions","docSubOptions","item","push","forEach","subOptions","indexOfGroup","findIndex"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return (\n                exemptValue &&\n                option.value === (typeof exemptValue === 'object' ? exemptValue.value : exemptValue)\n              )\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","docs","i18n","relation","slug","loadedIDs","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","docSubOptions","doc","filter","item","length","push","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","forEach","subOptions","exemptValues","Array","isArray","clearedStateWithExemptValues","clearedOptions","some","exemptValue","indexOfGroup","findIndex","foundOptionGroup","foundOption"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return (\n                exemptValue &&\n                option.value === (typeof exemptValue === 'object' ? exemptValue.value : exemptValue)\n              )\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss

@@ -1,49 +1,51 @@
 @import '../../../../scss/styles.scss';
 
-.relationship--multi-value-label {
-  display: flex;
-  padding-inline-start: base(0.4);
-  gap: base(0.2);
-
-  &__content {
-    @extend %small;
-    line-height: base(1.1);
-    max-width: 150px;
-    color: currentColor;
+@layer payload-default {
+  .relationship--multi-value-label {
     display: flex;
-    align-items: center;
-  }
+    padding-inline-start: base(0.4);
+    gap: base(0.2);
 
-  &__text {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  &__drawer-toggler {
-    border: none;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: base(0.2);
-    pointer-events: all;
-
-    .icon {
-      width: base(1);
-      height: base(1);
-      padding: base(0.1);
+    &__content {
+      @extend %small;
+      line-height: base(1.1);
+      max-width: 150px;
+      color: currentColor;
+      display: flex;
+      align-items: center;
     }
 
-    &:hover {
-      background-color: var(--theme-elevation-150);
+    &__text {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
     }
 
-    &:focus-visible {
-      outline: var(--accessibility-outline);
+    &__drawer-toggler {
+      border: none;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: base(0.2);
+      pointer-events: all;
+
+      .icon {
+        width: base(1);
+        height: base(1);
+        padding: base(0.1);
+      }
+
+      &:hover {
+        background-color: var(--theme-elevation-150);
+      }
+
+      &:focus-visible {
+        outline: var(--accessibility-outline);
+      }
     }
   }
 }

package/dist/fields/Relationship/select-components/SingleValue/index.scss

@@ -1,52 +1,54 @@
 @import '../../../../scss/styles.scss';
 
-.relationship--single-value {
-  &.rs__single-value {
-    overflow: visible;
-    min-width: 0;
-  }
-
-  &__label-text {
-    max-width: unset;
-    display: flex;
-    align-items: center;
-    overflow: visible;
-    width: 100%;
-    flex-shrink: 1;
-  }
-
-  &__text {
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+@layer payload-default {
+  .relationship--single-value {
+    &.rs__single-value {
+      overflow: visible;
+      min-width: 0;
+    }
 
-  &__drawer-toggler {
-    border: none;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: base(0.25);
-    pointer-events: all;
-
-    .icon {
-      width: base(0.75);
-      height: base(0.75);
+    &__label-text {
+      max-width: unset;
+      display: flex;
+      align-items: center;
+      overflow: visible;
+      width: 100%;
+      flex-shrink: 1;
     }
 
-    &:focus-visible {
-      outline: var(--accessibility-outline);
+    &__text {
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
-    &:hover {
-      background-color: var(--theme-elevation-100);
+    &__drawer-toggler {
+      border: none;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: base(0.25);
+      pointer-events: all;
+
+      .icon {
+        width: base(0.75);
+        height: base(0.75);
+      }
+
+      &:focus-visible {
+        outline: var(--accessibility-outline);
+      }
+
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
     }
-  }
 
-  &__label {
-    flex-grow: 1;
+    &__label {
+      flex-grow: 1;
+    }
   }
 }

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

@@ -1,14 +1,8 @@
 import React from 'react';
 import './index.scss';
-import { RowProvider, useRow } from './provider.js';
-export { RowProvider, useRow };
 export declare const RowField: React.FC<{
     readonly forceRender?: boolean;
-    readonly indexPath: string;
-} & {
-    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>>;
-    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>>;
+} & Omit<import("payload").FieldPaths, "path"> & Pick<import("payload").ServerFieldBase, "permissions"> & {
     readonly field: Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>;
-    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").RowFieldClient, "type"> & Partial<Pick<import("payload").RowFieldClient, "type">>>;
-} & import("payload").FormFieldBase>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAA;AA+B9B,eAAO,MAAM,QAAQ;;;;;;;;oCAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAmCrB,eAAO,MAAM,QAAQ;;;;+EAAmC,CAAA"}

package/dist/fields/Row/index.js

@@ -1,85 +1,44 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-import { RowProvider, useRow } from './provider.js';
-export { RowProvider, useRow };
+import { RowProvider } from './provider.js';
 const baseClass = 'row';
 const RowFieldComponent = props => {
-  const $ = _c(13);
   const {
-    field: t0,
-    forceRender: t1
+    field: {
+      admin: {
+        className
+      } = {},
+      fields
+    },
+    forceRender = false,
+    indexPath = '',
+    parentPath = '',
+    parentSchemaPath = '',
+    permissions,
+    readOnly
   } = props;
-  const {
-    admin: t2,
-    fields
-  } = t0;
-  let t3;
-  if ($[0] !== t2) {
-    t3 = t2 === undefined ? {} : t2;
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const {
-    className
-  } = t3;
-  const forceRender = t1 === undefined ? false : t1;
-  const {
-    indexPath,
-    path,
-    readOnly,
-    schemaPath,
-    siblingPermissions
-  } = useFieldProps();
-  let t4;
-  if ($[2] !== className) {
-    t4 = [fieldBaseClass, baseClass, className].filter(Boolean);
-    $[2] = className;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[4] !== fields || $[5] !== forceRender || $[6] !== indexPath || $[7] !== path || $[8] !== siblingPermissions || $[9] !== readOnly || $[10] !== schemaPath || $[11] !== t5) {
-    t6 = _jsx(RowProvider, {
-      children: _jsx("div", {
-        className: t5,
-        children: _jsx(RenderFields, {
-          className: `${baseClass}__fields`,
-          fields,
-          forceRender,
-          indexPath,
-          margins: false,
-          path,
-          permissions: siblingPermissions,
-          readOnly,
-          schemaPath
-        })
+  return /*#__PURE__*/_jsx(RowProvider, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: [fieldBaseClass, baseClass, className].filter(Boolean).join(' '),
+      children: /*#__PURE__*/_jsx(RenderFields, {
+        className: `${baseClass}__fields`,
+        fields: fields,
+        forceRender: forceRender,
+        margins: false,
+        parentIndexPath: indexPath,
+        parentPath: parentPath,
+        parentSchemaPath: parentSchemaPath,
+        permissions: permissions,
+        readOnly: readOnly
       })
-    });
-    $[4] = fields;
-    $[5] = forceRender;
-    $[6] = indexPath;
-    $[7] = path;
-    $[8] = siblingPermissions;
-    $[9] = readOnly;
-    $[10] = schemaPath;
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  return t6;
+    })
+  });
 };
 export const RowField = withCondition(RowFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowFieldComponent","props","$","field","t0","forceRender","t1","admin","t2","fields","t3","undefined","className","indexPath","path","readOnly","schemaPath","siblingPermissions","t4","filter","Boolean","t5","join","t6","_jsx","children","margins","permissions","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider, useRow } from './provider.js'\n\nexport { RowProvider, useRow }\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, fields },\n    forceRender = false,\n  } = props\n\n  const { indexPath, path, readOnly, schemaPath, siblingPermissions } = useFieldProps()\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins={false}\n          path={path}\n          permissions={siblingPermissions}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,EAAEC,MAAM,QAAQ;AAEpC,SAASD,WAAW,EAAEC,MAAM;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA6CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACjD;IAAAY,KAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIL,KAAA;EAFK;IAAAM,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAL,EAAqC;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAM,EAAA;IAA5BE,EAAA,GAAAF,EAAkB,KAAAG,SAAA,QAAlBH,EAAkB;IAAAN,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAlB;IAAAU;EAAA,IAAAF,EAAkB;EAClC,MAAAL,WAAA,GAAAC,EAAmB,KAAAK,SAAA,WAAnBL,EAAmB;EAGrB;IAAAO,SAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC;EAAA,IAAsExB,aAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAhB,CAAA,QAAAU,SAAA;IAIlDM,EAAA,IAAAtB,cAAA,EAAAG,SAAA,EAA4Ba,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAlB,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAA9C,MAAAmB,EAAA,GAAAH,EAA8C,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAO,MAAA,IAAAP,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAe,kBAAA,IAAAf,CAAA,QAAAa,QAAA,IAAAb,CAAA,SAAAc,UAAA,IAAAd,CAAA,SAAAmB,EAAA;IAD9EE,EAAA,GAAAC,IAAA,CAAA3B,WAAA;MAAA4B,QAAA,EACED,IAAA,CAAC;QAAAZ,SAAA,EAAeS,EAA4D;QAAAI,QAAA,EAC1ED,IAAA,CAAA9B,YAAA;UAAAkB,SAAA,EACa,GAAAb,SAAA,UAAsB;UAAAU,MAAA;UAAAJ,WAAA;UAAAQ,SAAA;UAAAa,OAAA;UAAAZ,IAAA;UAAAa,WAAA,EAMpBV,kBAAA;UAAAF,QAAA;UAAAC;QAAA,C;;;;;;;;;;;;;;;SATnBO,E;CAgBJ;AAEA,OAAO,MAAMK,QAAA,GAAWjC,aAAA,CAAcK,iBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","_jsx","filter","Boolean","join","margins","parentIndexPath","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,QAAQ;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA8CC,KAAA;EAClD,MAAM;IACJC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC;MAAS,CAAE,GAAG,CAAC,CAAC;MAAEC;IAAM,CAAE;IAC5CC,WAAA,GAAc,KAAK;IACnBC,SAAA,GAAY,EAAE;IACdC,UAAA,GAAa,EAAE;IACfC,gBAAA,GAAmB,EAAE;IACrBC,WAAW;IACXC;EAAQ,CACT,GAAGV,KAAA;EAEJ,oBACEW,IAAA,CAACd,WAAA;cACC,aAAAc,IAAA,CAAC;MAAIR,SAAA,EAAW,CAACP,cAAA,EAAgBE,SAAA,EAAWK,SAAA,CAAU,CAACS,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;gBAC1E,aAAAH,IAAA,CAACjB,YAAA;QACCS,SAAA,EAAW,GAAGL,SAAA,UAAmB;QACjCM,MAAA,EAAQA,MAAA;QACRC,WAAA,EAAaA,WAAA;QACbU,OAAA,EAAS;QACTC,eAAA,EAAiBV,SAAA;QACjBC,UAAA,EAAYA,UAAA;QACZC,gBAAA,EAAkBA,gBAAA;QAClBC,WAAA,EAAaA,WAAA;QACbC,QAAA,EAAUA;;;;AAKpB;AAEA,OAAO,MAAMO,QAAA,GAAWtB,aAAA,CAAcI,iBAAA","ignoreList":[]}