@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

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

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.js","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","isDragging","isLoading","isLoadingFromProps","isSortable","Label","labels","listeners","moveRow","parentPath","pasteRow","pasteRowBelow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","transition","i18n","hasSubmitted","pasteData","useMemo","schemaBlocks","fieldHasErrors","showBlockName","admin","disableBlockName","classNames","filter","Boolean","join","blockPermissions","permissionsBlockSpecific","slug","hasReadPermission","read","missingCreateOrUpdate","create","update","hasRestrictiveStructure","Object","keys","length","_jsx","id","split","ref","style","zIndex","undefined","actions","blockType","className","collapsibleStyle","dragHandleProps","header","height","width","_jsxs","CustomComponent","label","_Fragment","String","padStart","pillStyle","size","singular","rowNumber","count","withMessage","isCollapsed","collapsed","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  pasteRowBelow: (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  pasteRowBelow,\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 pasteData = React.useMemo(\n    () => ({ path, schemaBlocks: blocks as ClientBlock[] }),\n    [path, blocks],\n  )\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              pasteData={pasteData}\n              pasteRow={pasteRow}\n              pasteRowBelow={pasteRowBelow}\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":"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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","pasteRowBelow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setActivatorNodeRef","setCollapse","setNodeRef","transform","transition","i18n","hasSubmitted","t1","schemaBlocks","pasteData","fieldHasErrors","showBlockName","admin","disableBlockName","t2","t3","t4","filter","Boolean","classNames","join","t5","slug","blockType","collapsed","id","blockPermissions","permissionsBlockSpecific","hasReadPermission","read","missingCreateOrUpdate","create","update","hasRestrictiveStructure","Object","keys","length","t6","split","t7","_jsx","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  pasteRowBelow: (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  pasteRowBelow,\n  path,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setActivatorNodeRef,\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 pasteData = React.useMemo(\n    () => ({ path, schemaBlocks: blocks as ClientBlock[] }),\n    [path, blocks],\n  )\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              pasteData={pasteData}\n              pasteRow={pasteRow}\n              pasteRowBelow={pasteRowBelow}\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                setActivatorNodeRef,\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":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","SearchInput","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","value","setValue","t0","search","handleChange","t1","t2","_jsx","className","children","onChange","onClear","placeholder"],"sources":["../../../../../src/fields/Blocks/BlockSelector/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { SearchInput } from '../../../../elements/Search/SearchInput/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  const [value, setValue] = useState('')\n\n  const handleChange = (search: string) => {\n    setValue(search)\n    setSearchTerm(search)\n  }\n\n  return (\n    <div className={baseClass}>\n      <SearchInput\n        aria-label={t('fields:searchForBlock')}\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        onClear={() => handleChange('')}\n        placeholder={t('fields:searchForBlock')}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC9E;IAAAS;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EACd,OAAAO,KAAA,EAAAC,QAAA,IAA0BV,QAAA,CAAS;EAAA,IAAAW,EAAA;EAAA,IAAAL,CAAA,QAAAC,aAAA;IAEdI,EAAA,GAAAC,MAAA;MACnBF,QAAA,CAASE,MAAA;MACTL,aAAA,CAAcK,MAAA;IAAA;IAChBN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHA,MAAAO,YAAA,GAAqBF,EAGrB;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAO,YAAA;MAQeE,EAAA,GAAAA,CAAA,KAAMF,YAAA,CAAa;MAAAP,CAAA,MAAAO,YAAA;MAAAP,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IALhCQ,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAAd,SAAA;MAAAe,QAAA,EACCF,IAAA,CAAAf,WAAA;QAAA,cACcO,CAAA,CAAE;QAAAS,SAAA,EACH,GAAAd,SAAA,SAAqB;QAAAgB,QAAA,EACtBN,YAAA;QAAAO,OAAA,EACDL,EAAmB;QAAAM,WAAA,EACfb,CAAA,CAAE;QAAAC;MAAA,C;;;;;;;;;SANnBK,E;CAWJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","SearchInput","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","value","setValue","t0","search","handleChange","t1","t2","_jsx","className","children","onChange","onClear","placeholder"],"sources":["../../../../../src/fields/Blocks/BlockSelector/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { SearchInput } from '../../../../elements/Search/SearchInput/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  const [value, setValue] = useState('')\n\n  const handleChange = (search: string) => {\n    setValue(search)\n    setSearchTerm(search)\n  }\n\n  return (\n    <div className={baseClass}>\n      <SearchInput\n        aria-label={t('fields:searchForBlock')}\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        onClear={() => handleChange('')}\n        placeholder={t('fields:searchForBlock')}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC9E;IAAAS;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EACd,OAAAO,KAAA,EAAAC,QAAA,IAA0BV,QAAA,CAAS;EAAA,IAAAW,EAAA;EAAA,IAAAL,CAAA,QAAAC,aAAA;IAEdI,EAAA,GAAAC,MAAA;MACnBF,QAAA,CAASE,MAAA;MACTL,aAAA,CAAcK,MAAA;IAAA,CAChB;IAAAN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHA,MAAAO,YAAA,GAAqBF,EAGrB;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAO,YAAA;MAQeE,EAAA,GAAAA,CAAA,KAAMF,YAAA,CAAa;MAAAP,CAAA,MAAAO,YAAA;MAAAP,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IALhCQ,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAed,SAAA;MAAAe,QAAA,EACdF,IAAA,CAACf,WAAA;QAAA,cACaO,CAAA,CAAE;QAAAS,SAAA,EACH,GAAGd,SAAA,SAAkB;QAAAgB,QAAA,EACtBN,YAAA;QAAAO,OAAA,EACDL,EAAmB;QAAAM,WAAA,EACfb,CAAA,CAAE;QAAAC;;;;;;;;;;SANnBK,E;CAWJ","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect, useMemo, useState } from 'react';
@@ -21,6 +22,7 @@ const getBlockLabel = (block, i18n) => {
   return '';
 };
 export const BlockSelector = props => {
+  const $ = _c(17);
   const {
     blocks,
     onDoubleClick,
@@ -28,7 +30,7 @@ export const BlockSelector = props => {
     searchTerm: searchTermFromProps,
     selectedBlock
   } = props;
-  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '');
+  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? "");
   const [filteredBlocks, setFilteredBlocks] = useState(blocks);
   const {
     i18n
@@ -36,14 +38,15 @@ export const BlockSelector = props => {
   const {
     config
   } = useConfig();
-  const blockGroups = useMemo(() => {
-    const groups = {
+  let groups;
+  if ($[0] !== filteredBlocks || $[1] !== i18n) {
+    groups = {
       _none: []
     };
     filteredBlocks.forEach(block => {
-      if (typeof block === 'object' && block.admin?.group) {
+      if (typeof block === "object" && block.admin?.group) {
         const group = block.admin.group;
-        const label = typeof group === 'string' ? group : getTranslation(group, i18n);
+        const label = typeof group === "string" ? group : getTranslation(group, i18n);
         if (Object.hasOwn(groups, label)) {
           groups[label].push(block);
         } else {
@@ -53,75 +56,112 @@ export const BlockSelector = props => {
         groups._none.push(block);
       }
     });
-    return groups;
-  }, [filteredBlocks, i18n]);
-  useEffect(() => {
-    const searchTermToUse = searchTerm.toLowerCase();
-    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {
-      const block_0 = typeof _block === 'string' ? config.blocksMap[_block] : _block;
-      const blockLabel = getBlockLabel(block_0, i18n);
-      if (blockLabel.includes(searchTermToUse)) {
-        matchedBlocks.push(block_0);
-      }
-      return matchedBlocks;
-    }, []);
-    setFilteredBlocks(matchingBlocks);
-  }, [searchTerm, blocks, i18n, config.blocksMap]);
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(BlockSearch, {
-      setSearchTerm: setSearchTerm
-    }), /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__blocks-wrapper`,
-      children: /*#__PURE__*/_jsx("ul", {
-        className: `${baseClass}__block-groups`,
-        children: Object.entries(blockGroups).map(([groupLabel, groupBlocks]) => !groupBlocks.length ? null : /*#__PURE__*/_jsxs("li", {
-          className: [`${baseClass}__block-group`, groupLabel === '_none' && `${baseClass}__block-group-none`].filter(Boolean).join(' '),
-          children: [groupLabel !== '_none' && /*#__PURE__*/_jsx("h3", {
-            className: `${baseClass}__block-group-label`,
-            children: groupLabel
-          }), /*#__PURE__*/_jsx("ul", {
-            className: `${baseClass}__blocks`,
-            children: groupBlocks.map((_block_0, index) => {
-              const block_1 = typeof _block_0 === 'string' ? config.blocksMap[_block_0] : _block_0;
-              const {
-                slug,
-                admin,
-                imageAltText,
-                imageURL,
-                labels: blockLabels
-              } = block_1;
-              const thumbnailURL = admin?.images?.thumbnail ? typeof admin.images.thumbnail === 'string' ? admin.images.thumbnail : admin.images.thumbnail.url : imageURL;
-              const thumbnailAlt = admin?.images?.thumbnail && typeof admin.images.thumbnail !== 'string' ? admin.images.thumbnail.alt : imageAltText;
-              return /*#__PURE__*/_jsx("li", {
-                className: `${baseClass}__block`,
-                children: /*#__PURE__*/_jsx(ThumbnailCard, {
-                  alignLabel: "left",
-                  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", {
-                      alt: thumbnailAlt,
-                      src: thumbnailURL
-                    }) : /*#__PURE__*/_jsx(DefaultBlockImage, {})
-                  })
+    $[0] = filteredBlocks;
+    $[1] = i18n;
+    $[2] = groups;
+  } else {
+    groups = $[2];
+  }
+  const blockGroups = groups;
+  let t0;
+  let t1;
+  if ($[3] !== blocks || $[4] !== config.blocksMap || $[5] !== i18n || $[6] !== searchTerm) {
+    t0 = () => {
+      const searchTermToUse = searchTerm.toLowerCase();
+      const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {
+        const block_0 = typeof _block === "string" ? config.blocksMap[_block] : _block;
+        const blockLabel = getBlockLabel(block_0, i18n);
+        if (blockLabel.includes(searchTermToUse)) {
+          matchedBlocks.push(block_0);
+        }
+        return matchedBlocks;
+      }, []);
+      setFilteredBlocks(matchingBlocks);
+    };
+    t1 = [searchTerm, blocks, i18n, config.blocksMap];
+    $[3] = blocks;
+    $[4] = config.blocksMap;
+    $[5] = i18n;
+    $[6] = searchTerm;
+    $[7] = t0;
+    $[8] = t1;
+  } else {
+    t0 = $[7];
+    t1 = $[8];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[9] !== blockGroups || $[10] !== config.blocksMap || $[11] !== i18n || $[12] !== onDoubleClick || $[13] !== onSelect || $[14] !== selectedBlock || $[15] !== setSearchTerm) {
+    t2 = _jsxs(Fragment, {
+      children: [_jsx(BlockSearch, {
+        setSearchTerm
+      }), _jsx("div", {
+        className: `${baseClass}__blocks-wrapper`,
+        children: _jsx("ul", {
+          className: `${baseClass}__block-groups`,
+          children: Object.entries(blockGroups).map(t3 => {
+            const [groupLabel, groupBlocks] = t3;
+            return !groupBlocks.length ? null : _jsxs("li", {
+              className: [`${baseClass}__block-group`, groupLabel === "_none" && `${baseClass}__block-group-none`].filter(Boolean).join(" "),
+              children: [groupLabel !== "_none" && _jsx("h3", {
+                className: `${baseClass}__block-group-label`,
+                children: groupLabel
+              }), _jsx("ul", {
+                className: `${baseClass}__blocks`,
+                children: groupBlocks.map((_block_0, index) => {
+                  const block_1 = typeof _block_0 === "string" ? config.blocksMap[_block_0] : _block_0;
+                  const {
+                    slug,
+                    admin,
+                    imageAltText,
+                    imageURL,
+                    labels: blockLabels
+                  } = block_1;
+                  const thumbnailURL = admin?.images?.thumbnail ? typeof admin.images.thumbnail === "string" ? admin.images.thumbnail : admin.images.thumbnail.url : imageURL;
+                  const thumbnailAlt = admin?.images?.thumbnail && typeof admin.images.thumbnail !== "string" ? admin.images.thumbnail.alt : imageAltText;
+                  return _jsx("li", {
+                    className: `${baseClass}__block`,
+                    children: _jsx(ThumbnailCard, {
+                      alignLabel: "left",
+                      isSelected: selectedBlock === slug,
+                      label: getTranslation(blockLabels?.singular, i18n),
+                      onClick: () => {
+                        if (typeof onSelect === "function") {
+                          onSelect(slug);
+                        }
+                      },
+                      onDoubleClick: () => {
+                        if (typeof onDoubleClick === "function") {
+                          onDoubleClick(slug);
+                        }
+                      },
+                      thumbnail: _jsx("div", {
+                        className: `${baseClass}__default-image`,
+                        children: thumbnailURL ? _jsx("img", {
+                          alt: thumbnailAlt,
+                          src: thumbnailURL
+                        }) : _jsx(DefaultBlockImage, {})
+                      })
+                    })
+                  }, index);
                 })
-              }, index);
-            })
-          })]
-        }, groupLabel))
-      })
-    })]
-  });
+              })]
+            }, groupLabel);
+          })
+        })
+      })]
+    });
+    $[9] = blockGroups;
+    $[10] = config.blocksMap;
+    $[11] = i18n;
+    $[12] = onDoubleClick;
+    $[13] = onSelect;
+    $[14] = selectedBlock;
+    $[15] = setSearchTerm;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  return t2;
 };
 //# sourceMappingURL=index.js.map

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","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=\"left\"\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":[]}
+{"version":3,"file":"index.js","names":["c","_c","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","groups","_none","forEach","admin","group","label","Object","hasOwn","push","blockGroups","t0","t1","blocksMap","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","block_0","blockLabel","includes","t2","_jsxs","children","_jsx","className","entries","map","t3","groupLabel","groupBlocks","length","filter","Boolean","join","_block_0","index","block_1","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=\"left\"\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.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useState","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","selectedBlock","setSelectedBlock","t0","t1","t2","handleInsert","t3","slug","handleDoubleClick","t4","t5","singular","_jsx","headerActions","disabled","label","onClick","style","title","children","onDoubleClick","onSelect","searchTerm"],"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, { useCallback, useEffect, useState } 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] = useState('')\n  const [selectedBlock, setSelectedBlock] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n      setSelectedBlock(null)\n    }\n  }, [isModalOpen, drawerSlug])\n\n  const handleInsert = useCallback(() => {\n    if (selectedBlock) {\n      void addRow(addRowIndex, selectedBlock)\n      closeModal(drawerSlug)\n    }\n  }, [selectedBlock, addRow, addRowIndex, closeModal, drawerSlug])\n\n  const handleDoubleClick = useCallback(\n    (slug: string) => {\n      void addRow(addRowIndex, slug)\n      closeModal(drawerSlug)\n    },\n    [addRow, addRowIndex, closeModal, drawerSlug],\n  )\n\n  return (\n    <Drawer\n      headerActions={[\n        {\n          disabled: !selectedBlock,\n          label: 'Insert',\n          onClick: handleInsert,\n          style: 'primary',\n        },\n      ]}\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onDoubleClick={handleDoubleClick}\n        onSelect={setSelectedBlock}\n        searchTerm={searchTermOverride}\n        selectedBlock={selectedBlock}\n      />\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useState","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","selectedBlock","setSelectedBlock","t0","t1","t2","handleInsert","t3","slug","handleDoubleClick","t4","t5","singular","_jsx","headerActions","disabled","label","onClick","style","title","children","onDoubleClick","onSelect","searchTerm"],"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, { useCallback, useEffect, useState } 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] = useState('')\n  const [selectedBlock, setSelectedBlock] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n      setSelectedBlock(null)\n    }\n  }, [isModalOpen, drawerSlug])\n\n  const handleInsert = useCallback(() => {\n    if (selectedBlock) {\n      void addRow(addRowIndex, selectedBlock)\n      closeModal(drawerSlug)\n    }\n  }, [selectedBlock, addRow, addRowIndex, closeModal, drawerSlug])\n\n  const handleDoubleClick = useCallback(\n    (slug: string) => {\n      void addRow(addRowIndex, slug)\n      closeModal(drawerSlug)\n    },\n    [addRow, addRowIndex, closeModal, drawerSlug],\n  )\n\n  return (\n    <Drawer\n      headerActions={[\n        {\n          disabled: !selectedBlock,\n          label: 'Insert',\n          onClick: handleInsert,\n          style: 'primary',\n        },\n      ]}\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onDoubleClick={handleDoubleClick}\n        onSelect={setSelectedBlock}\n        searchTerm={searchTermOverride}\n        selectedBlock={selectedBlock}\n      />\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/RowActions.js

@@ -10,7 +10,7 @@ import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
 export const RowActions = props => {
-  const $ = _c(31);
+  const $ = _c(39);
   const {
     addRow,
     blocks,
@@ -36,60 +36,78 @@ export const RowActions = props => {
     i18n
   } = useTranslation();
   const drawerSlug = useDrawerSlug("blocks-drawer");
-  const block = blocks.find(candidate => typeof candidate !== "string" && candidate.slug === blockType);
-  const rowLabel = `${block ? getTranslation(block.labels.singular, i18n) : blockType} ${rowIndex + 1}`;
-  const [indexToAdd, setIndexToAdd] = React.useState(null);
   let t0;
-  if ($[0] !== addRow || $[1] !== closeModal || $[2] !== drawerSlug || $[3] !== indexToAdd) {
-    t0 = (_, rowBlockType) => {
-      if (typeof addRow === "function") {
-        addRow(indexToAdd, rowBlockType);
-      }
-      closeModal(drawerSlug);
-    };
-    $[0] = addRow;
-    $[1] = closeModal;
-    $[2] = drawerSlug;
-    $[3] = indexToAdd;
-    $[4] = t0;
+  if ($[0] !== blockType || $[1] !== blocks || $[2] !== i18n) {
+    let t1;
+    if ($[4] !== blockType) {
+      t1 = candidate => typeof candidate !== "string" && candidate.slug === blockType;
+      $[4] = blockType;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    const block = blocks.find(t1);
+    t0 = block ? getTranslation(block.labels.singular, i18n) : blockType;
+    $[0] = blockType;
+    $[1] = blocks;
+    $[2] = i18n;
+    $[3] = t0;
   } else {
-    t0 = $[4];
+    t0 = $[3];
   }
+  const rowLabel = `${t0} ${rowIndex + 1}`;
+  const [indexToAdd, setIndexToAdd] = React.useState(null);
   let t1;
-  if ($[5] !== blockType || $[6] !== blocks || $[7] !== copyRow || $[8] !== drawerSlug || $[9] !== duplicateRow || $[10] !== hasMaxRows || $[11] !== isSortable || $[12] !== labels || $[13] !== moveRow || $[14] !== openModal || $[15] !== pasteData || $[16] !== pasteRow || $[17] !== pasteRowBelow || $[18] !== removeRow || $[19] !== rowCount || $[20] !== rowIndex || $[21] !== rowLabel || $[22] !== t0) {
+  if ($[6] !== addRow || $[7] !== blockType || $[8] !== blocks || $[9] !== closeModal || $[10] !== copyRow || $[11] !== drawerSlug || $[12] !== duplicateRow || $[13] !== hasMaxRows || $[14] !== indexToAdd || $[15] !== isSortable || $[16] !== labels || $[17] !== moveRow || $[18] !== openModal || $[19] !== pasteData || $[20] !== pasteRow || $[21] !== pasteRowBelow || $[22] !== removeRow || $[23] !== rowCount || $[24] !== rowIndex || $[25] !== rowLabel) {
     let t2;
-    if ($[24] !== drawerSlug || $[25] !== openModal) {
-      t2 = index => {
+    if ($[27] !== addRow || $[28] !== closeModal || $[29] !== drawerSlug || $[30] !== indexToAdd) {
+      t2 = (_, rowBlockType) => {
+        if (typeof addRow === "function") {
+          addRow(indexToAdd, rowBlockType);
+        }
+        closeModal(drawerSlug);
+      };
+      $[27] = addRow;
+      $[28] = closeModal;
+      $[29] = drawerSlug;
+      $[30] = indexToAdd;
+      $[31] = t2;
+    } else {
+      t2 = $[31];
+    }
+    let t3;
+    if ($[32] !== drawerSlug || $[33] !== openModal) {
+      t3 = index => {
         setIndexToAdd(index);
         openModal(drawerSlug);
       };
-      $[24] = drawerSlug;
-      $[25] = openModal;
-      $[26] = t2;
+      $[32] = drawerSlug;
+      $[33] = openModal;
+      $[34] = t3;
     } else {
-      t2 = $[26];
+      t3 = $[34];
     }
-    let t3;
-    if ($[27] !== blockType || $[28] !== duplicateRow || $[29] !== rowIndex) {
-      t3 = () => duplicateRow(rowIndex, blockType);
-      $[27] = blockType;
-      $[28] = duplicateRow;
-      $[29] = rowIndex;
-      $[30] = t3;
+    let t4;
+    if ($[35] !== blockType || $[36] !== duplicateRow || $[37] !== rowIndex) {
+      t4 = () => duplicateRow(rowIndex, blockType);
+      $[35] = blockType;
+      $[36] = duplicateRow;
+      $[37] = rowIndex;
+      $[38] = t4;
     } else {
-      t3 = $[30];
+      t4 = $[38];
     }
     t1 = _jsxs(React.Fragment, {
       children: [_jsx(BlocksDrawer, {
-        addRow: t0,
+        addRow: t2,
         addRowIndex: rowIndex,
         blocks,
         drawerSlug,
         labels
       }), _jsx(ArrayAction, {
-        addRow: t2,
+        addRow: t3,
         copyRow,
-        duplicateRow: t3,
+        duplicateRow: t4,
         hasMaxRows,
         index: rowIndex,
         isSortable,
@@ -102,27 +120,29 @@ export const RowActions = props => {
         rowCount
       })]
     });
-    $[5] = blockType;
-    $[6] = blocks;
-    $[7] = copyRow;
-    $[8] = drawerSlug;
-    $[9] = duplicateRow;
-    $[10] = hasMaxRows;
-    $[11] = isSortable;
-    $[12] = labels;
-    $[13] = moveRow;
-    $[14] = openModal;
-    $[15] = pasteData;
-    $[16] = pasteRow;
-    $[17] = pasteRowBelow;
-    $[18] = removeRow;
-    $[19] = rowCount;
-    $[20] = rowIndex;
-    $[21] = rowLabel;
-    $[22] = t0;
-    $[23] = t1;
+    $[6] = addRow;
+    $[7] = blockType;
+    $[8] = blocks;
+    $[9] = closeModal;
+    $[10] = copyRow;
+    $[11] = drawerSlug;
+    $[12] = duplicateRow;
+    $[13] = hasMaxRows;
+    $[14] = indexToAdd;
+    $[15] = isSortable;
+    $[16] = labels;
+    $[17] = moveRow;
+    $[18] = openModal;
+    $[19] = pasteData;
+    $[20] = pasteRow;
+    $[21] = pasteRowBelow;
+    $[22] = removeRow;
+    $[23] = rowCount;
+    $[24] = rowIndex;
+    $[25] = rowLabel;
+    $[26] = t1;
   } else {
-    t1 = $[23];
+    t1 = $[26];
   }
   return t1;
 };