@wordpress/block-editor 12.2.0 → 12.3.0

package/build-module/store/private-selectors.js

@@ -6,13 +6,13 @@ import createSelector from 'rememo';
  * WordPress dependencies
  */
 
-import { createRegistrySelector } from '@wordpress/data';
+import { select } from '@wordpress/data';
 import { store as blocksStore } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
 
-import { getBlockRootClientId, getTemplateLock, getBlockName } from './selectors';
+import { getBlockRootClientId, getTemplateLock, getBlockName, getBlockOrder } from './selectors';
 /**
  * Returns true if the block interface is hidden, or false otherwise.
  *
@@ -32,9 +32,7 @@ export function isBlockInterfaceHidden(state) {
  */
 
 export function getLastInsertedBlocksClientIds(state) {
-  var _state$lastBlockInser;
-
-  return state === null || state === void 0 ? void 0 : (_state$lastBlockInser = state.lastBlockInserted) === null || _state$lastBlockInser === void 0 ? void 0 : _state$lastBlockInser.clientIds;
+  return state?.lastBlockInserted?.clientIds;
 }
 /**
  * @typedef {import('../components/block-editing-mode').BlockEditingMode} BlockEditingMode
@@ -69,34 +67,51 @@ export function getLastInsertedBlocksClientIds(state) {
  *                            `'contentOnly'`, or `'default'`.
  */
 
