@wordpress/block-editor 12.6.0 → 12.8.0

package/build/components/block-lock/modal.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockLockModal;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("@wordpress/icons");
-
 var _compose = require("@wordpress/compose");
-
 var _data = require("@wordpress/data");
-
 var _blocks = require("@wordpress/blocks");
-
 var _useBlockLock = _interopRequireDefault(require("./use-block-lock"));
-
 var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-display-information"));
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -34,23 +22,21 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
+
 // Entity based blocks which allow edit locking
 const ALLOWS_EDIT_LOCKING = ['core/block', 'core/navigation'];
-
 function getTemplateLockValue(lock) {
   // Prevents all operations.
   if (lock.remove && lock.move) {
     return 'all';
-  } // Prevents inserting or removing blocks, but allows moving existing blocks.
-
+  }
 
+  // Prevents inserting or removing blocks, but allows moving existing blocks.
   if (lock.remove && !lock.move) {
     return 'insert';
   }
-
   return false;
 }
-
 function BlockLockModal({
   clientId,
   onClose
@@ -99,8 +85,7 @@ function BlockLockModal({
   const isAllChecked = Object.values(lock).every(Boolean);
   const isMixed = Object.values(lock).some(Boolean) && !isAllChecked;
   return (0, _element.createElement)(_components.Modal, {
-    title: (0, _i18n.sprintf)(
-    /* translators: %s: Name of the block. */
+    title: (0, _i18n.sprintf)( /* translators: %s: Name of the block. */
     (0, _i18n.__)('Lock %s'), blockInformation.title),
     overlayClassName: "block-editor-block-lock-modal",
     onRequestClose: onClose
@@ -140,7 +125,8 @@ function BlockLockModal({
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Restrict editing'),
     checked: !!lock.edit,
-    onChange: edit => setLock(prevLock => ({ ...prevLock,
+    onChange: edit => setLock(prevLock => ({
+      ...prevLock,
       edit
     }))
   }), (0, _element.createElement)(_components.Icon, {
@@ -152,7 +138,8 @@ function BlockLockModal({
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Disable movement'),
     checked: lock.move,
-    onChange: move => setLock(prevLock => ({ ...prevLock,
+    onChange: move => setLock(prevLock => ({
+      ...prevLock,
       move
     }))
   }), (0, _element.createElement)(_components.Icon, {
@@ -164,7 +151,8 @@ function BlockLockModal({
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Prevent removal'),
     checked: lock.remove,
-    onChange: remove => setLock(prevLock => ({ ...prevLock,
+    onChange: remove => setLock(prevLock => ({
+      ...prevLock,
       remove
     }))
   }), (0, _element.createElement)(_components.Icon, {

package/build/components/block-lock/modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-lock/modal.js"],"names":["ALLOWS_EDIT_LOCKING","getTemplateLockValue","lock","remove","move","BlockLockModal","clientId","onClose","setLock","canEdit","canMove","canRemove","allowsEditLocking","templateLock","hasTemplateLock","select","getBlockName","getBlockAttributes","blockEditorStore","blockName","blockType","includes","attributes","applyTemplateLock","setApplyTemplateLock","updateBlockAttributes","blockInformation","instanceId","edit","isAllChecked","Object","values","every","Boolean","isMixed","some","title","event","preventDefault","undefined","newValue","prevLock","lockIcon","unlockIcon"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport {\n\tButton,\n\tCheckboxControl,\n\tFlex,\n\tFlexItem,\n\tIcon,\n\tModal,\n\tToggleControl,\n} from '@wordpress/components';\nimport { lock as lockIcon, unlock as unlockIcon } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport useBlockLock from './use-block-lock';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport { store as blockEditorStore } from '../../store';\n\n// Entity based blocks which allow edit locking\nconst ALLOWS_EDIT_LOCKING = [ 'core/block', 'core/navigation' ];\n\nfunction getTemplateLockValue( lock ) {\n\t// Prevents all operations.\n\tif ( lock.remove && lock.move ) {\n\t\treturn 'all';\n\t}\n\n\t// Prevents inserting or removing blocks, but allows moving existing blocks.\n\tif ( lock.remove && ! lock.move ) {\n\t\treturn 'insert';\n\t}\n\n\treturn false;\n}\n\nexport default function BlockLockModal( { clientId, onClose } ) {\n\tconst [ lock, setLock ] = useState( { move: false, remove: false } );\n\tconst { canEdit, canMove, canRemove } = useBlockLock( clientId );\n\tconst { allowsEditLocking, templateLock, hasTemplateLock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\n\t\t\treturn {\n\t\t\t\tallowsEditLocking: ALLOWS_EDIT_LOCKING.includes( blockName ),\n\t\t\t\ttemplateLock: getBlockAttributes( clientId )?.templateLock,\n\t\t\t\thasTemplateLock: !! blockType?.attributes?.templateLock,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst [ applyTemplateLock, setApplyTemplateLock ] = useState(\n\t\t!! templateLock\n\t);\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst instanceId = useInstanceId(\n\t\tBlockLockModal,\n\t\t'block-editor-block-lock-modal__options-title'\n\t);\n\n\tuseEffect( () => {\n\t\tsetLock( {\n\t\t\tmove: ! canMove,\n\t\t\tremove: ! canRemove,\n\t\t\t...( allowsEditLocking ? { edit: ! canEdit } : {} ),\n\t\t} );\n\t}, [ canEdit, canMove, canRemove, allowsEditLocking ] );\n\n\tconst isAllChecked = Object.values( lock ).every( Boolean );\n\tconst isMixed = Object.values( lock ).some( Boolean ) && ! isAllChecked;\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t/* translators: %s: Name of the block. */\n\t\t\t\t__( 'Lock %s' ),\n\t\t\t\tblockInformation.title\n\t\t\t) }\n\t\t\toverlayClassName=\"block-editor-block-lock-modal\"\n\t\t\tonRequestClose={ onClose }\n\t\t>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'Choose specific attributes to restrict or lock all available options.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tupdateBlockAttributes( [ clientId ], {\n\t\t\t\t\t\tlock,\n\t\t\t\t\t\ttemplateLock: applyTemplateLock\n\t\t\t\t\t\t\t? getTemplateLockValue( lock )\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} );\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\taria-labelledby={ instanceId }\n\t\t\t\t\tclassName=\"block-editor-block-lock-modal__options\"\n\t\t\t\t>\n\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__options-title\"\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t<span id={ instanceId }>{ __( 'Lock all' ) }</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ isAllChecked }\n\t\t\t\t\t\tindeterminate={ isMixed }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\tsetLock( {\n\t\t\t\t\t\t\t\tmove: newValue,\n\t\t\t\t\t\t\t\tremove: newValue,\n\t\t\t\t\t\t\t\t...( allowsEditLocking\n\t\t\t\t\t\t\t\t\t? { edit: newValue }\n\t\t\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ul className=\"block-editor-block-lock-modal__checklist\">\n\t\t\t\t\t\t{ allowsEditLocking && (\n\t\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Restrict editing' ) }\n\t\t\t\t\t\t\t\t\tchecked={ !! lock.edit }\n\t\t\t\t\t\t\t\t\tonChange={ ( edit ) =>\n\t\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\t\tedit,\n\t\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\t\ticon={ lock.edit ? lockIcon : unlockIcon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Disable movement' ) }\n\t\t\t\t\t\t\t\tchecked={ lock.move }\n\t\t\t\t\t\t\t\tonChange={ ( move ) =>\n\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\tmove,\n\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\ticon={ lock.move ? lockIcon : unlockIcon }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Prevent removal' ) }\n\t\t\t\t\t\t\t\tchecked={ lock.remove }\n\t\t\t\t\t\t\t\tonChange={ ( remove ) =>\n\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\tremove,\n\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\ticon={ lock.remove ? lockIcon : unlockIcon }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t{ hasTemplateLock && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__template-lock\"\n\t\t\t\t\t\t\tlabel={ __( 'Apply to all blocks inside' ) }\n\t\t\t\t\t\t\tchecked={ applyTemplateLock }\n\t\t\t\t\t\t\tdisabled={ lock.move && ! lock.remove }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetApplyTemplateLock( ! applyTemplateLock )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"block-editor-block-lock-modal__actions\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button variant=\"tertiary\" onClick={ onClose }>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_i18n","_components","_icons","_compose","_data","_blocks","_useBlockLock","_interopRequireDefault","_useBlockDisplayInformation","_store","ALLOWS_EDIT_LOCKING","getTemplateLockValue","lock","remove","move","BlockLockModal","clientId","onClose","setLock","useState","canEdit","canMove","canRemove","useBlockLock","allowsEditLocking","templateLock","hasTemplateLock","useSelect","select","getBlockName","getBlockAttributes","blockEditorStore","blockName","blockType","getBlockType","includes","attributes","applyTemplateLock","setApplyTemplateLock","updateBlockAttributes","useDispatch","blockInformation","useBlockDisplayInformation","instanceId","useInstanceId","useEffect","edit","isAllChecked","Object","values","every","Boolean","isMixed","some","createElement","Modal","title","sprintf","__","overlayClassName","onRequestClose","onSubmit","event","preventDefault","undefined","role","className","CheckboxControl","__nextHasNoMarginBottom","label","id","checked","indeterminate","onChange","newValue","prevLock","Icon","icon","lockIcon","unlockIcon","ToggleControl","disabled","Flex","justify","expanded","FlexItem","Button","variant","onClick","type"],"sources":["@wordpress/block-editor/src/components/block-lock/modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport {\n\tButton,\n\tCheckboxControl,\n\tFlex,\n\tFlexItem,\n\tIcon,\n\tModal,\n\tToggleControl,\n} from '@wordpress/components';\nimport { lock as lockIcon, unlock as unlockIcon } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport useBlockLock from './use-block-lock';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport { store as blockEditorStore } from '../../store';\n\n// Entity based blocks which allow edit locking\nconst ALLOWS_EDIT_LOCKING = [ 'core/block', 'core/navigation' ];\n\nfunction getTemplateLockValue( lock ) {\n\t// Prevents all operations.\n\tif ( lock.remove && lock.move ) {\n\t\treturn 'all';\n\t}\n\n\t// Prevents inserting or removing blocks, but allows moving existing blocks.\n\tif ( lock.remove && ! lock.move ) {\n\t\treturn 'insert';\n\t}\n\n\treturn false;\n}\n\nexport default function BlockLockModal( { clientId, onClose } ) {\n\tconst [ lock, setLock ] = useState( { move: false, remove: false } );\n\tconst { canEdit, canMove, canRemove } = useBlockLock( clientId );\n\tconst { allowsEditLocking, templateLock, hasTemplateLock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\n\t\t\treturn {\n\t\t\t\tallowsEditLocking: ALLOWS_EDIT_LOCKING.includes( blockName ),\n\t\t\t\ttemplateLock: getBlockAttributes( clientId )?.templateLock,\n\t\t\t\thasTemplateLock: !! blockType?.attributes?.templateLock,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst [ applyTemplateLock, setApplyTemplateLock ] = useState(\n\t\t!! templateLock\n\t);\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst instanceId = useInstanceId(\n\t\tBlockLockModal,\n\t\t'block-editor-block-lock-modal__options-title'\n\t);\n\n\tuseEffect( () => {\n\t\tsetLock( {\n\t\t\tmove: ! canMove,\n\t\t\tremove: ! canRemove,\n\t\t\t...( allowsEditLocking ? { edit: ! canEdit } : {} ),\n\t\t} );\n\t}, [ canEdit, canMove, canRemove, allowsEditLocking ] );\n\n\tconst isAllChecked = Object.values( lock ).every( Boolean );\n\tconst isMixed = Object.values( lock ).some( Boolean ) && ! isAllChecked;\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t/* translators: %s: Name of the block. */\n\t\t\t\t__( 'Lock %s' ),\n\t\t\t\tblockInformation.title\n\t\t\t) }\n\t\t\toverlayClassName=\"block-editor-block-lock-modal\"\n\t\t\tonRequestClose={ onClose }\n\t\t>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'Choose specific attributes to restrict or lock all available options.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tupdateBlockAttributes( [ clientId ], {\n\t\t\t\t\t\tlock,\n\t\t\t\t\t\ttemplateLock: applyTemplateLock\n\t\t\t\t\t\t\t? getTemplateLockValue( lock )\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} );\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\taria-labelledby={ instanceId }\n\t\t\t\t\tclassName=\"block-editor-block-lock-modal__options\"\n\t\t\t\t>\n\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__options-title\"\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t<span id={ instanceId }>{ __( 'Lock all' ) }</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ isAllChecked }\n\t\t\t\t\t\tindeterminate={ isMixed }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\tsetLock( {\n\t\t\t\t\t\t\t\tmove: newValue,\n\t\t\t\t\t\t\t\tremove: newValue,\n\t\t\t\t\t\t\t\t...( allowsEditLocking\n\t\t\t\t\t\t\t\t\t? { edit: newValue }\n\t\t\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ul className=\"block-editor-block-lock-modal__checklist\">\n\t\t\t\t\t\t{ allowsEditLocking && (\n\t\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Restrict editing' ) }\n\t\t\t\t\t\t\t\t\tchecked={ !! lock.edit }\n\t\t\t\t\t\t\t\t\tonChange={ ( edit ) =>\n\t\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\t\tedit,\n\t\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\t\ticon={ lock.edit ? lockIcon : unlockIcon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Disable movement' ) }\n\t\t\t\t\t\t\t\tchecked={ lock.move }\n\t\t\t\t\t\t\t\tonChange={ ( move ) =>\n\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\tmove,\n\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\ticon={ lock.move ? lockIcon : unlockIcon }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li className=\"block-editor-block-lock-modal__checklist-item\">\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Prevent removal' ) }\n\t\t\t\t\t\t\t\tchecked={ lock.remove }\n\t\t\t\t\t\t\t\tonChange={ ( remove ) =>\n\t\t\t\t\t\t\t\t\tsetLock( ( prevLock ) => ( {\n\t\t\t\t\t\t\t\t\t\t...prevLock,\n\t\t\t\t\t\t\t\t\t\tremove,\n\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__lock-icon\"\n\t\t\t\t\t\t\t\ticon={ lock.remove ? lockIcon : unlockIcon }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t{ hasTemplateLock && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tclassName=\"block-editor-block-lock-modal__template-lock\"\n\t\t\t\t\t\t\tlabel={ __( 'Apply to all blocks inside' ) }\n\t\t\t\t\t\t\tchecked={ applyTemplateLock }\n\t\t\t\t\t\t\tdisabled={ lock.move && ! lock.remove }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetApplyTemplateLock( ! applyTemplateLock )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"block-editor-block-lock-modal__actions\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button variant=\"tertiary\" onClick={ onClose }>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}

package/build/components/block-lock/toolbar.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockLockToolbar;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _dom = require("@wordpress/dom");
-
 var _icons = require("@wordpress/icons");
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _useBlockLock = _interopRequireDefault(require("./use-block-lock"));
-
 /**
  * WordPress dependencies
  */
@@ -28,6 +19,7 @@ var _useBlockLock = _interopRequireDefault(require("./use-block-lock"));
 /**
  * Internal dependencies
  */
+
 function BlockLockToolbar({
   clientId,
   wrapperRef
@@ -41,28 +33,26 @@ function BlockLockToolbar({
   const [isModalOpen, toggleModal] = (0, _element.useReducer)(isActive => !isActive, false);
   const lockButtonRef = (0, _element.useRef)(null);
   const isFirstRender = (0, _element.useRef)(true);
-  const shouldHideBlockLockUI = !canLock || canEdit && canMove && canRemove; // Restore focus manually on the first focusable element in the toolbar
+  const shouldHideBlockLockUI = !canLock || canEdit && canMove && canRemove;
+
+  // Restore focus manually on the first focusable element in the toolbar
   // when the block lock modal is closed and the block is not locked anymore.
   // See https://github.com/WordPress/gutenberg/issues/51447
-
   (0, _element.useEffect)(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
     }
-
     if (!isModalOpen && shouldHideBlockLockUI) {
       _dom.focus.focusable.find(wrapperRef.current, {
         sequential: false
       }).find(element => element.tagName === 'BUTTON' && element !== lockButtonRef.current)?.focus();
-    } // wrapperRef is a reference object and should be stable
-
+    }
+    // wrapperRef is a reference object and should be stable
   }, [isModalOpen, shouldHideBlockLockUI, wrapperRef]);
-
   if (shouldHideBlockLockUI) {
     return null;
   }
-
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToolbarGroup, {
     className: "block-editor-block-lock-toolbar"
   }, (0, _element.createElement)(_components.ToolbarButton, {

package/build/components/block-lock/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-lock/toolbar.js"],"names":["BlockLockToolbar","clientId","wrapperRef","canEdit","canMove","canRemove","canLock","isModalOpen","toggleModal","isActive","lockButtonRef","isFirstRender","shouldHideBlockLockUI","current","focus","focusable","find","sequential","element","tagName","lock"],"mappings":";;;;;;;;;AAMA;;AAHA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;AAbA;AACA;AACA;;AAOA;AACA;AACA;AAIe,SAASA,gBAAT,CAA2B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAA3B,EAAsD;AACpE,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,OAAX;AAAoBC,IAAAA,SAApB;AAA+BC,IAAAA;AAA/B,MAA2C,2BAAcL,QAAd,CAAjD;AAEA,QAAM,CAAEM,WAAF,EAAeC,WAAf,IAA+B,yBAClCC,QAAF,IAAgB,CAAEA,QADkB,EAEpC,KAFoC,CAArC;AAKA,QAAMC,aAAa,GAAG,qBAAQ,IAAR,CAAtB;AACA,QAAMC,aAAa,GAAG,qBAAQ,IAAR,CAAtB;AAEA,QAAMC,qBAAqB,GAC1B,CAAEN,OAAF,IAAeH,OAAO,IAAIC,OAAX,IAAsBC,SADtC,CAXoE,CAcpE;AACA;AACA;;AACA,0BAAW,MAAM;AAChB,QAAKM,aAAa,CAACE,OAAnB,EAA6B;AAC5BF,MAAAA,aAAa,CAACE,OAAd,GAAwB,KAAxB;AACA;AACA;;AAED,QAAK,CAAEN,WAAF,IAAiBK,qBAAtB,EAA8C;AAC7CE,iBAAMC,SAAN,CACEC,IADF,CACQd,UAAU,CAACW,OADnB,EAC4B;AAC1BI,QAAAA,UAAU,EAAE;AADc,OAD5B,EAIED,IAJF,CAKIE,OAAF,IACCA,OAAO,CAACC,OAAR,KAAoB,QAApB,IACAD,OAAO,KAAKR,aAAa,CAACG,OAP7B,GASGC,KATH;AAUA,KAjBe,CAkBhB;;AACA,GAnBD,EAmBG,CAAEP,WAAF,EAAeK,qBAAf,EAAsCV,UAAtC,CAnBH;;AAqBA,MAAKU,qBAAL,EAA6B;AAC5B,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,wBAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,KACC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAGQ,WADR;AAEC,IAAA,KAAK,EAAG,cAAI,QAAJ,CAFT;AAGC,IAAA,OAAO,EAAGZ,WAHX;AAIC,IAAA,GAAG,EAAGE;AAJP,IADD,CADD,EASGH,WAAW,IACZ,4BAAC,cAAD;AAAgB,IAAA,QAAQ,EAAGN,QAA3B;AAAsC,IAAA,OAAO,EAAGO;AAAhD,IAVF,CADD;AAeA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { focus } from '@wordpress/dom';\nimport { useReducer, useRef, useEffect } from '@wordpress/element';\nimport { lock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockLockModal from './modal';\nimport useBlockLock from './use-block-lock';\n\nexport default function BlockLockToolbar( { clientId, wrapperRef } ) {\n\tconst { canEdit, canMove, canRemove, canLock } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tconst lockButtonRef = useRef( null );\n\tconst isFirstRender = useRef( true );\n\n\tconst shouldHideBlockLockUI =\n\t\t! canLock || ( canEdit && canMove && canRemove );\n\n\t// Restore focus manually on the first focusable element in the toolbar\n\t// when the block lock modal is closed and the block is not locked anymore.\n\t// See https://github.com/WordPress/gutenberg/issues/51447\n\tuseEffect( () => {\n\t\tif ( isFirstRender.current ) {\n\t\t\tisFirstRender.current = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! isModalOpen && shouldHideBlockLockUI ) {\n\t\t\tfocus.focusable\n\t\t\t\t.find( wrapperRef.current, {\n\t\t\t\t\tsequential: false,\n\t\t\t\t} )\n\t\t\t\t.find(\n\t\t\t\t\t( element ) =>\n\t\t\t\t\t\telement.tagName === 'BUTTON' &&\n\t\t\t\t\t\telement !== lockButtonRef.current\n\t\t\t\t)\n\t\t\t\t?.focus();\n\t\t}\n\t\t// wrapperRef is a reference object and should be stable\n\t}, [ isModalOpen, shouldHideBlockLockUI, wrapperRef ] );\n\n\tif ( shouldHideBlockLockUI ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={ lock }\n\t\t\t\t\tlabel={ __( 'Unlock' ) }\n\t\t\t\t\tonClick={ toggleModal }\n\t\t\t\t\tref={ lockButtonRef }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_i18n","_components","_dom","_icons","_modal","_interopRequireDefault","_useBlockLock","BlockLockToolbar","clientId","wrapperRef","canEdit","canMove","canRemove","canLock","useBlockLock","isModalOpen","toggleModal","useReducer","isActive","lockButtonRef","useRef","isFirstRender","shouldHideBlockLockUI","useEffect","current","focus","focusable","find","sequential","element","tagName","createElement","Fragment","ToolbarGroup","className","ToolbarButton","icon","lock","label","__","onClick","ref","default","onClose"],"sources":["@wordpress/block-editor/src/components/block-lock/toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { focus } from '@wordpress/dom';\nimport { useReducer, useRef, useEffect } from '@wordpress/element';\nimport { lock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockLockModal from './modal';\nimport useBlockLock from './use-block-lock';\n\nexport default function BlockLockToolbar( { clientId, wrapperRef } ) {\n\tconst { canEdit, canMove, canRemove, canLock } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tconst lockButtonRef = useRef( null );\n\tconst isFirstRender = useRef( true );\n\n\tconst shouldHideBlockLockUI =\n\t\t! canLock || ( canEdit && canMove && canRemove );\n\n\t// Restore focus manually on the first focusable element in the toolbar\n\t// when the block lock modal is closed and the block is not locked anymore.\n\t// See https://github.com/WordPress/gutenberg/issues/51447\n\tuseEffect( () => {\n\t\tif ( isFirstRender.current ) {\n\t\t\tisFirstRender.current = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! isModalOpen && shouldHideBlockLockUI ) {\n\t\t\tfocus.focusable\n\t\t\t\t.find( wrapperRef.current, {\n\t\t\t\t\tsequential: false,\n\t\t\t\t} )\n\t\t\t\t.find(\n\t\t\t\t\t( element ) =>\n\t\t\t\t\t\telement.tagName === 'BUTTON' &&\n\t\t\t\t\t\telement !== lockButtonRef.current\n\t\t\t\t)\n\t\t\t\t?.focus();\n\t\t}\n\t\t// wrapperRef is a reference object and should be stable\n\t}, [ isModalOpen, shouldHideBlockLockUI, wrapperRef ] );\n\n\tif ( shouldHideBlockLockUI ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={ lock }\n\t\t\t\t\tlabel={ __( 'Unlock' ) }\n\t\t\t\t\tonClick={ toggleModal }\n\t\t\t\t\tref={ lockButtonRef }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAMA,IAAAA,QAAA,GAAAC,OAAA;AAHA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,aAAA,GAAAD,sBAAA,CAAAN,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASQ,gBAAgBA,CAAE;EAAEC,QAAQ;EAAEC;AAAW,CAAC,EAAG;EACpE,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAAC,qBAAY,EAAEN,QAAS,CAAC;EAEzE,MAAM,CAAEO,WAAW,EAAEC,WAAW,CAAE,GAAG,IAAAC,mBAAU,EAC5CC,QAAQ,IAAM,CAAEA,QAAQ,EAC1B,KACD,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EACpC,MAAMC,aAAa,GAAG,IAAAD,eAAM,EAAE,IAAK,CAAC;EAEpC,MAAME,qBAAqB,GAC1B,CAAET,OAAO,IAAMH,OAAO,IAAIC,OAAO,IAAIC,SAAW;;EAEjD;EACA;EACA;EACA,IAAAW,kBAAS,EAAE,MAAM;IAChB,IAAKF,aAAa,CAACG,OAAO,EAAG;MAC5BH,aAAa,CAACG,OAAO,GAAG,KAAK;MAC7B;IACD;IAEA,IAAK,CAAET,WAAW,IAAIO,qBAAqB,EAAG;MAC7CG,UAAK,CAACC,SAAS,CACbC,IAAI,CAAElB,UAAU,CAACe,OAAO,EAAE;QAC1BI,UAAU,EAAE;MACb,CAAE,CAAC,CACFD,IAAI,CACFE,OAAO,IACRA,OAAO,CAACC,OAAO,KAAK,QAAQ,IAC5BD,OAAO,KAAKV,aAAa,CAACK,OAC5B,CAAC,EACCC,KAAK,CAAC,CAAC;IACX;IACA;EACD,CAAC,EAAE,CAAEV,WAAW,EAAEO,qBAAqB,EAAEb,UAAU,CAAG,CAAC;EAEvD,IAAKa,qBAAqB,EAAG;IAC5B,OAAO,IAAI;EACZ;EAEA,OACC,IAAAxB,QAAA,CAAAiC,aAAA,EAAAjC,QAAA,CAAAkC,QAAA,QACC,IAAAlC,QAAA,CAAAiC,aAAA,EAAC9B,WAAA,CAAAgC,YAAY;IAACC,SAAS,EAAC;EAAiC,GACxD,IAAApC,QAAA,CAAAiC,aAAA,EAAC9B,WAAA,CAAAkC,aAAa;IACbC,IAAI,EAAGC,WAAM;IACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,OAAO,EAAGxB,WAAa;IACvByB,GAAG,EAAGtB;EAAe,CACrB,CACY,CAAC,EACbJ,WAAW,IACZ,IAAAjB,QAAA,CAAAiC,aAAA,EAAC3B,MAAA,CAAAsC,OAAc;IAAClC,QAAQ,EAAGA,QAAU;IAACmC,OAAO,EAAG3B;EAAa,CAAE,CAE/D,CAAC;AAEL"}

package/build/components/block-lock/use-block-lock.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useBlockLock;
-
 var _data = require("@wordpress/data");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */

package/build/components/block-lock/use-block-lock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-lock/use-block-lock.js"],"names":["useBlockLock","clientId","select","canEditBlock","canMoveBlock","canRemoveBlock","canLockBlockType","getBlockName","getBlockRootClientId","getTemplateLock","blockEditorStore","rootClientId","canEdit","canMove","canRemove","canLock","isContentLocked","isLocked"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,YAAT,CAAuBC,QAAvB,EAAkC;AAChD,SAAO,qBACJC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,YADK;AAELC,MAAAA,YAFK;AAGLC,MAAAA,cAHK;AAILC,MAAAA,gBAJK;AAKLC,MAAAA,YALK;AAMLC,MAAAA,oBANK;AAOLC,MAAAA;AAPK,QAQFP,MAAM,CAAEQ,YAAF,CARV;AASA,UAAMC,YAAY,GAAGH,oBAAoB,CAAEP,QAAF,CAAzC;AAEA,UAAMW,OAAO,GAAGT,YAAY,CAAEF,QAAF,CAA5B;AACA,UAAMY,OAAO,GAAGT,YAAY,CAAEH,QAAF,EAAYU,YAAZ,CAA5B;AACA,UAAMG,SAAS,GAAGT,cAAc,CAAEJ,QAAF,EAAYU,YAAZ,CAAhC;AAEA,WAAO;AACNC,MAAAA,OADM;AAENC,MAAAA,OAFM;AAGNC,MAAAA,SAHM;AAINC,MAAAA,OAAO,EAAET,gBAAgB,CAAEC,YAAY,CAAEN,QAAF,CAAd,CAJnB;AAKNe,MAAAA,eAAe,EAAEP,eAAe,CAAER,QAAF,CAAf,KAAgC,aAL3C;AAMNgB,MAAAA,QAAQ,EAAE,CAAEL,OAAF,IAAa,CAAEC,OAAf,IAA0B,CAAEC;AANhC,KAAP;AAQA,GAzBK,EA0BN,CAAEb,QAAF,CA1BM,CAAP;AA4BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Return details about the block lock status.\n *\n * @param {string} clientId The block client Id.\n *\n * @return {Object} Block lock status\n */\nexport default function useBlockLock( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanEditBlock,\n\t\t\t\tcanMoveBlock,\n\t\t\t\tcanRemoveBlock,\n\t\t\t\tcanLockBlockType,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetTemplateLock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\tconst canEdit = canEditBlock( clientId );\n\t\t\tconst canMove = canMoveBlock( clientId, rootClientId );\n\t\t\tconst canRemove = canRemoveBlock( clientId, rootClientId );\n\n\t\t\treturn {\n\t\t\t\tcanEdit,\n\t\t\t\tcanMove,\n\t\t\t\tcanRemove,\n\t\t\t\tcanLock: canLockBlockType( getBlockName( clientId ) ),\n\t\t\t\tisContentLocked: getTemplateLock( clientId ) === 'contentOnly',\n\t\t\t\tisLocked: ! canEdit || ! canMove || ! canRemove,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}
+{"version":3,"names":["_data","require","_store","useBlockLock","clientId","useSelect","select","canEditBlock","canMoveBlock","canRemoveBlock","canLockBlockType","getBlockName","getBlockRootClientId","getTemplateLock","blockEditorStore","rootClientId","canEdit","canMove","canRemove","canLock","isContentLocked","isLocked"],"sources":["@wordpress/block-editor/src/components/block-lock/use-block-lock.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Return details about the block lock status.\n *\n * @param {string} clientId The block client Id.\n *\n * @return {Object} Block lock status\n */\nexport default function useBlockLock( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanEditBlock,\n\t\t\t\tcanMoveBlock,\n\t\t\t\tcanRemoveBlock,\n\t\t\t\tcanLockBlockType,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetTemplateLock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\tconst canEdit = canEditBlock( clientId );\n\t\t\tconst canMove = canMoveBlock( clientId, rootClientId );\n\t\t\tconst canRemove = canRemoveBlock( clientId, rootClientId );\n\n\t\t\treturn {\n\t\t\t\tcanEdit,\n\t\t\t\tcanMove,\n\t\t\t\tcanRemove,\n\t\t\t\tcanLock: canLockBlockType( getBlockName( clientId ) ),\n\t\t\t\tisContentLocked: getTemplateLock( clientId ) === 'contentOnly',\n\t\t\t\tisLocked: ! canEdit || ! canMove || ! canRemove,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASE,YAAYA,CAAEC,QAAQ,EAAG;EAChD,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb,MAAM;MACLC,YAAY;MACZC,YAAY;MACZC,cAAc;MACdC,gBAAgB;MAChBC,YAAY;MACZC,oBAAoB;MACpBC;IACD,CAAC,GAAGP,MAAM,CAAEQ,YAAiB,CAAC;IAC9B,MAAMC,YAAY,GAAGH,oBAAoB,CAAER,QAAS,CAAC;IAErD,MAAMY,OAAO,GAAGT,YAAY,CAAEH,QAAS,CAAC;IACxC,MAAMa,OAAO,GAAGT,YAAY,CAAEJ,QAAQ,EAAEW,YAAa,CAAC;IACtD,MAAMG,SAAS,GAAGT,cAAc,CAAEL,QAAQ,EAAEW,YAAa,CAAC;IAE1D,OAAO;MACNC,OAAO;MACPC,OAAO;MACPC,SAAS;MACTC,OAAO,EAAET,gBAAgB,CAAEC,YAAY,CAAEP,QAAS,CAAE,CAAC;MACrDgB,eAAe,EAAEP,eAAe,CAAET,QAAS,CAAC,KAAK,aAAa;MAC9DiB,QAAQ,EAAE,CAAEL,OAAO,IAAI,CAAEC,OAAO,IAAI,CAAEC;IACvC,CAAC;EACF,CAAC,EACD,CAAEd,QAAQ,CACX,CAAC;AACF"}

package/build/components/block-media-update-progress/index.native.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MEDIA_UPLOAD_STATE_UPLOADING = exports.MEDIA_UPLOAD_STATE_SUCCEEDED = exports.MEDIA_UPLOAD_STATE_RESET = exports.MEDIA_UPLOAD_STATE_FAILED = exports.MEDIA_SAVE_STATE_SUCCEEDED = exports.MEDIA_SAVE_STATE_SAVING = exports.MEDIA_SAVE_STATE_RESET = exports.MEDIA_SAVE_STATE_FAILED = exports.MEDIA_SAVE_MEDIAID_CHANGED = exports.MEDIA_SAVE_FINAL_STATE_RESULT = exports.BlockMediaUpdateProgress = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * External dependencies
  */
@@ -30,6 +22,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
+
 const MEDIA_UPLOAD_STATE_UPLOADING = 1;
 exports.MEDIA_UPLOAD_STATE_UPLOADING = MEDIA_UPLOAD_STATE_UPLOADING;
 const MEDIA_UPLOAD_STATE_SUCCEEDED = 2;
@@ -50,7 +43,6 @@ const MEDIA_SAVE_FINAL_STATE_RESULT = 9;
 exports.MEDIA_SAVE_FINAL_STATE_RESULT = MEDIA_SAVE_FINAL_STATE_RESULT;
 const MEDIA_SAVE_MEDIAID_CHANGED = 10;
 exports.MEDIA_SAVE_MEDIAID_CHANGED = MEDIA_SAVE_MEDIAID_CHANGED;
-
 class BlockMediaUpdateProgress extends _element.Component {
   constructor(props) {
     super(props);
@@ -64,90 +56,72 @@ class BlockMediaUpdateProgress extends _element.Component {
     this.mediaUpload = this.mediaUpload.bind(this);
     this.mediaSave = this.mediaSave.bind(this);
   }
-
   componentDidMount() {
     this.addMediaUploadListener();
     this.addMediaSaveListener();
   }
-
   componentWillUnmount() {
     this.removeMediaUploadListener();
     this.removeMediaSaveListener();
   }
-
   mediaIdContainedInMediaFiles(mediaId, mediaFiles) {
     if (mediaId !== undefined && mediaFiles !== undefined) {
       return mediaFiles.some(element => element.id === mediaId.toString());
     }
-
     return false;
   }
-
   mediaUpload(payload) {
     const {
       mediaFiles
     } = this.props;
-
     if (this.mediaIdContainedInMediaFiles(payload.mediaId, mediaFiles) === false) {
       return;
     }
-
     switch (payload.state) {
       case MEDIA_UPLOAD_STATE_UPLOADING:
         this.updateMediaUploadProgress(payload);
         break;
-
       case MEDIA_UPLOAD_STATE_SUCCEEDED:
         this.finishMediaUploadWithSuccess(payload);
         break;
-
       case MEDIA_UPLOAD_STATE_FAILED:
         this.finishMediaUploadWithFailure(payload);
         break;
-
       case MEDIA_UPLOAD_STATE_RESET:
         this.mediaUploadStateReset(payload);
         break;
     }
   }
-
   mediaSave(payload) {
     const {
       mediaFiles
     } = this.props;
-
     if (this.mediaIdContainedInMediaFiles(payload.mediaId, mediaFiles) === false) {
       return;
     }
-
     switch (payload.state) {
       case MEDIA_SAVE_STATE_SAVING:
         this.updateMediaSaveProgress(payload);
         break;
-
       case MEDIA_SAVE_STATE_SUCCEEDED:
         this.finishMediaSaveWithSuccess(payload);
         break;
-
       case MEDIA_SAVE_STATE_FAILED:
         this.finishMediaSaveWithFailure(payload);
         break;
-
       case MEDIA_SAVE_STATE_RESET:
         this.mediaSaveStateReset(payload);
         break;
-
       case MEDIA_SAVE_FINAL_STATE_RESULT:
         this.finalSaveResult(payload);
         break;
-
       case MEDIA_SAVE_MEDIAID_CHANGED:
         this.mediaIdChanged(payload);
         break;
     }
-  } // ---- Block media save actions.
-
+  }
 
+  // ---- Block media save actions.
   updateMediaSaveProgress(payload) {
     this.setState({
       progress: payload.progress,
@@ -156,44 +130,36 @@ class BlockMediaUpdateProgress extends _element.Component {
       isSaveInProgress: true,
       isSaveFailed: false
     });
-
     if (this.props.onUpdateMediaSaveProgress) {
       this.props.onUpdateMediaSaveProgress(payload);
     }
   }
-
   finishMediaSaveWithSuccess(payload) {
     this.setState({
       isSaveInProgress: false
     });
-
     if (this.props.onFinishMediaSaveWithSuccess) {
       this.props.onFinishMediaSaveWithSuccess(payload);
     }
   }
-
   finishMediaSaveWithFailure(payload) {
     this.setState({
       isSaveInProgress: false,
       isSaveFailed: true
     });
-
     if (this.props.onFinishMediaSaveWithFailure) {
       this.props.onFinishMediaSaveWithFailure(payload);
     }
   }
-
   mediaSaveStateReset(payload) {
     this.setState({
       isSaveInProgress: false,
       isSaveFailed: false
     });
-
     if (this.props.onMediaSaveStateReset) {
       this.props.onMediaSaveStateReset(payload);
     }
   }
-
   finalSaveResult(payload) {
     this.setState({
       progress: payload.progress,
@@ -202,12 +168,10 @@ class BlockMediaUpdateProgress extends _element.Component {
       isSaveInProgress: false,
       isSaveFailed: !payload.success
     });
-
     if (this.props.onFinalSaveResult) {
       this.props.onFinalSaveResult(payload);
     }
   }
-
   mediaIdChanged(payload) {
     this.setState({
       isUploadInProgress: false,
@@ -215,13 +179,12 @@ class BlockMediaUpdateProgress extends _element.Component {
       isSaveInProgress: false,
       isSaveFailed: false
     });
-
     if (this.props.onMediaIdChanged) {
       this.props.onMediaIdChanged(payload);
     }
-  } // ---- Block media upload actions.
-
+  }
 
+  // ---- Block media upload actions.
   updateMediaUploadProgress(payload) {
     this.setState({
       progress: payload.progress,
@@ -230,79 +193,65 @@ class BlockMediaUpdateProgress extends _element.Component {
       isSaveInProgress: false,
       isSaveFailed: false
     });
-
     if (this.props.onUpdateMediaUploadProgress) {
       this.props.onUpdateMediaUploadProgress(payload);
     }
   }
-
   finishMediaUploadWithSuccess(payload) {
     this.setState({
       isUploadInProgress: false,
       isSaveInProgress: false
     });
-
     if (this.props.onFinishMediaUploadWithSuccess) {
       this.props.onFinishMediaUploadWithSuccess(payload);
     }
   }
-
   finishMediaUploadWithFailure(payload) {
     this.setState({
       isUploadInProgress: false,
       isUploadFailed: true
     });
-
     if (this.props.onFinishMediaUploadWithFailure) {
       this.props.onFinishMediaUploadWithFailure(payload);
     }
   }
-
   mediaUploadStateReset(payload) {
     this.setState({
       isUploadInProgress: false,
       isUploadFailed: false
     });
-
     if (this.props.onMediaUploadStateReset) {
       this.props.onMediaUploadStateReset(payload);
     }
   }
-
   addMediaUploadListener() {
     // If we already have a subscription not worth doing it again.
     if (this.subscriptionParentMediaUpload) {
       return;
     }
-
     this.subscriptionParentMediaUpload = (0, _reactNativeBridge.subscribeMediaUpload)(payload => {
       this.mediaUpload(payload);
     });
   }
-
   removeMediaUploadListener() {
     if (this.subscriptionParentMediaUpload) {
       this.subscriptionParentMediaUpload.remove();
     }
   }
-
   addMediaSaveListener() {
     // If we already have a subscription not worth doing it again.
     if (this.subscriptionParentMediaSave) {
       return;
     }
-
     this.subscriptionParentMediaSave = (0, _reactNativeBridge.subscribeMediaSave)(payload => {
       this.mediaSave(payload);
     });
   }
-
   removeMediaSaveListener() {
     if (this.subscriptionParentMediaSave) {
       this.subscriptionParentMediaSave.remove();
     }
   }
-
   render() {
     const {
       renderContent = () => null
@@ -314,17 +263,15 @@ class BlockMediaUpdateProgress extends _element.Component {
       isSaveFailed
     } = this.state;
     const showSpinner = this.state.isUploadInProgress || this.state.isSaveInProgress;
-    const progress = this.state.progress * 100; // eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace
-
-    const retryMessageSave = (0, _i18n.__)('Failed to save files.\nPlease tap for options.'); // eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace
-
+    const progress = this.state.progress * 100;
+    // eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace
+    const retryMessageSave = (0, _i18n.__)('Failed to save files.\nPlease tap for options.');
+    // eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace
     const retryMessageUpload = (0, _i18n.__)('Failed to upload files.\nPlease tap for options.');
     let retryMessage = retryMessageSave;
-
     if (isUploadFailed) {
       retryMessage = retryMessageUpload;
     }
-
     return (0, _element.createElement)(_reactNative.View, {
       style: _styles.default.mediaUploadProgress,
       pointerEvents: "box-none"
@@ -341,9 +288,7 @@ class BlockMediaUpdateProgress extends _element.Component {
       retryMessage
     }));
   }
-
 }
-
 exports.BlockMediaUpdateProgress = BlockMediaUpdateProgress;
 var _default = BlockMediaUpdateProgress;
 exports.default = _default;