@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5f0cd13

package/dist/fields/Blocks/BlockRow.js

@@ -17,7 +17,7 @@ import { RowActions } from './RowActions.js';
 import { SectionTitle } from './SectionTitle/index.js';
 const baseClass = 'blocks-field';
 export const BlockRow = t0 => {
-  const $ = _c(42);
+  const $ = _c(45);
   const {
     addRow,
     attributes,
@@ -28,6 +28,7 @@ export const BlockRow = t0 => {
     errorCount,
     fields,
     hasMaxRows,
+    isDragging,
     isLoading: isLoadingFromProps,
     isSortable,
     Label,
@@ -46,7 +47,8 @@ export const BlockRow = t0 => {
     schemaPath,
     setCollapse,
     setNodeRef,
-    transform
+    transform,
+    transition
   } = t0;
   const isLoading = useThrottledValue(isLoadingFromProps, 500);
   const {
@@ -56,17 +58,19 @@ export const BlockRow = t0 => {
   const fieldHasErrors = hasSubmitted && errorCount > 0;
   const showBlockName = !block.admin?.disableBlockName;
   const t1 = fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = [`${baseClass}__row`, t1].filter(Boolean);
+  const t2 = isDragging && `${baseClass}__row--is-dragging`;
+  let t3;
+  if ($[0] !== t1 || $[1] !== t2) {
+    t3 = [`${baseClass}__row`, t1, t2].filter(Boolean);
     $[0] = t1;
     $[1] = t2;
+    $[2] = t3;
   } else {
-    t2 = $[1];
+    t3 = $[2];
   }
-  const classNames = t2.join(" ");
-  let t3;
-  if ($[2] !== Label || $[3] !== addRow || $[4] !== attributes || $[5] !== block.fields || $[6] !== block.labels || $[7] !== block.slug || $[8] !== blocks || $[9] !== classNames || $[10] !== copyRow || $[11] !== duplicateRow || $[12] !== errorCount || $[13] !== fieldHasErrors || $[14] !== fields || $[15] !== hasMaxRows || $[16] !== i18n || $[17] !== isLoading || $[18] !== isSortable || $[19] !== labels || $[20] !== listeners || $[21] !== moveRow || $[22] !== parentPath || $[23] !== pasteRow || $[24] !== path || $[25] !== permissions || $[26] !== readOnly || $[27] !== removeRow || $[28] !== row.blockType || $[29] !== row.collapsed || $[30] !== row.id || $[31] !== rowCount || $[32] !== rowIndex || $[33] !== schemaPath || $[34] !== setCollapse || $[35] !== setNodeRef || $[36] !== showBlockName || $[37] !== transform) {
+  const classNames = t3.join(" ");
+  let t4;
+  if ($[3] !== Label || $[4] !== addRow || $[5] !== attributes || $[6] !== block.fields || $[7] !== block.labels || $[8] !== block.slug || $[9] !== blocks || $[10] !== classNames || $[11] !== copyRow || $[12] !== duplicateRow || $[13] !== errorCount || $[14] !== fieldHasErrors || $[15] !== fields || $[16] !== hasMaxRows || $[17] !== i18n || $[18] !== isDragging || $[19] !== isLoading || $[20] !== isSortable || $[21] !== labels || $[22] !== listeners || $[23] !== moveRow || $[24] !== parentPath || $[25] !== pasteRow || $[26] !== path || $[27] !== permissions || $[28] !== readOnly || $[29] !== removeRow || $[30] !== row.blockType || $[31] !== row.collapsed || $[32] !== row.id || $[33] !== rowCount || $[34] !== rowIndex || $[35] !== schemaPath || $[36] !== setCollapse || $[37] !== setNodeRef || $[38] !== showBlockName || $[39] !== transform || $[40] !== transition) {
     let blockPermissions;
     if (permissions === true) {
       blockPermissions = true;
@@ -95,20 +99,22 @@ export const BlockRow = t0 => {
         }
       }
     }
-    let t4;
-    if ($[39] !== row.id || $[40] !== setCollapse) {
-      t4 = collapsed => setCollapse(row.id, collapsed);
-      $[39] = row.id;
-      $[40] = setCollapse;
-      $[41] = t4;
+    let t5;
+    if ($[42] !== row.id || $[43] !== setCollapse) {
+      t5 = collapsed => setCollapse(row.id, collapsed);
+      $[42] = row.id;
+      $[43] = setCollapse;
+      $[44] = t5;
     } else {
-      t4 = $[41];
+      t5 = $[44];
     }
-    t3 = _jsx("div", {
+    t4 = _jsx("div", {
       id: `${parentPath?.split(".").join("-")}-row-${rowIndex}`,
       ref: setNodeRef,
       style: {
-        transform
+        transform,
+        transition,
+        zIndex: isDragging ? 1 : undefined
       },
       children: _jsx(Collapsible, {
         actions: !readOnly ? _jsx(RowActions, {
@@ -129,7 +135,7 @@ export const BlockRow = t0 => {
         }) : undefined,
         className: classNames,
         collapsibleStyle: fieldHasErrors ? "error" : "default",
-        dragHandleProps: isSortable ? {
+        dragHandleProps: isSortable && !readOnly ? {
           id: row.id,
           attributes,
           listeners
@@ -164,11 +170,10 @@ export const BlockRow = t0 => {
           })]
         }),
         isCollapsed: row.collapsed,
-        onToggle: t4,
+        onToggle: t5,
         children: isLoading ? _jsx(ShimmerEffect, {}) : _jsx(RenderFields, {
           className: `${baseClass}__fields`,
           fields,
-          margins: "small",
           parentIndexPath: "",
           parentPath: path,
           parentSchemaPath: schemaPath,
@@ -176,47 +181,49 @@ export const BlockRow = t0 => {
           readOnly
         })
       }, row.id)
-    }, `${parentPath}-row-${rowIndex}`);
-    $[2] = Label;
-    $[3] = addRow;
-    $[4] = attributes;
-    $[5] = block.fields;
-    $[6] = block.labels;
-    $[7] = block.slug;
-    $[8] = blocks;
-    $[9] = classNames;
-    $[10] = copyRow;
-    $[11] = duplicateRow;
-    $[12] = errorCount;
-    $[13] = fieldHasErrors;
-    $[14] = fields;
-    $[15] = hasMaxRows;
-    $[16] = i18n;
-    $[17] = isLoading;
-    $[18] = isSortable;
-    $[19] = labels;
-    $[20] = listeners;
-    $[21] = moveRow;
-    $[22] = parentPath;
-    $[23] = pasteRow;
-    $[24] = path;
-    $[25] = permissions;
-    $[26] = readOnly;
-    $[27] = removeRow;
-    $[28] = row.blockType;
-    $[29] = row.collapsed;
-    $[30] = row.id;
-    $[31] = rowCount;
-    $[32] = rowIndex;
-    $[33] = schemaPath;
-    $[34] = setCollapse;
-    $[35] = setNodeRef;
-    $[36] = showBlockName;
-    $[37] = transform;
-    $[38] = t3;
+    }, `${parentPath}-row-${row.id}`);
+    $[3] = Label;
+    $[4] = addRow;
+    $[5] = attributes;
+    $[6] = block.fields;
+    $[7] = block.labels;
+    $[8] = block.slug;
+    $[9] = blocks;
+    $[10] = classNames;
+    $[11] = copyRow;
+    $[12] = duplicateRow;
+    $[13] = errorCount;
+    $[14] = fieldHasErrors;
+    $[15] = fields;
+    $[16] = hasMaxRows;
+    $[17] = i18n;
+    $[18] = isDragging;
+    $[19] = isLoading;
+    $[20] = isSortable;
+    $[21] = labels;
+    $[22] = listeners;
+    $[23] = moveRow;
+    $[24] = parentPath;
+    $[25] = pasteRow;
+    $[26] = path;
+    $[27] = permissions;
+    $[28] = readOnly;
+    $[29] = removeRow;
+    $[30] = row.blockType;
+    $[31] = row.collapsed;
+    $[32] = row.id;
+    $[33] = rowCount;
+    $[34] = rowIndex;
+    $[35] = schemaPath;
+    $[36] = setCollapse;
+    $[37] = setNodeRef;
+    $[38] = showBlockName;
+    $[39] = transform;
+    $[40] = transition;
+    $[41] = t4;
   } else {
-    t3 = $[38];
+    t4 = $[41];
   }
-  return t3;
+  return t4;
 };
 //# sourceMappingURL=BlockRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","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","t1","t2","filter","Boolean","classNames","join","t3","slug","blockType","collapsed","id","blockPermissions","permissionsBlockSpecific","hasReadPermission","read","missingCreateOrUpdate","create","update","hasRestrictiveStructure","Object","keys","length","t4","_jsx","split","ref","style","children","actions","className","collapsibleStyle","dragHandleProps","undefined","header","height","width","_jsxs","CustomComponent","label","_Fragment","String","padStart","pillStyle","size","singular","count","withMessage","onToggle","margins","parentIndexPath","parentSchemaPath"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","copyRow","duplicateRow","errorCount","fields","hasMaxRows","isDragging","isLoading","isLoadingFromProps","isSortable","Label","labels","listeners","moveRow","parentPath","pasteRow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","transition","i18n","hasSubmitted","fieldHasErrors","showBlockName","admin","disableBlockName","t1","t2","t3","filter","Boolean","classNames","join","t4","slug","blockType","collapsed","id","blockPermissions","permissionsBlockSpecific","hasReadPermission","read","missingCreateOrUpdate","create","update","hasRestrictiveStructure","Object","keys","length","t5","_jsx","split","ref","style","zIndex","undefined","children","actions","className","collapsibleStyle","dragHandleProps","header","height","width","_jsxs","CustomComponent","label","_Fragment","String","padStart","pillStyle","size","singular","count","withMessage","onToggle","parentIndexPath","parentSchemaPath"],"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  isDragging,\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  transition,\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    isDragging && `${baseClass}__row--is-dragging`,\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-${row.id}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n        transition,\n        zIndex: isDragging ? 1 : undefined,\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 && !readOnly\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            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={blockPermissions}\n            readOnly={readOnly}\n          />\n        )}\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AA6BlB,OAAO,MAAMC,QAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAjB,EAAA;EAAC;IAAAkB,MAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,SAAA,EAAAC,kBAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAhC,EA+BpD;EACC,MAAAY,SAAA,GAAkBlB,iBAAA,CAAkBmB,kBAAA,KAAoB;EAExD;IAAAoB;EAAA,IAAiBtC,cAAA;EACjB,MAAAuC,YAAA,GAAqB3C,gBAAA;EAErB,MAAA4C,cAAA,GAAuBD,YAAA,IAAgB1B,UAAA,IAAa;EAEpD,MAAA4B,aAAA,IAAuBhC,KAAA,CAAAiC,KAAA,EAAAC,gBAAA;EAIrB,MAAAC,EAAA,GAAAJ,cAAA,GAAiB,GAAArC,SAAA,mBAA+B,GAAG,GAAAA,SAAA,kBAA8B;EACjF,MAAA0C,EAAA,GAAA7B,UAAA,IAAc,GAAAb,SAAA,oBAAgC;EAAA,IAAA2C,EAAA;EAAA,IAAAxC,CAAA,QAAAsC,EAAA,IAAAtC,CAAA,QAAAuC,EAAA;IAH7BC,EAAA,IACjB,GAAA3C,SAAA,OAAmB,EACnByC,EAAiF,EACjFC,EAA8C,EAAAE,MAAA,CAAAC,OAEtC;IAAA1C,CAAA,MAAAsC,EAAA;IAAAtC,CAAA,MAAAuC,EAAA;IAAAvC,CAAA,MAAAwC,EAAA;EAAA;IAAAA,EAAA,GAAAxC,CAAA;EAAA;EALV,MAAA2C,UAAA,GAAmBH,EAKT,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAA7C,CAAA,QAAAc,KAAA,IAAAd,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,KAAA,CAAAK,MAAA,IAAAR,CAAA,QAAAG,KAAA,CAAAY,MAAA,IAAAf,CAAA,QAAAG,KAAA,CAAA2C,IAAA,IAAA9C,CAAA,QAAAI,MAAA,IAAAJ,CAAA,SAAA2C,UAAA,IAAA3C,CAAA,SAAAK,OAAA,IAAAL,CAAA,SAAAM,YAAA,IAAAN,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAkC,cAAA,IAAAlC,CAAA,SAAAQ,MAAA,IAAAR,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAgC,IAAA,IAAAhC,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAe,MAAA,IAAAf,CAAA,SAAAgB,SAAA,IAAAhB,CAAA,SAAAiB,OAAA,IAAAjB,CAAA,SAAAkB,UAAA,IAAAlB,CAAA,SAAAmB,QAAA,IAAAnB,CAAA,SAAAoB,IAAA,IAAApB,CAAA,SAAAqB,WAAA,IAAArB,CAAA,SAAAsB,QAAA,IAAAtB,CAAA,SAAAuB,SAAA,IAAAvB,CAAA,SAAAwB,GAAA,CAAAuB,SAAA,IAAA/C,CAAA,SAAAwB,GAAA,CAAAwB,SAAA,IAAAhD,CAAA,SAAAwB,GAAA,CAAAyB,EAAA,IAAAjD,CAAA,SAAAyB,QAAA,IAAAzB,CAAA,SAAA0B,QAAA,IAAA1B,CAAA,SAAA2B,UAAA,IAAA3B,CAAA,SAAA4B,WAAA,IAAA5B,CAAA,SAAA6B,UAAA,IAAA7B,CAAA,SAAAmC,aAAA,IAAAnC,CAAA,SAAA8B,SAAA,IAAA9B,CAAA,SAAA+B,UAAA;IAER,IAAAmB,gBAAA;IAAyD,IAErD7B,WAAA,SAAgB;MAClB6B,gBAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;MAEA,MAAAC,wBAAA,GAAiC9B,WAAA,EAAAjB,MAAA,GAAsBD,KAAA,CAAA2C,IAAA,KAAezB,WAAA,EAAAjB,MAAa;MAAA,IAC/E+C,wBAAA,SAA6B;QAC/BD,gBAAA,CAAAA,CAAA,CAAAA,IAAA;MAAA;QAAA,IACSC,wBAAA,EAAA3C,MAAA;UACT0C,gBAAA,CAAAA,CAAA,CAAmBC,wBAAA,CAAA3C,MAAA;QAAnB;UAAA,IAII,OAAOa,WAAA,KAAgB,YAAYA,WAAA,KAAgB8B,wBAAA;YAGrD,MAAAC,iBAAA,GAA0B/B,WAAA,CAAAgC,IAAA,SAAqB;YAC/C,MAAAC,qBAAA,GAA8B,CAACjC,WAAA,CAAAkC,MAAA,KAAuBlC,WAAA,CAAAmC,MAAkB;YACxE,MAAAC,uBAAA,GACEL,iBAAA,KACCE,qBAAA,IACE,OAAOjC,WAAA,KAAgB,YACtBqC,MAAA,CAAAC,IAAA,CAAYtC,WAAA,EAAAuC,MAAA,MAAwB,IACpCvC,WAAA,CAAAgC,IAAgB;YAAA,IAElBI,uBAAA;cACFP,gBAAA,CAAAA,CAAA,CAAAA;gBAAAA,KAAA,CAAAA;cAAAA,CAAA;YAAA;cAEAA,gBAAA,CAAAA,CAAA,CAAmBC,wBAAA,EAAA3C,MAAA;YAAnB;UAAA;YAGF0C,gBAAA,CAAAA,CAAA,CAAmBC,wBAAA,EAAA3C,MAAA;UAAnB;QAAA;MAAA;IAAA;IAAA,IAAAqD,EAAA;IAAA,IAAA7D,CAAA,SAAAwB,GAAA,CAAAyB,EAAA,IAAAjD,CAAA,SAAA4B,WAAA;MAiFUiC,EAAA,GAAAb,SAAA,IAAepB,WAAA,CAAYJ,GAAA,CAAAyB,EAAA,EAAQD,SAAA;MAAAhD,CAAA,OAAAwB,GAAA,CAAAyB,EAAA;MAAAjD,CAAA,OAAA4B,WAAA;MAAA5B,CAAA,OAAA6D,EAAA;IAAA;MAAAA,EAAA,GAAA7D,CAAA;IAAA;IA3EjD6C,EAAA,GAAAiB,IAAA,CAAC;MAAAb,EAAA,EACK,GAAG/B,UAAA,EAAA6C,KAAA,CAAkB,KAAAnB,IAAA,CAAU,YAAYlB,QAAA,EAAU;MAAAsC,GAAA,EAEpDnC,UAAA;MAAAoC,KAAA;QAAAnC,SAAA;QAAAC,UAAA;QAAAmC,MAAA,EAIKxD,UAAA,OAAAyD;MAAiB;MAAAC,QAAA,EAG3BN,IAAA,CAAA5E,WAAA;QAAAmF,OAAA,EAEI,CAAC/C,QAAA,GACCwC,IAAA,CAAAnE,UAAA;UAAAM,MAAA;UAAAG,MAAA;UAAA2C,SAAA,EAGavB,GAAA,CAAAuB,SAAA;UAAA1C,OAAA;UAAAC,YAAA;UAAAE,MAAA,EAGHL,KAAA,CAAAK,MAAA;UAAAC,UAAA;UAAAI,UAAA;UAAAE,MAAA;UAAAE,OAAA;UAAAE,QAAA;UAAAI,SAAA;UAAAE,QAAA;UAAAC;QAAA,C,aAUR;QAAA4C,SAAA,EAEK3B,UAAA;QAAA4B,gBAAA,EACOrC,cAAA,GAAiB,UAAU;QAAAsC,eAAA,EAE3C3D,UAAA,KAAeS,QAAA;UAAA2B,EAAA,EAELzB,GAAA,CAAAyB,EAAA;UAAA/C,UAAA;UAAAc;QAAA,IAAAmD,SAIN;QAAAM,MAAA,EAGJ9D,SAAA,GACEmD,IAAA,CAAAzE,aAAA;UAAAqF,MAAA,EAAsB;UAAAC,KAAA,EAAa;QAAA,C,IAEnCC,KAAA,CAAC;UAAAN,SAAA,EAAe,GAAAzE,SAAA,gBAA4B;UAAAuE,QAAA,GAC1CN,IAAA,CAAAtE,QAAA;YAAAqF,eAAA,EACmB/D,KAAA;YAAAgE,KAAA,EAEfF,KAAA,CAAAG,SAAA;cAAAX,QAAA,GACEN,IAAA,CAAC;gBAAAQ,SAAA,EAAgB,GAAAzE,SAAA,gBAA4B;gBAAAuE,QAAA,EAC1CY,MAAA,CAAOtD,QAAA,IAAW,EAAAuD,QAAA,IAAe;cAAA,C,GAEpCnB,IAAA,CAAA1E,IAAA;gBAAAkF,SAAA,EACa,GAAAzE,SAAA,gBAAAA,SAAA,gBAAqD2B,GAAA,CAAAuB,SAAA,EAAe;gBAAAmC,SAAA,EACrE;gBAAAC,IAAA,EACL;gBAAAf,QAAA,EAEJpF,cAAA,CAAemB,KAAA,CAAAY,MAAA,CAAAqE,QAAA,EAAuBpD,IAAA;cAAA,C,GAExCG,aAAA,IACC2B,IAAA,CAAAlE,YAAA;gBAAAwB,IAAA,EAAoB,GAAGA,IAAA,YAAgB;gBAAAE;cAAA,C;;;uBAKlCI;UAAA,C,GAEZQ,cAAA,IAAkB4B,IAAA,CAAA3E,SAAA;YAAAkG,KAAA,EAAkB9E,UAAA;YAAAyB,IAAA;YAAAsD,WAAA;UAAA,C;;qBAI9B9D,GAAA,CAAAwB,SAAA;QAAAuC,QAAA,EAEH1B,EAAmC;QAAAO,QAAA,EAE5CzD,SAAA,GACCmD,IAAA,CAAAzE,aAAA,IAAC,IAEDyE,IAAA,CAAAvE,YAAA;UAAA+E,SAAA,EACa,GAAAzE,SAAA,UAAsB;UAAAW,MAAA;UAAAgF,eAAA,EAEjB;UAAAtE,UAAA,EACJE,IAAA;UAAAqE,gBAAA,EACM9D,UAAA;UAAAN,WAAA,EACL6B,gBAAA;UAAA5B;QAAA,C;SAZZE,GAAA,CAAAyB,EAAM;IAAA,GAxER,GAAG/B,UAAA,QAAkBM,GAAA,CAAAyB,EAAA,EAAQ;IAAAjD,CAAA,MAAAc,KAAA;IAAAd,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,KAAA,CAAAK,MAAA;IAAAR,CAAA,MAAAG,KAAA,CAAAY,MAAA;IAAAf,CAAA,MAAAG,KAAA,CAAA2C,IAAA;IAAA9C,CAAA,MAAAI,MAAA;IAAAJ,CAAA,OAAA2C,UAAA;IAAA3C,CAAA,OAAAK,OAAA;IAAAL,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAO,UAAA;IAAAP,CAAA,OAAAkC,cAAA;IAAAlC,CAAA,OAAAQ,MAAA;IAAAR,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAgC,IAAA;IAAAhC,CAAA,OAAAU,UAAA;IAAAV,CAAA,OAAAW,SAAA;IAAAX,CAAA,OAAAa,UAAA;IAAAb,CAAA,OAAAe,MAAA;IAAAf,CAAA,OAAAgB,SAAA;IAAAhB,CAAA,OAAAiB,OAAA;IAAAjB,CAAA,OAAAkB,UAAA;IAAAlB,CAAA,OAAAmB,QAAA;IAAAnB,CAAA,OAAAoB,IAAA;IAAApB,CAAA,OAAAqB,WAAA;IAAArB,CAAA,OAAAsB,QAAA;IAAAtB,CAAA,OAAAuB,SAAA;IAAAvB,CAAA,OAAAwB,GAAA,CAAAuB,SAAA;IAAA/C,CAAA,OAAAwB,GAAA,CAAAwB,SAAA;IAAAhD,CAAA,OAAAwB,GAAA,CAAAyB,EAAA;IAAAjD,CAAA,OAAAyB,QAAA;IAAAzB,CAAA,OAAA0B,QAAA;IAAA1B,CAAA,OAAA2B,UAAA;IAAA3B,CAAA,OAAA4B,WAAA;IAAA5B,CAAA,OAAA6B,UAAA;IAAA7B,CAAA,OAAAmC,aAAA;IAAAnC,CAAA,OAAA8B,SAAA;IAAA9B,CAAA,OAAA+B,UAAA;IAAA/B,CAAA,OAAA6C,EAAA;EAAA;IAAAA,EAAA,GAAA7C,CAAA;EAAA;EAAA,OAFpC6C,EAEoC;AAAA,CA2FxC","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+@layer payload-default {
+  .block-search {
+    position: sticky;
+    top: 0;
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    padding: var(--spacer-2-5);
+    border-bottom: 1px solid var(--color-border);
+    z-index: 1;
+    background: var(--color-bg);
+  }
+
+  .block-search__input-wrapper {
+    display: flex;
+    flex: 1 0 0;
+    align-items: center;
+    min-width: 0;
+    min-height: var(--spacer-5);
+    padding-right: var(--spacer-1);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg-secondary);
+    position: relative;
+  }
+
+  .block-search__icon {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    padding: 0 var(--spacer-1);
+    min-width: var(--spacer-1);
+
+    svg {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    .stroke {
+      stroke: var(--color-text-tertiary);
+    }
+  }
+
+  .block-search__input {
+    flex: 1 0 0;
+    min-height: var(--spacer-4);
+    min-width: 0;
+    border: 0;
+    background: transparent;
+    padding: 0;
+    font-family: var(--text-body-medium-font-family, sans-serif);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    color: var(--color-text);
+    box-shadow: none;
+
+    &:focus {
+      outline: none;
+      box-shadow: none;
+    }
+
+    &::placeholder {
+      color: var(--color-text-tertiary);
+    }
+  }
+}

package/dist/fields/Blocks/BlockSelector/BlockSearch/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const BlockSearch: React.FC<{
     setSearchTerm: (term: string) => void;
 }>;

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

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

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

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { SearchIcon } from '../../../../icons/Search/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'block-search';
 export const BlockSearch = props => {
   const $ = _c(5);
@@ -28,13 +28,20 @@ export const BlockSearch = props => {
   const handleChange = t0;
   let t1;
   if ($[2] !== handleChange || $[3] !== t) {
-    t1 = _jsxs("div", {
+    t1 = _jsx("div", {
       className: baseClass,
-      children: [_jsx("input", {
-        className: `${baseClass}__input`,
-        onChange: handleChange,
-        placeholder: t("fields:searchForBlock")
-      }), _jsx(SearchIcon, {})]
+      children: _jsxs("div", {
+        className: `${baseClass}__input-wrapper`,
+        children: [_jsx("div", {
+          className: `${baseClass}__icon`,
+          children: _jsx(SearchIcon, {})
+        }), _jsx("input", {
+          "aria-label": t("fields:searchForBlock"),
+          className: `${baseClass}__input`,
+          onChange: handleChange,
+          placeholder: t("fields:searchForBlock")
+        })]
+      })
     });
     $[2] = handleChange;
     $[3] = t;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","SearchIcon","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","t0","e","target","value","handleChange","t1","_jsxs","className","children","_jsx","onChange","placeholder"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC9E;IAAAQ;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,aAAA;IAEOE,EAAA,GAAAC,CAAA;MACnBH,aAAA,CAAcG,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA,MAAAO,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAE,CAAA;IAGEM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAc,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EACY,GAAAb,SAAA,SAAqB;QAAAgB,QAAA,EACtBN,YAAA;QAAAO,WAAA,EACGZ,CAAA,CAAE;MAAA,C,GAEjBU,IAAA,CAAAjB,UAAA,IAAC;IAAA,C;;;;;;;SANHa,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","SearchIcon","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","t0","e","target","value","handleChange","t1","_jsx","className","children","_jsxs","onChange","placeholder"],"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.css'\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      <div className={`${baseClass}__input-wrapper`}>\n        <div className={`${baseClass}__icon`}>\n          <SearchIcon />\n        </div>\n        <input\n          aria-label={t('fields:searchForBlock')}\n          className={`${baseClass}__input`}\n          onChange={handleChange}\n          placeholder={t('fields:searchForBlock')}\n        />\n        {/* add grid/list toggles */}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC9E;IAAAQ;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,aAAA;IAEOE,EAAA,GAAAC,CAAA;MACnBH,aAAA,CAAcG,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA,MAAAO,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAE,CAAA;IAGEM,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAc,QAAA,EACCC,KAAA,CAAC;QAAAF,SAAA,EAAe,GAAAb,SAAA,iBAA6B;QAAAc,QAAA,GAC3CF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAb,SAAA,QAAoB;UAAAc,QAAA,EAClCF,IAAA,CAAAd,UAAA,IAAC;QAAA,C,GAEHc,IAAA,CAAC;UAAA,cACaP,CAAA,CAAE;UAAAQ,SAAA,EACH,GAAAb,SAAA,SAAqB;UAAAgB,QAAA,EACtBN,YAAA;UAAAO,WAAA,EACGZ,CAAA,CAAE;QAAA,C;;;;;;;;;SATrBM,E;CAeJ","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+@layer payload-default {
+  .blocks-drawer__blocks-wrapper {
+    padding: var(--spacer-2-5);
+  }
+
+  .blocks-drawer__blocks {
+    position: relative;
+    padding: 0;
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(106px, 1fr));
+    gap: var(--spacer-2-5);
+  }
+
+  .blocks-drawer__default-image {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+
+    img,
+    svg {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  .blocks-drawer__block-groups {
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2-5);
+  }
+
+  .blocks-drawer__block-group {
+    list-style: none;
+  }
+
+  .blocks-drawer__block-group-label {
+    padding-bottom: var(--spacer-2);
+  }
+
+  .blocks-drawer__block-group-none {
+    order: 1;
+    padding-top: var(--spacer-2-5);
+    border-top: 1px solid var(--color-border);
+
+    &:only-child {
+      padding-top: 0;
+      border-top: 0;
+    }
+  }
+}

package/dist/fields/Blocks/BlockSelector/index.d.ts

@@ -1,13 +1,15 @@
 import type { ClientBlock } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export type Props = {
     readonly blocks: (ClientBlock | string)[];
+    readonly onDoubleClick?: (blockType: string) => void;
     readonly onSelect?: (blockType: string) => void;
     /**
      * Control the search term state externally
      */
     searchTerm?: string;
+    readonly selectedBlock?: null | string;
 };
 export declare const BlockSelector: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAiD,MAAM,OAAO,CAAA;AAQrE,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAcD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiHzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAiD,MAAM,OAAO,CAAA;AAQrE,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACvC,CAAA;AAcD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuHzC,CAAA"}

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

@@ -9,7 +9,7 @@ import { useControllableState } from '../../../hooks/useControllableState.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { BlockSearch } from './BlockSearch/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'blocks-drawer';
 const getBlockLabel = (block, i18n) => {
   if (typeof block.labels.singular === 'string') {
@@ -23,8 +23,10 @@ const getBlockLabel = (block, i18n) => {
 export const BlockSelector = props => {
   const {
     blocks,
+    onDoubleClick,
     onSelect,
-    searchTerm: searchTermFromProps
+    searchTerm: searchTermFromProps,
+    selectedBlock
   } = props;
   const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '');
   const [filteredBlocks, setFilteredBlocks] = useState(blocks);
@@ -94,12 +96,18 @@ export const BlockSelector = props => {
                 className: `${baseClass}__block`,
                 children: /*#__PURE__*/_jsx(ThumbnailCard, {
                   alignLabel: "center",
+                  isSelected: selectedBlock === slug,
                   label: getTranslation(blockLabels?.singular, i18n),
                   onClick: () => {
                     if (typeof onSelect === 'function') {
                       onSelect(slug);
                     }
                   },
+                  onDoubleClick: () => {
+                    if (typeof onDoubleClick === 'function') {
+                      onDoubleClick(slug);
+                    }
+                  },
                   thumbnail: /*#__PURE__*/_jsx("div", {
                     className: `${baseClass}__default-image`,
                     children: thumbnailURL ? /*#__PURE__*/_jsx("img", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsxs","_jsx","className","entries","map","groupLabel","groupBlocks","length","filter","Boolean","join","index","slug","imageAltText","imageURL","blockLabels","thumbnailURL","images","thumbnail","url","thumbnailAlt","alt","alignLabel","onClick","src"],"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, admin, imageAltText, imageURL, labels: blockLabels } = block\n\n                    const thumbnailURL = admin?.images?.thumbnail\n                      ? typeof admin.images.thumbnail === 'string'\n                        ? admin.images.thumbnail\n                        : admin.images.thumbnail.url\n                      : imageURL\n                    const thumbnailAlt =\n                      admin?.images?.thumbnail && typeof admin.images.thumbnail !== 'string'\n                        ? admin.images.thumbnail.alt\n                        : imageAltText\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                              {thumbnailURL ? (\n                                <img alt={thumbnailAlt} src={thumbnailURL} />\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","blocks","onDoubleClick","onSelect","searchTerm","searchTermFromProps","selectedBlock","setSearchTerm","filteredBlocks","setFilteredBlocks","config","blockGroups","groups","_none","forEach","admin","group","label","Object","hasOwn","push","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","blocksMap","blockLabel","includes","_jsxs","_jsx","className","entries","map","groupLabel","groupBlocks","length","filter","Boolean","join","index","slug","imageAltText","imageURL","blockLabels","thumbnailURL","images","thumbnail","url","thumbnailAlt","alt","alignLabel","isSelected","onClick","src"],"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.css'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onDoubleClick?: (blockType: string) => void\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\n  readonly selectedBlock?: null | 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, onDoubleClick, onSelect, searchTerm: searchTermFromProps, selectedBlock } = 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, admin, imageAltText, imageURL, labels: blockLabels } = block\n\n                    const thumbnailURL = admin?.images?.thumbnail\n                      ? typeof admin.images.thumbnail === 'string'\n                        ? admin.images.thumbnail\n                        : admin.images.thumbnail.url\n                      : imageURL\n                    const thumbnailAlt =\n                      admin?.images?.thumbnail && typeof admin.images.thumbnail !== 'string'\n                        ? admin.images.thumbnail.alt\n                        : imageAltText\n\n                    return (\n                      <li className={`${baseClass}__block`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"center\"\n                          isSelected={selectedBlock === slug}\n                          label={getTranslation(blockLabels?.singular, i18n)}\n                          onClick={() => {\n                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\n                          }}\n                          onDoubleClick={() => {\n                            if (typeof onDoubleClick === 'function') {\n                              onDoubleClick(slug)\n                            }\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {thumbnailURL ? (\n                                <img alt={thumbnailAlt} src={thumbnailURL} />\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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAM/D,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoDxC,CAAA"}