@wordpress/block-editor 7.0.4 → 8.0.3

package/build/store/reducer.js

@@ -3,27 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasSameKeys = hasSameKeys;
-exports.isUpdatingSameBlockAttribute = isUpdatingSameBlockAttribute;
-exports.isTyping = isTyping;
+exports.automaticChangeStatus = automaticChangeStatus;
+exports.blocks = exports.blockListSettings = void 0;
+exports.blocksMode = blocksMode;
+exports.default = void 0;
 exports.draggedBlocks = draggedBlocks;
-exports.isCaretWithinFormattedText = isCaretWithinFormattedText;
-exports.selection = selection;
-exports.isMultiSelecting = isMultiSelecting;
-exports.isSelectionEnabled = isSelectionEnabled;
+exports.hasBlockMovingClientId = hasBlockMovingClientId;
+exports.hasSameKeys = hasSameKeys;
+exports.highlightedBlock = highlightedBlock;
 exports.initialPosition = initialPosition;
-exports.blocksMode = blocksMode;
 exports.insertionPoint = insertionPoint;
-exports.template = template;
-exports.settings = settings;
-exports.preferences = preferences;
+exports.isCaretWithinFormattedText = isCaretWithinFormattedText;
+exports.isMultiSelecting = isMultiSelecting;
 exports.isNavigationMode = isNavigationMode;
-exports.hasBlockMovingClientId = hasBlockMovingClientId;
+exports.isSelectionEnabled = isSelectionEnabled;
+exports.isTyping = isTyping;
+exports.isUpdatingSameBlockAttribute = isUpdatingSameBlockAttribute;
 exports.lastBlockAttributesChange = lastBlockAttributesChange;
-exports.automaticChangeStatus = automaticChangeStatus;
-exports.highlightedBlock = highlightedBlock;
 exports.lastBlockInserted = lastBlockInserted;
-exports.default = exports.blockListSettings = exports.blocks = void 0;
+exports.preferences = preferences;
+exports.selection = selection;
+exports.settings = settings;
+exports.template = template;
 
 var _lodash = require("lodash");
 
@@ -57,7 +58,8 @@ var _array = require("./array");
  *
  * @return {Object} Block order map object.
  */
