@payloadcms/ui 3.0.0-canary.d894ac7 → 3.0.0-canary.e198dc5

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","useFieldProps","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","$","descriptionProps","errorProps","field","t0","forceRender","t1","labelProps","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t2","fields","label","localized","maxRows","minRows","minRowsProp","required","t3","undefined","className","components","t4","description","isSortable","t5","readOnlyFromAdmin","RowLabel","readOnlyFromProps","indexPath","path","pathFromContext","permissions","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","config","t6","localization","t7","bb0","fallback","defaultLocale","editingDefaultLocale","t8","p","labels","plural","singular","getLabels","t9","value","options","memoizedValidate","t10","t11","hasRows","errorPaths","formInitializing","formProcessing","rows","t12","schemaPath","showError","valid","value_0","t13","disabled","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","CustomError","Error","t23","t24","count","withMessage","t25","_jsxs","join","id","replace","children","Label","as","unstyled","onClick","Description","fieldValue","ids","map","_temp","onDragEnd","t26","moveFromIndex_0","moveToIndex_0","row_0","i","rowErrorCount","errorPath","startsWith","row","draggableSortableItemProps","errorCount","rowCount","Fragment","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldProps, ArrayField as ArrayFieldType } 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 { useFieldProps } from '../../forms/FieldPropsProvider/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 { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport const ArrayFieldComponent: React.FC<ArrayFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        components: { RowLabel },\n        description,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n      } = {},\n      fields,\n      label,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    forceRender = false,\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    permissions,\n    readOnly: readOnlyFromContext,\n  } = useFieldProps()\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: ArrayFieldProps): Partial<ArrayFieldType['labels']> => {\n    if ('labels' in p && p?.labels) return p.labels\n    if ('label' in p.field && p.field.label) return { plural: undefined, singular: p.field.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 {\n    errorPaths,\n    formInitializing,\n    formProcessing,\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 disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const addRow = useCallback(\n    async (rowIndex: number): Promise<void> => {\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      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, 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 = disabled && 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        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\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              <FieldLabel\n                Label={field?.admin?.components?.Label}\n                as=\"span\"\n                field={field}\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\n          Description={field?.admin?.components?.Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\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={disabled || !isSortable} id={row.id} key={row.id}>\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    RowLabel={RowLabel}\n                    addRow={addRow}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    indexPath={indexPath}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    path={path}\n                    permissions={permissions}\n                    readOnly={disabled}\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:rows' : 'general:row'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!disabled && !hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\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":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","useFieldProps","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","$","descriptionProps","errorProps","field","t0","forceRender","t1","labelProps","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t2","fields","localized","maxRows","minRows","minRowsProp","required","t3","undefined","className","components","t4","description","isSortable","t5","readOnlyFromAdmin","RowLabel","readOnlyFromProps","indexPath","path","pathFromContext","permissions","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","config","t6","localization","t7","bb0","fallback","defaultLocale","editingDefaultLocale","t8","p","labels","plural","singular","label","getLabels","t9","value","options","memoizedValidate","t10","t11","hasRows","errorPaths","formInitializing","formProcessing","rows","t12","schemaPath","showError","valid","value_0","t13","disabled","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","CustomError","Error","t23","t24","count","withMessage","t25","_jsxs","join","id","replace","children","as","Label","unstyled","onClick","Description","fieldValue","ids","map","_temp","onDragEnd","t26","moveFromIndex_0","moveToIndex_0","row_0","i","rowErrorCount","errorPath","startsWith","row","draggableSortableItemProps","errorCount","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 { useFieldProps } from '../../forms/FieldPropsProvider/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 { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.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    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        components: { RowLabel },\n        description,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n      } = {},\n      fields,\n      label,\n      localized,\n      maxRows,\n      minRows: minRowsProp,\n      required,\n    },\n    forceRender = false,\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    permissions,\n    readOnly: readOnlyFromContext,\n  } = useFieldProps()\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    if ('labels' in p.field && p.field.labels) {\n      return { plural: p.field.labels?.plural, singular: p.field.labels?.singular }\n    }\n    if ('label' in p.field && p.field.label) {\n      return { plural: undefined, singular: p.field.label }\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      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    errorPaths,\n    formInitializing,\n    formProcessing,\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 disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const addRow = useCallback(\n    async (rowIndex: number): Promise<void> => {\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      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, 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 = disabled && 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        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\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              <FieldLabel\n                as=\"span\"\n                field={field}\n                Label={field?.admin?.components?.Label}\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\n          Description={field?.admin?.components?.Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\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={disabled || !isSortable} id={row.id} key={row.id}>\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    addRow={addRow}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    indexPath={indexPath}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    path={path}\n                    permissions={permissions}\n                    readOnly={disabled}\n                    removeRow={removeRow}\n                    row={row}\n                    rowCount={rows.length}\n                    rowIndex={i}\n                    RowLabel={RowLabel}\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      {!disabled && !hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\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,104 +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;
-    color: var(--theme-elevation-800);
-  }
+    &__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;
-      color: var(--theme-elevation-600);
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+        color: var(--theme-elevation-600);
+      }
     }
