npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.d21c039 → 4.0.0-internal.d3909a9 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1470) hide show

package/dist/fields/Blocks/index.js CHANGED Viewed

@@ -3,7 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { getTranslation } from '@payloadcms/translations';
-import React, { Fragment, useCallback, useMemo } from 'react';
+import React, { Fragment, useCallback, useId, useMemo } from 'react';
 import { toast } from 'sonner';
 import { Banner } from '../../elements/Banner/index.js';
 import { Button } from '../../elements/Button/index.js';
@@ -37,10 +37,12 @@ import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { fieldBaseClass } from '../shared/index.js';
+import { useRowFocus } from '../shared/useRowFocus.js';
 import { BlockRow } from './BlockRow.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
 const baseClass = 'blocks-field';
 const BlocksFieldComponent = props => {
+  const rowsID = useId();
   const {
     i18n,
     t
@@ -167,6 +169,10 @@ const BlocksFieldComponent = props => {
     };
   }, [blocks, blocksFilterOptions, config.blocksMap]);
   const getBlockConfig = blockType => config.blocksMap[blockType] ?? clientBlocks.find(block_1 => block_1.slug === blockType);
+  const {
+    fieldRef,
+    focusRow
+  } = useRowFocus();
   const addRow = useCallback((rowIndex, blockType_0) => {
     addFieldRow({
       blockType: blockType_0,
@@ -174,10 +180,8 @@ const BlocksFieldComponent = props => {
       rowIndex,
       schemaPath
     });
-    setTimeout(() => {
-      scrollToID(`${path}-row-${rowIndex + 1}`);
-    }, 0);
-  }, [addFieldRow, path, schemaPath]);
+    focusRow(`${path.split('.').join('-')}-row-${rowIndex}`);
+  }, [addFieldRow, focusRow, path, schemaPath]);
   const duplicateRow = useCallback(rowIndex_0 => {
     dispatchFields({
       type: 'DUPLICATE_ROW',
@@ -370,6 +374,7 @@ const BlocksFieldComponent = props => {
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, className, fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`].filter(Boolean).join(' '),
     id: `field-${path?.replace(/\./g, '__')}`,
+    ref: fieldRef,
     style: styles,
     children: [shouldShowFieldError && /*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Error,
@@ -403,6 +408,9 @@ const BlocksFieldComponent = props => {
         }), /*#__PURE__*/_jsxs("ul", {
           className: `${baseClass}__header-actions`,
           children: [rows.length > 0 && /*#__PURE__*/_jsx(CollapseAllToggle, {
+            controls: rowsID,
+            isExpanded: rows.some(row_0 => !row_0.collapsed),
+            label: getTranslation(label || labels?.plural || name, i18n),
             onClick: toggleCollapseAll
           }), /*#__PURE__*/_jsx("li", {
             children: /*#__PURE__*/_jsx(ClipboardAction, {
@@ -437,25 +445,26 @@ const BlocksFieldComponent = props => {
       readOnly: readOnly
     }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/_jsxs(DraggableSortable, {
       className: `${baseClass}__rows`,
-      ids: rows.map(row_0 => row_0.id),
+      id: rowsID,
+      ids: rows.map(row_1 => row_1.id),
       onDragEnd: ({
         moveFromIndex: moveFromIndex_0,
         moveToIndex: moveToIndex_0
       }) => moveRow(moveFromIndex_0, moveToIndex_0),
       renderDragOverlay: isSortable && !readOnly && !disabled ? renderDragOverlay : undefined,
       sortingStrategy: verticalListSortingStrategy,
-      children: [rows.map((row_1, i) => {
+      children: [rows.map((row_2, i) => {
         const {
           blockType: blockType_1,
           isLoading
-        } = row_1;
+        } = row_2;
         const blockConfig_0 = getBlockConfig(blockType_1);
         if (blockConfig_0) {
           const rowPath = `${path}.${i}`;
           const rowErrorCount = errorPaths.filter(errorPath => errorPath.startsWith(rowPath + '.')).length;
           return /*#__PURE__*/_jsx(DraggableSortableItem, {
             disabled: readOnly || disabled || !isSortable,
-            id: row_1.id,
+            id: row_2.id,
             children: draggableSortableItemProps => /*#__PURE__*/_jsx(BlockRow, {
               ...draggableSortableItemProps,
               addRow: addRow,
@@ -479,13 +488,13 @@ const BlocksFieldComponent = props => {
               permissions: permissions,
               readOnly: readOnly || disabled,
               removeRow: removeRow,
-              row: row_1,
+              row: row_2,
               rowCount: rows.length,
               rowIndex: i,
               schemaPath: schemaPath + blockConfig_0.slug,
               setCollapse: setCollapse
             })
-          }, row_1.id);
+          }, row_2.id);
         }
         return null;
       }), !valid && /*#__PURE__*/_jsxs(React.Fragment, {

package/dist/fields/Blocks/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["verticalListSortingStrategy","getTranslation","React","Fragment","useCallback","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","insertRowFromClipboard","mergeFormStateFromClipboard","reduceFormStateByPath","CollapseAllToggle","DraggableSortableItem","DragOverlayPreview","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","Pill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","RowLabel","useField","withCondition","CirclePlusIcon","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","i18n","t","field","name","type","admin","className","description","isSortable","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","currentLocale","locale","code","config","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","blocksFilterOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","clientBlocks","clientBlocksAfterFilter","resolvedBlocks","blockOrSlug","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","getBlockConfig","blockType","find","addRow","rowIndex","setTimeout","duplicateRow","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","clipboardResult","getDataToCopy","formState","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaBlocks","pasteRowBelow","split","join","pasteBlocks","hasMaxRows","length","fieldErrorCount","fieldHasErrors","displayedErrorCount","showMinRows","showRequired","shouldShowSummaryBanner","shouldShowFieldError","styles","renderDragOverlay","activeId","activeIndex","findIndex","row","id","activeRow","blockConfig","showBlockName","disableBlockName","blockName","undefined","_jsx","header","CustomComponent","_jsxs","_Fragment","String","padStart","pillStyle","size","rowNumber","Boolean","replace","style","Fallback","as","count","withMessage","onClick","allowCopy","allowPaste","fieldValue","ids","map","onDragEnd","sortingStrategy","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientComponent, ClientBlock } from 'payload'\n\nimport { verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n insertRowFromClipboard,\n mergeFormStateFromClipboard,\n reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js'\nimport { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.css'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: BlocksFieldClientComponent = (props) => {\n const { i18n, t } = useTranslation()\n\n const {\n field,\n field: {\n name,\n type,\n admin: { className, description, isSortable = true } = {},\n blocks,\n label,\n labels: labelsFromProps,\n localized,\n maxRows,\n minRows: minRowsProp,\n required,\n },\n path: pathFromProps,\n permissions,\n readOnly,\n schemaPath: schemaPathFromProps,\n validate,\n } = props\n\n const schemaPath = schemaPathFromProps ?? name\n\n const minRows = minRowsProp ?? (required ? 1 : 0)\n\n const { setDocFieldPreferences } = useDocumentInfo()\n const {\n addFieldRow,\n dispatchFields,\n getFields,\n moveFieldRow,\n removeFieldRow,\n replaceState,\n setModified,\n } = useForm()\n const currentLocale = useLocale()\n const locale = currentLocale?.code\n const {\n config: { localization },\n config,\n } = useConfig()\n const drawerSlug = useDrawerSlug('blocks-drawer')\n const submitted = useFormSubmitted()\n\n const labels = {\n plural: t('fields:blocks'),\n singular: t('fields:block'),\n ...labelsFromProps,\n }\n\n const editingDefaultLocale = (() => {\n if (localization && localization.fallback) {\n const defaultLocale = localization.defaultLocale\n return locale === defaultLocale\n }\n\n return true\n })()\n\n const memoizedValidate = useCallback(\n (value, options) => {\n // alternative locales can be null\n if (!editingDefaultLocale && value === null) {\n return true\n }\n if (typeof validate === 'function') {\n return validate(value, { ...options, maxRows, minRows, required })\n }\n },\n [maxRows, minRows, required, validate, editingDefaultLocale],\n )\n\n const {\n blocksFilterOptions,\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n disabled,\n errorPaths,\n path,\n rows = [],\n showError,\n valid,\n value,\n } = useField<number>({\n hasRows: true,\n potentiallyStalePath: pathFromProps,\n validate: memoizedValidate,\n })\n\n const { clientBlocks, clientBlocksAfterFilter } = useMemo(() => {\n const resolvedBlocks: ClientBlock[] = []\n\n for (const blockOrSlug of blocks) {\n const block = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n if (block) {\n resolvedBlocks.push(block)\n }\n }\n\n if (Array.isArray(blocksFilterOptions)) {\n const clientBlocksAfterFilter = resolvedBlocks.filter((block) => {\n const blockSlug = typeof block === 'string' ? block : block.slug\n return blocksFilterOptions.includes(blockSlug)\n })\n\n return {\n clientBlocks: resolvedBlocks,\n clientBlocksAfterFilter,\n }\n }\n return {\n clientBlocks: resolvedBlocks,\n clientBlocksAfterFilter: resolvedBlocks,\n }\n }, [blocks, blocksFilterOptions, config.blocksMap])\n\n const getBlockConfig = (blockType: string): ClientBlock \| undefined =>\n config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\n\n const addRow = useCallback(\n (rowIndex: number, blockType: string) => {\n addFieldRow({\n blockType,\n path,\n rowIndex,\n schemaPath,\n })\n\n setTimeout(() => {\n scrollToID(`${path}-row-${rowIndex + 1}`)\n }, 0)\n },\n [addFieldRow, path, schemaPath],\n )\n\n const duplicateRow = useCallback(\n (rowIndex: number) => {\n dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n setModified(true)\n\n setTimeout(() => {\n scrollToID(`${path}-row-${rowIndex + 1}`)\n }, 0)\n },\n [dispatchFields, path, setModified],\n )\n\n const removeRow = useCallback(\n (rowIndex: number) => {\n removeFieldRow({\n path,\n rowIndex,\n })\n },\n [path, removeFieldRow],\n )\n\n const moveRow = useCallback(\n (moveFromIndex: number, moveToIndex: number) => {\n moveFieldRow({ moveFromIndex, moveToIndex, path })\n },\n [moveFieldRow, path],\n )\n\n const toggleCollapseAll = useCallback(\n (collapsed: boolean) => {\n const { collapsedIDs, updatedRows } = toggleAllRows({\n collapsed,\n rows,\n })\n\n dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n setDocFieldPreferences(path, { collapsed: collapsedIDs })\n },\n [dispatchFields, path, rows, setDocFieldPreferences],\n )\n\n const setCollapse = useCallback(\n (rowID: string, collapsed: boolean) => {\n const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n collapsed,\n rowID,\n rows,\n })\n\n dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n setDocFieldPreferences(path, { collapsed: collapsedIDs })\n },\n [dispatchFields, path, rows, setDocFieldPreferences],\n )\n\n const copyRow = useCallback(\n (rowIndex: number) => {\n const clipboardResult = clipboardCopy({\n type,\n blocks: clientBlocks,\n getDataToCopy: () =>\n reduceFormStateByPath({\n formState: { ...getFields() },\n path,\n rowIndex,\n }),\n path,\n rowIndex,\n t,\n })\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n } else {\n toast.success(t('general:copied'))\n }\n },\n [clientBlocks, path, t, type, getFields],\n )\n\n const pasteRow = useCallback(\n (rowIndex: number) => {\n const pasteArgs = {\n onPaste: (dataFromClipboard: ClipboardPasteData) => {\n const formState = { ...getFields() }\n const newState = mergeFormStateFromClipboard({\n dataFromClipboard,\n formState,\n path,\n rowIndex,\n })\n replaceState(newState)\n setModified(true)\n },\n path,\n schemaBlocks: clientBlocks,\n t,\n }\n\n const clipboardResult = clipboardPaste(pasteArgs)\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n }\n },\n [clientBlocks, getFields, path, replaceState, setModified, t],\n )\n\n const pasteRowBelow = useCallback(\n (rowIndex: number) => {\n const pasteArgs = {\n onPaste: (dataFromClipboard: ClipboardPasteData) => {\n const formState = { ...getFields() }\n const newState = insertRowFromClipboard({\n dataFromClipboard,\n formState,\n path,\n rowIndex: rowIndex + 1,\n })\n replaceState(newState)\n setModified(true)\n\n setTimeout(() => {\n scrollToID(`${path?.split('.').join('-')}-row-${rowIndex + 1}`)\n }, 0)\n },\n path,\n schemaBlocks: clientBlocks,\n t,\n }\n\n const clipboardResult = clipboardPaste(pasteArgs)\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n }\n },\n [clientBlocks, getFields, path, replaceState, setModified, t],\n )\n\n const pasteBlocks = useCallback(\n (dataFromClipboard: ClipboardPasteData) => {\n const formState = { ...getFields() }\n const newState = mergeFormStateFromClipboard({\n dataFromClipboard,\n formState,\n path,\n })\n replaceState(newState)\n setModified(true)\n },\n [getFields, path, replaceState, setModified],\n )\n\n const hasMaxRows = maxRows && rows.length >= maxRows\n\n const fieldErrorCount = errorPaths.length\n const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n const displayedErrorCount = fieldErrorCount > 0 ? fieldErrorCount : fieldHasErrors ? 1 : 0\n\n const showMinRows = rows.length < minRows \|\| (required && rows.length === 0)\n const showRequired = readOnly && rows.length === 0\n const shouldShowSummaryBanner = !valid && (showRequired \|\| showMinRows)\n const shouldShowFieldError = showError && !shouldShowSummaryBanner\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n const renderDragOverlay = useCallback(\n (activeId: number \| string) => {\n const activeIndex = rows.findIndex((row) => row.id === activeId)\n if (activeIndex === -1) {\n return null\n }\n\n const activeRow = rows[activeIndex]\n const blockConfig = getBlockConfig(activeRow.blockType)\n\n if (!blockConfig) {\n return null\n }\n\n const showBlockName = !blockConfig.admin?.disableBlockName\n const blockName = showBlockName\n ? (getFields()?.[`${path}.${activeIndex}.blockName`]?.value as string)\n : undefined\n\n return (\n <DragOverlayPreview\n header={\n <div className={`${baseClass}__block-header`}>\n <RowLabel\n CustomComponent={rows?.[activeIndex]?.customComponents?.RowLabel}\n label={\n <>\n <span className={`${baseClass}__block-number`}>\n {String(activeIndex + 1).padStart(2, '0')}\n </span>\n <Pill\n className={`${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`}\n pillStyle=\"white\"\n size=\"small\"\n >\n {getTranslation(blockConfig.labels.singular, i18n)}\n </Pill>\n {blockName && <span className=\"section-title__text\">{blockName}</span>}\n </>\n }\n path={`${path}.${activeIndex}`}\n rowNumber={activeIndex}\n />\n </div>\n }\n />\n )\n },\n [rows, config.blocksMap, clientBlocks, i18n, path, getFields],\n )\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path?.replace(/\\./g, '__')}`}\n style={styles}\n >\n {shouldShowFieldError && (\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n )}\n <header className={`${baseClass}__header`}>\n <div className={`${baseClass}__header-wrap`}>\n <div className={`${baseClass}__header-content`}>\n <h3 className={`${baseClass}__title`}>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n as=\"span\"\n label={label}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n </h3>\n {displayedErrorCount > 0 && (\n <ErrorPill count={displayedErrorCount} i18n={i18n} withMessage />\n )}\n </div>\n <ul className={`${baseClass}__header-actions`}>\n {rows.length > 0 && <CollapseAllToggle onClick={toggleCollapseAll} />}\n <li>\n <ClipboardAction\n allowCopy={rows?.length > 0}\n allowPaste={!readOnly}\n blocks={clientBlocks}\n className={`${baseClass}__header-action`}\n disabled={disabled}\n getDataToCopy={() =>\n reduceFormStateByPath({\n formState: { ...getFields() },\n path,\n })\n }\n onPaste={pasteBlocks}\n path={path}\n type={type}\n />\n </li>\n </ul>\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </header>\n {BeforeInput}\n <NullifyLocaleField\n fieldValue={value}\n localized={localized}\n path={path}\n readOnly={readOnly}\n />\n {(rows.length > 0 \|\| (!valid && (showRequired \|\| showMinRows))) && (\n <DraggableSortable\n className={`${baseClass}__rows`}\n ids={rows.map((row) => row.id)}\n onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n renderDragOverlay={isSortable && !readOnly && !disabled ? renderDragOverlay : undefined}\n sortingStrategy={verticalListSortingStrategy}\n >\n {rows.map((row, i) => {\n const { blockType, isLoading } = row\n\n const blockConfig = getBlockConfig(blockType)\n\n if (blockConfig) {\n const rowPath = `${path}.${i}`\n\n const rowErrorCount = errorPaths.filter((errorPath) =>\n errorPath.startsWith(rowPath + '.'),\n ).length\n\n return (\n <DraggableSortableItem\n disabled={readOnly \|\| disabled \|\| !isSortable}\n id={row.id}\n key={row.id}\n >\n {(draggableSortableItemProps) => (\n <BlockRow\n {...draggableSortableItemProps}\n addRow={addRow}\n block={blockConfig}\n // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter\n blocks={clientBlocks}\n copyRow={copyRow}\n duplicateRow={duplicateRow}\n errorCount={rowErrorCount}\n fields={blockConfig.fields}\n hasMaxRows={hasMaxRows}\n isLoading={isLoading}\n isSortable={isSortable}\n Label={rows?.[i]?.customComponents?.RowLabel}\n labels={labels}\n moveRow={moveRow}\n parentPath={path}\n pasteRow={pasteRow}\n pasteRowBelow={pasteRowBelow}\n path={rowPath}\n permissions={permissions}\n readOnly={readOnly \|\| disabled}\n removeRow={removeRow}\n row={row}\n rowCount={rows.length}\n rowIndex={i}\n schemaPath={schemaPath + blockConfig.slug}\n setCollapse={setCollapse}\n />\n )}\n </DraggableSortableItem>\n )\n }\n\n return null\n })}\n {!valid && (\n <React.Fragment>\n {showMinRows && (\n <Banner type=\"danger\">\n {t('validation:requiresAtLeast', {\n count: minRows,\n label:\n getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) \|\|\n t(minRows > 1 ? 'general:row' : 'general:rows'),\n })}\n </Banner>\n )}\n {showRequired && (\n <Banner>\n {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n </Banner>\n )}\n </React.Fragment>\n )}\n </DraggableSortable>\n )}\n {!hasMaxRows && !readOnly && (\n <Fragment>\n <DrawerToggler\n className={`${baseClass}__drawer-toggler`}\n disabled={disabled}\n slug={drawerSlug}\n >\n <Button\n buttonStyle=\"ghost\"\n disabled={disabled}\n el=\"span\"\n icon={<CirclePlusIcon />}\n iconPosition=\"left\"\n >\n {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n </Button>\n </DrawerToggler>\n <BlocksDrawer\n addRow={addRow}\n addRowIndex={rows?.length \|\| 0}\n // Only allow choosing filtered blocks\n blocks={clientBlocksAfterFilter}\n drawerSlug={drawerSlug}\n labels={labels}\n />\n </Fragment>\n )}\n {AfterInput}\n </div>\n )\n}\n\nexport const BlocksField = withCondition(BlocksFieldComponent)\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["verticalListSortingStrategy","getTranslation","React","Fragment","useCallback","useId","useMemo","toast","Banner","Button","clipboardCopy","clipboardPaste","ClipboardAction","insertRowFromClipboard","mergeFormStateFromClipboard","reduceFormStateByPath","CollapseAllToggle","DraggableSortableItem","DragOverlayPreview","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","Pill","RenderCustomComponent","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","RowLabel","useField","withCondition","CirclePlusIcon","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","useRowFocus","BlockRow","BlocksDrawer","baseClass","BlocksFieldComponent","props","rowsID","i18n","t","field","name","type","admin","className","description","isSortable","blocks","label","labels","labelsFromProps","localized","maxRows","minRows","minRowsProp","required","path","pathFromProps","permissions","readOnly","schemaPath","schemaPathFromProps","validate","setDocFieldPreferences","addFieldRow","dispatchFields","getFields","moveFieldRow","removeFieldRow","replaceState","setModified","currentLocale","locale","code","config","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","blocksFilterOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","errorPaths","rows","showError","valid","hasRows","potentiallyStalePath","clientBlocks","clientBlocksAfterFilter","resolvedBlocks","blockOrSlug","block","blocksMap","push","Array","isArray","filter","blockSlug","slug","includes","getBlockConfig","blockType","find","fieldRef","focusRow","addRow","rowIndex","split","join","duplicateRow","setTimeout","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","copyRow","clipboardResult","getDataToCopy","formState","error","success","pasteRow","pasteArgs","onPaste","dataFromClipboard","newState","schemaBlocks","pasteRowBelow","pasteBlocks","hasMaxRows","length","fieldErrorCount","fieldHasErrors","displayedErrorCount","showMinRows","showRequired","shouldShowSummaryBanner","shouldShowFieldError","styles","renderDragOverlay","activeId","activeIndex","findIndex","row","id","activeRow","blockConfig","showBlockName","disableBlockName","blockName","undefined","_jsx","header","CustomComponent","_jsxs","_Fragment","String","padStart","pillStyle","size","rowNumber","Boolean","replace","ref","style","Fallback","as","count","withMessage","controls","isExpanded","some","onClick","allowCopy","allowPaste","fieldValue","ids","map","onDragEnd","sortingStrategy","i","isLoading","rowPath","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","fields","parentPath","rowCount","buttonStyle","el","icon","iconPosition","addRowIndex","BlocksField"],"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClientProps, ClientBlock } from 'payload'\n\nimport { verticalListSortingStrategy } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useId, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardPasteData } from '../../elements/ClipboardAction/types.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { clipboardCopy, clipboardPaste } from '../../elements/ClipboardAction/clipboardUtilities.js'\nimport { ClipboardAction } from '../../elements/ClipboardAction/index.js'\nimport {\n insertRowFromClipboard,\n mergeFormStateFromClipboard,\n reduceFormStateByPath,\n} from '../../elements/ClipboardAction/mergeFormStateFromClipboard.js'\nimport { CollapseAllToggle } from '../../elements/CollapseAllToggle/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragOverlayPreview } from '../../elements/DraggableSortable/DragOverlayPreview/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { CirclePlusIcon } from '../../icons/CirclePlus/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.css'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useRowFocus } from '../shared/useRowFocus.js'\nimport { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nconst baseClass = 'blocks-field'\n\nconst BlocksFieldComponent: React.FC<BlocksFieldClientProps> = (props) => {\n const rowsID = useId()\n const { i18n, t } = useTranslation()\n\n const {\n field,\n field: {\n name,\n type,\n admin: { className, description, isSortable = true } = {},\n blocks,\n label,\n labels: labelsFromProps,\n localized,\n maxRows,\n minRows: minRowsProp,\n required,\n },\n path: pathFromProps,\n permissions,\n readOnly,\n schemaPath: schemaPathFromProps,\n validate,\n } = props\n\n const schemaPath = schemaPathFromProps ?? name\n\n const minRows = minRowsProp ?? (required ? 1 : 0)\n\n const { setDocFieldPreferences } = useDocumentInfo()\n const {\n addFieldRow,\n dispatchFields,\n getFields,\n moveFieldRow,\n removeFieldRow,\n replaceState,\n setModified,\n } = useForm()\n const currentLocale = useLocale()\n const locale = currentLocale?.code\n const {\n config: { localization },\n config,\n } = useConfig()\n const drawerSlug = useDrawerSlug('blocks-drawer')\n const submitted = useFormSubmitted()\n\n const labels = {\n plural: t('fields:blocks'),\n singular: t('fields:block'),\n ...labelsFromProps,\n }\n\n const editingDefaultLocale = (() => {\n if (localization && localization.fallback) {\n const defaultLocale = localization.defaultLocale\n return locale === defaultLocale\n }\n\n return true\n })()\n\n const memoizedValidate = useCallback(\n (value, options) => {\n // alternative locales can be null\n if (!editingDefaultLocale && value === null) {\n return true\n }\n if (typeof validate === 'function') {\n return validate(value, { ...options, maxRows, minRows, required })\n }\n },\n [maxRows, minRows, required, validate, editingDefaultLocale],\n )\n\n const {\n blocksFilterOptions,\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n disabled,\n errorPaths,\n path,\n rows = [],\n showError,\n valid,\n value,\n } = useField<number>({\n hasRows: true,\n potentiallyStalePath: pathFromProps,\n validate: memoizedValidate,\n })\n\n const { clientBlocks, clientBlocksAfterFilter } = useMemo(() => {\n const resolvedBlocks: ClientBlock[] = []\n\n for (const blockOrSlug of blocks) {\n const block = typeof blockOrSlug === 'string' ? config.blocksMap[blockOrSlug] : blockOrSlug\n if (block) {\n resolvedBlocks.push(block)\n }\n }\n\n if (Array.isArray(blocksFilterOptions)) {\n const clientBlocksAfterFilter = resolvedBlocks.filter((block) => {\n const blockSlug = typeof block === 'string' ? block : block.slug\n return blocksFilterOptions.includes(blockSlug)\n })\n\n return {\n clientBlocks: resolvedBlocks,\n clientBlocksAfterFilter,\n }\n }\n return {\n clientBlocks: resolvedBlocks,\n clientBlocksAfterFilter: resolvedBlocks,\n }\n }, [blocks, blocksFilterOptions, config.blocksMap])\n\n const getBlockConfig = (blockType: string): ClientBlock \| undefined =>\n config.blocksMap[blockType] ?? clientBlocks.find((block) => block.slug === blockType)\n\n const { fieldRef, focusRow } = useRowFocus()\n\n const addRow = useCallback(\n (rowIndex: number, blockType: string) => {\n addFieldRow({\n blockType,\n path,\n rowIndex,\n schemaPath,\n })\n\n focusRow(`${path.split('.').join('-')}-row-${rowIndex}`)\n },\n [addFieldRow, focusRow, path, schemaPath],\n )\n\n const duplicateRow = useCallback(\n (rowIndex: number) => {\n dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n setModified(true)\n\n setTimeout(() => {\n scrollToID(`${path}-row-${rowIndex + 1}`)\n }, 0)\n },\n [dispatchFields, path, setModified],\n )\n\n const removeRow = useCallback(\n (rowIndex: number) => {\n removeFieldRow({\n path,\n rowIndex,\n })\n },\n [path, removeFieldRow],\n )\n\n const moveRow = useCallback(\n (moveFromIndex: number, moveToIndex: number) => {\n moveFieldRow({ moveFromIndex, moveToIndex, path })\n },\n [moveFieldRow, path],\n )\n\n const toggleCollapseAll = useCallback(\n (collapsed: boolean) => {\n const { collapsedIDs, updatedRows } = toggleAllRows({\n collapsed,\n rows,\n })\n\n dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n setDocFieldPreferences(path, { collapsed: collapsedIDs })\n },\n [dispatchFields, path, rows, setDocFieldPreferences],\n )\n\n const setCollapse = useCallback(\n (rowID: string, collapsed: boolean) => {\n const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n collapsed,\n rowID,\n rows,\n })\n\n dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n setDocFieldPreferences(path, { collapsed: collapsedIDs })\n },\n [dispatchFields, path, rows, setDocFieldPreferences],\n )\n\n const copyRow = useCallback(\n (rowIndex: number) => {\n const clipboardResult = clipboardCopy({\n type,\n blocks: clientBlocks,\n getDataToCopy: () =>\n reduceFormStateByPath({\n formState: { ...getFields() },\n path,\n rowIndex,\n }),\n path,\n rowIndex,\n t,\n })\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n } else {\n toast.success(t('general:copied'))\n }\n },\n [clientBlocks, path, t, type, getFields],\n )\n\n const pasteRow = useCallback(\n (rowIndex: number) => {\n const pasteArgs = {\n onPaste: (dataFromClipboard: ClipboardPasteData) => {\n const formState = { ...getFields() }\n const newState = mergeFormStateFromClipboard({\n dataFromClipboard,\n formState,\n path,\n rowIndex,\n })\n replaceState(newState)\n setModified(true)\n },\n path,\n schemaBlocks: clientBlocks,\n t,\n }\n\n const clipboardResult = clipboardPaste(pasteArgs)\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n }\n },\n [clientBlocks, getFields, path, replaceState, setModified, t],\n )\n\n const pasteRowBelow = useCallback(\n (rowIndex: number) => {\n const pasteArgs = {\n onPaste: (dataFromClipboard: ClipboardPasteData) => {\n const formState = { ...getFields() }\n const newState = insertRowFromClipboard({\n dataFromClipboard,\n formState,\n path,\n rowIndex: rowIndex + 1,\n })\n replaceState(newState)\n setModified(true)\n\n setTimeout(() => {\n scrollToID(`${path?.split('.').join('-')}-row-${rowIndex + 1}`)\n }, 0)\n },\n path,\n schemaBlocks: clientBlocks,\n t,\n }\n\n const clipboardResult = clipboardPaste(pasteArgs)\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n }\n },\n [clientBlocks, getFields, path, replaceState, setModified, t],\n )\n\n const pasteBlocks = useCallback(\n (dataFromClipboard: ClipboardPasteData) => {\n const formState = { ...getFields() }\n const newState = mergeFormStateFromClipboard({\n dataFromClipboard,\n formState,\n path,\n })\n replaceState(newState)\n setModified(true)\n },\n [getFields, path, replaceState, setModified],\n )\n\n const hasMaxRows = maxRows && rows.length >= maxRows\n\n const fieldErrorCount = errorPaths.length\n const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0\n const displayedErrorCount = fieldErrorCount > 0 ? fieldErrorCount : fieldHasErrors ? 1 : 0\n\n const showMinRows = rows.length < minRows \|\| (required && rows.length === 0)\n const showRequired = readOnly && rows.length === 0\n const shouldShowSummaryBanner = !valid && (showRequired \|\| showMinRows)\n const shouldShowFieldError = showError && !shouldShowSummaryBanner\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n const renderDragOverlay = useCallback(\n (activeId: number \| string) => {\n const activeIndex = rows.findIndex((row) => row.id === activeId)\n if (activeIndex === -1) {\n return null\n }\n\n const activeRow = rows[activeIndex]\n const blockConfig = getBlockConfig(activeRow.blockType)\n\n if (!blockConfig) {\n return null\n }\n\n const showBlockName = !blockConfig.admin?.disableBlockName\n const blockName = showBlockName\n ? (getFields()?.[`${path}.${activeIndex}.blockName`]?.value as string)\n : undefined\n\n return (\n <DragOverlayPreview\n header={\n <div className={`${baseClass}__block-header`}>\n <RowLabel\n CustomComponent={rows?.[activeIndex]?.customComponents?.RowLabel}\n label={\n <>\n <span className={`${baseClass}__block-number`}>\n {String(activeIndex + 1).padStart(2, '0')}\n </span>\n <Pill\n className={`${baseClass}__block-pill ${baseClass}__block-pill-${activeRow.blockType}`}\n pillStyle=\"white\"\n size=\"small\"\n >\n {getTranslation(blockConfig.labels.singular, i18n)}\n </Pill>\n {blockName && <span className=\"section-title__text\">{blockName}</span>}\n </>\n }\n path={`${path}.${activeIndex}`}\n rowNumber={activeIndex}\n />\n </div>\n }\n />\n )\n },\n [rows, config.blocksMap, clientBlocks, i18n, path, getFields],\n )\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path?.replace(/\\./g, '__')}`}\n ref={fieldRef}\n style={styles}\n >\n {shouldShowFieldError && (\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n )}\n <header className={`${baseClass}__header`}>\n <div className={`${baseClass}__header-wrap`}>\n <div className={`${baseClass}__header-content`}>\n <h3 className={`${baseClass}__title`}>\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n as=\"span\"\n label={label}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n </h3>\n {displayedErrorCount > 0 && (\n <ErrorPill count={displayedErrorCount} i18n={i18n} withMessage />\n )}\n </div>\n <ul className={`${baseClass}__header-actions`}>\n {rows.length > 0 && (\n <CollapseAllToggle\n controls={rowsID}\n isExpanded={rows.some((row) => !row.collapsed)}\n label={getTranslation(label \|\| labels?.plural \|\| name, i18n)}\n onClick={toggleCollapseAll}\n />\n )}\n <li>\n <ClipboardAction\n allowCopy={rows?.length > 0}\n allowPaste={!readOnly}\n blocks={clientBlocks}\n className={`${baseClass}__header-action`}\n disabled={disabled}\n getDataToCopy={() =>\n reduceFormStateByPath({\n formState: { ...getFields() },\n path,\n })\n }\n onPaste={pasteBlocks}\n path={path}\n type={type}\n />\n </li>\n </ul>\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </header>\n {BeforeInput}\n <NullifyLocaleField\n fieldValue={value}\n localized={localized}\n path={path}\n readOnly={readOnly}\n />\n {(rows.length > 0 \|\| (!valid && (showRequired \|\| showMinRows))) && (\n <DraggableSortable\n className={`${baseClass}__rows`}\n id={rowsID}\n ids={rows.map((row) => row.id)}\n onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n renderDragOverlay={isSortable && !readOnly && !disabled ? renderDragOverlay : undefined}\n sortingStrategy={verticalListSortingStrategy}\n >\n {rows.map((row, i) => {\n const { blockType, isLoading } = row\n\n const blockConfig = getBlockConfig(blockType)\n\n if (blockConfig) {\n const rowPath = `${path}.${i}`\n\n const rowErrorCount = errorPaths.filter((errorPath) =>\n errorPath.startsWith(rowPath + '.'),\n ).length\n\n return (\n <DraggableSortableItem\n disabled={readOnly \|\| disabled \|\| !isSortable}\n id={row.id}\n key={row.id}\n >\n {(draggableSortableItemProps) => (\n <BlockRow\n {...draggableSortableItemProps}\n addRow={addRow}\n block={blockConfig}\n // Pass all blocks, not just clientBlocksAfterFilter, as existing blocks should still be displayed even if they don't match the new filter\n blocks={clientBlocks}\n copyRow={copyRow}\n duplicateRow={duplicateRow}\n errorCount={rowErrorCount}\n fields={blockConfig.fields}\n hasMaxRows={hasMaxRows}\n isLoading={isLoading}\n isSortable={isSortable}\n Label={rows?.[i]?.customComponents?.RowLabel}\n labels={labels}\n moveRow={moveRow}\n parentPath={path}\n pasteRow={pasteRow}\n pasteRowBelow={pasteRowBelow}\n path={rowPath}\n permissions={permissions}\n readOnly={readOnly \|\| disabled}\n removeRow={removeRow}\n row={row}\n rowCount={rows.length}\n rowIndex={i}\n schemaPath={schemaPath + blockConfig.slug}\n setCollapse={setCollapse}\n />\n )}\n </DraggableSortableItem>\n )\n }\n\n return null\n })}\n {!valid && (\n <React.Fragment>\n {showMinRows && (\n <Banner type=\"danger\">\n {t('validation:requiresAtLeast', {\n count: minRows,\n label:\n getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) \|\|\n t(minRows > 1 ? 'general:row' : 'general:rows'),\n })}\n </Banner>\n )}\n {showRequired && (\n <Banner>\n {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n </Banner>\n )}\n </React.Fragment>\n )}\n </DraggableSortable>\n )}\n {!hasMaxRows && !readOnly && (\n <Fragment>\n <DrawerToggler\n className={`${baseClass}__drawer-toggler`}\n disabled={disabled}\n slug={drawerSlug}\n >\n <Button\n buttonStyle=\"ghost\"\n disabled={disabled}\n el=\"span\"\n icon={<CirclePlusIcon />}\n iconPosition=\"left\"\n >\n {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n </Button>\n </DrawerToggler>\n <BlocksDrawer\n addRow={addRow}\n addRowIndex={rows?.length \|\| 0}\n // Only allow choosing filtered blocks\n blocks={clientBlocksAfterFilter}\n drawerSlug={drawerSlug}\n labels={labels}\n />\n </Fragment>\n )}\n {AfterInput}\n </div>\n )\n}\n\nexport const BlocksField = withCondition(BlocksFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Checkbox/Input.d.ts CHANGED Viewed

@@ -21,8 +21,8 @@ export type CheckboxInputProps = {
     readonly tooltip?: string;
     /**
      * Visual variant for the checkbox
-     * - 'default': Brand fill when selected (for form fields)
-     * - 'muted': Neutral fill when selected (for tables)
+     * - 'default': Brand fill and an on-brand mark when checked (for form fields)
+     * - 'muted': Keeps the neutral surface when checked (for tables)
      */
     readonly variant?: 'default' | 'muted';
 };

package/dist/fields/Checkbox/Input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,~~KAAqC~~,MAAM,OAAO,CAAA;~~AAQzD~~,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,~~CA0FtD~~,CAAA"}
1	+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Checkbox/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAA0D,MAAM,OAAO,CAAA;AAM9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8HtD,CAAA"}

package/dist/fields/Checkbox/Input.js CHANGED Viewed

@@ -1,171 +1,153 @@
 'use client';
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useId, useState } from 'react';
+import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { Tooltip } from '../../elements/Tooltip/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
-import { CheckIcon } from '../../icons/Check/index.js';
-import { LineIcon } from '../../icons/Line/index.js';
 export const inputBaseClass = 'checkbox-input';
-export const CheckboxInput = t0 => {
-  const $ = _c(37);
-  const {
-    id: idFromProps,
-    name,
-    AfterInput,
-    "aria-label": ariaLabelFromProps,
-    "aria-labelledby": ariaLabelledByFromProps,
-    BeforeInput,
-    checked,
-    className,
-    Error,
-    inputRef,
-    Label,
-    label,
-    localized,
-    onToggle,
-    partialChecked,
-    readOnly: readOnlyFromProps,
-    required,
-    tooltip,
-    variant: t1
-  } = t0;
-  const variant = t1 === undefined ? "default" : t1;
+export const CheckboxInput = ({
+  id: idFromProps,
+  name,
+  AfterInput,
+  'aria-label': ariaLabelFromProps,
+  'aria-labelledby': ariaLabelledByFromProps,
+  BeforeInput,
+  checked,
+  className,
+  Error,
+  inputRef,
+  Label,
+  label,
+  localized,
+  onToggle,
+  partialChecked,
+  readOnly: readOnlyFromProps,
+  required,
+  tooltip,
+  variant = 'default'
+}) => {
   const [isHydrated, setIsHydrated] = useState(false);
   const [showTooltip, setShowTooltip] = useState(false);
+  const [hasChanged, setHasChanged] = useState(false);
   const fallbackID = useId();
   const id = idFromProps || fallbackID;
   const ariaLabel = ariaLabelFromProps || undefined;
-  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps || name;
-  let t2;
-  let t3;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setIsHydrated(true);
-    };
-    t3 = [];
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t2 = $[0];
-    t3 = $[1];
-  }
-  useEffect(t2, t3);
+  const ariaLabelledBy = ariaLabel ? undefined : ariaLabelledByFromProps;
+  const controlWrapRef = useRef(null);
+  useEffect(() => {
+    setIsHydrated(true);
+  }, []);
   const readOnly = readOnlyFromProps || !isHydrated;
-  const t4 = checked && `${inputBaseClass}--checked`;
-  const t5 = readOnly && `${inputBaseClass}--read-only`;
-  const t6 = tooltip && `${inputBaseClass}--has-tooltip`;
-  const t7 = variant !== "default" && `${inputBaseClass}--${variant}`;
-  let t8;
-  if ($[2] !== className || $[3] !== t4 || $[4] !== t5 || $[5] !== t6 || $[6] !== t7) {
-    t8 = [className, inputBaseClass, t4, t5, t6, t7].filter(Boolean);
-    $[2] = className;
-    $[3] = t4;
-    $[4] = t5;
-    $[5] = t6;
-    $[6] = t7;
-    $[7] = t8;
-  } else {
-    t8 = $[7];
-  }
-  const t9 = t8.join(" ");
-  let t10;
-  if ($[8] !== tooltip) {
-    t10 = tooltip ? () => setShowTooltip(true) : undefined;
-    $[8] = tooltip;
-    $[9] = t10;
-  } else {
-    t10 = $[9];
-  }
-  let t11;
-  if ($[10] !== tooltip) {
-    t11 = tooltip ? () => setShowTooltip(false) : undefined;
-    $[10] = tooltip;
-    $[11] = t11;
-  } else {
-    t11 = $[11];
-  }
-  const t12 = Boolean(checked);
-  let t13;
-  if ($[12] !== AfterInput || $[13] !== BeforeInput || $[14] !== Error || $[15] !== Label || $[16] !== ariaLabel || $[17] !== ariaLabelledBy || $[18] !== checked || $[19] !== id || $[20] !== inputRef || $[21] !== label || $[22] !== localized || $[23] !== name || $[24] !== onToggle || $[25] !== partialChecked || $[26] !== readOnly || $[27] !== required || $[28] !== showTooltip || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t9 || $[33] !== tooltip) {
-    const t14 = _jsx("input", {
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      checked: t12,
-      disabled: readOnly,
-      id,
-      name,
-      onChange: onToggle,
-      ref: inputRef,
-      required,
-      title: name,
-      type: "checkbox"
-    });
-    const t15 = !checked && partialChecked ? "partial" : "check";
-    let t16;
-    if ($[35] !== t15) {
-      t16 = [`${inputBaseClass}__icon`, t15].filter(Boolean);
-      $[35] = t15;
-      $[36] = t16;
-    } else {
-      t16 = $[36];
+  const isIndeterminate = !checked && Boolean(partialChecked);
+  /**
+  * `indeterminate` has no HTML attribute, so the mixed state has to be written to the
+  * node itself. The node is reached through the wrapper rather than a ref on the input
+  * so that a caller-supplied `inputRef` stays the only ref attached to it. Setting the
+  * property keeps mark selection in CSS and reports the real `mixed` state to
+  * assistive technology.
+  */
+  useEffect(() => {
+    const control = controlWrapRef.current?.querySelector(`.${inputBaseClass}__control`);
+    if (control instanceof HTMLInputElement) {
+      control.indeterminate = isIndeterminate;
     }
-    t13 = _jsxs("div", {
-      className: t9,
-      onPointerEnter: t10,
-      onPointerLeave: t11,
-      children: [BeforeInput, _jsxs("div", {
-        className: `${inputBaseClass}__wrap`,
-        children: [_jsxs("div", {
-          className: `${inputBaseClass}__input`,
-          children: [t14, _jsxs("span", {
-            className: t16.join(" "),
-            children: [checked && _jsx(CheckIcon, {}), !checked && partialChecked && _jsx(LineIcon, {})]
+  }, [isIndeterminate]);
+  /**
+  * The mark only draws itself in once the value has actually changed, so a document
+  * that loads with the box already checked doesn't replay the animation.
+  */
+  const handleToggle = useCallback(event => {
+    setHasChanged(true);
+    onToggle(event);
+  }, [onToggle]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [className, inputBaseClass, checked && `${inputBaseClass}--checked`, isIndeterminate && `${inputBaseClass}--indeterminate`, readOnly && `${inputBaseClass}--read-only`, hasChanged && `${inputBaseClass}--changed`, tooltip && `${inputBaseClass}--has-tooltip`, variant !== 'default' && `${inputBaseClass}--${variant}`].filter(Boolean).join(' '),
+    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,
+    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,
+    children: [BeforeInput, /*#__PURE__*/_jsxs("div", {
+      className: `${inputBaseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${inputBaseClass}__input`,
+        ref: controlWrapRef,
+        children: [/*#__PURE__*/_jsx("input", {
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          checked: Boolean(checked),
+          className: [`${inputBaseClass}__control`, variant !== 'default' && `${inputBaseClass}__control--${variant}`].filter(Boolean).join(' '),
+          disabled: readOnly,
+          id: id,
+          name: name,
+          onChange: handleToggle,
+          ref: inputRef,
+          required: required,
+          title: name,
+          type: "checkbox"
+        }), /*#__PURE__*/_jsxs("span", {
+          className: `${inputBaseClass}__visuals`,
+          children: [/*#__PURE__*/_jsx(Mark, {
+            className: `${inputBaseClass}__mixed`,
+            shape: "mixed"
+          }), /*#__PURE__*/_jsx(Mark, {
+            className: `${inputBaseClass}__check`,
+            shape: "check"
           })]
-        }), _jsx(RenderCustomComponent, {
-          CustomComponent: Label,
-          Fallback: _jsx(FieldLabel, {
-            htmlFor: id,
-            label,
-            localized,
-            required
-          })
-        }), Error]
-      }), tooltip && _jsx(Tooltip, {
-        alignCaret: "left",
-        className: `${inputBaseClass}__tooltip`,
-        show: showTooltip,
-        children: tooltip
-      }), AfterInput]
-    });
-    $[12] = AfterInput;
-    $[13] = BeforeInput;
-    $[14] = Error;
-    $[15] = Label;
-    $[16] = ariaLabel;
-    $[17] = ariaLabelledBy;
-    $[18] = checked;
-    $[19] = id;
-    $[20] = inputRef;
-    $[21] = label;
-    $[22] = localized;
-    $[23] = name;
-    $[24] = onToggle;
-    $[25] = partialChecked;
-    $[26] = readOnly;
-    $[27] = required;
-    $[28] = showTooltip;
-    $[29] = t10;
-    $[30] = t11;
-    $[31] = t12;
-    $[32] = t9;
-    $[33] = tooltip;
-    $[34] = t13;
-  } else {
-    t13 = $[34];
+        })]
+      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+          htmlFor: id,
+          label: label,
+          localized: localized,
+          required: required
+        })
+      }), Error]
+    }), tooltip && /*#__PURE__*/_jsx(Tooltip, {
+      alignCaret: "left",
+      className: `${inputBaseClass}__tooltip`,
+      show: showTooltip,
+      children: tooltip
+    }), AfterInput]
+  });
+};
+const markShapes = {
+  check: {
+    d: 'M5.00012 8.5L7.5 11L11.5 5',
+    shapeRendering: 'geometricPrecision'
+  },
+  mixed: {
+    d: 'M5 8H11',
+    shapeRendering: 'crispEdges'
   }
-  return t13;
+};
+/**
+ * Each mark is drawn twice: a wider halo stroke underneath, then the mark itself on
+ * top. The halo is what keeps the mark legible against the brand fill.
+ */
+const Mark = ({
+  className,
+  shape
+}) => {
+  const {
+    d,
+    shapeRendering
+  } = markShapes[shape];
+  return /*#__PURE__*/_jsxs("svg", {
+    className: className,
+    fill: "none",
+    height: 16,
+    viewBox: "0 0 16 16",
+    width: 16,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      className: `${inputBaseClass}__mark-halo`,
+      d: d,
+      shapeRendering: shapeRendering
+    }), /*#__PURE__*/_jsx("path", {
+      className: `${inputBaseClass}__mark`,
+      d: d,
+      shapeRendering: shapeRendering
+    })]
+  });
 };
 //# sourceMappingURL=Input.js.map