-function mapBlockOrder(blocks, rootClientId = '') {
+function mapBlockOrder(blocks) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const result = {
     [rootClientId]: []
   };
@@ -82,7 +84,8 @@ function mapBlockOrder(blocks, rootClientId = '') {
  */
 
 
-function mapBlockParents(blocks, rootClientId = '') {
+function mapBlockParents(blocks) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   return blocks.reduce((result, block) => Object.assign(result, {
     [block.clientId]: rootClientId
   }, mapBlockParents(block.innerBlocks, block.clientId)), {});
@@ -99,7 +102,8 @@ function mapBlockParents(blocks, rootClientId = '') {
  */
 
 
-function flattenBlocks(blocks, transform = _lodash.identity) {
+function flattenBlocks(blocks) {
+  let transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _lodash.identity;
   const result = {};
   const stack = [...blocks];
 
@@ -165,7 +169,9 @@ function getFlattenedBlockAttributes(blocks) {
  */
 
 
-function getNestedBlockClientIds(blocksOrder, rootClientId = '', controlledInnerBlocks = {}) {
+function getNestedBlockClientIds(blocksOrder) {
+  let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let controlledInnerBlocks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return (0, _lodash.reduce)(blocksOrder[rootClientId], (result, clientId) => {
     if (!!controlledInnerBlocks[clientId]) {
       return result;
@@ -250,34 +256,35 @@ function buildBlockTree(state, blocks) {
 }
 
 function updateParentInnerBlocksInTree(state, tree, updatedClientIds) {
-  const clientIds = new Set([]);
+  let updateChildrenOfUpdatedClientIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  const uncontrolledParents = new Set([]);
   const controlledParents = new Set();
 
   for (const clientId of updatedClientIds) {
-    let current = clientId;
+    let current = updateChildrenOfUpdatedClientIds ? clientId : state.parents[clientId];
 
     do {
       if (state.controlledInnerBlocks[current]) {
-        controlledParents.add(current); // If we reach a controlled parent, break out of the loop.
-
+        // Should stop on controlled blocks.
+        // If we reach a controlled parent, break out of the loop.
+        controlledParents.add(current);
         break;
       } else {
-        clientIds.add(current);
-      } // Should stop on controlled blocks.
-
-
-      current = state.parents[current];
+        // else continue traversing up through parents.
+        uncontrolledParents.add(current);
+        current = state.parents[current];
+      }
     } while (current !== undefined);
   } // To make sure the order of assignments doesn't matter,
   // we first create empty objects and mutates the inner blocks later.
 
 
-  for (const clientId of clientIds) {
+  for (const clientId of uncontrolledParents) {
     tree[clientId] = { ...tree[clientId]
     };
   }
 
-  for (const clientId of clientIds) {
+  for (const clientId of uncontrolledParents) {
     tree[clientId].innerBlocks = (state.order[clientId] || []).map(subClientId => tree[subClientId]);
   } // Controlled parent blocks, need a dedicated key for their inner blocks
   // to be used when doing getBlocks( controlledBlockClientId ).
@@ -302,7 +309,9 @@ function updateParentInnerBlocksInTree(state, tree, updatedClientIds) {
  */
 
 
-const withBlockTree = reducer => (state = {}, action) => {
+const withBlockTree = reducer => function () {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
   const newState = reducer(state, action);
 
   if (newState === state) {
@@ -318,16 +327,17 @@ const withBlockTree = reducer => (state = {}, action) => {
         const subTree = buildBlockTree(newState, action.blocks);
         newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
           ...subTree
-        }, action.rootClientId ? [action.rootClientId] : ['']);
+        }, action.rootClientId ? [action.rootClientId] : [''], true);
         break;
       }
 
     case 'UPDATE_BLOCK':
       newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
-        [action.clientId]: { ...newState.byClientId[action.clientId],
+        [action.clientId]: { ...newState.tree[action.clientId],
+          ...newState.byClientId[action.clientId],
           attributes: newState.attributes[action.clientId]
         }
-      }, [action.clientId]);
+      }, [action.clientId], false);
       break;
 
     case 'UPDATE_BLOCK_ATTRIBUTES':
@@ -340,7 +350,7 @@ const withBlockTree = reducer => (state = {}, action) => {
         }, {});
         newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree,
           ...newSubTree
-        }, action.clientIds);
+        }, action.clientIds, false);
         break;
       }
 
@@ -349,7 +359,7 @@ const withBlockTree = reducer => (state = {}, action) => {
         const subTree = buildBlockTree(newState, action.blocks);
         newState.tree = updateParentInnerBlocksInTree(newState, { ...(0, _lodash.omit)(newState.tree, action.replacedClientIds.concat(action.replacedClientIds.map(clientId => 'controlled||' + clientId))),
           ...subTree
-        }, action.blocks.map(b => b.clientId)); // If there are no replaced blocks, it means we're removing blocks so we need to update their parent.
+        }, action.blocks.map(b => b.clientId), false); // If there are no replaced blocks, it means we're removing blocks so we need to update their parent.
 
         const parentsOfRemovedBlocks = [];
 
@@ -359,7 +369,7 @@ const withBlockTree = reducer => (state = {}, action) => {
           }
         }
 
-        newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, parentsOfRemovedBlocks);
+        newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, parentsOfRemovedBlocks, true);
         break;
       }
 
@@ -372,7 +382,7 @@ const withBlockTree = reducer => (state = {}, action) => {
         }
       }
 
-      newState.tree = updateParentInnerBlocksInTree(newState, (0, _lodash.omit)(newState.tree, action.removedClientIds.concat(action.removedClientIds.map(clientId => 'controlled||' + clientId))), parentsOfRemovedBlocks);
+      newState.tree = updateParentInnerBlocksInTree(newState, (0, _lodash.omit)(newState.tree, action.removedClientIds.concat(action.removedClientIds.map(clientId => 'controlled||' + clientId))), parentsOfRemovedBlocks, true);
       break;
 
     case 'MOVE_BLOCKS_TO_POSITION':