-export const getBlockEditingMode = createRegistrySelector(select => function (state) {
-  let clientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const explicitEditingMode = getExplcitBlockEditingMode(state, clientId);
+export const getBlockEditingMode = createSelector((state, clientId = '') => {
+  if (state.blockEditingModes.has(clientId)) {
+    return state.blockEditingModes.get(clientId);
+  }
+
+  if (!clientId) {
+    return 'default';
+  }
+
   const rootClientId = getBlockRootClientId(state, clientId);
   const templateLock = getTemplateLock(state, rootClientId);
-  const name = getBlockName(state, clientId);
 
-  const isContent = select(blocksStore).__experimentalHasContentRoleAttribute(name);
+  if (templateLock === 'contentOnly') {
+    const name = getBlockName(state, clientId); // TODO: Terrible hack! We're calling the global select() function
+    // here instead of using createRegistrySelector(). The problem with
+    // using createRegistrySelector() is that then the public
+    // block-editor selectors (e.g. canInsertBlockTypeUnmemoized) can't
+    // call this private block-editor selector due to a bug in
+    // @wordpress/data. See
+    // https://github.com/WordPress/gutenberg/pull/50985.
 
-  if (explicitEditingMode === 'disabled' || templateLock === 'contentOnly' && !isContent) {
-    return 'disabled';
-  }
+    const isContent = select(blocksStore).__experimentalHasContentRoleAttribute(name);
 
-  if (explicitEditingMode === 'contentOnly' || templateLock === 'contentOnly' && isContent) {
-    return 'contentOnly';
+    return isContent ? 'contentOnly' : 'disabled';
   }
 
-  return 'default';
-});
-const getExplcitBlockEditingMode = createSelector(function (state) {
-  var _state$blockEditingMo;
-
-  let clientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  const parentMode = getBlockEditingMode(state, rootClientId);
+  return parentMode === 'contentOnly' ? 'default' : parentMode;
+}, state => [state.blockEditingModes, state.blocks.parents, state.settings.templateLock, state.blockListSettings]);
+/**
+ * Returns true if the block with the given client ID and all of its descendants
+ * have an editing mode of 'disabled', or false otherwise.
+ *
+ * @param {Object} state    Global application state.
+ * @param {string} clientId The block client ID.
+ *
+ * @return {boolean} Whether the block and its descendants are disabled.
+ */
 
-  while (!state.blockEditingModes.has(clientId) && state.blocks.parents.has(clientId)) {
-    clientId = state.blocks.parents.get(clientId);
-  }
+export const isBlockSubtreeDisabled = createSelector((state, clientId) => {
+  const isChildSubtreeDisabled = childClientId => {
+    const mode = state.blockEditingModes.get(childClientId);
+    return (mode === undefined || mode === 'disabled') && getBlockOrder(state, childClientId).every(isChildSubtreeDisabled);
+  };
 
-  return (_state$blockEditingMo = state.blockEditingModes.get(clientId)) !== null && _state$blockEditingMo !== void 0 ? _state$blockEditingMo : 'default';
+  return getBlockEditingMode(state, clientId) === 'disabled' && getBlockOrder(state, clientId).every(isChildSubtreeDisabled);
 }, state => [state.blockEditingModes, state.blocks.parents]);
 //# sourceMappingURL=private-selectors.js.map

package/build-module/store/private-selectors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/store/private-selectors.js"],"names":["createSelector","createRegistrySelector","store","blocksStore","getBlockRootClientId","getTemplateLock","getBlockName","isBlockInterfaceHidden","state","getLastInsertedBlocksClientIds","lastBlockInserted","clientIds","getBlockEditingMode","select","clientId","explicitEditingMode","getExplcitBlockEditingMode","rootClientId","templateLock","name","isContent","__experimentalHasContentRoleAttribute","blockEditingModes","has","blocks","parents","get"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,cAAP,MAA2B,QAA3B;AAEA;AACA;AACA;;AACA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,mBAArC;AAEA;AACA;AACA;;AACA,SACCC,oBADD,EAECC,eAFD,EAGCC,YAHD,QAIO,aAJP;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,sBAAT,CAAiCC,KAAjC,EAAyC;AAC/C,SAAOA,KAAK,CAACD,sBAAb;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,8BAAT,CAAyCD,KAAzC,EAAiD;AAAA;;AACvD,SAAOA,KAAP,aAAOA,KAAP,gDAAOA,KAAK,CAAEE,iBAAd,0DAAO,sBAA0BC,SAAjC;AACA;AAED;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,mBAAmB,GAAGX,sBAAsB,CACtDY,MAAF,IACC,UAAEL,KAAF,EAA4B;AAAA,MAAnBM,QAAmB,uEAAR,EAAQ;AAC3B,QAAMC,mBAAmB,GAAGC,0BAA0B,CACrDR,KADqD,EAErDM,QAFqD,CAAtD;AAIA,QAAMG,YAAY,GAAGb,oBAAoB,CAAEI,KAAF,EAASM,QAAT,CAAzC;AACA,QAAMI,YAAY,GAAGb,eAAe,CAAEG,KAAF,EAASS,YAAT,CAApC;AACA,QAAME,IAAI,GAAGb,YAAY,CAAEE,KAAF,EAASM,QAAT,CAAzB;;AACA,QAAMM,SAAS,GACdP,MAAM,CAAEV,WAAF,CAAN,CAAsBkB,qCAAtB,CACCF,IADD,CADD;;AAIA,MACCJ,mBAAmB,KAAK,UAAxB,IACEG,YAAY,KAAK,aAAjB,IAAkC,CAAEE,SAFvC,EAGE;AACD,WAAO,UAAP;AACA;;AACD,MACCL,mBAAmB,KAAK,aAAxB,IACEG,YAAY,KAAK,aAAjB,IAAkCE,SAFrC,EAGE;AACD,WAAO,aAAP;AACA;;AACD,SAAO,SAAP;AACA,CA3BsD,CAAlD;AA8BP,MAAMJ,0BAA0B,GAAGhB,cAAc,CAChD,UAAEQ,KAAF,EAA4B;AAAA;;AAAA,MAAnBM,QAAmB,uEAAR,EAAQ;;AAC3B,SACC,CAAEN,KAAK,CAACc,iBAAN,CAAwBC,GAAxB,CAA6BT,QAA7B,CAAF,IACAN,KAAK,CAACgB,MAAN,CAAaC,OAAb,CAAqBF,GAArB,CAA0BT,QAA1B,CAFD,EAGE;AACDA,IAAAA,QAAQ,GAAGN,KAAK,CAACgB,MAAN,CAAaC,OAAb,CAAqBC,GAArB,CAA0BZ,QAA1B,CAAX;AACA;;AACD,kCAAON,KAAK,CAACc,iBAAN,CAAwBI,GAAxB,CAA6BZ,QAA7B,CAAP,yEAAkD,SAAlD;AACA,CAT+C,EAU9CN,KAAF,IAAa,CAAEA,KAAK,CAACc,iBAAR,EAA2Bd,KAAK,CAACgB,MAAN,CAAaC,OAAxC,CAVmC,CAAjD","sourcesContent":["/**\n * External dependencies\n */\nimport createSelector from 'rememo';\n\n/**\n * WordPress dependencies\n */\nimport { createRegistrySelector } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetBlockRootClientId,\n\tgetTemplateLock,\n\tgetBlockName,\n} from './selectors';\n\n/**\n * Returns true if the block interface is hidden, or false otherwise.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether the block toolbar is hidden.\n */\nexport function isBlockInterfaceHidden( state ) {\n\treturn state.isBlockInterfaceHidden;\n}\n\n/**\n * Gets the client ids of the last inserted blocks.\n *\n * @param {Object} state Global application state.\n * @return {Array|undefined} Client Ids of the last inserted block(s).\n */\nexport function getLastInsertedBlocksClientIds( state ) {\n\treturn state?.lastBlockInserted?.clientIds;\n}\n\n/**\n * @typedef {import('../components/block-editing-mode').BlockEditingMode} BlockEditingMode\n */\n\n/**\n * Returns the block editing mode for a given block.\n *\n * The mode can be one of three options:\n *\n * - `'disabled'`: Prevents editing the block entirely, i.e. it cannot be\n *   selected.\n * - `'contentOnly'`: Hides all non-content UI, e.g. auxiliary controls in the\n *   toolbar, the block movers, block settings.\n * - `'default'`: Allows editing the block as normal.\n *\n * Blocks can set a mode using the `useBlockEditingMode` hook.\n *\n * The mode is inherited by all of the block's inner blocks, unless they have\n * their own mode.\n *\n * A template lock can also set a mode. If the template lock is `'contentOnly'`,\n * the block's mode is overridden to `'contentOnly'` if the block has a content\n * role attribute, or `'disabled'` otherwise.\n *\n * @see useBlockEditingMode\n *\n * @param {Object} state    Global application state.\n * @param {string} clientId The block client ID, or `''` for the root container.\n *\n * @return {BlockEditingMode} The block editing mode. One of `'disabled'`,\n *                            `'contentOnly'`, or `'default'`.\n */\nexport const getBlockEditingMode = createRegistrySelector(\n\t( select ) =>\n\t\t( state, clientId = '' ) => {\n\t\t\tconst explicitEditingMode = getExplcitBlockEditingMode(\n\t\t\t\tstate,\n\t\t\t\tclientId\n\t\t\t);\n\t\t\tconst rootClientId = getBlockRootClientId( state, clientId );\n\t\t\tconst templateLock = getTemplateLock( state, rootClientId );\n\t\t\tconst name = getBlockName( state, clientId );\n\t\t\tconst isContent =\n\t\t\t\tselect( blocksStore ).__experimentalHasContentRoleAttribute(\n\t\t\t\t\tname\n\t\t\t\t);\n\t\t\tif (\n\t\t\t\texplicitEditingMode === 'disabled' ||\n\t\t\t\t( templateLock === 'contentOnly' && ! isContent )\n\t\t\t) {\n\t\t\t\treturn 'disabled';\n\t\t\t}\n\t\t\tif (\n\t\t\t\texplicitEditingMode === 'contentOnly' ||\n\t\t\t\t( templateLock === 'contentOnly' && isContent )\n\t\t\t) {\n\t\t\t\treturn 'contentOnly';\n\t\t\t}\n\t\t\treturn 'default';\n\t\t}\n);\n\nconst getExplcitBlockEditingMode = createSelector(\n\t( state, clientId = '' ) => {\n\t\twhile (\n\t\t\t! state.blockEditingModes.has( clientId ) &&\n\t\t\tstate.blocks.parents.has( clientId )\n\t\t) {\n\t\t\tclientId = state.blocks.parents.get( clientId );\n\t\t}\n\t\treturn state.blockEditingModes.get( clientId ) ?? 'default';\n\t},\n\t( state ) => [ state.blockEditingModes, state.blocks.parents ]\n);\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/store/private-selectors.js"],"names":["createSelector","select","store","blocksStore","getBlockRootClientId","getTemplateLock","getBlockName","getBlockOrder","isBlockInterfaceHidden","state","getLastInsertedBlocksClientIds","lastBlockInserted","clientIds","getBlockEditingMode","clientId","blockEditingModes","has","get","rootClientId","templateLock","name","isContent","__experimentalHasContentRoleAttribute","parentMode","blocks","parents","settings","blockListSettings","isBlockSubtreeDisabled","isChildSubtreeDisabled","childClientId","mode","undefined","every"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport createSelector from 'rememo';\n\n/**\n * WordPress dependencies\n */\nimport { select } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetBlockRootClientId,\n\tgetTemplateLock,\n\tgetBlockName,\n\tgetBlockOrder,\n} from './selectors';\n\n/**\n * Returns true if the block interface is hidden, or false otherwise.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether the block toolbar is hidden.\n */\nexport function isBlockInterfaceHidden( state ) {\n\treturn state.isBlockInterfaceHidden;\n}\n\n/**\n * Gets the client ids of the last inserted blocks.\n *\n * @param {Object} state Global application state.\n * @return {Array|undefined} Client Ids of the last inserted block(s).\n */\nexport function getLastInsertedBlocksClientIds( state ) {\n\treturn state?.lastBlockInserted?.clientIds;\n}\n\n/**\n * @typedef {import('../components/block-editing-mode').BlockEditingMode} BlockEditingMode\n */\n\n/**\n * Returns the block editing mode for a given block.\n *\n * The mode can be one of three options:\n *\n * - `'disabled'`: Prevents editing the block entirely, i.e. it cannot be\n *   selected.\n * - `'contentOnly'`: Hides all non-content UI, e.g. auxiliary controls in the\n *   toolbar, the block movers, block settings.\n * - `'default'`: Allows editing the block as normal.\n *\n * Blocks can set a mode using the `useBlockEditingMode` hook.\n *\n * The mode is inherited by all of the block's inner blocks, unless they have\n * their own mode.\n *\n * A template lock can also set a mode. If the template lock is `'contentOnly'`,\n * the block's mode is overridden to `'contentOnly'` if the block has a content\n * role attribute, or `'disabled'` otherwise.\n *\n * @see useBlockEditingMode\n *\n * @param {Object} state    Global application state.\n * @param {string} clientId The block client ID, or `''` for the root container.\n *\n * @return {BlockEditingMode} The block editing mode. One of `'disabled'`,\n *                            `'contentOnly'`, or `'default'`.\n */\nexport const getBlockEditingMode = createSelector(\n\t( state, clientId = '' ) => {\n\t\tif ( state.blockEditingModes.has( clientId ) ) {\n\t\t\treturn state.blockEditingModes.get( clientId );\n\t\t}\n\t\tif ( ! clientId ) {\n\t\t\treturn 'default';\n\t\t}\n\t\tconst rootClientId = getBlockRootClientId( state, clientId );\n\t\tconst templateLock = getTemplateLock( state, rootClientId );\n\t\tif ( templateLock === 'contentOnly' ) {\n\t\t\tconst name = getBlockName( state, clientId );\n\t\t\t// TODO: Terrible hack! We're calling the global select() function\n\t\t\t// here instead of using createRegistrySelector(). The problem with\n\t\t\t// using createRegistrySelector() is that then the public\n\t\t\t// block-editor selectors (e.g. canInsertBlockTypeUnmemoized) can't\n\t\t\t// call this private block-editor selector due to a bug in\n\t\t\t// @wordpress/data. See\n\t\t\t// https://github.com/WordPress/gutenberg/pull/50985.\n\t\t\tconst isContent =\n\t\t\t\tselect( blocksStore ).__experimentalHasContentRoleAttribute(\n\t\t\t\t\tname\n\t\t\t\t);\n\t\t\treturn isContent ? 'contentOnly' : 'disabled';\n\t\t}\n\t\tconst parentMode = getBlockEditingMode( state, rootClientId );\n\t\treturn parentMode === 'contentOnly' ? 'default' : parentMode;\n\t},\n\t( state ) => [\n\t\tstate.blockEditingModes,\n\t\tstate.blocks.parents,\n\t\tstate.settings.templateLock,\n\t\tstate.blockListSettings,\n\t]\n);\n\n/**\n * Returns true if the block with the given client ID and all of its descendants\n * have an editing mode of 'disabled', or false otherwise.\n *\n * @param {Object} state    Global application state.\n * @param {string} clientId The block client ID.\n *\n * @return {boolean} Whether the block and its descendants are disabled.\n */\nexport const isBlockSubtreeDisabled = createSelector(\n\t( state, clientId ) => {\n\t\tconst isChildSubtreeDisabled = ( childClientId ) => {\n\t\t\tconst mode = state.blockEditingModes.get( childClientId );\n\t\t\treturn (\n\t\t\t\t( mode === undefined || mode === 'disabled' ) &&\n\t\t\t\tgetBlockOrder( state, childClientId ).every(\n\t\t\t\t\tisChildSubtreeDisabled\n\t\t\t\t)\n\t\t\t);\n\t\t};\n\t\treturn (\n\t\t\tgetBlockEditingMode( state, clientId ) === 'disabled' &&\n\t\t\tgetBlockOrder( state, clientId ).every( isChildSubtreeDisabled )\n\t\t);\n\t},\n\t( state ) => [ state.blockEditingModes, state.blocks.parents ]\n);\n"]}