@payloadcms/ui 3.0.0-beta.13 → 3.0.0-beta.131

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { FieldBase } from 'payload/types'\nimport type { ArrayField as ArrayFieldType } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { withCondition } from '@payloadcms/ui/forms/withCondition'\nimport React, { useCallback } from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport type ArrayFieldProps = FormFieldBase & {\n  CustomRowLabel?: React.ReactNode\n  fieldMap: FieldMap\n  forceRender?: boolean\n  label?: FieldBase['label']\n  labels?: ArrayFieldType['labels']\n  maxRows?: ArrayFieldType['maxRows']\n  minRows?: ArrayFieldType['minRows']\n  name?: string\n  permissions: FieldPermissions\n  width?: string\n}\n\nexport const _ArrayField: React.FC<ArrayFieldProps> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    CustomRowLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    fieldMap,\n    forceRender = false,\n    label,\n    labelProps,\n    localized,\n    maxRows,\n    minRows: minRowsProp,\n    path: pathFromProps,\n    permissions,\n    readOnly: readOnlyFromProps,\n    required,\n    validate,\n  } = props\n\n  const { indexPath, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n  const minRows = minRowsProp ?? required ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { localization } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: ArrayFieldProps) => {\n    if ('labels' in p && p?.labels) return p.labels\n    if ('label' in p && p?.label) return { plural: undefined, singular: p.label }\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const {\n    errorPaths,\n    path,\n    rows = [],\n    schemaPath,\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    async (rowIndex: number) => {\n      await addFieldRow({ path, rowIndex, schemaPath })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, setModified, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', collapsed, path, setDocFieldPreferences })\n    },\n    [dispatchFields, path, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', collapsed, path, rowID, setDocFieldPreferences })\n    },\n    [dispatchFields, path, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorPaths.length > 0\n\n  const showRequired = readOnly && rows.length === 0\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n    >\n      {showError && (\n        <div className={`${baseClass}__error-wrap`}>\n          <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        </div>\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <FieldLabel\n                CustomLabel={CustomLabel}\n                as=\"span\"\n                label={label}\n                required={required}\n                unstyled\n                {...(labelProps || {})}\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          {rows.length > 0 && (\n            <ul className={`${baseClass}__header-actions`}>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(true)}\n                  type=\"button\"\n                >\n                  {t('fields:collapseAll')}\n                </button>\n              </li>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(false)}\n                  type=\"button\"\n                >\n                  {t('fields:showAll')}\n                </button>\n              </li>\n            </ul>\n          )}\n        </div>\n        <FieldDescription CustomDescription={CustomDescription} {...(descriptionProps || {})} />\n      </header>\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const rowErrorCount = errorPaths?.filter((errorPath) =>\n              errorPath.startsWith(`${path}.${i}.`),\n            ).length\n            return (\n              <DraggableSortableItem disabled={readOnly} id={row.id} key={row.id}>\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    CustomRowLabel={CustomRowLabel}\n                    addRow={addRow}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fieldMap={fieldMap}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    indexPath={indexPath}\n                    labels={labels}\n                    moveRow={moveRow}\n                    path={path}\n                    permissions={permissions}\n                    readOnly={readOnly}\n                    removeRow={removeRow}\n                    row={row}\n                    rowCount={rows.length}\n                    rowIndex={i}\n                    schemaPath={schemaPath}\n                    setCollapse={setCollapse}\n                  />\n                )}\n              </DraggableSortableItem>\n            )\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!readOnly && !hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => addRow(value || 0)}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(_ArrayField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useFieldProps","withCondition","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","useForm","useFormSubmitted","NullifyLocaleField","useField","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","ArrayRow","baseClass","_ArrayField","props","name","CustomDescription","CustomError","CustomLabel","CustomRowLabel","className","descriptionProps","errorProps","fieldMap","forceRender","label","labelProps","localized","maxRows","minRows","minRowsProp","path","pathFromProps","permissions","readOnly","readOnlyFromProps","required","validate","indexPath","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","undefined","singular","memoizedValidate","value","options","pathFromContext","errorPaths","rows","schemaPath","showError","valid","hasRows","addRow","rowIndex","setTimeout","duplicateRow","type","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","setCollapse","rowID","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","div","filter","Boolean","join","id","replace","header","h3","as","unstyled","count","withMessage","ul","li","button","onClick","fieldValue","ids","map","row","onDragEnd","i","rowErrorCount","errorPath","startsWith","disabled","key","draggableSortableItemProps","errorCount","rowCount","Fragment","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","$","field","t0","forceRender","t1","path","permissions","readOnly","schemaPath","schemaPathFromProps","validate","name","admin","t2","fields","label","localized","maxRows","minRows","minRowsProp","required","t3","undefined","className","description","isSortable","t4","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","config","t5","localization","t6","bb0","fallback","defaultLocale","editingDefaultLocale","t7","p","labels","plural","singular","getLabels","t8","value","options","memoizedValidate","t9","hasRows","customComponents","t10","errorPaths","rows","t11","showError","valid","value_0","t12","Description","Error","Label","RowLabels","t13","rowsData","t14","rowIndex","setTimeout","addRow","t15","rowIndex_0","type","duplicateRow","t16","rowIndex_1","removeRow","t17","moveFromIndex","moveToIndex","moveRow","t18","collapsed","collapsedIDs","updatedRows","toggleCollapseAll","t19","rowID","collapsed_0","collapsedIDs_0","updatedRows_0","setCollapse","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","t20","t21","filter","Boolean","t22","_jsx","CustomComponent","Fallback","t23","count","withMessage","_jsxs","join","id","replace","children","as","onClick","fieldValue","ids","map","_temp","onDragEnd","t24","moveFromIndex_0","moveToIndex_0","rowData","i","rowID_0","rowPath","rowErrorCount","errorPath","startsWith","disabled","draggableSortableItemProps","CustomRowLabel","errorCount","parentPath","row","rowCount","Fragment","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ArrayFieldClientComponent,\n  ArrayFieldClientProps,\n  ArrayField as ArrayFieldType,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport const ArrayFieldComponent: ArrayFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, isSortable = true } = {},\n      fields,\n      label,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    forceRender = false,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = (minRowsProp ?? required) ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: ArrayFieldClientProps): Partial<ArrayFieldType['labels']> => {\n    if ('labels' in p && p?.labels) {\n      return p.labels\n    }\n\n    if ('labels' in p.field && p.field.labels) {\n      return { plural: p.field.labels?.plural, singular: p.field.labels?.singular }\n    }\n\n    if ('label' in p.field && p.field.label) {\n      return { plural: undefined, singular: p.field.label }\n    }\n\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    customComponents: { Description, Error, Label, RowLabels } = {},\n    errorPaths,\n    rows: rowsData = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number) => {\n      addFieldRow({\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath, setModified],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows: rowsData,\n      })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n    },\n    [dispatchFields, path, rowsData, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows: rowsData,\n      })\n\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rowsData, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rowsData.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorPaths.length > 0\n\n  const showRequired = readOnly && rowsData.length === 0\n  const showMinRows = rowsData.length < minRows || (required && rowsData.length === 0)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n    >\n      {showError && (\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <RenderCustomComponent\n                CustomComponent={Label}\n                Fallback={\n                  <FieldLabel\n                    as=\"span\"\n                    label={label}\n                    localized={localized}\n                    path={path}\n                    required={required}\n                  />\n                }\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          {rowsData?.length > 0 && (\n            <ul className={`${baseClass}__header-actions`}>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(true)}\n                  type=\"button\"\n                >\n                  {t('fields:collapseAll')}\n                </button>\n              </li>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(false)}\n                  type=\"button\"\n                >\n                  {t('fields:showAll')}\n                </button>\n              </li>\n            </ul>\n          )}\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rowsData?.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rowsData.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rowsData.map((rowData, i) => {\n            const { id: rowID } = rowData\n\n            const rowPath = `${path}.${i}`\n\n            const rowErrorCount = errorPaths?.filter((errorPath) =>\n              errorPath.startsWith(rowPath + '.'),\n            ).length\n\n            return (\n              <DraggableSortableItem disabled={readOnly || !isSortable} id={rowID} key={rowID}>\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    addRow={addRow}\n                    CustomRowLabel={RowLabels?.[i]}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    parentPath={path}\n                    path={rowPath}\n                    permissions={permissions}\n                    readOnly={readOnly}\n                    removeRow={removeRow}\n                    row={rowData}\n                    rowCount={rowsData?.length}\n                    rowIndex={i}\n                    schemaPath={schemaPath}\n                    setCollapse={setCollapse}\n                  />\n                )}\n              </DraggableSortableItem>\n            )\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:rows' : 'general:row'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          disabled={readOnly}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => {\n            void addRow(value || 0)\n          }}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(ArrayFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Array/index.scss

@@ -1,106 +1,106 @@
 @import '../../scss/styles.scss';
 
-.array-field {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--base) / 2);
-
-  &__header {
+@layer payload-default {
+  .array-field {
     display: flex;
     flex-direction: column;
     gap: calc(var(--base) / 2);
 
-    &__header-content {
+    &__header {
       display: flex;
       flex-direction: column;
-      gap: calc(var(--base) / 4);
+      gap: calc(var(--base) / 2);
+
+      &__header-content {
+        display: flex;
+        flex-direction: column;
+        gap: calc(var(--base) / 4);
+      }
     }
-  }
 
-  &--has-no-error {
-    > .array-field__header .array-field__header-content {
-      color: var(--theme-text);
+    &--has-no-error {
+      > .array-field__header .array-field__header-content {
+        color: var(--theme-text);
+      }
     }
-  }
 
-  &__header-content {
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
-  }
+    &__header-content {
+      display: flex;
+      align-items: center;
+      gap: base(0.5);
+    }
 
-  &__header-wrap {
-    display: flex;
-    align-items: flex-end;
-    width: 100%;
-    justify-content: space-between;
-  }
+    &__header-wrap {
+      display: flex;
+      align-items: flex-end;
+      width: 100%;
+      justify-content: space-between;
+    }
 
-  &__header-actions {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-  }
+    &__header-actions {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      color: var(--theme-elevation-800);
+    }
 
-  &__header-action {
-    @extend %btn-reset;
-    cursor: pointer;
-    margin-left: base(0.5);
+    &__header-action {
+      @extend %btn-reset;
+      cursor: pointer;
+      margin-left: base(0.5);
 
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+        color: var(--theme-elevation-600);
+      }
     }
-  }
-
-  &__error-wrap {
-    position: relative;
-  }
 
-  &__row-header {
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
-    pointer-events: none;
-  }
+    &__row-header {
+      display: flex;
+      align-items: center;
+      gap: base(0.5);
+      pointer-events: none;
+    }
 
-  &__draggable-rows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-  }
+    &__draggable-rows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+    }
 
-  &__title {
-    margin-bottom: 0;
-  }
+    &__title {
+      margin-bottom: 0;
+    }
 
-  &__add-row {
-    align-self: flex-start;
-    color: var(--theme-elevation-400);
-    margin: 0;
+    &__add-row {
+      align-self: flex-start;
+      color: var(--theme-elevation-400);
+      margin: 2px 0;
 
-    &:hover {
-      color: var(--theme-elevation-800);
+      &:hover {
+        color: var(--theme-elevation-800);
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .array-field {
-    &--has-error {
-      > .array-field__header .array-field__header-content {
-        color: var(--theme-error-750);
+  html[data-theme='light'] {
+    .array-field {
+      &--has-error {
+        > .array-field__header .array-field__header-content {
+          color: var(--theme-error-750);
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .array-field {
-    &--has-error {
-      > .array-field__header .array-field__header-content {
-        color: var(--theme-error-500);
+  html[data-theme='dark'] {
+    .array-field {
+      &--has-error {
+        > .array-field__header .array-field__header-content {
+          color: var(--theme-error-500);
+        }
       }
     }
   }

package/dist/fields/Blocks/BlockRow.d.ts

@@ -1,21 +1,21 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { Labels, Row } from 'payload/types';
+import type { ClientBlock, ClientField, Labels, Row, SanitizedFieldPermissions } from 'payload';
 import React from 'react';
 import type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js';
-import type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js';
-type BlockFieldProps = UseDraggableSortableReturn & {
-    addRow: (rowIndex: number, blockType: string) => void;
-    block: ReducedBlock;
-    blocks: ReducedBlock[];
+type BlocksFieldProps = {
+    addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
+    block: ClientBlock;
+    blocks: ClientBlock[];
     duplicateRow: (rowIndex: number) => void;
     errorCount: number;
-    forceRender?: boolean;
+    fields: ClientField[];
     hasMaxRows?: boolean;
-    indexPath: string;
+    isSortable?: boolean;
+    Label?: React.ReactNode;
     labels: Labels;
     moveRow: (fromIndex: number, toIndex: number) => void;
+    parentPath: string;
     path: string;
-    permissions: FieldPermissions;
+    permissions: SanitizedFieldPermissions;
     readOnly: boolean;
     removeRow: (rowIndex: number) => void;
     row: Row;
@@ -23,7 +23,7 @@ type BlockFieldProps = UseDraggableSortableReturn & {
     rowIndex: number;
     schemaPath: string;
     setCollapse: (id: string, collapsed: boolean) => void;
-};
-export declare const BlockRow: React.FC<BlockFieldProps>;
+} & UseDraggableSortableReturn;
+export declare const BlockRow: React.FC<BlocksFieldProps>;
 export {};
 //# sourceMappingURL=BlockRow.d.ts.map

package/dist/fields/Blocks/BlockRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAGhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAChH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAA;AAa3F,KAAK,eAAe,GAAG,0BAA0B,GAAG;IAClD,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuG9C,CAAA"}
+{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG/F,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAahH,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrE,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,yBAAyB,CAAA;IACtC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,GAAG,0BAA0B,CAAA;AAE9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkH/C,CAAA"}

package/dist/fields/Blocks/BlockRow.js

@@ -1,4 +1,7 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { Collapsible } from '../../elements/Collapsible/index.js';
@@ -10,71 +13,171 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { RowActions } from './RowActions.js';
 import { SectionTitle } from './SectionTitle/index.js';
 const baseClass = 'blocks-field';
-export const BlockRow = ({ addRow, attributes, block, blocks, duplicateRow, errorCount, forceRender, hasMaxRows, labels, listeners, moveRow, path: parentPath, permissions, readOnly, removeRow, row, rowCount, rowIndex, schemaPath, setCollapse, setNodeRef, transform })=>{
-    const path = `${parentPath}.${rowIndex}`;
-    const { i18n } = useTranslation();
-    const hasSubmitted = useFormSubmitted();
-    const fieldHasErrors = hasSubmitted && errorCount > 0;
-    const classNames = [
-        `${baseClass}__row`,
-        fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ React.createElement("div", {
-        id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
-        key: `${parentPath}-row-${rowIndex}`,
-        ref: setNodeRef,
-        style: {
-            transform
-        }
-    }, /*#__PURE__*/ React.createElement(Collapsible, {
-        actions: !readOnly ? /*#__PURE__*/ React.createElement(RowActions, {
-            addRow: addRow,
-            blockType: row.blockType,
-            blocks: blocks,
-            duplicateRow: duplicateRow,
-            fieldMap: block.fieldMap,
-            hasMaxRows: hasMaxRows,
-            labels: labels,
-            moveRow: moveRow,
-            removeRow: removeRow,
-            rowCount: rowCount,
-            rowIndex: rowIndex
+export const BlockRow = t0 => {
+  const $ = _c(45);
+  const {
+    addRow,
+    attributes,
+    block,
+    blocks,
+    duplicateRow,
+    errorCount,
+    fields,
+    hasMaxRows,
+    isSortable,
+    Label,
+    labels,
+    listeners,
+    moveRow,
+    parentPath,
+    path,
+    permissions,
+    readOnly,
+    removeRow,
+    row,
+    rowCount,
+    rowIndex,
+    schemaPath,
+    setCollapse,
+    setNodeRef,
+    transform
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const hasSubmitted = useFormSubmitted();
+  const fieldHasErrors = hasSubmitted && errorCount > 0;
+  const t1 = fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = [`${baseClass}__row`, t1].filter(Boolean);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const classNames = t2.join(" ");
+  const t3 = `${parentPath?.split(".").join("-")}-row-${rowIndex}`;
+  let t4;
+  if ($[2] !== transform || $[3] !== readOnly || $[4] !== addRow || $[5] !== blocks || $[6] !== row || $[7] !== duplicateRow || $[8] !== block || $[9] !== hasMaxRows || $[10] !== isSortable || $[11] !== labels || $[12] !== moveRow || $[13] !== removeRow || $[14] !== rowCount || $[15] !== rowIndex || $[16] !== fieldHasErrors || $[17] !== attributes || $[18] !== listeners || $[19] !== Label || $[20] !== i18n || $[21] !== path || $[22] !== errorCount || $[23] !== setCollapse || $[24] !== permissions || $[25] !== fields || $[26] !== schemaPath || $[27] !== classNames || $[28] !== t3 || $[29] !== setNodeRef || $[30] !== parentPath) {
+    let t5;
+    if ($[32] !== Label || $[33] !== rowIndex || $[34] !== row || $[35] !== block || $[36] !== i18n || $[37] !== path || $[38] !== readOnly || $[39] !== fieldHasErrors || $[40] !== errorCount) {
+      t5 = Label || _jsxs("div", {
+        className: `${baseClass}__block-header`,
+        children: [_jsx("span", {
+          className: `${baseClass}__block-number`,
+          children: String(rowIndex + 1).padStart(2, "0")
+        }), _jsx(Pill, {
+          className: `${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`,
+          pillStyle: "white",
+          children: getTranslation(block.labels.singular, i18n)
+        }), _jsx(SectionTitle, {
+          path: `${path}.blockName`,
+          readOnly
+        }), fieldHasErrors && _jsx(ErrorPill, {
+          count: errorCount,
+          i18n,
+          withMessage: true
+        })]
+      });
+      $[32] = Label;
+      $[33] = rowIndex;
+      $[34] = row;
+      $[35] = block;
+      $[36] = i18n;
+      $[37] = path;
+      $[38] = readOnly;
+      $[39] = fieldHasErrors;
+      $[40] = errorCount;
+      $[41] = t5;
+    } else {
+      t5 = $[41];
+    }
+    let t6;
+    if ($[42] !== setCollapse || $[43] !== row.id) {
+      t6 = collapsed => setCollapse(row.id, collapsed);
+      $[42] = setCollapse;
+      $[43] = row.id;
+      $[44] = t6;
+    } else {
+      t6 = $[44];
+    }
+    t4 = _jsx("div", {
+      id: t3,
+      ref: setNodeRef,
+      style: {
+        transform
+      },
+      children: _jsx(Collapsible, {
+        actions: !readOnly ? _jsx(RowActions, {
+          addRow,
+          blocks,
+          blockType: row.blockType,
+          duplicateRow,
+          fields: block.fields,
+          hasMaxRows,
+          isSortable,
+          labels,
+          moveRow,
+          removeRow,
+          rowCount,
+          rowIndex
         }) : undefined,
         className: classNames,
-        collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-        dragHandleProps: {
-            id: row.id,
-            attributes,
-            listeners
-        },
-        header: /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__block-header`
-        }, /*#__PURE__*/ React.createElement("span", {
-            className: `${baseClass}__block-number`
-        }, String(rowIndex + 1).padStart(2, '0')), /*#__PURE__*/ React.createElement(Pill, {
-            className: `${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`,
-            pillStyle: "white"
-        }, getTranslation(block.labels.singular, i18n)), /*#__PURE__*/ React.createElement(SectionTitle, {
-            path: `${path}.blockName`,
-            readOnly: readOnly
-        }), fieldHasErrors && /*#__PURE__*/ React.createElement(ErrorPill, {
-            count: errorCount,
-            i18n: i18n,
-            withMessage: true
-        })),
+        collapsibleStyle: fieldHasErrors ? "error" : "default",
+        dragHandleProps: isSortable ? {
+          id: row.id,
+          attributes,
+          listeners
+        } : undefined,
+        header: t5,
         isCollapsed: row.collapsed,
-        key: row.id,
-        onToggle: (collapsed)=>setCollapse(row.id, collapsed)
-    }, /*#__PURE__*/ React.createElement(RenderFields, {
-        className: `${baseClass}__fields`,
-        fieldMap: block.fieldMap,
-        forceRender: forceRender,
-        margins: "small",
-        path: path,
-        permissions: permissions?.blocks?.[block.slug]?.fields,
-        readOnly: readOnly,
-        schemaPath: `${schemaPath}.${block.slug}`
-    })));
+        onToggle: t6,
+        children: _jsx(RenderFields, {
+          className: `${baseClass}__fields`,
+          fields,
+          margins: "small",
+          parentIndexPath: "",
+          parentPath: path,
+          parentSchemaPath: schemaPath,
+          permissions: permissions === true ? permissions : permissions?.blocks?.[block.slug]?.fields,
+          readOnly
+        })
+      }, row.id)
+    }, `${parentPath}-row-${rowIndex}`);
+    $[2] = transform;
+    $[3] = readOnly;
+    $[4] = addRow;
+    $[5] = blocks;
+    $[6] = row;
+    $[7] = duplicateRow;
+    $[8] = block;
+    $[9] = hasMaxRows;
+    $[10] = isSortable;
+    $[11] = labels;
+    $[12] = moveRow;
+    $[13] = removeRow;
+    $[14] = rowCount;
+    $[15] = rowIndex;
+    $[16] = fieldHasErrors;
+    $[17] = attributes;
+    $[18] = listeners;
+    $[19] = Label;
+    $[20] = i18n;
+    $[21] = path;
+    $[22] = errorCount;
+    $[23] = setCollapse;
+    $[24] = permissions;
+    $[25] = fields;
+    $[26] = schemaPath;
+    $[27] = classNames;
+    $[28] = t3;
+    $[29] = setNodeRef;
+    $[30] = parentPath;
+    $[31] = t4;
+  } else {
+    t4 = $[31];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=BlockRow.js.map

package/dist/fields/Blocks/BlockRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { Labels, Row } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlockFieldProps = UseDraggableSortableReturn & {\n  addRow: (rowIndex: number, blockType: string) => void\n  block: ReducedBlock\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n}\n\nexport const BlockRow: React.FC<BlockFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blockType={row.blockType}\n              blocks={blocks}\n              duplicateRow={duplicateRow}\n              fieldMap={block.fieldMap}\n              hasMaxRows={hasMaxRows}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={{\n          id: row.id,\n          attributes,\n          listeners,\n        }}\n        header={\n          <div className={`${baseClass}__block-header`}>\n            <span className={`${baseClass}__block-number`}>\n              {String(rowIndex + 1).padStart(2, '0')}\n            </span>\n            <Pill\n              className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n              pillStyle=\"white\"\n            >\n              {getTranslation(block.labels.singular, i18n)}\n            </Pill>\n            <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fieldMap={block.fieldMap}\n          forceRender={forceRender}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.blocks?.[block.slug]?.fields}\n          readOnly={readOnly}\n          schemaPath={`${schemaPath}.${block.slug}`}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","key","ref","style","actions","blockType","fieldMap","undefined","className","collapsibleStyle","dragHandleProps","header","span","String","padStart","pillStyle","singular","count","withMessage","isCollapsed","collapsed","onToggle","margins","slug","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","fields","hasMaxRows","isSortable","Label","labels","listeners","moveRow","parentPath","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","t3","split","t4","t5","_jsxs","className","children","_jsx","String","padStart","blockType","pillStyle","singular","count","withMessage","t6","collapsed","id","ref","style","actions","collapsibleStyle","dragHandleProps","undefined","header","onToggle","margins","parentIndexPath","parentSchemaPath","slug"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels, Row, SanitizedFieldPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ClientBlock\n  blocks: ClientBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fields: ClientField[]\n  hasMaxRows?: boolean\n  isSortable?: boolean\n  Label?: React.ReactNode\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  parentPath: string\n  path: string\n  permissions: SanitizedFieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  fields,\n  hasMaxRows,\n  isSortable,\n  Label,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  path,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath?.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blocks={blocks}\n              blockType={row.blockType}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          Label || (\n            <div className={`${baseClass}__block-header`}>\n              <span className={`${baseClass}__block-number`}>\n                {String(rowIndex + 1).padStart(2, '0')}\n              </span>\n              <Pill\n                className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n                pillStyle=\"white\"\n              >\n                {getTranslation(block.labels.singular, i18n)}\n              </Pill>\n              <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          margins=\"small\"\n          parentIndexPath=\"\"\n          parentPath={path}\n          parentSchemaPath={schemaPath}\n          permissions={\n            permissions === true ? permissions : permissions?.blocks?.[block.slug]?.fields\n          }\n          readOnly={readOnly}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAkB3E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAkB3E,CAAA"}