@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1 +1 @@
-{"version":3,"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, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n  mergeFormStateFromClipboard,\n  reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.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 { mergeFieldStyles } from '../mergeFieldStyles.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    field: {\n      name,\n      type,\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: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = minRowsProp ?? (required ? 1 : 0)\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const {\n    addFieldRow,\n    dispatchFields,\n    getFields,\n    moveFieldRow,\n    removeFieldRow,\n    replaceState,\n    setModified,\n  } = 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\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: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    errorPaths,\n    path,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number) => {\n      addFieldRow({\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\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      removeFieldRow({ path, rowIndex })\n    },\n    [removeFieldRow, path],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({\n        moveFromIndex,\n        moveToIndex,\n        path,\n      })\n    },\n    [path, moveFieldRow],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\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\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const copyRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const clipboardResult = clipboardCopy({\n        type,\n        fields,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState,\n            path,\n            rowIndex,\n          }),\n        path,\n        rowIndex,\n        t,\n      })\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      } else {\n        toast.success(t('general:copied'))\n      }\n    },\n    [fields, getFields, path, t, type],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaFields: fields,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [fields, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteField = useCallback(\n    (dataFromClipboard: ClipboardPasteData) => {\n      const formState = { ...getFields() }\n      const newState = mergeFormStateFromClipboard({\n        dataFromClipboard,\n        formState,\n        path,\n      })\n      replaceState(newState)\n      setModified(true)\n    },\n    [getFields, path, replaceState, setModified],\n  )\n\n  const getDataToCopy = useCallback(\n    () =>\n      reduceFormStateByPath({\n        formState: { ...getFields() },\n        path,\n      }),\n    [getFields, path],\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 || disabled) && rows.length === 0\n  const showMinRows = (rows.length && rows.length < minRows) || (required && rows.length === 0)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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      style={styles}\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          <ul className={`${baseClass}__header-actions`}>\n            {rows?.length > 0 && (\n              <Fragment>\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              </Fragment>\n            )}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                fields={fields}\n                getDataToCopy={getDataToCopy}\n                onPaste={pasteField}\n                path={path}\n                type={type}\n              />\n            </li>\n          </ul>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\n      {BeforeInput}\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((rowData, i) => {\n            const { id: rowID, isLoading } = 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\n                disabled={readOnly || disabled || !isSortable}\n                id={rowID}\n                key={rowID}\n              >\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    addRow={addRow}\n                    copyRow={copyRow}\n                    CustomRowLabel={rows?.[i]?.customComponents?.RowLabel}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    isLoading={isLoading}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    parentPath={path}\n                    pasteRow={pasteRow}\n                    path={rowPath}\n                    permissions={permissions}\n                    readOnly={readOnly || disabled}\n                    removeRow={removeRow}\n                    row={rowData}\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      {!hasMaxRows && !readOnly && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          disabled={disabled}\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      {AfterInput}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(ArrayFieldComponent)\n"],"names":["getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","DraggableSortableItem","DraggableSortable","ErrorPill","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","mergeFieldStyles","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","field","name","type","admin","className","description","isSortable","fields","label","localized","maxRows","minRows","minRowsProp","required","forceRender","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","submitted","code","locale","i18n","t","config","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","singular","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","formState","clipboardResult","getDataToCopy","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaFields","pasteField","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","styles","div","filter","Boolean","join","id","replace","style","CustomComponent","Fallback","header","h3","as","count","withMessage","ul","li","button","onClick","allowCopy","allowPaste","fieldValue","ids","map","row","onDragEnd","rowData","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","CustomRowLabel","RowLabel","errorCount","parentPath","rowCount","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"mappings":"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"}
+{"version":3,"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, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n  mergeFormStateFromClipboard,\n  reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.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 { mergeFieldStyles } from '../mergeFieldStyles.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    field: {\n      name,\n      type,\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: pathFromProps,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n    validate,\n  } = props\n\n  const schemaPath = schemaPathFromProps ?? name\n\n  const minRows = minRowsProp ?? (required ? 1 : 0)\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const {\n    addFieldRow,\n    dispatchFields,\n    getFields,\n    moveFieldRow,\n    removeFieldRow,\n    replaceState,\n    setModified,\n  } = 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\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: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    errorPaths,\n    path,\n    rows = [],\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    (rowIndex: number) => {\n      addFieldRow({\n        path,\n        rowIndex,\n        schemaPath,\n      })\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [addFieldRow, path, schemaPath],\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      removeFieldRow({ path, rowIndex })\n    },\n    [removeFieldRow, path],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      moveFieldRow({\n        moveFromIndex,\n        moveToIndex,\n        path,\n      })\n    },\n    [path, moveFieldRow],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\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\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const copyRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const clipboardResult = clipboardCopy({\n        type,\n        fields,\n        getDataToCopy: () =>\n          reduceFormStateByPath({\n            formState,\n            path,\n            rowIndex,\n          }),\n        path,\n        rowIndex,\n        t,\n      })\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      } else {\n        toast.success(t('general:copied'))\n      }\n    },\n    [fields, getFields, path, t, type],\n  )\n\n  const pasteRow = useCallback(\n    (rowIndex: number) => {\n      const formState = { ...getFields() }\n      const pasteArgs = {\n        onPaste: (dataFromClipboard: ClipboardPasteData) => {\n          const newState = mergeFormStateFromClipboard({\n            dataFromClipboard,\n            formState,\n            path,\n            rowIndex,\n          })\n          replaceState(newState)\n          setModified(true)\n        },\n        path,\n        schemaFields: fields,\n        t,\n      }\n\n      const clipboardResult = clipboardPaste(pasteArgs)\n\n      if (typeof clipboardResult === 'string') {\n        toast.error(clipboardResult)\n      }\n    },\n    [fields, getFields, path, replaceState, setModified, t],\n  )\n\n  const pasteField = useCallback(\n    (dataFromClipboard: ClipboardPasteData) => {\n      const formState = { ...getFields() }\n      const newState = mergeFormStateFromClipboard({\n        dataFromClipboard,\n        formState,\n        path,\n      })\n      replaceState(newState)\n      setModified(true)\n    },\n    [getFields, path, replaceState, setModified],\n  )\n\n  const getDataToCopy = useCallback(\n    () =>\n      reduceFormStateByPath({\n        formState: { ...getFields() },\n        path,\n      }),\n    [getFields, path],\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 || disabled) && rows.length === 0\n  const showMinRows = (rows.length && rows.length < minRows) || (required && rows.length === 0)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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      style={styles}\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          <ul className={`${baseClass}__header-actions`}>\n            {rows?.length > 0 && (\n              <Fragment>\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              </Fragment>\n            )}\n            <li>\n              <ClipboardAction\n                allowCopy={rows?.length > 0}\n                allowPaste={!readOnly}\n                className={`${baseClass}__header-action`}\n                disabled={disabled}\n                fields={fields}\n                getDataToCopy={getDataToCopy}\n                onPaste={pasteField}\n                path={path}\n                type={type}\n              />\n            </li>\n          </ul>\n        </div>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </header>\n      <NullifyLocaleField\n        fieldValue={value}\n        localized={localized}\n        path={path}\n        readOnly={readOnly}\n      />\n      {BeforeInput}\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((rowData, i) => {\n            const { id: rowID, isLoading } = 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\n                disabled={readOnly || disabled || !isSortable}\n                id={rowID}\n                key={rowID}\n              >\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    addRow={addRow}\n                    copyRow={copyRow}\n                    CustomRowLabel={rows?.[i]?.customComponents?.RowLabel}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fields={fields}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    isLoading={isLoading}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    parentPath={path}\n                    pasteRow={pasteRow}\n                    path={rowPath}\n                    permissions={permissions}\n                    readOnly={readOnly || disabled}\n                    removeRow={removeRow}\n                    row={rowData}\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      {!hasMaxRows && !readOnly && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          disabled={disabled}\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      {AfterInput}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(ArrayFieldComponent)\n"],"names":["getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","mergeFormStateFromClipboard","reduceFormStateByPath","DraggableSortableItem","DraggableSortable","ErrorPill","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","mergeFieldStyles","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","field","name","type","admin","className","description","isSortable","fields","label","localized","maxRows","minRows","minRowsProp","required","forceRender","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","submitted","code","locale","i18n","t","config","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","singular","undefined","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","formState","clipboardResult","getDataToCopy","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaFields","pasteField","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","styles","div","filter","Boolean","join","id","replace","style","CustomComponent","Fallback","header","h3","as","count","withMessage","ul","li","button","onClick","allowCopy","allowPaste","fieldValue","ids","map","row","onDragEnd","rowData","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","CustomRowLabel","RowLabel","errorCount","parentPath","rowCount","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"mappings":"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"}

package/dist/fields/Blocks/BlockRow.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { Collapsible } from '../../elements/Collapsible/index.js';
@@ -54,14 +54,14 @@ export const BlockRow = ({ addRow, attributes, block, blocks, copyRow, duplicate
             }
         }
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         id: `${parentPath?.split('.').join('-')}-row-${rowIndex}`,
         ref: setNodeRef,
         style: {
             transform
         },
-        children: /*#__PURE__*/ _jsx(Collapsible, {
-            actions: !readOnly ? /*#__PURE__*/ _jsx(RowActions, {
+        children: /*#__PURE__*/ _jsxDEV(Collapsible, {
+            actions: !readOnly ? /*#__PURE__*/ _jsxDEV(RowActions, {
                 addRow: addRow,
                 blocks: blocks,
                 blockType: row.blockType,
@@ -76,7 +76,11 @@ export const BlockRow = ({ addRow, attributes, block, blocks, copyRow, duplicate
                 removeRow: removeRow,
                 rowCount: rowCount,
                 rowIndex: rowIndex
-            }) : undefined,
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 145,
+                columnNumber: 13
+            }, void 0) : undefined,
             className: classNames,
             collapsibleStyle: fieldHasErrors ? 'error' : 'default',
             dragHandleProps: isSortable ? {
@@ -84,45 +88,77 @@ export const BlockRow = ({ addRow, attributes, block, blocks, copyRow, duplicate
                 attributes,
                 listeners
             } : undefined,
-            header: isLoading ? /*#__PURE__*/ _jsx(ShimmerEffect, {
+            header: isLoading ? /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
                 height: "1rem",
                 width: "8rem"
-            }) : /*#__PURE__*/ _jsxs("div", {
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 176,
+                columnNumber: 13
+            }, void 0) : /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__block-header`,
                 children: [
-                    /*#__PURE__*/ _jsx(RowLabel, {
+                    /*#__PURE__*/ _jsxDEV(RowLabel, {
                         CustomComponent: Label,
-                        label: /*#__PURE__*/ _jsxs(_Fragment, {
+                        label: /*#__PURE__*/ _jsxDEV(_Fragment, {
                             children: [
-                                /*#__PURE__*/ _jsx("span", {
+                                /*#__PURE__*/ _jsxDEV("span", {
                                     className: `${baseClass}__block-number`,
                                     children: String(rowIndex + 1).padStart(2, '0')
-                                }),
-                                /*#__PURE__*/ _jsx(Pill, {
+                                }, void 0, false, {
+                                    fileName: "src/fields/Blocks/BlockRow.tsx",
+                                    lineNumber: 183,
+                                    columnNumber: 21
+                                }, void 0),
+                                /*#__PURE__*/ _jsxDEV(Pill, {
                                     className: `${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`,
                                     pillStyle: "white",
                                     size: "small",
                                     children: getTranslation(block.labels.singular, i18n)
-                                }),
-                                showBlockName && /*#__PURE__*/ _jsx(SectionTitle, {
+                                }, void 0, false, {
+                                    fileName: "src/fields/Blocks/BlockRow.tsx",
+                                    lineNumber: 186,
+                                    columnNumber: 21
+                                }, void 0),
+                                showBlockName && /*#__PURE__*/ _jsxDEV(SectionTitle, {
                                     path: `${path}.blockName`,
                                     readOnly: readOnly
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/fields/Blocks/BlockRow.tsx",
+                                    lineNumber: 194,
+                                    columnNumber: 23
+                                }, void 0)
                             ]
-                        }),
+                        }, void 0, true),
                         path: path,
                         rowNumber: rowIndex
-                    }),
-                    fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
+                    }, void 0, false, {
+                        fileName: "src/fields/Blocks/BlockRow.tsx",
+                        lineNumber: 179,
+                        columnNumber: 15
+                    }, void 0),
+                    fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                         count: errorCount,
                         i18n: i18n,
                         withMessage: true
-                    })
+                    }, void 0, false, {
+                        fileName: "src/fields/Blocks/BlockRow.tsx",
+                        lineNumber: 201,
+                        columnNumber: 34
+                    }, void 0)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 178,
+                columnNumber: 13
+            }, void 0),
             isCollapsed: row.collapsed,
             onToggle: (collapsed)=>setCollapse(row.id, collapsed),
-            children: isLoading ? /*#__PURE__*/ _jsx(ShimmerEffect, {}) : /*#__PURE__*/ _jsx(RenderFields, {
+            children: isLoading ? /*#__PURE__*/ _jsxDEV(ShimmerEffect, {}, void 0, false, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 210,
+                columnNumber: 11
+            }, this) : /*#__PURE__*/ _jsxDEV(RenderFields, {
                 className: `${baseClass}__fields`,
                 fields: fields,
                 margins: "small",
@@ -131,9 +167,21 @@ export const BlockRow = ({ addRow, attributes, block, blocks, copyRow, duplicate
                 parentSchemaPath: schemaPath,
                 permissions: blockPermissions,
                 readOnly: readOnly
-            })
-        }, row.id)
-    }, `${parentPath}-row-${rowIndex}`);
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 212,
+                columnNumber: 11
+            }, this)
+        }, row.id, false, {
+            fileName: "src/fields/Blocks/BlockRow.tsx",
+            lineNumber: 142,
+            columnNumber: 7
+        }, this)
+    }, `${parentPath}-row-${rowIndex}`, false, {
+        fileName: "src/fields/Blocks/BlockRow.tsx",
+        lineNumber: 134,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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 { 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'\nimport type { RenderFieldsProps } from '../../forms/RenderFields/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 { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useThrottledValue } from '../../hooks/useThrottledValue.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 | string)[] | ClientBlock[]\n  copyRow: (rowIndex: number) => void\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fields: ClientField[]\n  hasMaxRows?: boolean\n  isLoading?: boolean\n  isSortable?: boolean\n  Label?: React.ReactNode\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  parentPath: string\n  pasteRow: (rowIndex: number) => void\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  copyRow,\n  duplicateRow,\n  errorCount,\n  fields,\n  hasMaxRows,\n  isLoading: isLoadingFromProps,\n  isSortable,\n  Label,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  pasteRow,\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 isLoading = useThrottledValue(isLoadingFromProps, 500)\n\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const showBlockName = !block.admin?.disableBlockName\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  let blockPermissions: RenderFieldsProps['permissions'] = true\n\n  if (permissions === true) {\n    blockPermissions = true\n  } else {\n    const permissionsBlockSpecific = permissions?.blocks?.[block.slug] || permissions?.blocks\n    if (permissionsBlockSpecific === true) {\n      blockPermissions = true\n    } else if (permissionsBlockSpecific?.fields) {\n      blockPermissions = permissionsBlockSpecific.fields\n    } else {\n      // Check if we should fall back to read-only mode based on permission structure\n      // This handles cases where field-level access control exists but block permissions were sanitized\n      if (typeof permissions === 'object' && permissions && !permissionsBlockSpecific) {\n        // If permissions object exists but has no block-specific permissions,\n        // check if it has any restrictive characteristics\n        const hasReadPermission = permissions.read === true\n        const missingCreateOrUpdate = !permissions.create || !permissions.update\n        const hasRestrictiveStructure =\n          hasReadPermission &&\n          (missingCreateOrUpdate ||\n            (typeof permissions === 'object' &&\n              Object.keys(permissions).length === 1 &&\n              permissions.read))\n\n        if (hasRestrictiveStructure) {\n          blockPermissions = { read: true }\n        } else {\n          blockPermissions = permissionsBlockSpecific?.fields\n        }\n      } else {\n        blockPermissions = permissionsBlockSpecific?.fields\n      }\n    }\n  }\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              copyRow={copyRow}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              pasteRow={pasteRow}\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          isLoading ? (\n            <ShimmerEffect height=\"1rem\" width=\"8rem\" />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <RowLabel\n                CustomComponent={Label}\n                label={\n                  <>\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                      size=\"small\"\n                    >\n                      {getTranslation(block.labels.singular, i18n)}\n                    </Pill>\n                    {showBlockName && (\n                      <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n                    )}\n                  </>\n                }\n                path={path}\n                rowNumber={rowIndex}\n              />\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        {isLoading ? (\n          <ShimmerEffect />\n        ) : (\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={blockPermissions}\n            readOnly={readOnly}\n          />\n        )}\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","addRow","attributes","block","blocks","copyRow","duplicateRow","errorCount","fields","hasMaxRows","isLoading","isLoadingFromProps","isSortable","Label","labels","listeners","moveRow","parentPath","pasteRow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","showBlockName","admin","disableBlockName","classNames","filter","Boolean","join","blockPermissions","permissionsBlockSpecific","slug","hasReadPermission","read","missingCreateOrUpdate","create","update","hasRestrictiveStructure","Object","keys","length","div","id","split","ref","style","actions","blockType","undefined","className","collapsibleStyle","dragHandleProps","header","height","width","CustomComponent","label","span","String","padStart","pillStyle","size","singular","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","parentIndexPath","parentSchemaPath"],"mappings":"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"}
+{"version":3,"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'\nimport type { RenderFieldsProps } from '../../forms/RenderFields/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 { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useThrottledValue } from '../../hooks/useThrottledValue.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 | string)[] | ClientBlock[]\n  copyRow: (rowIndex: number) => void\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fields: ClientField[]\n  hasMaxRows?: boolean\n  isLoading?: boolean\n  isSortable?: boolean\n  Label?: React.ReactNode\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  parentPath: string\n  pasteRow: (rowIndex: number) => void\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  copyRow,\n  duplicateRow,\n  errorCount,\n  fields,\n  hasMaxRows,\n  isLoading: isLoadingFromProps,\n  isSortable,\n  Label,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  pasteRow,\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 isLoading = useThrottledValue(isLoadingFromProps, 500)\n\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const showBlockName = !block.admin?.disableBlockName\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  let blockPermissions: RenderFieldsProps['permissions'] = true\n\n  if (permissions === true) {\n    blockPermissions = true\n  } else {\n    const permissionsBlockSpecific = permissions?.blocks?.[block.slug] || permissions?.blocks\n    if (permissionsBlockSpecific === true) {\n      blockPermissions = true\n    } else if (permissionsBlockSpecific?.fields) {\n      blockPermissions = permissionsBlockSpecific.fields\n    } else {\n      // Check if we should fall back to read-only mode based on permission structure\n      // This handles cases where field-level access control exists but block permissions were sanitized\n      if (typeof permissions === 'object' && permissions && !permissionsBlockSpecific) {\n        // If permissions object exists but has no block-specific permissions,\n        // check if it has any restrictive characteristics\n        const hasReadPermission = permissions.read === true\n        const missingCreateOrUpdate = !permissions.create || !permissions.update\n        const hasRestrictiveStructure =\n          hasReadPermission &&\n          (missingCreateOrUpdate ||\n            (typeof permissions === 'object' &&\n              Object.keys(permissions).length === 1 &&\n              permissions.read))\n\n        if (hasRestrictiveStructure) {\n          blockPermissions = { read: true }\n        } else {\n          blockPermissions = permissionsBlockSpecific?.fields\n        }\n      } else {\n        blockPermissions = permissionsBlockSpecific?.fields\n      }\n    }\n  }\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              copyRow={copyRow}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              pasteRow={pasteRow}\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          isLoading ? (\n            <ShimmerEffect height=\"1rem\" width=\"8rem\" />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <RowLabel\n                CustomComponent={Label}\n                label={\n                  <>\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                      size=\"small\"\n                    >\n                      {getTranslation(block.labels.singular, i18n)}\n                    </Pill>\n                    {showBlockName && (\n                      <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n                    )}\n                  </>\n                }\n                path={path}\n                rowNumber={rowIndex}\n              />\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        {isLoading ? (\n          <ShimmerEffect />\n        ) : (\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={blockPermissions}\n            readOnly={readOnly}\n          />\n        )}\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","addRow","attributes","block","blocks","copyRow","duplicateRow","errorCount","fields","hasMaxRows","isLoading","isLoadingFromProps","isSortable","Label","labels","listeners","moveRow","parentPath","pasteRow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","showBlockName","admin","disableBlockName","classNames","filter","Boolean","join","blockPermissions","permissionsBlockSpecific","slug","hasReadPermission","read","missingCreateOrUpdate","create","update","hasRestrictiveStructure","Object","keys","length","div","id","split","ref","style","actions","blockType","undefined","className","collapsibleStyle","dragHandleProps","header","height","width","CustomComponent","label","span","String","padStart","pillStyle","size","singular","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","parentIndexPath","parentSchemaPath"],"mappings":"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"}

package/dist/fields/Blocks/BlockSelector/BlockSearch/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { SearchIcon } from '../../../../icons/Search/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
@@ -11,17 +11,29 @@ export const BlockSearch = (props)=>{
     const handleChange = (e)=>{
         setSearchTerm(e.target.value);
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsx("input", {
+            /*#__PURE__*/ _jsxDEV("input", {
                 className: `${baseClass}__input`,
                 onChange: handleChange,
                 placeholder: t('fields:searchForBlock')
-            }),
-            /*#__PURE__*/ _jsx(SearchIcon, {})
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
+                lineNumber: 20,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(SearchIcon, {}, void 0, false, {
+                fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
+                lineNumber: 25,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
+        lineNumber: 19,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Blocks/BlockSelector/BlockSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Blocks/BlockSelector/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"names":["React","SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAmC;AAC9D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,MAACC;QAAIC,WAAWV;;0BACd,KAACW;gBACCD,WAAW,GAAGV,UAAU,OAAO,CAAC;gBAChCY,UAAUP;gBACVQ,aAAaT,EAAE;;0BAEjB,KAACN;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../src/fields/Blocks/BlockSelector/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"names":["React","SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAmC;AAC9D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,QAACC;QAAIC,WAAWV;;0BACd,QAACW;gBACCD,WAAW,GAAGV,UAAU,OAAO,CAAC;gBAChCY,UAAUP;gBACVQ,aAAaT,EAAE;;;;;;0BAEjB,QAACN;;;;;;;;;;;AAGP,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect, useMemo, useState } from 'react';
 import { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js';
@@ -68,33 +68,41 @@ export const BlockSelector = (props)=>{
         i18n,
         config.blocksMap
     ]);
-    return /*#__PURE__*/ _jsxs(Fragment, {
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(BlockSearch, {
+            /*#__PURE__*/ _jsxDEV(BlockSearch, {
                 setSearchTerm: setSearchTerm
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                lineNumber: 86,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__blocks-wrapper`,
-                children: /*#__PURE__*/ _jsx("ul", {
+                children: /*#__PURE__*/ _jsxDEV("ul", {
                     className: `${baseClass}__block-groups`,
-                    children: Object.entries(blockGroups).map(([groupLabel, groupBlocks])=>!groupBlocks.length ? null : /*#__PURE__*/ _jsxs("li", {
+                    children: Object.entries(blockGroups).map(([groupLabel, groupBlocks])=>!groupBlocks.length ? null : /*#__PURE__*/ _jsxDEV("li", {
                             className: [
                                 `${baseClass}__block-group`,
                                 groupLabel === '_none' && `${baseClass}__block-group-none`
                             ].filter(Boolean).join(' '),
                             children: [
-                                groupLabel !== '_none' && /*#__PURE__*/ _jsx("h3", {
+                                groupLabel !== '_none' && /*#__PURE__*/ _jsxDEV("h3", {
                                     className: `${baseClass}__block-group-label`,
                                     children: groupLabel
-                                }),
-                                /*#__PURE__*/ _jsx("ul", {
+                                }, void 0, false, {
+                                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                    lineNumber: 101,
+                                    columnNumber: 19
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV("ul", {
                                     className: `${baseClass}__blocks`,
                                     children: groupBlocks.map((_block, index)=>{
                                         const block = typeof _block === 'string' ? config.blocksMap[_block] : _block;
                                         const { slug, imageAltText, imageURL, labels: blockLabels } = block;
-                                        return /*#__PURE__*/ _jsx("li", {
+                                        return /*#__PURE__*/ _jsxDEV("li", {
                                             className: `${baseClass}__block`,
-                                            children: /*#__PURE__*/ _jsx(ThumbnailCard, {
+                                            children: /*#__PURE__*/ _jsxDEV(ThumbnailCard, {
                                                 alignLabel: "center",
                                                 label: getTranslation(blockLabels?.singular, i18n),
                                                 onClick: ()=>{
@@ -102,23 +110,63 @@ export const BlockSelector = (props)=>{
                                                         onSelect(slug);
                                                     }
                                                 },
-                                                thumbnail: /*#__PURE__*/ _jsx("div", {
+                                                thumbnail: /*#__PURE__*/ _jsxDEV("div", {
                                                     className: `${baseClass}__default-image`,
-                                                    children: imageURL ? /*#__PURE__*/ _jsx("img", {
+                                                    children: imageURL ? /*#__PURE__*/ _jsxDEV("img", {
                                                         alt: imageAltText,
                                                         src: imageURL
-                                                    }) : /*#__PURE__*/ _jsx(DefaultBlockImage, {})
-                                                })
-                                            })
-                                        }, index);
+                                                    }, void 0, false, {
+                                                        fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                                        lineNumber: 122,
+                                                        columnNumber: 33
+                                                    }, void 0) : /*#__PURE__*/ _jsxDEV(DefaultBlockImage, {}, void 0, false, {
+                                                        fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                                        lineNumber: 124,
+                                                        columnNumber: 33
+                                                    }, void 0)
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                                    lineNumber: 120,
+                                                    columnNumber: 29
+                                                }, void 0)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                                lineNumber: 111,
+                                                columnNumber: 25
+                                            }, this)
+                                        }, index, false, {
+                                            fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                            lineNumber: 110,
+                                            columnNumber: 23
+                                        }, this);
                                     })
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                                    lineNumber: 103,
+                                    columnNumber: 17
+                                }, this)
                             ]
-                        }, groupLabel))
-                })
-            })
+                        }, groupLabel, true, {
+                            fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                            lineNumber: 91,
+                            columnNumber: 15
+                        }, this))
+                }, void 0, false, {
+                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                    lineNumber: 88,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                lineNumber: 87,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+        lineNumber: 85,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useMemo, useState } from 'react'\n\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useControllableState } from '../../../hooks/useControllableState.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\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 BlockSelector: React.FC<Props> = (props) => {\n  const { blocks, onSelect, searchTerm: searchTermFromProps } = props\n\n  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '')\n\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const blockGroups = useMemo(() => {\n    const groups: Record<string, (ClientBlock | string)[]> = {\n      _none: [],\n    }\n\n    filteredBlocks.forEach((block) => {\n      if (typeof block === 'object' && block.admin?.group) {\n        const group = block.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(block)\n        } else {\n          groups[label] = [block]\n        }\n      } else {\n        groups._none.push(block)\n      }\n    })\n\n    return groups\n  }, [filteredBlocks, i18n])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _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, config.blocksMap])\n\n  return (\n    <Fragment>\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__block-groups`}>\n          {Object.entries(blockGroups).map(([groupLabel, groupBlocks]) =>\n            !groupBlocks.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__block-group`,\n                  groupLabel === '_none' && `${baseClass}__block-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__blocks`}>\n                  {groupBlocks.map((_block, index) => {\n                    const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\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                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {imageURL ? (\n                                <img alt={imageAltText} src={imageURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","blocks","onSelect","searchTerm","searchTermFromProps","setSearchTerm","filteredBlocks","setFilteredBlocks","config","blockGroups","groups","_none","forEach","admin","group","label","Object","hasOwn","push","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","blocksMap","blockLabel","includes","div","className","ul","entries","map","groupLabel","groupBlocks","length","li","filter","Boolean","join","h3","index","slug","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","img","alt","src"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useMemo, useState } from 'react'\n\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useControllableState } from '../../../hooks/useControllableState.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\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 BlockSelector: React.FC<Props> = (props) => {\n  const { blocks, onSelect, searchTerm: searchTermFromProps } = props\n\n  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '')\n\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const blockGroups = useMemo(() => {\n    const groups: Record<string, (ClientBlock | string)[]> = {\n      _none: [],\n    }\n\n    filteredBlocks.forEach((block) => {\n      if (typeof block === 'object' && block.admin?.group) {\n        const group = block.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(block)\n        } else {\n          groups[label] = [block]\n        }\n      } else {\n        groups._none.push(block)\n      }\n    })\n\n    return groups\n  }, [filteredBlocks, i18n])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _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, config.blocksMap])\n\n  return (\n    <Fragment>\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__block-groups`}>\n          {Object.entries(blockGroups).map(([groupLabel, groupBlocks]) =>\n            !groupBlocks.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__block-group`,\n                  groupLabel === '_none' && `${baseClass}__block-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__blocks`}>\n                  {groupBlocks.map((_block, index) => {\n                    const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\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                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {imageURL ? (\n                                <img alt={imageAltText} src={imageURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","blocks","onSelect","searchTerm","searchTermFromProps","setSearchTerm","filteredBlocks","setFilteredBlocks","config","blockGroups","groups","_none","forEach","admin","group","label","Object","hasOwn","push","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","blocksMap","blockLabel","includes","div","className","ul","entries","map","groupLabel","groupBlocks","length","li","filter","Boolean","join","h3","index","slug","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","img","alt","src"],"mappings":"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"}