@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/provider/use-block-sync.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_blocks","_store","_undoIgnore","noop","useBlockSync","clientId","value","controlledBlocks","selection","controlledSelection","onChange","onInput","registry","useRegistry","resetBlocks","resetSelection","replaceInnerBlocks","setHasControlledInnerBlocks","__unstableMarkNextChangeAsNotPersistent","dispatch","blockEditorStore","getBlockName","getBlocks","getSelectionStart","getSelectionEnd","select","pendingChanges","useRef","incoming","outgoing","subscribed","setControlledBlocks","batch","storeBlocks","map","block","cloneBlock","current","unsetControlledBlocks","onInputRef","onChangeRef","useEffect","includes","length","selectionStart","selectionEnd","initialPosition","getSelectedBlocksInitialCaretPosition","isLastBlockChangePersistent","__unstableIsLastBlockChangeIgnored","areInnerBlocksControlled","blocks","isPersistent","previousAreBlocksDifferent","unsubscribe","subscribe","isStillControlled","newIsPersistent","newBlocks","areBlocksDifferent","didPersistenceChange","push","updateParent","undoIgnore","undoIgnoreBlocks","has","delete"],"sources":["@wordpress/block-editor/src/components/provider/use-block-sync.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useRegistry } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { undoIgnoreBlocks } from '../../store/undo-ignore';\n\nconst noop = () => {};\n\n/**\n * A function to call when the block value has been updated in the block-editor\n * store.\n *\n * @callback onBlockUpdate\n * @param {Object[]} blocks  The updated blocks.\n * @param {Object}   options The updated block options, such as selectionStart\n *                           and selectionEnd.\n */\n\n/**\n * useBlockSync is a side effect which handles bidirectional sync between the\n * block-editor store and a controlling data source which provides blocks. This\n * is most commonly used by the BlockEditorProvider to synchronize the contents\n * of the block-editor store with the root entity, like a post.\n *\n * Another example would be the template part block, which provides blocks from\n * a separate entity data source than a root entity. This hook syncs edits to\n * the template part in the block editor back to the entity and vice-versa.\n *\n * Here are some of its basic functions:\n * - Initalizes the block-editor store for the given clientID to the blocks\n *   given via props.\n * - Adds incoming changes (like undo) to the block-editor store.\n * - Adds outgoing changes (like editing content) to the controlling entity,\n *   determining if a change should be considered persistent or not.\n * - Handles edge cases and race conditions which occur in those operations.\n * - Ignores changes which happen to other entities (like nested inner block\n *   controllers.\n * - Passes selection state from the block-editor store to the controlling entity.\n *\n * @param {Object}        props           Props for the block sync hook\n * @param {string}        props.clientId  The client ID of the inner block controller.\n *                                        If none is passed, then it is assumed to be a\n *                                        root controller rather than an inner block\n *                                        controller.\n * @param {Object[]}      props.value     The control value for the blocks. This value\n *                                        is used to initalize the block-editor store\n *                                        and for resetting the blocks to incoming\n *                                        changes like undo.\n * @param {Object}        props.selection The selection state responsible to restore the selection on undo/redo.\n * @param {onBlockUpdate} props.onChange  Function to call when a persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. For example, after\n *                                        this function is called, an entity is marked\n *                                        dirty because it has changes to save.\n * @param {onBlockUpdate} props.onInput   Function to call when a non-persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. When this is called,\n *                                        controlling sources do not become dirty.\n */\nexport default function useBlockSync( {\n\tclientId = null,\n\tvalue: controlledBlocks,\n\tselection: controlledSelection,\n\tonChange = noop,\n\tonInput = noop,\n} ) {\n\tconst registry = useRegistry();\n\n\tconst {\n\t\tresetBlocks,\n\t\tresetSelection,\n\t\treplaceInnerBlocks,\n\t\tsetHasControlledInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = registry.dispatch( blockEditorStore );\n\tconst { getBlockName, getBlocks, getSelectionStart, getSelectionEnd } =\n\t\tregistry.select( blockEditorStore );\n\n\tconst pendingChanges = useRef( { incoming: null, outgoing: [] } );\n\tconst subscribed = useRef( false );\n\n\tconst setControlledBlocks = () => {\n\t\tif ( ! controlledBlocks ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We don't need to persist this change because we only replace\n\t\t// controlled inner blocks when the change was caused by an entity,\n\t\t// and so it would already be persisted.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\t// It is important to batch here because otherwise,\n\t\t\t// as soon as `setHasControlledInnerBlocks` is called\n\t\t\t// the effect to restore might be triggered\n\t\t\t// before the actual blocks get set properly in state.\n\t\t\tregistry.batch( () => {\n\t\t\t\tsetHasControlledInnerBlocks( clientId, true );\n\t\t\t\tconst storeBlocks = controlledBlocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock( block )\n\t\t\t\t);\n\t\t\t\tif ( subscribed.current ) {\n\t\t\t\t\tpendingChanges.current.incoming = storeBlocks;\n\t\t\t\t}\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceInnerBlocks( clientId, storeBlocks );\n\t\t\t} );\n\t\t} else {\n\t\t\tif ( subscribed.current ) {\n\t\t\t\tpendingChanges.current.incoming = controlledBlocks;\n\t\t\t}\n\t\t\tresetBlocks( controlledBlocks );\n\t\t}\n\t};\n\n\t// Clean up the changes made by setControlledBlocks() when the component\n\t// containing useBlockSync() unmounts.\n\tconst unsetControlledBlocks = () => {\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\tsetHasControlledInnerBlocks( clientId, false );\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\treplaceInnerBlocks( clientId, [] );\n\t\t} else {\n\t\t\tresetBlocks( [] );\n\t\t}\n\t};\n\n\t// Add a subscription to the block-editor registry to detect when changes\n\t// have been made. This lets us inform the data source of changes. This\n\t// is an effect so that the subscriber can run synchronously without\n\t// waiting for React renders for changes.\n\tconst onInputRef = useRef( onInput );\n\tconst onChangeRef = useRef( onChange );\n\tuseEffect( () => {\n\t\tonInputRef.current = onInput;\n\t\tonChangeRef.current = onChange;\n\t}, [ onInput, onChange ] );\n\n\t// Determine if blocks need to be reset when they change.\n\tuseEffect( () => {\n\t\tif ( pendingChanges.current.outgoing.includes( controlledBlocks ) ) {\n\t\t\t// Skip block reset if the value matches expected outbound sync\n\t\t\t// triggered by this component by a preceding change detection.\n\t\t\t// Only skip if the value matches expectation, since a reset should\n\t\t\t// still occur if the value is modified (not equal by reference),\n\t\t\t// to allow that the consumer may apply modifications to reflect\n\t\t\t// back on the editor.\n\t\t\tif (\n\t\t\t\tpendingChanges.current.outgoing[\n\t\t\t\t\tpendingChanges.current.outgoing.length - 1\n\t\t\t\t] === controlledBlocks\n\t\t\t) {\n\t\t\t\tpendingChanges.current.outgoing = [];\n\t\t\t}\n\t\t} else if ( getBlocks( clientId ) !== controlledBlocks ) {\n\t\t\t// Reset changing value in all other cases than the sync described\n\t\t\t// above. Since this can be reached in an update following an out-\n\t\t\t// bound sync, unset the outbound value to avoid considering it in\n\t\t\t// subsequent renders.\n\t\t\tpendingChanges.current.outgoing = [];\n\t\t\tsetControlledBlocks();\n\n\t\t\tif ( controlledSelection ) {\n\t\t\t\tresetSelection(\n\t\t\t\t\tcontrolledSelection.selectionStart,\n\t\t\t\t\tcontrolledSelection.selectionEnd,\n\t\t\t\t\tcontrolledSelection.initialPosition\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}, [ controlledBlocks, clientId ] );\n\n\tuseEffect( () => {\n\t\tconst {\n\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\tisLastBlockChangePersistent,\n\t\t\t__unstableIsLastBlockChangeIgnored,\n\t\t\tareInnerBlocksControlled,\n\t\t} = registry.select( blockEditorStore );\n\n\t\tlet blocks = getBlocks( clientId );\n\t\tlet isPersistent = isLastBlockChangePersistent();\n\t\tlet previousAreBlocksDifferent = false;\n\n\t\tsubscribed.current = true;\n\t\tconst unsubscribe = registry.subscribe( () => {\n\t\t\t// Sometimes, when changing block lists, lingering subscriptions\n\t\t\t// might trigger before they are cleaned up. If the block for which\n\t\t\t// the subscription runs is no longer in the store, this would clear\n\t\t\t// its parent entity's block list. To avoid this, we bail out if\n\t\t\t// the subscription is triggering for a block (`clientId !== null`)\n\t\t\t// and its block name can't be found because it's not on the list.\n\t\t\t// (`getBlockName( clientId ) === null`).\n\t\t\tif ( clientId !== null && getBlockName( clientId ) === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// When RESET_BLOCKS on parent blocks get called, the controlled blocks\n\t\t\t// can reset to uncontrolled, in these situations, it means we need to populate\n\t\t\t// the blocks again from the external blocks (the value property here)\n\t\t\t// and we should stop triggering onChange\n\t\t\tconst isStillControlled =\n\t\t\t\t! clientId || areInnerBlocksControlled( clientId );\n\t\t\tif ( ! isStillControlled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newIsPersistent = isLastBlockChangePersistent();\n\t\t\tconst newBlocks = getBlocks( clientId );\n\t\t\tconst areBlocksDifferent = newBlocks !== blocks;\n\t\t\tblocks = newBlocks;\n\t\t\tif (\n\t\t\t\tareBlocksDifferent &&\n\t\t\t\t( pendingChanges.current.incoming ||\n\t\t\t\t\t__unstableIsLastBlockChangeIgnored() )\n\t\t\t) {\n\t\t\t\tpendingChanges.current.incoming = null;\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Since we often dispatch an action to mark the previous action as\n\t\t\t// persistent, we need to make sure that the blocks changed on the\n\t\t\t// previous action before committing the change.\n\t\t\tconst didPersistenceChange =\n\t\t\t\tpreviousAreBlocksDifferent &&\n\t\t\t\t! areBlocksDifferent &&\n\t\t\t\tnewIsPersistent &&\n\t\t\t\t! isPersistent;\n\n\t\t\tif ( areBlocksDifferent || didPersistenceChange ) {\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\t// We know that onChange/onInput will update controlledBlocks.\n\t\t\t\t// We need to be aware that it was caused by an outgoing change\n\t\t\t\t// so that we do not treat it as an incoming change later on,\n\t\t\t\t// which would cause a block reset.\n\t\t\t\tpendingChanges.current.outgoing.push( blocks );\n\n\t\t\t\t// Inform the controlling entity that changes have been made to\n\t\t\t\t// the block-editor store they should be aware about.\n\t\t\t\tconst updateParent = isPersistent\n\t\t\t\t\t? onChangeRef.current\n\t\t\t\t\t: onInputRef.current;\n\t\t\t\tconst undoIgnore = undoIgnoreBlocks.has( blocks );\n\t\t\t\tif ( undoIgnore ) {\n\t\t\t\t\tundoIgnoreBlocks.delete( blocks );\n\t\t\t\t}\n\t\t\t\tupdateParent( blocks, {\n\t\t\t\t\tselection: {\n\t\t\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t\t\t\tselectionEnd: getSelectionEnd(),\n\t\t\t\t\t\tinitialPosition:\n\t\t\t\t\t\t\tgetSelectedBlocksInitialCaretPosition(),\n\t\t\t\t\t},\n\t\t\t\t\tundoIgnore,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tpreviousAreBlocksDifferent = areBlocksDifferent;\n\t\t}, blockEditorStore );\n\n\t\treturn () => {\n\t\t\tsubscribed.current = false;\n\t\t\tunsubscribe();\n\t\t};\n\t}, [ registry, clientId ] );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tunsetControlledBlocks();\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_data","_blocks","_store","_undoIgnore","noop","useBlockSync","clientId","value","controlledBlocks","selection","controlledSelection","onChange","onInput","registry","useRegistry","resetBlocks","resetSelection","replaceInnerBlocks","setHasControlledInnerBlocks","__unstableMarkNextChangeAsNotPersistent","dispatch","blockEditorStore","getBlockName","getBlocks","getSelectionStart","getSelectionEnd","select","isControlled","useSelect","areInnerBlocksControlled","pendingChanges","useRef","incoming","outgoing","subscribed","setControlledBlocks","batch","storeBlocks","map","block","cloneBlock","current","unsetControlledBlocks","onInputRef","onChangeRef","useEffect","includes","length","selectionStart","selectionEnd","initialPosition","isMounted","getSelectedBlocksInitialCaretPosition","isLastBlockChangePersistent","__unstableIsLastBlockChangeIgnored","blocks","isPersistent","previousAreBlocksDifferent","unsubscribe","subscribe","isStillControlled","newIsPersistent","newBlocks","areBlocksDifferent","didPersistenceChange","push","updateParent","undoIgnore","undoIgnoreBlocks","has","delete"],"sources":["@wordpress/block-editor/src/components/provider/use-block-sync.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { undoIgnoreBlocks } from '../../store/undo-ignore';\n\nconst noop = () => {};\n\n/**\n * A function to call when the block value has been updated in the block-editor\n * store.\n *\n * @callback onBlockUpdate\n * @param {Object[]} blocks  The updated blocks.\n * @param {Object}   options The updated block options, such as selectionStart\n *                           and selectionEnd.\n */\n\n/**\n * useBlockSync is a side effect which handles bidirectional sync between the\n * block-editor store and a controlling data source which provides blocks. This\n * is most commonly used by the BlockEditorProvider to synchronize the contents\n * of the block-editor store with the root entity, like a post.\n *\n * Another example would be the template part block, which provides blocks from\n * a separate entity data source than a root entity. This hook syncs edits to\n * the template part in the block editor back to the entity and vice-versa.\n *\n * Here are some of its basic functions:\n * - Initalizes the block-editor store for the given clientID to the blocks\n *   given via props.\n * - Adds incoming changes (like undo) to the block-editor store.\n * - Adds outgoing changes (like editing content) to the controlling entity,\n *   determining if a change should be considered persistent or not.\n * - Handles edge cases and race conditions which occur in those operations.\n * - Ignores changes which happen to other entities (like nested inner block\n *   controllers.\n * - Passes selection state from the block-editor store to the controlling entity.\n *\n * @param {Object}        props           Props for the block sync hook\n * @param {string}        props.clientId  The client ID of the inner block controller.\n *                                        If none is passed, then it is assumed to be a\n *                                        root controller rather than an inner block\n *                                        controller.\n * @param {Object[]}      props.value     The control value for the blocks. This value\n *                                        is used to initalize the block-editor store\n *                                        and for resetting the blocks to incoming\n *                                        changes like undo.\n * @param {Object}        props.selection The selection state responsible to restore the selection on undo/redo.\n * @param {onBlockUpdate} props.onChange  Function to call when a persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. For example, after\n *                                        this function is called, an entity is marked\n *                                        dirty because it has changes to save.\n * @param {onBlockUpdate} props.onInput   Function to call when a non-persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. When this is called,\n *                                        controlling sources do not become dirty.\n */\nexport default function useBlockSync( {\n\tclientId = null,\n\tvalue: controlledBlocks,\n\tselection: controlledSelection,\n\tonChange = noop,\n\tonInput = noop,\n} ) {\n\tconst registry = useRegistry();\n\n\tconst {\n\t\tresetBlocks,\n\t\tresetSelection,\n\t\treplaceInnerBlocks,\n\t\tsetHasControlledInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = registry.dispatch( blockEditorStore );\n\tconst { getBlockName, getBlocks, getSelectionStart, getSelectionEnd } =\n\t\tregistry.select( blockEditorStore );\n\tconst isControlled = useSelect(\n\t\t( select ) => {\n\t\t\treturn (\n\t\t\t\t! clientId ||\n\t\t\t\tselect( blockEditorStore ).areInnerBlocksControlled( clientId )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst pendingChanges = useRef( { incoming: null, outgoing: [] } );\n\tconst subscribed = useRef( false );\n\n\tconst setControlledBlocks = () => {\n\t\tif ( ! controlledBlocks ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We don't need to persist this change because we only replace\n\t\t// controlled inner blocks when the change was caused by an entity,\n\t\t// and so it would already be persisted.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\t// It is important to batch here because otherwise,\n\t\t\t// as soon as `setHasControlledInnerBlocks` is called\n\t\t\t// the effect to restore might be triggered\n\t\t\t// before the actual blocks get set properly in state.\n\t\t\tregistry.batch( () => {\n\t\t\t\tsetHasControlledInnerBlocks( clientId, true );\n\t\t\t\tconst storeBlocks = controlledBlocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock( block )\n\t\t\t\t);\n\t\t\t\tif ( subscribed.current ) {\n\t\t\t\t\tpendingChanges.current.incoming = storeBlocks;\n\t\t\t\t}\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceInnerBlocks( clientId, storeBlocks );\n\t\t\t} );\n\t\t} else {\n\t\t\tif ( subscribed.current ) {\n\t\t\t\tpendingChanges.current.incoming = controlledBlocks;\n\t\t\t}\n\t\t\tresetBlocks( controlledBlocks );\n\t\t}\n\t};\n\n\t// Clean up the changes made by setControlledBlocks() when the component\n\t// containing useBlockSync() unmounts.\n\tconst unsetControlledBlocks = () => {\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\tsetHasControlledInnerBlocks( clientId, false );\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\treplaceInnerBlocks( clientId, [] );\n\t\t} else {\n\t\t\tresetBlocks( [] );\n\t\t}\n\t};\n\n\t// Add a subscription to the block-editor registry to detect when changes\n\t// have been made. This lets us inform the data source of changes. This\n\t// is an effect so that the subscriber can run synchronously without\n\t// waiting for React renders for changes.\n\tconst onInputRef = useRef( onInput );\n\tconst onChangeRef = useRef( onChange );\n\tuseEffect( () => {\n\t\tonInputRef.current = onInput;\n\t\tonChangeRef.current = onChange;\n\t}, [ onInput, onChange ] );\n\n\t// Determine if blocks need to be reset when they change.\n\tuseEffect( () => {\n\t\tif ( pendingChanges.current.outgoing.includes( controlledBlocks ) ) {\n\t\t\t// Skip block reset if the value matches expected outbound sync\n\t\t\t// triggered by this component by a preceding change detection.\n\t\t\t// Only skip if the value matches expectation, since a reset should\n\t\t\t// still occur if the value is modified (not equal by reference),\n\t\t\t// to allow that the consumer may apply modifications to reflect\n\t\t\t// back on the editor.\n\t\t\tif (\n\t\t\t\tpendingChanges.current.outgoing[\n\t\t\t\t\tpendingChanges.current.outgoing.length - 1\n\t\t\t\t] === controlledBlocks\n\t\t\t) {\n\t\t\t\tpendingChanges.current.outgoing = [];\n\t\t\t}\n\t\t} else if ( getBlocks( clientId ) !== controlledBlocks ) {\n\t\t\t// Reset changing value in all other cases than the sync described\n\t\t\t// above. Since this can be reached in an update following an out-\n\t\t\t// bound sync, unset the outbound value to avoid considering it in\n\t\t\t// subsequent renders.\n\t\t\tpendingChanges.current.outgoing = [];\n\t\t\tsetControlledBlocks();\n\n\t\t\tif ( controlledSelection ) {\n\t\t\t\tresetSelection(\n\t\t\t\t\tcontrolledSelection.selectionStart,\n\t\t\t\t\tcontrolledSelection.selectionEnd,\n\t\t\t\t\tcontrolledSelection.initialPosition\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}, [ controlledBlocks, clientId ] );\n\n\tconst isMounted = useRef( false );\n\n\tuseEffect( () => {\n\t\t// On mount, controlled blocks are already set in the effect above.\n\t\tif ( ! isMounted.current ) {\n\t\t\tisMounted.current = true;\n\t\t\treturn;\n\t\t}\n\n\t\t// When the block becomes uncontrolled, it means its inner state has been reset\n\t\t// we need to take the blocks again from the external value property.\n\t\tif ( ! isControlled ) {\n\t\t\tpendingChanges.current.outgoing = [];\n\t\t\tsetControlledBlocks();\n\t\t}\n\t}, [ isControlled ] );\n\n\tuseEffect( () => {\n\t\tconst {\n\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\tisLastBlockChangePersistent,\n\t\t\t__unstableIsLastBlockChangeIgnored,\n\t\t\tareInnerBlocksControlled,\n\t\t} = registry.select( blockEditorStore );\n\n\t\tlet blocks = getBlocks( clientId );\n\t\tlet isPersistent = isLastBlockChangePersistent();\n\t\tlet previousAreBlocksDifferent = false;\n\n\t\tsubscribed.current = true;\n\t\tconst unsubscribe = registry.subscribe( () => {\n\t\t\t// Sometimes, when changing block lists, lingering subscriptions\n\t\t\t// might trigger before they are cleaned up. If the block for which\n\t\t\t// the subscription runs is no longer in the store, this would clear\n\t\t\t// its parent entity's block list. To avoid this, we bail out if\n\t\t\t// the subscription is triggering for a block (`clientId !== null`)\n\t\t\t// and its block name can't be found because it's not on the list.\n\t\t\t// (`getBlockName( clientId ) === null`).\n\t\t\tif ( clientId !== null && getBlockName( clientId ) === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// When RESET_BLOCKS on parent blocks get called, the controlled blocks\n\t\t\t// can reset to uncontrolled, in these situations, it means we need to populate\n\t\t\t// the blocks again from the external blocks (the value property here)\n\t\t\t// and we should stop triggering onChange\n\t\t\tconst isStillControlled =\n\t\t\t\t! clientId || areInnerBlocksControlled( clientId );\n\t\t\tif ( ! isStillControlled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newIsPersistent = isLastBlockChangePersistent();\n\t\t\tconst newBlocks = getBlocks( clientId );\n\t\t\tconst areBlocksDifferent = newBlocks !== blocks;\n\t\t\tblocks = newBlocks;\n\t\t\tif (\n\t\t\t\tareBlocksDifferent &&\n\t\t\t\t( pendingChanges.current.incoming ||\n\t\t\t\t\t__unstableIsLastBlockChangeIgnored() )\n\t\t\t) {\n\t\t\t\tpendingChanges.current.incoming = null;\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Since we often dispatch an action to mark the previous action as\n\t\t\t// persistent, we need to make sure that the blocks changed on the\n\t\t\t// previous action before committing the change.\n\t\t\tconst didPersistenceChange =\n\t\t\t\tpreviousAreBlocksDifferent &&\n\t\t\t\t! areBlocksDifferent &&\n\t\t\t\tnewIsPersistent &&\n\t\t\t\t! isPersistent;\n\n\t\t\tif ( areBlocksDifferent || didPersistenceChange ) {\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\t// We know that onChange/onInput will update controlledBlocks.\n\t\t\t\t// We need to be aware that it was caused by an outgoing change\n\t\t\t\t// so that we do not treat it as an incoming change later on,\n\t\t\t\t// which would cause a block reset.\n\t\t\t\tpendingChanges.current.outgoing.push( blocks );\n\n\t\t\t\t// Inform the controlling entity that changes have been made to\n\t\t\t\t// the block-editor store they should be aware about.\n\t\t\t\tconst updateParent = isPersistent\n\t\t\t\t\t? onChangeRef.current\n\t\t\t\t\t: onInputRef.current;\n\t\t\t\tconst undoIgnore = undoIgnoreBlocks.has( blocks );\n\t\t\t\tif ( undoIgnore ) {\n\t\t\t\t\tundoIgnoreBlocks.delete( blocks );\n\t\t\t\t}\n\t\t\t\tupdateParent( blocks, {\n\t\t\t\t\tselection: {\n\t\t\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t\t\t\tselectionEnd: getSelectionEnd(),\n\t\t\t\t\t\tinitialPosition:\n\t\t\t\t\t\t\tgetSelectedBlocksInitialCaretPosition(),\n\t\t\t\t\t},\n\t\t\t\t\tundoIgnore,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tpreviousAreBlocksDifferent = areBlocksDifferent;\n\t\t}, blockEditorStore );\n\n\t\treturn () => {\n\t\t\tsubscribed.current = false;\n\t\t\tunsubscribe();\n\t\t};\n\t}, [ registry, clientId ] );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tunsetControlledBlocks();\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/provider/with-registry-provider.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
 var _store = require("../../store");
 var _constants = require("../../store/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -18,33 +18,37 @@ var _constants = require("../../store/constants");
  * Internal dependencies
  */
 
-const withRegistryProvider = (0, _compose.createHigherOrderComponent)(WrappedComponent => {
-  return (0, _data.withRegistry)(({
-    useSubRegistry = true,
-    registry,
-    ...props
-  }) => {
-    if (!useSubRegistry) {
-      return (0, _react.createElement)(WrappedComponent, {
-        registry: registry,
-        ...props
-      });
-    }
-    const [subRegistry, setSubRegistry] = (0, _element.useState)(null);
-    (0, _element.useEffect)(() => {
-      const newRegistry = (0, _data.createRegistry)({}, registry);
-      newRegistry.registerStore(_constants.STORE_NAME, _store.storeConfig);
-      setSubRegistry(newRegistry);
-    }, [registry]);
-    if (!subRegistry) {
-      return null;
-    }
-    return (0, _react.createElement)(_data.RegistryProvider, {
-      value: subRegistry
-    }, (0, _react.createElement)(WrappedComponent, {
+function getSubRegistry(subRegistries, registry, useSubRegistry) {
+  if (!useSubRegistry) {
+    return registry;
+  }
+  let subRegistry = subRegistries.get(registry);
+  if (!subRegistry) {
+    subRegistry = (0, _data.createRegistry)({}, registry);
+    subRegistry.registerStore(_constants.STORE_NAME, _store.storeConfig);
+    subRegistries.set(registry, subRegistry);
+  }
+  return subRegistry;
+}
+const withRegistryProvider = (0, _compose.createHigherOrderComponent)(WrappedComponent => ({
+  useSubRegistry = true,
+  ...props
+}) => {
+  const registry = (0, _data.useRegistry)();
+  const [subRegistries] = (0, _element.useState)(() => new WeakMap());
+  const subRegistry = getSubRegistry(subRegistries, registry, useSubRegistry);
+  if (subRegistry === registry) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {
+      registry: registry,
+      ...props
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_data.RegistryProvider, {
+    value: subRegistry,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {
       registry: subRegistry,
       ...props
-    }));
+    })
   });
 }, 'withRegistryProvider');
 var _default = exports.default = withRegistryProvider;

package/build/components/provider/with-registry-provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_compose","_store","_constants","withRegistryProvider","createHigherOrderComponent","WrappedComponent","withRegistry","useSubRegistry","registry","props","_react","createElement","subRegistry","setSubRegistry","useState","useEffect","newRegistry","createRegistry","registerStore","blockEditorStoreName","storeConfig","RegistryProvider","value","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/provider/with-registry-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport {\n\twithRegistry,\n\tcreateRegistry,\n\tRegistryProvider,\n} from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { storeConfig } from '../../store';\nimport { STORE_NAME as blockEditorStoreName } from '../../store/constants';\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) => {\n\t\treturn withRegistry(\n\t\t\t( { useSubRegistry = true, registry, ...props } ) => {\n\t\t\t\tif ( ! useSubRegistry ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<WrappedComponent registry={ registry } { ...props } />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst [ subRegistry, setSubRegistry ] = useState( null );\n\t\t\t\tuseEffect( () => {\n\t\t\t\t\tconst newRegistry = createRegistry( {}, registry );\n\t\t\t\t\tnewRegistry.registerStore(\n\t\t\t\t\t\tblockEditorStoreName,\n\t\t\t\t\t\tstoreConfig\n\t\t\t\t\t);\n\t\t\t\t\tsetSubRegistry( newRegistry );\n\t\t\t\t}, [ registry ] );\n\n\t\t\t\tif ( ! subRegistry ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t\tregistry={ subRegistry }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</RegistryProvider>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,MAAMK,oBAAoB,GAAG,IAAAC,mCAA0B,EACpDC,gBAAgB,IAAM;EACvB,OAAO,IAAAC,kBAAY,EAClB,CAAE;IAAEC,cAAc,GAAG,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,KAAM;IACpD,IAAK,CAAEF,cAAc,EAAG;MACvB,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACN,gBAAgB;QAACG,QAAQ,EAAGA,QAAU;QAAA,GAAMC;MAAK,CAAI,CAAC;IAEzD;IAEA,MAAM,CAAEG,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;IACxD,IAAAC,kBAAS,EAAE,MAAM;MAChB,MAAMC,WAAW,GAAG,IAAAC,oBAAc,EAAE,CAAC,CAAC,EAAET,QAAS,CAAC;MAClDQ,WAAW,CAACE,aAAa,CACxBC,qBAAoB,EACpBC,kBACD,CAAC;MACDP,cAAc,CAAEG,WAAY,CAAC;IAC9B,CAAC,EAAE,CAAER,QAAQ,CAAG,CAAC;IAEjB,IAAK,CAAEI,WAAW,EAAG;MACpB,OAAO,IAAI;IACZ;IAEA,OACC,IAAAF,MAAA,CAAAC,aAAA,EAACZ,KAAA,CAAAsB,gBAAgB;MAACC,KAAK,EAAGV;IAAa,GACtC,IAAAF,MAAA,CAAAC,aAAA,EAACN,gBAAgB;MAChBG,QAAQ,EAAGI,WAAa;MAAA,GACnBH;IAAK,CACV,CACgB,CAAC;EAErB,CACD,CAAC;AACF,CAAC,EACD,sBACD,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEatB,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_element","require","_data","_compose","_store","_constants","_jsxRuntime","getSubRegistry","subRegistries","registry","useSubRegistry","subRegistry","get","createRegistry","registerStore","blockEditorStoreName","storeConfig","set","withRegistryProvider","createHigherOrderComponent","WrappedComponent","props","useRegistry","useState","WeakMap","jsx","RegistryProvider","value","children","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/provider/with-registry-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useRegistry, createRegistry, RegistryProvider } from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { storeConfig } from '../../store';\nimport { STORE_NAME as blockEditorStoreName } from '../../store/constants';\n\nfunction getSubRegistry( subRegistries, registry, useSubRegistry ) {\n\tif ( ! useSubRegistry ) {\n\t\treturn registry;\n\t}\n\tlet subRegistry = subRegistries.get( registry );\n\tif ( ! subRegistry ) {\n\t\tsubRegistry = createRegistry( {}, registry );\n\t\tsubRegistry.registerStore( blockEditorStoreName, storeConfig );\n\t\tsubRegistries.set( registry, subRegistry );\n\t}\n\treturn subRegistry;\n}\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) =>\n\t\t( { useSubRegistry = true, ...props } ) => {\n\t\t\tconst registry = useRegistry();\n\t\t\tconst [ subRegistries ] = useState( () => new WeakMap() );\n\t\t\tconst subRegistry = getSubRegistry(\n\t\t\t\tsubRegistries,\n\t\t\t\tregistry,\n\t\t\t\tuseSubRegistry\n\t\t\t);\n\n\t\t\tif ( subRegistry === registry ) {\n\t\t\t\treturn <WrappedComponent registry={ registry } { ...props } />;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t<WrappedComponent registry={ subRegistry } { ...props } />\n\t\t\t\t</RegistryProvider>\n\t\t\t);\n\t\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA2E,IAAAK,WAAA,GAAAL,OAAA;AAX3E;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASM,cAAcA,CAAEC,aAAa,EAAEC,QAAQ,EAAEC,cAAc,EAAG;EAClE,IAAK,CAAEA,cAAc,EAAG;IACvB,OAAOD,QAAQ;EAChB;EACA,IAAIE,WAAW,GAAGH,aAAa,CAACI,GAAG,CAAEH,QAAS,CAAC;EAC/C,IAAK,CAAEE,WAAW,EAAG;IACpBA,WAAW,GAAG,IAAAE,oBAAc,EAAE,CAAC,CAAC,EAAEJ,QAAS,CAAC;IAC5CE,WAAW,CAACG,aAAa,CAAEC,qBAAoB,EAAEC,kBAAY,CAAC;IAC9DR,aAAa,CAACS,GAAG,CAAER,QAAQ,EAAEE,WAAY,CAAC;EAC3C;EACA,OAAOA,WAAW;AACnB;AAEA,MAAMO,oBAAoB,GAAG,IAAAC,mCAA0B,EACpDC,gBAAgB,IACjB,CAAE;EAAEV,cAAc,GAAG,IAAI;EAAE,GAAGW;AAAM,CAAC,KAAM;EAC1C,MAAMZ,QAAQ,GAAG,IAAAa,iBAAW,EAAC,CAAC;EAC9B,MAAM,CAAEd,aAAa,CAAE,GAAG,IAAAe,iBAAQ,EAAE,MAAM,IAAIC,OAAO,CAAC,CAAE,CAAC;EACzD,MAAMb,WAAW,GAAGJ,cAAc,CACjCC,aAAa,EACbC,QAAQ,EACRC,cACD,CAAC;EAED,IAAKC,WAAW,KAAKF,QAAQ,EAAG;IAC/B,oBAAO,IAAAH,WAAA,CAAAmB,GAAA,EAACL,gBAAgB;MAACX,QAAQ,EAAGA,QAAU;MAAA,GAAMY;IAAK,CAAI,CAAC;EAC/D;EAEA,oBACC,IAAAf,WAAA,CAAAmB,GAAA,EAACvB,KAAA,CAAAwB,gBAAgB;IAACC,KAAK,EAAGhB,WAAa;IAAAiB,QAAA,eACtC,IAAAtB,WAAA,CAAAmB,GAAA,EAACL,gBAAgB;MAACX,QAAQ,EAAGE,WAAa;MAAA,GAAMU;IAAK,CAAI;EAAC,CACzC,CAAC;AAErB,CAAC,EACF,sBACD,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEab,oBAAoB","ignoreList":[]}

package/build/components/publish-date-time-picker/index.js

@@ -4,13 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.PrivatePublishDateTimePicker = void 0;
+exports.PublishDateTimePicker = PublishDateTimePicker;
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _date = require("@wordpress/date");
 var _inspectorPopoverHeader = _interopRequireDefault(require("../inspector-popover-header"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -22,23 +24,42 @@ var _inspectorPopoverHeader = _interopRequireDefault(require("../inspector-popov
 function PublishDateTimePicker({
   onClose,
   onChange,
+  showPopoverHeaderActions,
+  isCompact,
+  currentDate,
   ...additionalProps
 }, ref) {
-  return (0, _react.createElement)("div", {
-    ref: ref,
-    className: "block-editor-publish-date-time-picker"
-  }, (0, _react.createElement)(_inspectorPopoverHeader.default, {
-    title: (0, _i18n.__)('Publish'),
-    actions: [{
-      label: (0, _i18n.__)('Now'),
-      onClick: () => onChange?.(null)
-    }],
-    onClose: onClose
-  }), (0, _react.createElement)(_components.DateTimePicker, {
+  const datePickerProps = {
     startOfWeek: (0, _date.getSettings)().l10n.startOfWeek,
-    onChange: onChange,
+    onChange,
+    currentDate: isCompact ? undefined : currentDate,
+    currentTime: isCompact ? currentDate : undefined,
     ...additionalProps
-  }));
+  };
+  const DatePickerComponent = isCompact ? _components.TimePicker : _components.DateTimePicker;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: "block-editor-publish-date-time-picker",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorPopoverHeader.default, {
+      title: (0, _i18n.__)('Publish'),
+      actions: showPopoverHeaderActions ? [{
+        label: (0, _i18n.__)('Now'),
+        onClick: () => onChange?.(null)
+      }] : undefined,
+      onClose: onClose
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DatePickerComponent, {
+      ...datePickerProps
+    })]
+  });
+}
+const PrivatePublishDateTimePicker = exports.PrivatePublishDateTimePicker = (0, _element.forwardRef)(PublishDateTimePicker);
+function PublicPublishDateTimePicker(props, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PrivatePublishDateTimePicker, {
+    ...props,
+    showPopoverHeaderActions: true,
+    isCompact: false,
+    ref: ref
+  });
 }
-var _default = exports.default = (0, _element.forwardRef)(PublishDateTimePicker);
+var _default = exports.default = (0, _element.forwardRef)(PublicPublishDateTimePicker);
 //# sourceMappingURL=index.js.map

package/build/components/publish-date-time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_element","_date","_inspectorPopoverHeader","_interopRequireDefault","PublishDateTimePicker","onClose","onChange","additionalProps","ref","_react","createElement","className","default","title","__","actions","label","onClick","DateTimePicker","startOfWeek","getSettings","l10n","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/publish-date-time-picker/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DateTimePicker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { getSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport InspectorPopoverHeader from '../inspector-popover-header';\n\nfunction PublishDateTimePicker(\n\t{ onClose, onChange, ...additionalProps },\n\tref\n) {\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-publish-date-time-picker\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Publish' ) }\n\t\t\t\tactions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Now' ),\n\t\t\t\t\t\tonClick: () => onChange?.( null ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<DateTimePicker\n\t\t\t\tstartOfWeek={ getSettings().l10n.startOfWeek }\n\t\t\t\tonChange={ onChange }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( PublishDateTimePicker );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,uBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASM,qBAAqBA,CAC7B;EAAEC,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAgB,CAAC,EACzCC,GAAG,EACF;EACD,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKF,GAAG,EAAGA,GAAK;IAACG,SAAS,EAAC;EAAuC,GACjE,IAAAF,MAAA,CAAAC,aAAA,EAACR,uBAAA,CAAAU,OAAsB;IACtBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,OAAO,EAAG,CACT;MACCC,KAAK,EAAE,IAAAF,QAAE,EAAE,KAAM,CAAC;MAClBG,OAAO,EAAEA,CAAA,KAAMX,QAAQ,GAAI,IAAK;IACjC,CAAC,CACC;IACHD,OAAO,EAAGA;EAAS,CACnB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAqB,cAAc;IACdC,WAAW,EAAG,IAAAC,iBAAW,EAAC,CAAC,CAACC,IAAI,CAACF,WAAa;IAC9Cb,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAe,CACpB,CACG,CAAC;AAER;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEc,IAAAY,mBAAU,EAAEpB,qBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_element","_date","_inspectorPopoverHeader","_interopRequireDefault","_jsxRuntime","PublishDateTimePicker","onClose","onChange","showPopoverHeaderActions","isCompact","currentDate","additionalProps","ref","datePickerProps","startOfWeek","getSettings","l10n","undefined","currentTime","DatePickerComponent","TimePicker","DateTimePicker","jsxs","className","children","jsx","default","title","__","actions","label","onClick","PrivatePublishDateTimePicker","exports","forwardRef","PublicPublishDateTimePicker","props","_default"],"sources":["@wordpress/block-editor/src/components/publish-date-time-picker/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DateTimePicker, TimePicker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { getSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport InspectorPopoverHeader from '../inspector-popover-header';\n\nexport function PublishDateTimePicker(\n\t{\n\t\tonClose,\n\t\tonChange,\n\t\tshowPopoverHeaderActions,\n\t\tisCompact,\n\t\tcurrentDate,\n\t\t...additionalProps\n\t},\n\tref\n) {\n\tconst datePickerProps = {\n\t\tstartOfWeek: getSettings().l10n.startOfWeek,\n\t\tonChange,\n\t\tcurrentDate: isCompact ? undefined : currentDate,\n\t\tcurrentTime: isCompact ? currentDate : undefined,\n\t\t...additionalProps,\n\t};\n\tconst DatePickerComponent = isCompact ? TimePicker : DateTimePicker;\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-publish-date-time-picker\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Publish' ) }\n\t\t\t\tactions={\n\t\t\t\t\tshowPopoverHeaderActions\n\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tlabel: __( 'Now' ),\n\t\t\t\t\t\t\t\t\tonClick: () => onChange?.( null ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t  ]\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<DatePickerComponent { ...datePickerProps } />\n\t\t</div>\n\t);\n}\n\nexport const PrivatePublishDateTimePicker = forwardRef( PublishDateTimePicker );\n\nfunction PublicPublishDateTimePicker( props, ref ) {\n\treturn (\n\t\t<PrivatePublishDateTimePicker\n\t\t\t{ ...props }\n\t\t\tshowPopoverHeaderActions\n\t\t\tisCompact={ false }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicPublishDateTimePicker );\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,uBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAiE,IAAAM,WAAA,GAAAN,OAAA;AAXjE;AACA;AACA;;AAMA;AACA;AACA;;AAGO,SAASO,qBAAqBA,CACpC;EACCC,OAAO;EACPC,QAAQ;EACRC,wBAAwB;EACxBC,SAAS;EACTC,WAAW;EACX,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EACD,MAAMC,eAAe,GAAG;IACvBC,WAAW,EAAE,IAAAC,iBAAW,EAAC,CAAC,CAACC,IAAI,CAACF,WAAW;IAC3CP,QAAQ;IACRG,WAAW,EAAED,SAAS,GAAGQ,SAAS,GAAGP,WAAW;IAChDQ,WAAW,EAAET,SAAS,GAAGC,WAAW,GAAGO,SAAS;IAChD,GAAGN;EACJ,CAAC;EACD,MAAMQ,mBAAmB,GAAGV,SAAS,GAAGW,sBAAU,GAAGC,0BAAc;EACnE,oBACC,IAAAjB,WAAA,CAAAkB,IAAA;IAAKV,GAAG,EAAGA,GAAK;IAACW,SAAS,EAAC,uCAAuC;IAAAC,QAAA,gBACjE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,uBAAA,CAAAwB,OAAsB;MACtBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;MACzBC,OAAO,EACNrB,wBAAwB,GACrB,CACA;QACCsB,KAAK,EAAE,IAAAF,QAAE,EAAE,KAAM,CAAC;QAClBG,OAAO,EAAEA,CAAA,KAAMxB,QAAQ,GAAI,IAAK;MACjC,CAAC,CACA,GACDU,SACH;MACDX,OAAO,EAAGA;IAAS,CACnB,CAAC,eACF,IAAAF,WAAA,CAAAqB,GAAA,EAACN,mBAAmB;MAAA,GAAMN;IAAe,CAAI,CAAC;EAAA,CAC1C,CAAC;AAER;AAEO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,mBAAU,EAAE7B,qBAAsB,CAAC;AAE/E,SAAS8B,2BAA2BA,CAAEC,KAAK,EAAExB,GAAG,EAAG;EAClD,oBACC,IAAAR,WAAA,CAAAqB,GAAA,EAACO,4BAA4B;IAAA,GACvBI,KAAK;IACV5B,wBAAwB;IACxBC,SAAS,EAAG,KAAO;IACnBG,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ;AAAC,IAAAyB,QAAA,GAAAJ,OAAA,CAAAP,OAAA,GAEc,IAAAQ,mBAAU,EAAEC,2BAA4B,CAAC","ignoreList":[]}

package/build/components/recursion-provider/index.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeprecatedExperimentalUseHasRecursion = exports.DeprecatedExperimentalRecursionProvider = void 0;
 exports.RecursionProvider = RecursionProvider;
 exports.useHasRecursion = useHasRecursion;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _context = require("../block-edit/context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -64,9 +64,10 @@ function RecursionProvider({
   } = (0, _context.useBlockEditContext)();
   blockName = blockName || name;
   const newRenderedBlocks = (0, _element.useMemo)(() => addToBlockType(previouslyRenderedBlocks, blockName, uniqueId), [previouslyRenderedBlocks, blockName, uniqueId]);
-  return (0, _react.createElement)(RenderedRefsContext.Provider, {
-    value: newRenderedBlocks
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderedRefsContext.Provider, {
+    value: newRenderedBlocks,
+    children: children
+  });
 }
 
 /**
@@ -95,7 +96,7 @@ const DeprecatedExperimentalRecursionProvider = props => {
     since: '6.5',
     alternative: 'wp.blockEditor.RecursionProvider'
   });
-  return (0, _react.createElement)(RecursionProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RecursionProvider, {
     ...props
   });
 };

package/build/components/recursion-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_deprecated","_interopRequireDefault","_context","RenderedRefsContext","createContext","addToBlockType","renderedBlocks","blockName","uniqueId","result","Set","add","RecursionProvider","children","previouslyRenderedBlocks","useContext","name","useBlockEditContext","newRenderedBlocks","useMemo","_react","createElement","Provider","value","useHasRecursion","Boolean","has","DeprecatedExperimentalRecursionProvider","props","deprecated","since","alternative","exports","DeprecatedExperimentalUseHasRecursion","args"],"sources":["@wordpress/block-editor/src/components/recursion-provider/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\n\n/**\n * Immutably adds an unique identifier to a set scoped for a given block type.\n *\n * @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName      Name of the block.\n * @param {*}      uniqueId       Any value that acts as a unique identifier for a block instance.\n *\n * @return {Object} The list of rendered blocks grouped by block name.\n */\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/**\n * A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n *\n * Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n *\n * @param {Object}      props\n * @param {*}           props.uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string}      props.blockName Optional block name.\n * @param {JSX.Element} props.children  React children.\n *\n * @return {JSX.Element} A React element.\n */\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName || name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/**\n * A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n *\n * Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n *\n * @param {*}      uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string} blockName Optional block name.\n *\n * @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName || name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ...args ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...args );\n};\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,mBAAmB,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAEC,cAAc,EAAEC,SAAS,EAAEC,QAAQ,EAAG;EAC9D,MAAMC,MAAM,GAAG;IACd,GAAGH,cAAc;IACjB,CAAEC,SAAS,GAAID,cAAc,CAAEC,SAAS,CAAE,GACvC,IAAIG,GAAG,CAAEJ,cAAc,CAAEC,SAAS,CAAG,CAAC,GACtC,IAAIG,GAAG,CAAC;EACZ,CAAC;EACDD,MAAM,CAAEF,SAAS,CAAE,CAACI,GAAG,CAAEH,QAAS,CAAC;EAEnC,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEL,QAAQ;EAAED,SAAS,GAAG;AAAG,CAAC,EAAG;EAC3E,MAAMO,wBAAwB,GAAG,IAAAC,mBAAU,EAAEZ,mBAAoB,CAAC;EAClE,MAAM;IAAEa;EAAK,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EAEtCV,SAAS,GAAGA,SAAS,IAAIS,IAAI;EAE7B,MAAME,iBAAiB,GAAG,IAAAC,gBAAO,EAChC,MAAMd,cAAc,CAAES,wBAAwB,EAAEP,SAAS,EAAEC,QAAS,CAAC,EACrE,CAAEM,wBAAwB,EAAEP,SAAS,EAAEC,QAAQ,CAChD,CAAC;EAED,OACC,IAAAY,MAAA,CAAAC,aAAA,EAAClB,mBAAmB,CAACmB,QAAQ;IAACC,KAAK,EAAGL;EAAmB,GACtDL,QAC2B,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,eAAeA,CAAEhB,QAAQ,EAAED,SAAS,GAAG,EAAE,EAAG;EAC3D,MAAMO,wBAAwB,GAAG,IAAAC,mBAAU,EAAEZ,mBAAoB,CAAC;EAClE,MAAM;IAAEa;EAAK,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACtCV,SAAS,GAAGA,SAAS,IAAIS,IAAI;EAC7B,OAAOS,OAAO,CAAEX,wBAAwB,CAAEP,SAAS,CAAE,EAAEmB,GAAG,CAAElB,QAAS,CAAE,CAAC;AACzE;AAEO,MAAMmB,uCAAuC,GAAKC,KAAK,IAAM;EACnE,IAAAC,mBAAU,EAAE,gDAAgD,EAAE;IAC7DC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAO,IAAAX,MAAA,CAAAC,aAAA,EAACT,iBAAiB;IAAA,GAAMgB;EAAK,CAAI,CAAC;AAC1C,CAAC;AAACI,OAAA,CAAAL,uCAAA,GAAAA,uCAAA;AAEK,MAAMM,qCAAqC,GAAGA,CAAE,GAAGC,IAAI,KAAM;EACnE,IAAAL,mBAAU,EAAE,8CAA8C,EAAE;IAC3DC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAOP,eAAe,CAAE,GAAGU,IAAK,CAAC;AAClC,CAAC;AAACF,OAAA,CAAAC,qCAAA,GAAAA,qCAAA","ignoreList":[]}
+{"version":3,"names":["_element","require","_deprecated","_interopRequireDefault","_context","_jsxRuntime","RenderedRefsContext","createContext","addToBlockType","renderedBlocks","blockName","uniqueId","result","Set","add","RecursionProvider","children","previouslyRenderedBlocks","useContext","name","useBlockEditContext","newRenderedBlocks","useMemo","jsx","Provider","value","useHasRecursion","Boolean","has","DeprecatedExperimentalRecursionProvider","props","deprecated","since","alternative","exports","DeprecatedExperimentalUseHasRecursion","args"],"sources":["@wordpress/block-editor/src/components/recursion-provider/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\n\n/**\n * Immutably adds an unique identifier to a set scoped for a given block type.\n *\n * @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName      Name of the block.\n * @param {*}      uniqueId       Any value that acts as a unique identifier for a block instance.\n *\n * @return {Object} The list of rendered blocks grouped by block name.\n */\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/**\n * A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n *\n * Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n *\n * @param {Object}      props\n * @param {*}           props.uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string}      props.blockName Optional block name.\n * @param {JSX.Element} props.children  React children.\n *\n * @return {JSX.Element} A React element.\n */\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName || name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/**\n * A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n *\n * Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n *\n * @param {*}      uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string} blockName Optional block name.\n *\n * @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName || name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ...args ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...args );\n};\n"],"mappings":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAA4D,IAAAI,WAAA,GAAAJ,OAAA;AAT5D;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,mBAAmB,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAEC,cAAc,EAAEC,SAAS,EAAEC,QAAQ,EAAG;EAC9D,MAAMC,MAAM,GAAG;IACd,GAAGH,cAAc;IACjB,CAAEC,SAAS,GAAID,cAAc,CAAEC,SAAS,CAAE,GACvC,IAAIG,GAAG,CAAEJ,cAAc,CAAEC,SAAS,CAAG,CAAC,GACtC,IAAIG,GAAG,CAAC;EACZ,CAAC;EACDD,MAAM,CAAEF,SAAS,CAAE,CAACI,GAAG,CAAEH,QAAS,CAAC;EAEnC,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEL,QAAQ;EAAED,SAAS,GAAG;AAAG,CAAC,EAAG;EAC3E,MAAMO,wBAAwB,GAAG,IAAAC,mBAAU,EAAEZ,mBAAoB,CAAC;EAClE,MAAM;IAAEa;EAAK,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EAEtCV,SAAS,GAAGA,SAAS,IAAIS,IAAI;EAE7B,MAAME,iBAAiB,GAAG,IAAAC,gBAAO,EAChC,MAAMd,cAAc,CAAES,wBAAwB,EAAEP,SAAS,EAAEC,QAAS,CAAC,EACrE,CAAEM,wBAAwB,EAAEP,SAAS,EAAEC,QAAQ,CAChD,CAAC;EAED,oBACC,IAAAN,WAAA,CAAAkB,GAAA,EAACjB,mBAAmB,CAACkB,QAAQ;IAACC,KAAK,EAAGJ,iBAAmB;IAAAL,QAAA,EACtDA;EAAQ,CACmB,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,eAAeA,CAAEf,QAAQ,EAAED,SAAS,GAAG,EAAE,EAAG;EAC3D,MAAMO,wBAAwB,GAAG,IAAAC,mBAAU,EAAEZ,mBAAoB,CAAC;EAClE,MAAM;IAAEa;EAAK,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACtCV,SAAS,GAAGA,SAAS,IAAIS,IAAI;EAC7B,OAAOQ,OAAO,CAAEV,wBAAwB,CAAEP,SAAS,CAAE,EAAEkB,GAAG,CAAEjB,QAAS,CAAE,CAAC;AACzE;AAEO,MAAMkB,uCAAuC,GAAKC,KAAK,IAAM;EACnE,IAAAC,mBAAU,EAAE,gDAAgD,EAAE;IAC7DC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,oBAAO,IAAA5B,WAAA,CAAAkB,GAAA,EAACR,iBAAiB;IAAA,GAAMe;EAAK,CAAI,CAAC;AAC1C,CAAC;AAACI,OAAA,CAAAL,uCAAA,GAAAA,uCAAA;AAEK,MAAMM,qCAAqC,GAAGA,CAAE,GAAGC,IAAI,KAAM;EACnE,IAAAL,mBAAU,EAAE,8CAA8C,EAAE;IAC3DC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAOP,eAAe,CAAE,GAAGU,IAAK,CAAC;AAClC,CAAC;AAACF,OAAA,CAAAC,qCAAA,GAAAA,qCAAA","ignoreList":[]}

package/build/components/resizable-box-popover/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ResizableBoxPopover;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _cover = _interopRequireDefault(require("../block-popover/cover"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,12 +21,13 @@ function ResizableBoxPopover({
   resizableBoxProps,
   ...props
 }) {
-  return (0, _react.createElement)(_cover.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cover.default, {
     clientId: clientId,
     __unstablePopoverSlot: "block-toolbar",
-    ...props
-  }, (0, _react.createElement)(_components.ResizableBox, {
-    ...resizableBoxProps
-  }));
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ResizableBox, {
+      ...resizableBoxProps
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/resizable-box-popover/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_cover","_interopRequireDefault","ResizableBoxPopover","clientId","resizableBoxProps","props","_react","createElement","default","__unstablePopoverSlot","ResizableBox"],"sources":["@wordpress/block-editor/src/components/resizable-box-popover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverCover from '../block-popover/cover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopoverCover\n\t\t\tclientId={ clientId }\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopoverCover>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,MAAA,CAAAQ,OAAiB;IACjBL,QAAQ,EAAGA,QAAU;IACrBM,qBAAqB,EAAC,eAAe;IAAA,GAChCJ;EAAK,GAEV,IAAAC,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAY,YAAY;IAAA,GAAMN;EAAiB,CAAI,CACtB,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["_components","require","_cover","_interopRequireDefault","_jsxRuntime","ResizableBoxPopover","clientId","resizableBoxProps","props","jsx","default","__unstablePopoverSlot","children","ResizableBox"],"sources":["@wordpress/block-editor/src/components/resizable-box-popover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverCover from '../block-popover/cover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopoverCover\n\t\t\tclientId={ clientId }\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopoverCover>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AARvD;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASI,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACP,MAAA,CAAAQ,OAAiB;IACjBJ,QAAQ,EAAGA,QAAU;IACrBK,qBAAqB,EAAC,eAAe;IAAA,GAChCH,KAAK;IAAAI,QAAA,eAEV,IAAAR,WAAA,CAAAK,GAAA,EAACT,WAAA,CAAAa,YAAY;MAAA,GAAMN;IAAiB,CAAI;EAAC,CACvB,CAAC;AAEtB","ignoreList":[]}

package/build/components/resolution-tool/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ResolutionTool;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -33,19 +33,20 @@ function ResolutionTool({
   isShownByDefault = true
 }) {
   const displayValue = value !== null && value !== void 0 ? value : defaultValue;
-  return (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
     hasValue: () => displayValue !== defaultValue,
     label: (0, _i18n.__)('Resolution'),
     onDeselect: () => onChange(defaultValue),
     isShownByDefault: isShownByDefault,
-    panelId: panelId
-  }, (0, _react.createElement)(_components.SelectControl, {
-    label: (0, _i18n.__)('Resolution'),
-    value: displayValue,
-    options: options,
-    onChange: onChange,
-    help: (0, _i18n.__)('Select the size of the source image.'),
-    size: '__unstable-large'
-  }));
+    panelId: panelId,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+      label: (0, _i18n.__)('Resolution'),
+      value: displayValue,
+      options: options,
+      onChange: onChange,
+      help: (0, _i18n.__)('Select the size of the source image.'),
+      size: "__unstable-large"
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/resolution-tool/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","DEFAULT_SIZE_OPTIONS","label","_x","value","ResolutionTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","_react","createElement","__experimentalToolsPanelItem","hasValue","__","onDeselect","SelectControl","help","size"],"sources":["@wordpress/block-editor/src/components/resolution-tool/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\tsize={ '__unstable-large' }\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAOA,MAAME,oBAAoB,GAAG,CAC5B;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAQ,EAAE,0CAA2C,CAAC;EACjEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAO,EAAE,0CAA2C,CAAC;EAChEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEC,KAAK,EAAE;AACR,CAAC,CACD;AAEc,SAASC,cAAcA,CAAE;EACvCC,OAAO;EACPF,KAAK;EACLG,QAAQ;EACRC,OAAO,GAAGP,oBAAoB;EAC9BQ,YAAY,GAAGR,oBAAoB,CAAE,CAAC,CAAE,CAACG,KAAK;EAC9CM,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGP,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIK,YAAY;EAC1C,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAMJ,YAAY,KAAKF,YAAc;IAChDP,KAAK,EAAG,IAAAc,QAAE,EAAE,YAAa,CAAG;IAC5BC,UAAU,EAAGA,CAAA,KAAMV,QAAQ,CAAEE,YAAa,CAAG;IAC7CC,gBAAgB,EAAGA,gBAAkB;IACrCJ,OAAO,EAAGA;EAAS,GAEnB,IAAAM,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAoB,aAAa;IACbhB,KAAK,EAAG,IAAAc,QAAE,EAAE,YAAa,CAAG;IAC5BZ,KAAK,EAAGO,YAAc;IACtBH,OAAO,EAAGA,OAAS;IACnBD,QAAQ,EAAGA,QAAU;IACrBY,IAAI,EAAG,IAAAH,QAAE,EAAE,sCAAuC,CAAG;IACrDI,IAAI,EAAG;EAAoB,CAC3B,CACc,CAAC;AAEnB","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_jsxRuntime","DEFAULT_SIZE_OPTIONS","label","_x","value","ResolutionTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","jsx","__experimentalToolsPanelItem","hasValue","__","onDeselect","children","SelectControl","help","size"],"sources":["@wordpress/block-editor/src/components/resolution-tool/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\tsize=\"__unstable-large\"\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAPzC;AACA;AACA;;AAOA,MAAMG,oBAAoB,GAAG,CAC5B;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAQ,EAAE,0CAA2C,CAAC;EACjEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAO,EAAE,0CAA2C,CAAC;EAChEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEC,KAAK,EAAE;AACR,CAAC,CACD;AAEc,SAASC,cAAcA,CAAE;EACvCC,OAAO;EACPF,KAAK;EACLG,QAAQ;EACRC,OAAO,GAAGP,oBAAoB;EAC9BQ,YAAY,GAAGR,oBAAoB,CAAE,CAAC,CAAE,CAACG,KAAK;EAC9CM,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGP,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIK,YAAY;EAC1C,oBACC,IAAAT,WAAA,CAAAY,GAAA,EAACf,WAAA,CAAAgB,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAMH,YAAY,KAAKF,YAAc;IAChDP,KAAK,EAAG,IAAAa,QAAE,EAAE,YAAa,CAAG;IAC5BC,UAAU,EAAGA,CAAA,KAAMT,QAAQ,CAAEE,YAAa,CAAG;IAC7CC,gBAAgB,EAAGA,gBAAkB;IACrCJ,OAAO,EAAGA,OAAS;IAAAW,QAAA,eAEnB,IAAAjB,WAAA,CAAAY,GAAA,EAACf,WAAA,CAAAqB,aAAa;MACbhB,KAAK,EAAG,IAAAa,QAAE,EAAE,YAAa,CAAG;MAC5BX,KAAK,EAAGO,YAAc;MACtBH,OAAO,EAAGA,OAAS;MACnBD,QAAQ,EAAGA,QAAU;MACrBY,IAAI,EAAG,IAAAJ,QAAE,EAAE,sCAAuC,CAAG;MACrDK,IAAI,EAAC;IAAkB,CACvB;EAAC,CACa,CAAC;AAEnB","ignoreList":[]}

package/build/components/responsive-block-control/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _label = _interopRequireDefault(require("./label"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -53,36 +53,40 @@ function ResponsiveBlockControl(props) {
   const toggleControlLabel = toggleLabel || (0, _i18n.sprintf)( /* translators: %s: Property value for the control (eg: margin, padding, etc.). */
   (0, _i18n.__)('Use the same %s on all screen sizes.'), property);
   const toggleHelpText = (0, _i18n.__)('Toggle between using the same value for all screen sizes or using a unique value per screen size.');
-  const defaultControl = renderDefaultControl((0, _react.createElement)(_label.default, {
+  const defaultControl = renderDefaultControl( /*#__PURE__*/(0, _jsxRuntime.jsx)(_label.default, {
     property: property,
     viewport: defaultLabel
   }), defaultLabel);
   const defaultResponsiveControls = () => {
-    return viewports.map(viewport => (0, _react.createElement)(_element.Fragment, {
-      key: viewport.id
-    }, renderDefaultControl((0, _react.createElement)(_label.default, {
-      property: property,
-      viewport: viewport
-    }), viewport)));
+    return viewports.map(viewport => /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.Fragment, {
+      children: renderDefaultControl( /*#__PURE__*/(0, _jsxRuntime.jsx)(_label.default, {
+        property: property,
+        viewport: viewport
+      }), viewport)
+    }, viewport.id));
   };
-  return (0, _react.createElement)("fieldset", {
-    className: "block-editor-responsive-block-control"
-  }, (0, _react.createElement)("legend", {
-    className: "block-editor-responsive-block-control__title"
-  }, title), (0, _react.createElement)("div", {
-    className: "block-editor-responsive-block-control__inner"
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-responsive-block-control__toggle",
-    label: toggleControlLabel,
-    checked: !isResponsive,
-    onChange: onIsResponsiveChange,
-    help: toggleHelpText
-  }), (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('block-editor-responsive-block-control__group', {
-      'is-responsive': isResponsive
-    })
-  }, !isResponsive && defaultControl, isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls()))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    className: "block-editor-responsive-block-control",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
+      className: "block-editor-responsive-block-control__title",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "block-editor-responsive-block-control__inner",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        className: "block-editor-responsive-block-control__toggle",
+        label: toggleControlLabel,
+        checked: !isResponsive,
+        onChange: onIsResponsiveChange,
+        help: toggleHelpText
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _clsx.default)('block-editor-responsive-block-control__group', {
+          'is-responsive': isResponsive
+        }),
+        children: [!isResponsive && defaultControl, isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls())]
+      })]
+    })]
+  });
 }
 var _default = exports.default = ResponsiveBlockControl;
 //# sourceMappingURL=index.js.map

package/build/components/responsive-block-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_element","_components","_label","ResponsiveBlockControl","props","title","property","toggleLabel","onIsResponsiveChange","renderDefaultControl","renderResponsiveControls","isResponsive","defaultLabel","id","label","_x","viewports","__","toggleControlLabel","sprintf","toggleHelpText","defaultControl","_react","createElement","default","viewport","defaultResponsiveControls","map","Fragment","key","className","ToggleControl","__nextHasNoMarginBottom","checked","onChange","help","classnames","_default","exports"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Toggle between using the same value for all screen sizes or using a unique value per screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_element","_components","_label","_jsxRuntime","ResponsiveBlockControl","props","title","property","toggleLabel","onIsResponsiveChange","renderDefaultControl","renderResponsiveControls","isResponsive","defaultLabel","id","label","_x","viewports","__","toggleControlLabel","sprintf","toggleHelpText","defaultControl","jsx","default","viewport","defaultResponsiveControls","map","Fragment","children","jsxs","className","ToggleControl","__nextHasNoMarginBottom","checked","onChange","help","clsx","_default","exports"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Toggle between using the same value for all screen sizes or using a unique value per screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],"mappings":"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","ignoreList":[]}