@@ -391,7 +401,7 @@ const withBlockTree = reducer => (state = {}, action) => {
           updatedBlockUids.push('');
         }
 
-        newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids);
+        newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids, true);
         break;
       }
 
@@ -399,7 +409,7 @@ const withBlockTree = reducer => (state = {}, action) => {
     case 'MOVE_BLOCKS_DOWN':
       {
         const updatedBlockUids = [action.rootClientId ? action.rootClientId : ''];
-        newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids);
+        newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids, true);
         break;
       }
 
@@ -416,7 +426,7 @@ const withBlockTree = reducer => (state = {}, action) => {
             };
             return result;
           }, {})
-        }, updatedBlockUids);
+        }, updatedBlockUids, false);
       }
   }
 
@@ -755,7 +765,10 @@ const blocks = (0, _lodash.flow)(_data.combineReducers, withSaveReusableBlock, /
 withBlockTree, // needs to be before withInnerBlocksRemoveCascade
 withInnerBlocksRemoveCascade, withReplaceInnerBlocks, // needs to be after withInnerBlocksRemoveCascade
 withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
-  byClientId(state = {}, action) {
+  byClientId() {
+    let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let action = arguments.length > 1 ? arguments[1] : undefined;
+
     switch (action.type) {
       case 'RECEIVE_BLOCKS':
       case 'INSERT_BLOCKS':
@@ -798,7 +811,10 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
     return state;
   },
 
-  attributes(state = {}, action) {
+  attributes() {
+    let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let action = arguments.length > 1 ? arguments[1] : undefined;
+
     switch (action.type) {
       case 'RECEIVE_BLOCKS':
       case 'INSERT_BLOCKS':
@@ -862,7 +878,10 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
     return state;
   },
 
-  order(state = {}, action) {
+  order() {
+    let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let action = arguments.length > 1 ? arguments[1] : undefined;
+
     switch (action.type) {
       case 'RECEIVE_BLOCKS':
         {
@@ -991,7 +1010,10 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
 
   // While technically redundant data as the inverse of `order`, it serves as
   // an optimization for the selectors which derive the ancestry of a block.
-  parents(state = {}, action) {
+  parents() {
+    let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let action = arguments.length > 1 ? arguments[1] : undefined;
+
     switch (action.type) {
       case 'RECEIVE_BLOCKS':
         return { ...state,
@@ -1025,11 +1047,14 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
     return state;
   },
 
-  controlledInnerBlocks(state = {}, {
-    type,
-    clientId,
-    hasControlledInnerBlocks
-  }) {
+  controlledInnerBlocks() {
+    let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let {
+      type,
+      clientId,
+      hasControlledInnerBlocks
+    } = arguments.length > 1 ? arguments[1] : undefined;
+
     if (type === 'SET_HAS_CONTROLLED_INNER_BLOCKS') {
       return { ...state,
         [clientId]: hasControlledInnerBlocks
@@ -1051,7 +1076,10 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
 
 exports.blocks = blocks;
 
-function isTyping(state = false, action) {
+function isTyping() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'START_TYPING':
       return true;
@@ -1072,7 +1100,10 @@ function isTyping(state = false, action) {
  */
 
 
-function draggedBlocks(state = [], action) {
+function draggedBlocks() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'START_DRAGGING_BLOCKS':
       return action.clientIds;
@@ -1093,7 +1124,10 @@ function draggedBlocks(state = [], action) {
  */
 
 
-function isCaretWithinFormattedText(state = false, action) {
+function isCaretWithinFormattedText() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'ENTER_FORMATTED_TEXT':
       return true;
@@ -1115,7 +1149,10 @@ function isCaretWithinFormattedText(state = false, action) {
  */
 
 
-function selectionHelper(state = {}, action) {
+function selectionHelper() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'CLEAR_SELECTED_BLOCK':
       {
@@ -1188,9 +1225,12 @@ function selectionHelper(state = {}, action) {
  */
 
 
-function selection(state = {}, action) {
+function selection() {
   var _state$selectionStart, _state$selectionEnd;
 
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'SELECTION_CHANGE':
       return {
@@ -1270,7 +1310,10 @@ function selection(state = {}, action) {
  */
 
 
-function isMultiSelecting(state = false, action) {
+function isMultiSelecting() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'START_MULTI_SELECT':
       return true;
@@ -1291,7 +1334,10 @@ function isMultiSelecting(state = false, action) {
  */
 
 
-function isSelectionEnabled(state = true, action) {
+function isSelectionEnabled() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'TOGGLE_SELECTION':
       return action.isSelectionEnabled;
@@ -1313,7 +1359,10 @@ function isSelectionEnabled(state = true, action) {
  */
 
 
-function initialPosition(state = null, action) {
+function initialPosition() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   if (action.type === 'REPLACE_BLOCKS' && action.initialPosition !== undefined) {
     return action.initialPosition;
   } else if (['SELECT_BLOCK', 'RESET_SELECTION', 'INSERT_BLOCKS', 'REPLACE_INNER_BLOCKS'].includes(action.type)) {
@@ -1323,7 +1372,10 @@ function initialPosition(state = null, action) {
   return state;
 }
 
-function blocksMode(state = {}, action) {
+function blocksMode() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   if (action.type === 'TOGGLE_BLOCK_MODE') {
     const {
       clientId
@@ -1347,7 +1399,10 @@ function blocksMode(state = {}, action) {
  */
 
 
-function insertionPoint(state = null, action) {
+function insertionPoint() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'SHOW_INSERTION_POINT':
       const {
@@ -1377,9 +1432,12 @@ function insertionPoint(state = null, action) {
  */
 
 
-function template(state = {
-  isValid: true
-}, action) {
+function template() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    isValid: true
+  };
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'SET_TEMPLATE_VALIDITY':
       return { ...state,
@@ -1399,7 +1457,10 @@ function template(state = {
  */
 
 
-function settings(state = _defaults.SETTINGS_DEFAULTS, action) {
+function settings() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _defaults.SETTINGS_DEFAULTS;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'UPDATE_SETTINGS':
       return { ...state,
@@ -1419,7 +1480,10 @@ function settings(state = _defaults.SETTINGS_DEFAULTS, action) {
  */
 
 
-function preferences(state = _defaults.PREFERENCES_DEFAULTS, action) {
+function preferences() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _defaults.PREFERENCES_DEFAULTS;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'INSERT_BLOCKS':
     case 'REPLACE_BLOCKS':
@@ -1466,7 +1530,10 @@ function preferences(state = _defaults.PREFERENCES_DEFAULTS, action) {
  */
 
 
-const blockListSettings = (state = {}, action) => {
+const blockListSettings = function () {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     // Even if the replaced blocks have the same client ID, our logic
     // should correct the state.
@@ -1514,7 +1581,10 @@ const blockListSettings = (state = {}, action) => {
 
 exports.blockListSettings = blockListSettings;
 
-function isNavigationMode(state = false, action) {
+function isNavigationMode() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   // Let inserting block always trigger Edit mode.
   if (action.type === 'INSERT_BLOCKS') {
     return false;
@@ -1536,7 +1606,10 @@ function isNavigationMode(state = false, action) {
  */
 
 
-function hasBlockMovingClientId(state = null, action) {
+function hasBlockMovingClientId() {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   // Let inserting block always trigger Edit mode.
   if (action.type === 'SET_BLOCK_MOVING_MODE') {
     return action.hasBlockMovingClientId;
@@ -1664,9 +1737,12 @@ function highlightedBlock(state, action) {
  */
 
 
-function lastBlockInserted(state = {}, action) {
+function lastBlockInserted() {
   var _action$meta;
 
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let action = arguments.length > 1 ? arguments[1] : undefined;
+
   switch (action.type) {
     case 'INSERT_BLOCKS':
       if (!action.blocks.length) {