@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/fields/Blocks/BlockRow.js

@@ -1,5 +1,7 @@
 'use client';
+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';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
 import { Pill } from '../../elements/Pill/index.js';
@@ -52,28 +54,134 @@ export const BlockRow = ({ addRow, attributes, block, blocks, copyRow, duplicate
             }
         }
     }
-    return <div id={`${parentPath?.split('.').join('-')}-row-${rowIndex}`} key={`${parentPath}-row-${rowIndex}`} ref={setNodeRef} style={{
-        transform
-    }}>
-      <Collapsible actions={!readOnly ? <RowActions addRow={addRow} blocks={blocks} blockType={row.blockType} copyRow={copyRow} duplicateRow={duplicateRow} fields={block.fields} hasMaxRows={hasMaxRows} isSortable={isSortable} labels={labels} moveRow={moveRow} pasteRow={pasteRow} removeRow={removeRow} rowCount={rowCount} rowIndex={rowIndex}/> : undefined} className={classNames} collapsibleStyle={fieldHasErrors ? 'error' : 'default'} dragHandleProps={isSortable ? {
-        id: row.id,
-        attributes,
-        listeners
-    } : undefined} header={isLoading ? <ShimmerEffect height="1rem" width="8rem"/> : <div className={`${baseClass}__block-header`}>
-              <RowLabel CustomComponent={Label} label={<>
-                    <span className={`${baseClass}__block-number`}>
-                      {String(rowIndex + 1).padStart(2, '0')}
-                    </span>
-                    <Pill className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`} pillStyle="white" size="small">
-                      {getTranslation(block.labels.singular, i18n)}
-                    </Pill>
-                    {showBlockName && <SectionTitle path={`${path}.blockName`} readOnly={readOnly}/>}
-                  </>} path={path} rowNumber={rowIndex}/>
-              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage/>}
-            </div>} isCollapsed={row.collapsed} key={row.id} onToggle={(collapsed)=>setCollapse(row.id, collapsed)}>
-        {isLoading ? <ShimmerEffect/> : <RenderFields className={`${baseClass}__fields`} fields={fields} margins="small" parentIndexPath="" parentPath={path} parentSchemaPath={schemaPath} permissions={blockPermissions} readOnly={readOnly}/>}
-      </Collapsible>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        id: `${parentPath?.split('.').join('-')}-row-${rowIndex}`,
+        ref: setNodeRef,
+        style: {
+            transform
+        },
+        children: /*#__PURE__*/ _jsxDEV(Collapsible, {
+            actions: !readOnly ? /*#__PURE__*/ _jsxDEV(RowActions, {
+                addRow: addRow,
+                blocks: blocks,
+                blockType: row.blockType,
+                copyRow: copyRow,
+                duplicateRow: duplicateRow,
+                fields: block.fields,
+                hasMaxRows: hasMaxRows,
+                isSortable: isSortable,
+                labels: labels,
+                moveRow: moveRow,
+                pasteRow: pasteRow,
+                removeRow: removeRow,
+                rowCount: rowCount,
+                rowIndex: rowIndex
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 145,
+                columnNumber: 13
+            }, void 0) : undefined,
+            className: classNames,
+            collapsibleStyle: fieldHasErrors ? 'error' : 'default',
+            dragHandleProps: isSortable ? {
+                id: row.id,
+                attributes,
+                listeners
+            } : undefined,
+            header: isLoading ? /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
+                height: "1rem",
+                width: "8rem"
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockRow.tsx",
+                lineNumber: 176,
+                columnNumber: 13
+            }, void 0) : /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__block-header`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(RowLabel, {
+                        CustomComponent: Label,
+                        label: /*#__PURE__*/ _jsxDEV(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsxDEV("span", {
+                                    className: `${baseClass}__block-number`,
+                                    children: String(rowIndex + 1).padStart(2, '0')
+                                }, 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)
+                                }, 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
+                    }, 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__*/ _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",
+                parentIndexPath: "",
+                parentPath: path,
+                parentSchemaPath: schemaPath,
+                permissions: blockPermissions,
+                readOnly: readOnly
+            }, 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","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","key","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,4 +1,6 @@
 'use client';
+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';
 import './index.scss';
@@ -9,10 +11,29 @@ export const BlockSearch = (props)=>{
     const handleChange = (e)=>{
         setSearchTerm(e.target.value);
     };
-    return <div className={baseClass}>
-      <input className={`${baseClass}__input`} onChange={handleChange} placeholder={t('fields:searchForBlock')}/>
-      <SearchIcon/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV("input", {
+                className: `${baseClass}__input`,
+                onChange: handleChange,
+                placeholder: t('fields:searchForBlock')
+            }, 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":["SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA;AAGA,SAASA,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,QACGC,IAAIC,WAAWV,WAAW;MACzB,CAACW,MACCD,WAAW,GAAGV,UAAU,OAAO,CAAC,EAChCY,UAAUP,cACVQ,aAAaT,EAAE,2BACf;MACF,CAACN,YAAa;IAChB,EAAEW;AAEN,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,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Fragment, useEffect, useMemo, useState } from 'react';
+import React, { Fragment, useEffect, useMemo, useState } from 'react';
 import { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js';
 import { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js';
 import { useControllableState } from '../../../hooks/useControllableState.js';
@@ -67,34 +68,105 @@ export const BlockSelector = (props)=>{
         i18n,
         config.blocksMap
     ]);
-    return <Fragment>
-      <BlockSearch setSearchTerm={setSearchTerm}/>
-      <div className={`${baseClass}__blocks-wrapper`}>
-        <ul className={`${baseClass}__block-groups`}>
-          {Object.entries(blockGroups).map(([groupLabel, groupBlocks])=>!groupBlocks.length ? null : <li className={[
-            `${baseClass}__block-group`,
-            groupLabel === '_none' && `${baseClass}__block-group-none`
-        ].filter(Boolean).join(' ')} key={groupLabel}>
-                {groupLabel !== '_none' && <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>}
-                <ul className={`${baseClass}__blocks`}>
-                  {groupBlocks.map((_block, index)=>{
-            const block = typeof _block === 'string' ? config.blocksMap[_block] : _block;
-            const { slug, imageAltText, imageURL, labels: blockLabels } = block;
-            return <li className={`${baseClass}__block`} key={index}>
-                        <ThumbnailCard alignLabel="center" label={getTranslation(blockLabels?.singular, i18n)} onClick={()=>{
-                if (typeof onSelect === 'function') {
-                    onSelect(slug);
-                }
-            }} thumbnail={<div className={`${baseClass}__default-image`}>
-                              {imageURL ? <img alt={imageAltText} src={imageURL}/> : <DefaultBlockImage/>}
-                            </div>}/>
-                      </li>;
-        })}
-                </ul>
-              </li>)}
-        </ul>
-      </div>
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(BlockSearch, {
+                setSearchTerm: setSearchTerm
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
+                lineNumber: 86,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__blocks-wrapper`,
+                children: /*#__PURE__*/ _jsxDEV("ul", {
+                    className: `${baseClass}__block-groups`,
+                    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__*/ _jsxDEV("h3", {
+                                    className: `${baseClass}__block-group-label`,
+                                    children: groupLabel
+                                }, 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__*/ _jsxDEV("li", {
+                                            className: `${baseClass}__block`,
+                                            children: /*#__PURE__*/ _jsxDEV(ThumbnailCard, {
+                                                alignLabel: "center",
+                                                label: getTranslation(blockLabels?.singular, i18n),
+                                                onClick: ()=>{
+                                                    if (typeof onSelect === 'function') {
+                                                        onSelect(slug);
+                                                    }
+                                                },
+                                                thumbnail: /*#__PURE__*/ _jsxDEV("div", {
+                                                    className: `${baseClass}__default-image`,
+                                                    children: imageURL ? /*#__PURE__*/ _jsxDEV("img", {
+                                                        alt: imageAltText,
+                                                        src: imageURL
+                                                    }, 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, 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","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","key","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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"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect } from 'react';
@@ -18,14 +19,28 @@ export const BlocksDrawer = (props)=>{
         isModalOpen,
         drawerSlug
     ]);
-    return <Drawer slug={drawerSlug} title={t('fields:addLabel', {
-        label: getTranslation(labels.singular, i18n)
-    })}>
-      <BlockSelector blocks={blocks} onSelect={(slug)=>{
-        void addRow(addRowIndex, slug);
-        closeModal(drawerSlug);
-    }} searchTerm={searchTermOverride}/>
-    </Drawer>;
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
+        slug: drawerSlug,
+        title: t('fields:addLabel', {
+            label: getTranslation(labels.singular, i18n)
+        }),
+        children: /*#__PURE__*/ _jsxDEV(BlockSelector, {
+            blocks: blocks,
+            onSelect: (slug)=>{
+                void addRow(addRowIndex, slug);
+                closeModal(drawerSlug);
+            },
+            searchTerm: searchTermOverride
+        }, void 0, false, {
+            fileName: "src/fields/Blocks/BlocksDrawer/index.tsx",
+            lineNumber: 38,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Blocks/BlocksDrawer/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSelector } from '../BlockSelector/index.js'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: (ClientBlock | string)[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const [searchTermOverride, setSearchTermOverride] = React.useState('')\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onSelect={(slug) => {\n          void addRow(addRowIndex, slug)\n          closeModal(drawerSlug)\n        }}\n        searchTerm={searchTermOverride}\n      />\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","React","useEffect","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","useState","slug","title","label","singular","onSelect","searchTerm"],"mappings":"AAAA;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,aAAa,QAAQ,4BAA2B;AAUzD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGL;IAE5D,MAAM,EAAEM,UAAU,EAAEC,WAAW,EAAE,GAAGf;IACpC,MAAM,EAAEgB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,CAACa,oBAAoBC,sBAAsB,GAAGjB,MAAMkB,QAAQ,CAAC;IAEnEjB,UAAU;QACR,IAAI,CAACY,YAAYH,aAAa;YAC5BO,sBAAsB;QACxB;IACF,GAAG;QAACJ;QAAaH;KAAW;IAE5B,QACGR,OACCiB,MAAMT,YACNU,OAAOL,EAAE,mBAAmB;QAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;IAAM,IAC5E;MACC,CAACV,cACCK,QAAQA,QACRc,UAAU,CAACJ;QACT,KAAKZ,OAAOC,aAAaW;QACzBP,WAAWF;IACb,GACAc,YAAYR,qBACZ;IACJ,EAAEd;AAEN,EAAC"}
+{"version":3,"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSelector } from '../BlockSelector/index.js'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: (ClientBlock | string)[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const [searchTermOverride, setSearchTermOverride] = React.useState('')\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onSelect={(slug) => {\n          void addRow(addRowIndex, slug)\n          closeModal(drawerSlug)\n        }}\n        searchTerm={searchTermOverride}\n      />\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","React","useEffect","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","useState","slug","title","label","singular","onSelect","searchTerm"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,aAAa,QAAQ,4BAA2B;AAUzD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGL;IAE5D,MAAM,EAAEM,UAAU,EAAEC,WAAW,EAAE,GAAGf;IACpC,MAAM,EAAEgB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,CAACa,oBAAoBC,sBAAsB,GAAGjB,MAAMkB,QAAQ,CAAC;IAEnEjB,UAAU;QACR,IAAI,CAACY,YAAYH,aAAa;YAC5BO,sBAAsB;QACxB;IACF,GAAG;QAACJ;QAAaH;KAAW;IAE5B,qBACE,QAACR;QACCiB,MAAMT;QACNU,OAAOL,EAAE,mBAAmB;YAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;QAAM;kBAE3E,cAAA,QAACV;YACCK,QAAQA;YACRc,UAAU,CAACJ;gBACT,KAAKZ,OAAOC,aAAaW;gBACzBP,WAAWF;YACb;YACAc,YAAYR;;;;;;;;;;;AAIpB,EAAC"}

package/dist/fields/Blocks/RowActions.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React from 'react';
 import { ArrayAction } from '../../elements/ArrayAction/index.js';
@@ -9,18 +10,49 @@ export const RowActions = (props)=>{
     const { closeModal, openModal } = useModal();
     const drawerSlug = useDrawerSlug('blocks-drawer');
     const [indexToAdd, setIndexToAdd] = React.useState(null);
-    return <React.Fragment>
-      <BlocksDrawer addRow={(_, rowBlockType)=>{
-        if (typeof addRow === 'function') {
-            void addRow(indexToAdd, rowBlockType);
-        }
-        closeModal(drawerSlug);
-    }} addRowIndex={rowIndex} blocks={blocks} drawerSlug={drawerSlug} labels={labels}/>
-      <ArrayAction addRow={(index)=>{
-        setIndexToAdd(index);
-        openModal(drawerSlug);
-    }} copyRow={copyRow} duplicateRow={()=>duplicateRow(rowIndex, blockType)} hasMaxRows={hasMaxRows} index={rowIndex} isSortable={isSortable} moveRow={moveRow} pasteRow={pasteRow} removeRow={removeRow} rowCount={rowCount}/>
-    </React.Fragment>;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(BlocksDrawer, {
+                addRow: (_, rowBlockType)=>{
+                    if (typeof addRow === 'function') {
+                        void addRow(indexToAdd, rowBlockType);
+                    }
+                    closeModal(drawerSlug);
+                },
+                addRowIndex: rowIndex,
+                blocks: blocks,
+                drawerSlug: drawerSlug,
+                labels: labels
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/RowActions.tsx",
+                lineNumber: 50,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ArrayAction, {
+                addRow: (index)=>{
+                    setIndexToAdd(index);
+                    openModal(drawerSlug);
+                },
+                copyRow: copyRow,
+                duplicateRow: ()=>duplicateRow(rowIndex, blockType),
+                hasMaxRows: hasMaxRows,
+                index: rowIndex,
+                isSortable: isSortable,
+                moveRow: moveRow,
+                pasteRow: pasteRow,
+                removeRow: removeRow,
+                rowCount: rowCount
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/RowActions.tsx",
+                lineNumber: 62,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Blocks/RowActions.tsx",
+        lineNumber: 49,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=RowActions.js.map