-  }
 
-  &__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: 2px 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,7 +1,7 @@
 import type { ClientBlock, FieldPermissions, Labels, Row } from 'payload';
 import React from 'react';
 import type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js';
-type BlockFieldProps = {
+type BlocksFieldProps = {
     addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
     block: ClientBlock;
     blocks: ClientBlock[];
@@ -23,6 +23,6 @@ type BlockFieldProps = {
     schemaPath: string;
     setCollapse: (id: string, collapsed: boolean) => void;
 } & UseDraggableSortableReturn;
-export declare const BlockRow: React.FC<BlockFieldProps>;
+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,WAAW,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAchH,KAAK,eAAe,GAAG;IACrB,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,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,GAAG,0BAA0B,CAAA;AAE9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoH9C,CAAA"}
+{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAchH,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,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,GAAG,0BAA0B,CAAA;AAE9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoH/C,CAAA"}

package/dist/fields/Blocks/BlockRow.js

@@ -59,7 +59,7 @@ export const BlockRow = t0 => {
   const classNames = t2.join(" ");
   const t3 = `${parentPath.split(".").join("-")}-row-${rowIndex}`;
   let t4;
-  if ($[2] !== transform || $[3] !== readOnly || $[4] !== addRow || $[5] !== row || $[6] !== blocks || $[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] !== i18n || $[20] !== path || $[21] !== errorCount || $[22] !== setCollapse || $[23] !== permissions || $[24] !== schemaPath || $[25] !== forceRender || $[26] !== classNames || $[27] !== t3 || $[28] !== setNodeRef || $[29] !== parentPath) {
+  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] !== i18n || $[20] !== path || $[21] !== errorCount || $[22] !== setCollapse || $[23] !== permissions?.blocks || $[24] !== schemaPath || $[25] !== forceRender || $[26] !== classNames || $[27] !== t3 || $[28] !== setNodeRef || $[29] !== parentPath) {
     let t5;
     if ($[31] !== setCollapse || $[32] !== row.id) {
       t5 = collapsed => setCollapse(row.id, collapsed);
@@ -78,8 +78,8 @@ export const BlockRow = t0 => {
       children: _jsx(Collapsible, {
         actions: !readOnly ? _jsx(RowActions, {
           addRow,
-          blockType: row.blockType,
           blocks,
+          blockType: row.blockType,
           duplicateRow,
           fields: block.fields,
           hasMaxRows,
@@ -138,8 +138,8 @@ export const BlockRow = t0 => {
     $[2] = transform;
     $[3] = readOnly;
     $[4] = addRow;
-    $[5] = row;
-    $[6] = blocks;
+    $[5] = blocks;
+    $[6] = row;
     $[7] = duplicateRow;
     $[8] = block;
     $[9] = hasMaxRows;
@@ -156,7 +156,7 @@ export const BlockRow = t0 => {
     $[20] = path;
     $[21] = errorCount;
     $[22] = setCollapse;
-    $[23] = permissions;
+    $[23] = permissions?.blocks;
     $[24] = schemaPath;
     $[25] = forceRender;
     $[26] = classNames;

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

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","RenderComponent","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","t3","split","t4","t5","id","collapsed","_jsx","ref","style","children","actions","blockType","fields","className","collapsibleStyle","dragHandleProps","undefined","header","admin","components","Label","clientProps","blockKind","formData","mappedComponent","_jsxs","String","padStart","pillStyle","singular","count","withMessage","onToggle","margins","slug"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, FieldPermissions, Labels, Row } 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 { RenderComponent } from '../../providers/Config/RenderComponent.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 = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ClientBlock\n  blocks: ClientBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\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} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlockFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\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              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          block?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'block', formData: row }}\n              mappedComponent={block.admin.components.Label}\n            />\n          ) : (\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={block.fields}\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","RenderComponent","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","t3","split","t4","t5","id","collapsed","_jsx","ref","style","children","actions","blockType","fields","className","collapsibleStyle","dragHandleProps","undefined","header","admin","components","Label","clientProps","blockKind","formData","mappedComponent","_jsxs","String","padStart","pillStyle","singular","count","withMessage","onToggle","margins","slug"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, FieldPermissions, Labels, Row } 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 { RenderComponent } from '../../providers/Config/RenderComponent.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  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\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} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\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              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          block?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'block', formData: row }}\n              mappedComponent={block.admin.components.Label}\n            />\n          ) : (\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={block.fields}\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AAyBlB,OAAO,MAAMC,QAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,MAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAzB,EAwBpD;EACC,MAAAc,IAAA,GAAa,GAAGC,UAAA,IAAcM,QAAA,EAAU;EACxC;IAAAK;EAAA,IAAiB/B,cAAA;EACjB,MAAAgC,YAAA,GAAqBnC,gBAAA;EAErB,MAAAoC,cAAA,GAAuBD,YAAA,IAAgBpB,UAAA,IAAa;EAIlD,MAAAsB,EAAA,GAAAD,cAAA,GAAiB,GAAA9B,SAAA,mBAA+B,GAAG,GAAAA,SAAA,kBAA8B;EAAA,IAAAgC,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,EAAA;IAFhEC,EAAA,IACjB,GAAAhC,SAAA,OAAmB,EACnB+B,EAAiF,EAAAE,MAAA,CAAAC,OAEzE;IAAA/B,CAAA,MAAA4B,EAAA;IAAA5B,CAAA,MAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EAJV,MAAAgC,UAAA,GAAmBH,EAIT,CAAAI,IAAA,CACF;EAIA,MAAAC,EAAA,MAAGpB,UAAA,CAAAqB,KAAA,CAAiB,KAAAF,IAAA,CAAU,YAAYb,QAAA,EAAU;EAAA,IAAAgB,EAAA;EAAA,IAAApC,CAAA,QAAAwB,SAAA,IAAAxB,CAAA,QAAAgB,QAAA,IAAAhB,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAkB,GAAA,IAAAlB,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAQ,UAAA,IAAAR,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAU,MAAA,IAAAV,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAmB,QAAA,IAAAnB,CAAA,SAAAoB,QAAA,IAAApB,CAAA,SAAA2B,cAAA,IAAA3B,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAyB,IAAA,IAAAzB,CAAA,SAAAa,IAAA,IAAAb,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAsB,WAAA,IAAAtB,CAAA,SAAAe,WAAA,EAAAX,MAAA,IAAAJ,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAgC,UAAA,IAAAhC,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAuB,UAAA,IAAAvB,CAAA,SAAAc,UAAA;IAAA,IAAAuB,EAAA;IAAA,IAAArC,CAAA,SAAAsB,WAAA,IAAAtB,CAAA,SAAAkB,GAAA,CAAAoB,EAAA;MA6D5CD,EAAA,GAAAE,SAAA,IAAejB,WAAA,CAAYJ,GAAA,CAAAoB,EAAA,EAAQC,SAAA;MAAAvC,CAAA,OAAAsB,WAAA;MAAAtB,CAAA,OAAAkB,GAAA,CAAAoB,EAAA;MAAAtC,CAAA,OAAAqC,EAAA;IAAA;MAAAA,EAAA,GAAArC,CAAA;IAAA;IA9DjDoC,EAAA,GAAAI,IAAA,CAAC;MAAAF,EAAA,EACKJ,EAAoD;MAAAO,GAAA,EAEnDlB,UAAA;MAAAmB,KAAA;QAAAlB;MAAA;MAAAmB,QAAA,EAKLH,IAAA,CAAApD,WAAA;QAAAwD,OAAA,EAEI,CAAC5B,QAAA,GACCwB,IAAA,CAAA7C,UAAA;UAAAM,MAAA;UAAAG,MAAA;UAAAyC,SAAA,EAGa3B,GAAA,CAAA2B,SAAA;UAAAxC,YAAA;UAAAyC,MAAA,EAEH3C,KAAA,CAAA2C,MAAA;UAAAtC,UAAA;UAAAC,UAAA;UAAAC,MAAA;UAAAE,OAAA;UAAAK,SAAA;UAAAE,QAAA;UAAAC;QAAA,C,aASR;QAAA2B,SAAA,EAEKf,UAAA;QAAAgB,gBAAA,EACOrB,cAAA,GAAiB,UAAU;QAAAsB,eAAA,EAE3CxC,UAAA;UAAA6B,EAAA,EAEUpB,GAAA,CAAAoB,EAAA;UAAApC,UAAA;UAAAS;QAAA,IAAAuC,SAIN;QAAAC,MAAA,EAGJhD,KAAA,EAAAiD,KAAA,EAAAC,UAAA,EAAAC,KAAA,GACEd,IAAA,CAAA/C,eAAA;UAAA8D,WAAA;YAAAC,SAAA,EAC4B;YAAAC,QAAA,EAAmBvC;UAAA;UAAAwC,eAAA,EAC5BvD,KAAA,CAAAiD,KAAA,CAAAC,UAAA,CAAAC;QAAA,C,IAGnBK,KAAA,CAAC;UAAAZ,SAAA,EAAe,GAAAlD,SAAA,gBAA4B;UAAA8C,QAAA,GAC1CH,IAAA,CAAC;YAAAO,SAAA,EAAgB,GAAAlD,SAAA,gBAA4B;YAAA8C,QAAA,EAC1CiB,MAAA,CAAOxC,QAAA,IAAW,EAAAyC,QAAA,IAAe;UAAA,C,GAEpCrB,IAAA,CAAAlD,IAAA;YAAAyD,SAAA,EACa,GAAAlD,SAAA,gBAAAA,SAAA,gBAAqDqB,GAAA,CAAA2B,SAAA,EAAe;YAAAiB,SAAA,EACrE;YAAAnB,QAAA,EAETzD,cAAA,CAAeiB,KAAA,CAAAO,MAAA,CAAAqD,QAAA,EAAuBtC,IAAA;UAAA,C,GAEzCe,IAAA,CAAA5C,YAAA;YAAAiB,IAAA,EAAoB,GAAGA,IAAA,YAAgB;YAAAG;UAAA,C,GACtCW,cAAA,IAAkBa,IAAA,CAAAnD,SAAA;YAAA2E,KAAA,EAAkB1D,UAAA;YAAAmB,IAAA;YAAAwC,WAAA;UAAA,C;;qBAI9B/C,GAAA,CAAAqB,SAAA;QAAA2B,QAAA,EAEH7B,EAAmC;QAAAM,QAAA,EAE7CH,IAAA,CAAAhD,YAAA;UAAAuD,SAAA,EACa,GAAAlD,SAAA,UAAsB;UAAAiD,MAAA,EACzB3C,KAAA,CAAA2C,MAAA;UAAAvC,WAAA;UAAA4D,OAAA,EAEA;UAAAtD,IAAA;UAAAE,WAAA,EAEKA,WAAA,EAAAX,MAAA,GAAsBD,KAAA,CAAAiE,IAAA,GAAAtB,MAAA;UAAA9B,QAAA;UAAAK,UAAA,EAEvB,GAAGA,UAAA,IAAclB,KAAA,CAAAiE,IAAA;QAAY,C;SAXtClD,GAAA,CAAAoB,EAAM;IAAA,GA3DR,GAAGxB,UAAA,QAAkBM,QAAA,EAAU;IAAApB,CAAA,MAAAwB,SAAA;IAAAxB,CAAA,MAAAgB,QAAA;IAAAhB,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAkB,GAAA;IAAAlB,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAQ,UAAA;IAAAR,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAU,MAAA;IAAAV,CAAA,OAAAY,OAAA;IAAAZ,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAmB,QAAA;IAAAnB,CAAA,OAAAoB,QAAA;IAAApB,CAAA,OAAA2B,cAAA;IAAA3B,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAW,SAAA;IAAAX,CAAA,OAAAyB,IAAA;IAAAzB,CAAA,OAAAa,IAAA;IAAAb,CAAA,OAAAM,UAAA;IAAAN,CAAA,OAAAsB,WAAA;IAAAtB,CAAA,OAAAe,WAAA,EAAAX,MAAA;IAAAJ,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAO,WAAA;IAAAP,CAAA,OAAAgC,UAAA;IAAAhC,CAAA,OAAAkC,EAAA;IAAAlC,CAAA,OAAAuB,UAAA;IAAAvB,CAAA,OAAAc,UAAA;IAAAd,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAAA,OAFtCoC,EAEsC;AAAA,CA2E1C","ignoreList":[]}

package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss

@@ -3,34 +3,36 @@
 $icon-width: base(2);
 $icon-margin: base(0.25);
 
-.block-search {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  z-index: 1;
+@layer payload-default {
+  .block-search {
+    position: sticky;
+    top: 0;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    z-index: 1;
 
-  &__input {
-    @include formInput;
-  }
+    &__input {
+      @include formInput;
+    }
 
-  .icon--search {
-    position: absolute;
-    top: 50%;
-    transform: translate3d(0, -50%, 0);
-    right: 0;
-    width: $icon-width;
-    margin: 0 $icon-margin;
+    .icon--search {
+      position: absolute;
+      top: 50%;
+      transform: translate3d(0, -50%, 0);
+      right: 0;
+      width: $icon-width;
+      margin: 0 $icon-margin;
 
-    .stroke {
-      stroke: var(--theme-elevation-300);
+      .stroke {
+        stroke: var(--theme-elevation-300);
+      }
     }
-  }
 
-  @include mid-break {
-    &__input {
-      margin-bottom: 0;
+    @include mid-break {
+      &__input {
+        margin-bottom: 0;
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAYD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+DxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAcD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiExC,CAAA"}

package/dist/fields/Blocks/BlocksDrawer/index.js

@@ -13,7 +13,9 @@ import { BlockSearch } from './BlockSearch/index.js';
 import './index.scss';
 const baseClass = 'blocks-drawer';
 const getBlockLabel = (block, i18n) => {
-  if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase();
+  if (typeof block.labels.singular === 'string') {
+    return block.labels.singular.toLowerCase();
+  }
   if (typeof block.labels.singular === 'object') {
     return getTranslation(block.labels.singular, i18n).toLowerCase();
   }

package/dist/fields/Blocks/BlocksDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","t0","t1","t2","t3","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","t4","_jsxs","slug","title","label","children","_jsx","className","map","block_0","index","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: ClientBlock[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase()\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n\n  useEffect(() => {\n    if (!isModalOpen) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, block) => {\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) matchedBlocks.push(block)\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__blocks`}>\n          {filteredBlocks?.map((block, index) => {\n            const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n            return (\n              <li className={`${baseClass}__block`} key={index}>\n                <ThumbnailCard\n                  alignLabel=\"center\"\n                  label={getTranslation(blockLabels?.singular, i18n)}\n                  onClick={() => {\n                    void addRow(addRowIndex, slug)\n                    closeModal(drawerSlug)\n                  }}\n                  thumbnail={\n                    imageURL ? (\n                      <img alt={imageAltText} src={imageURL} />\n                    ) : (\n                      <div className={`${baseClass}__default-image`}>\n                        <DefaultBlockImage />\n                      </div>\n                    )\n                  }\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","t0","t1","t2","t3","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","t4","_jsxs","slug","title","label","children","_jsx","className","map","block_0","index","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: ClientBlock[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') {\n    return block.labels.singular.toLowerCase()\n  }\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n\n  useEffect(() => {\n    if (!isModalOpen) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, block) => {\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) {\n        matchedBlocks.push(block)\n      }\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__blocks`}>\n          {filteredBlocks?.map((block, index) => {\n            const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n            return (\n              <li className={`${baseClass}__block`} key={index}>\n                <ThumbnailCard\n                  alignLabel=\"center\"\n                  label={getTranslation(blockLabels?.singular, i18n)}\n                  onClick={() => {\n                    void addRow(addRowIndex, slug)\n                    closeModal(drawerSlug)\n                  }}\n                  thumbnail={\n                    imageURL ? (\n                      <img alt={imageAltText} src={imageURL} />\n                    ) : (\n                      <div className={`${baseClass}__default-image`}>\n                        <DefaultBlockImage />\n                      </div>\n                    )\n                  }\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}