@wordpress/block-library 7.10.0 → 7.12.2-next.d6164808d3.0

package/build-module/list-item/hooks/use-merge.js

@@ -0,0 +1,160 @@
+/**
+ * WordPress dependencies
+ */
+import { useRegistry, useDispatch, useSelect } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { getDefaultBlockName, switchToBlockType } from '@wordpress/blocks';
+/**
+ * Internal dependencies
+ */
+
+import useOutdentListItem from './use-outdent-list-item';
+const {
+  name: listItemName
+} = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 2,
+  __experimental: "list-v2",
+  name: "core/list-item",
+  title: "List item",
+  category: "text",
+  parent: ["core/list"],
+  description: "Create a list item.",
+  textdomain: "default",
+  attributes: {
+    placeholder: {
+      type: "string"
+    },
+    content: {
+      type: "string",
+      source: "html",
+      selector: "li",
+      "default": "",
+      __experimentalRole: "content"
+    }
+  },
+  supports: {
+    className: false,
+    __experimentalSelector: "li"
+  }
+};
+export default function useMerge(clientId) {
+  const registry = useRegistry();
+  const {
+    getPreviousBlockClientId,
+    getNextBlockClientId,
+    getBlockOrder,
+    getBlockRootClientId,
+    getBlockName,
+    getBlock
+  } = useSelect(blockEditorStore);
+  const {
+    mergeBlocks,
+    moveBlocksToPosition,
+    replaceBlock,
+    selectBlock
+  } = useDispatch(blockEditorStore);
+  const [, outdentListItem] = useOutdentListItem(clientId);
+
+  function getTrailingId(id) {
+    const order = getBlockOrder(id);
+
+    if (!order.length) {
+      return id;
+    }
+
+    return getTrailingId(order[order.length - 1]);
+  }
+
+  function getParentListItemId(id) {
+    const listId = getBlockRootClientId(id);
+    const parentListItemId = getBlockRootClientId(listId);
+    if (!parentListItemId) return;
+    if (getBlockName(parentListItemId) !== listItemName) return;
+    return parentListItemId;
+  }
+  /**
+   * Return the next list item with respect to the given list item. If none,
+   * return the next list item of the parent list item if it exists.
+   *
+   * @param {string} id A list item client ID.
+   * @return {string?} The client ID of the next list item.
+   */
+
+
+  function _getNextId(id) {
+    const next = getNextBlockClientId(id);
+    if (next) return next;
+    const parentListItemId = getParentListItemId(id);
+    if (!parentListItemId) return;
+    return _getNextId(parentListItemId);
+  }
+  /**
+   * Given a client ID, return the client ID of the list item on the next
+   * line, regardless of indentation level.
+   *
+   * @param {string} id The client ID of the current list item.
+   * @return {string?} The client ID of the next list item.
+   */
+
+
+  function getNextId(id) {
+    const order = getBlockOrder(id); // If the list item does not have a nested list, return the next list
+    // item.
+
+    if (!order.length) {
+      return _getNextId(id);
+    } // Get the first list item in the nested list.
+
+
+    return getBlockOrder(order[0])[0];
+  }
+
+  function switchToDefaultBlockType(forward) {
+    const rootClientId = getBlockRootClientId(clientId);
+    const replacement = switchToBlockType(getBlock(rootClientId), getDefaultBlockName());
+    const indexToSelect = forward ? replacement.length - 1 : 0;
+    const initialPosition = forward ? -1 : 0;
+    registry.batch(() => {
+      replaceBlock(rootClientId, replacement);
+      selectBlock(replacement[indexToSelect].clientId, initialPosition);
+    });
+  }
+
+  return forward => {
+    if (forward) {
+      const nextBlockClientId = getNextId(clientId);
+
+      if (!nextBlockClientId) {
+        switchToDefaultBlockType(forward);
+        return;
+      }
+
+      if (getParentListItemId(nextBlockClientId)) {
+        outdentListItem(nextBlockClientId);
+      } else {
+        registry.batch(() => {
+          moveBlocksToPosition(getBlockOrder(nextBlockClientId), nextBlockClientId, getPreviousBlockClientId(nextBlockClientId));
+          mergeBlocks(clientId, nextBlockClientId);
+        });
+      }
+    } else {
+      // Merging is only done from the top level. For lowel levels, the
+      // list item is outdented instead.
+      const previousBlockClientId = getPreviousBlockClientId(clientId);
+
+      if (getParentListItemId(clientId)) {
+        outdentListItem(clientId);
+      } else if (previousBlockClientId) {
+        const trailingId = getTrailingId(previousBlockClientId);
+        registry.batch(() => {
+          moveBlocksToPosition(getBlockOrder(clientId), clientId, previousBlockClientId);
+          mergeBlocks(trailingId, clientId);
+        });
+      } else {
+        switchToDefaultBlockType(forward);
+      }
+    }
+  };
+}
+//# sourceMappingURL=use-merge.js.map

package/build-module/list-item/hooks/use-merge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-merge.js"],"names":["useRegistry","useDispatch","useSelect","store","blockEditorStore","getDefaultBlockName","switchToBlockType","useOutdentListItem","useMerge","clientId","registry","getPreviousBlockClientId","getNextBlockClientId","getBlockOrder","getBlockRootClientId","getBlockName","getBlock","mergeBlocks","moveBlocksToPosition","replaceBlock","selectBlock","outdentListItem","getTrailingId","id","order","length","getParentListItemId","listId","parentListItemId","listItemName","_getNextId","next","getNextId","switchToDefaultBlockType","forward","rootClientId","replacement","indexToSelect","initialPosition","batch","nextBlockClientId","previousBlockClientId","trailingId"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRegistry, useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { getDefaultBlockName, switchToBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport useOutdentListItem from './use-outdent-list-item';\n\nimport { name as listItemName } from '../block.json';\n\nexport default function useMerge( clientId ) {\n\tconst registry = useRegistry();\n\tconst {\n\t\tgetPreviousBlockClientId,\n\t\tgetNextBlockClientId,\n\t\tgetBlockOrder,\n\t\tgetBlockRootClientId,\n\t\tgetBlockName,\n\t\tgetBlock,\n\t} = useSelect( blockEditorStore );\n\tconst { mergeBlocks, moveBlocksToPosition, replaceBlock, selectBlock } =\n\t\tuseDispatch( blockEditorStore );\n\tconst [ , outdentListItem ] = useOutdentListItem( clientId );\n\n\tfunction getTrailingId( id ) {\n\t\tconst order = getBlockOrder( id );\n\n\t\tif ( ! order.length ) {\n\t\t\treturn id;\n\t\t}\n\n\t\treturn getTrailingId( order[ order.length - 1 ] );\n\t}\n\n\tfunction getParentListItemId( id ) {\n\t\tconst listId = getBlockRootClientId( id );\n\t\tconst parentListItemId = getBlockRootClientId( listId );\n\t\tif ( ! parentListItemId ) return;\n\t\tif ( getBlockName( parentListItemId ) !== listItemName ) return;\n\t\treturn parentListItemId;\n\t}\n\n\t/**\n\t * Return the next list item with respect to the given list item. If none,\n\t * return the next list item of the parent list item if it exists.\n\t *\n\t * @param {string} id A list item client ID.\n\t * @return {string?} The client ID of the next list item.\n\t */\n\tfunction _getNextId( id ) {\n\t\tconst next = getNextBlockClientId( id );\n\t\tif ( next ) return next;\n\t\tconst parentListItemId = getParentListItemId( id );\n\t\tif ( ! parentListItemId ) return;\n\t\treturn _getNextId( parentListItemId );\n\t}\n\n\t/**\n\t * Given a client ID, return the client ID of the list item on the next\n\t * line, regardless of indentation level.\n\t *\n\t * @param {string} id The client ID of the current list item.\n\t * @return {string?} The client ID of the next list item.\n\t */\n\tfunction getNextId( id ) {\n\t\tconst order = getBlockOrder( id );\n\n\t\t// If the list item does not have a nested list, return the next list\n\t\t// item.\n\t\tif ( ! order.length ) {\n\t\t\treturn _getNextId( id );\n\t\t}\n\n\t\t// Get the first list item in the nested list.\n\t\treturn getBlockOrder( order[ 0 ] )[ 0 ];\n\t}\n\n\tfunction switchToDefaultBlockType( forward ) {\n\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\tconst replacement = switchToBlockType(\n\t\t\tgetBlock( rootClientId ),\n\t\t\tgetDefaultBlockName()\n\t\t);\n\t\tconst indexToSelect = forward ? replacement.length - 1 : 0;\n\t\tconst initialPosition = forward ? -1 : 0;\n\t\tregistry.batch( () => {\n\t\t\treplaceBlock( rootClientId, replacement );\n\t\t\tselectBlock(\n\t\t\t\treplacement[ indexToSelect ].clientId,\n\t\t\t\tinitialPosition\n\t\t\t);\n\t\t} );\n\t}\n\n\treturn ( forward ) => {\n\t\tif ( forward ) {\n\t\t\tconst nextBlockClientId = getNextId( clientId );\n\n\t\t\tif ( ! nextBlockClientId ) {\n\t\t\t\tswitchToDefaultBlockType( forward );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( getParentListItemId( nextBlockClientId ) ) {\n\t\t\t\toutdentListItem( nextBlockClientId );\n\t\t\t} else {\n\t\t\t\tregistry.batch( () => {\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tgetBlockOrder( nextBlockClientId ),\n\t\t\t\t\t\tnextBlockClientId,\n\t\t\t\t\t\tgetPreviousBlockClientId( nextBlockClientId )\n\t\t\t\t\t);\n\t\t\t\t\tmergeBlocks( clientId, nextBlockClientId );\n\t\t\t\t} );\n\t\t\t}\n\t\t} else {\n\t\t\t// Merging is only done from the top level. For lowel levels, the\n\t\t\t// list item is outdented instead.\n\t\t\tconst previousBlockClientId = getPreviousBlockClientId( clientId );\n\t\t\tif ( getParentListItemId( clientId ) ) {\n\t\t\t\toutdentListItem( clientId );\n\t\t\t} else if ( previousBlockClientId ) {\n\t\t\t\tconst trailingId = getTrailingId( previousBlockClientId );\n\t\t\t\tregistry.batch( () => {\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tgetBlockOrder( clientId ),\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tpreviousBlockClientId\n\t\t\t\t\t);\n\t\t\t\t\tmergeBlocks( trailingId, clientId );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tswitchToDefaultBlockType( forward );\n\t\t\t}\n\t\t}\n\t};\n}\n"]}

package/build-module/list-item/hooks/use-outdent-list-item.js

@@ -1,21 +1,50 @@
 /**
  * External dependencies
  */
-import { first, last } from 'lodash';
+import { first, last, castArray } from 'lodash';
 /**
  * WordPress dependencies
  */
 
 import { useCallback } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect, useDispatch, useRegistry } from '@wordpress/data';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { cloneBlock } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
 
-import { createListItem } from '../utils';
+const {
+  name: listItemName
+} = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 2,
+  __experimental: "list-v2",
+  name: "core/list-item",
+  title: "List item",
+  category: "text",
+  parent: ["core/list"],
+  description: "Create a list item.",
+  textdomain: "default",
+  attributes: {
+    placeholder: {
+      type: "string"
+    },
+    content: {
+      type: "string",
+      source: "html",
+      selector: "li",
+      "default": "",
+      __experimentalRole: "content"
+    }
+  },
+  supports: {
+    className: false,
+    __experimentalSelector: "li"
+  }
+};
 export default function useOutdentListItem(clientId) {
+  const registry = useRegistry();
   const {
     canOutdent
   } = useSelect(innerSelect => {
@@ -28,58 +57,65 @@ export default function useOutdentListItem(clientId) {
     };
   }, [clientId]);
   const {
-    replaceBlocks,
-    selectionChange,
-    multiSelect
+    moveBlocksToPosition,
+    removeBlock,
+    insertBlock,
+    updateBlockListSettings
   } = useDispatch(blockEditorStore);
   const {
     getBlockRootClientId,
-    getBlockAttributes,
-    getBlock,
+    getBlockName,
+    getBlockOrder,
     getBlockIndex,
-    getSelectionStart,
-    getSelectionEnd,
-    hasMultiSelection,
-    getMultiSelectedBlockClientIds
+    getSelectedBlockClientIds,
+    getBlock,
+    getBlockListSettings
   } = useSelect(blockEditorStore);
-  return [canOutdent, useCallback(() => {
-    const _hasMultiSelection = hasMultiSelection();
 
-    const clientIds = _hasMultiSelection ? getMultiSelectedBlockClientIds() : [clientId];
-    const selectionStart = getSelectionStart();
-    const selectionEnd = getSelectionEnd();
-    const listParentId = getBlockRootClientId(clientId);
-    const listAttributes = getBlockAttributes(listParentId);
-    const listItemParentId = getBlockRootClientId(listParentId);
-    const listItemParentAttributes = getBlockAttributes(listItemParentId);
-    const firstIndex = getBlockIndex(first(clientIds));
-    const lastIndex = getBlockIndex(last(clientIds));
-    const siblingBlocks = getBlock(listParentId).innerBlocks;
-    const previousSiblings = siblingBlocks.slice(0, firstIndex);
-    const afterSiblings = siblingBlocks.slice(lastIndex + 1); // Create a new parent list item block with just the siblings
-    // that existed before the first child item being outdent.
+  function getParentListItemId(id) {
+    const listId = getBlockRootClientId(id);
+    const parentListItemId = getBlockRootClientId(listId);
+    if (!parentListItemId) return;
+    if (getBlockName(parentListItemId) !== listItemName) return;
+    return parentListItemId;
+  }
 
-    const newListItemParent = createListItem(listItemParentAttributes, listAttributes, previousSiblings);
-    const lastBlock = getBlock(last(clientIds));
-    const childList = lastBlock.innerBlocks[0];
-    const childItems = (childList === null || childList === void 0 ? void 0 : childList.innerBlocks) || [];
-    const hasChildItems = !!childItems.length;
-    const newBlocksExcludingLast = clientIds.slice(0, -1).map(_clientId => cloneBlock(getBlock(_clientId))); // Create a new list item block whose attributes are equal to the
-    // last block being outdent and whose children are the children that it had (if any)
-    // followed by the siblings that existed after it.
+  return [canOutdent, useCallback(function () {
+    let clientIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getSelectedBlockClientIds();
+    clientIds = castArray(clientIds);
+    if (!clientIds.length) return;
+    const firstClientId = first(clientIds); // Can't outdent if it's not a list item.
 
-    const newLastItem = createListItem(lastBlock.attributes, hasChildItems ? childList.attributes : listAttributes, [...childItems, ...afterSiblings]); // Replace the parent list item block, with a new block containing
-    // the previous siblings before the first block being outdent,
-    // followed by the blocks being outdent with the after siblings added
-    // as children of the last block.
+    if (getBlockName(firstClientId) !== listItemName) return;
+    const parentListItemId = getParentListItemId(firstClientId); // Can't outdent if it's at the top level.
 
-    replaceBlocks([listItemParentId], [newListItemParent, ...newBlocksExcludingLast, newLastItem]); // Restore the selection state.
+    if (!parentListItemId) return;
+    const parentListId = getBlockRootClientId(firstClientId);
+    const lastClientId = last(clientIds);
+    const order = getBlockOrder(parentListId);
+    const followingListItems = order.slice(getBlockIndex(lastClientId) + 1);
+    registry.batch(() => {
+      if (followingListItems.length) {
+        let nestedListId = first(getBlockOrder(firstClientId));
 
-    if (!_hasMultiSelection) {
-      selectionChange(newLastItem.clientId, selectionEnd.attributeKey, selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset, selectionEnd.offset);
-    } else {
-      multiSelect(first(newBlocksExcludingLast).clientId, newLastItem.clientId);
-    }
-  }, [clientId])];
+        if (!nestedListId) {
+          const nestedListBlock = cloneBlock(getBlock(parentListId), {}, []);
+          nestedListId = nestedListBlock.clientId;
+          insertBlock(nestedListBlock, 0, firstClientId, false); // Immediately update the block list settings, otherwise
+          // blocks can't be moved here due to canInsert checks.
+
+          updateBlockListSettings(nestedListId, getBlockListSettings(parentListId));
+        }
+
+        moveBlocksToPosition(followingListItems, parentListId, nestedListId);
+      }
+
+      moveBlocksToPosition(clientIds, parentListId, getBlockRootClientId(parentListItemId), getBlockIndex(parentListItemId) + 1);
+
+      if (!getBlockOrder(parentListId).length) {
+        removeBlock(parentListId);
+      }
+    });
+  }, [])];
 }
 //# sourceMappingURL=use-outdent-list-item.js.map

package/build-module/list-item/hooks/use-outdent-list-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-outdent-list-item.js"],"names":["first","last","useCallback","useSelect","useDispatch","store","blockEditorStore","cloneBlock","createListItem","useOutdentListItem","clientId","canOutdent","innerSelect","getBlockRootClientId","grandParentId","replaceBlocks","selectionChange","multiSelect","getBlockAttributes","getBlock","getBlockIndex","getSelectionStart","getSelectionEnd","hasMultiSelection","getMultiSelectedBlockClientIds","_hasMultiSelection","clientIds","selectionStart","selectionEnd","listParentId","listAttributes","listItemParentId","listItemParentAttributes","firstIndex","lastIndex","siblingBlocks","innerBlocks","previousSiblings","slice","afterSiblings","newListItemParent","lastBlock","childList","childItems","hasChildItems","length","newBlocksExcludingLast","map","_clientId","newLastItem","attributes","attributeKey","offset"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { first, last } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { createListItem } from '../utils';\n\nexport default function useOutdentListItem( clientId ) {\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId } = innerSelect( blockEditorStore );\n\t\t\tconst grandParentId = getBlockRootClientId(\n\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tcanOutdent: !! grandParentId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks, selectionChange, multiSelect } =\n\t\tuseDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockAttributes,\n\t\tgetBlock,\n\t\tgetBlockIndex,\n\t\tgetSelectionStart,\n\t\tgetSelectionEnd,\n\t\thasMultiSelection,\n\t\tgetMultiSelectedBlockClientIds,\n\t} = useSelect( blockEditorStore );\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( () => {\n\t\t\tconst _hasMultiSelection = hasMultiSelection();\n\t\t\tconst clientIds = _hasMultiSelection\n\t\t\t\t? getMultiSelectedBlockClientIds()\n\t\t\t\t: [ clientId ];\n\n\t\t\tconst selectionStart = getSelectionStart();\n\t\t\tconst selectionEnd = getSelectionEnd();\n\n\t\t\tconst listParentId = getBlockRootClientId( clientId );\n\t\t\tconst listAttributes = getBlockAttributes( listParentId );\n\t\t\tconst listItemParentId = getBlockRootClientId( listParentId );\n\t\t\tconst listItemParentAttributes =\n\t\t\t\tgetBlockAttributes( listItemParentId );\n\n\t\t\tconst firstIndex = getBlockIndex( first( clientIds ) );\n\t\t\tconst lastIndex = getBlockIndex( last( clientIds ) );\n\t\t\tconst siblingBlocks = getBlock( listParentId ).innerBlocks;\n\t\t\tconst previousSiblings = siblingBlocks.slice( 0, firstIndex );\n\t\t\tconst afterSiblings = siblingBlocks.slice( lastIndex + 1 );\n\n\t\t\t// Create a new parent list item block with just the siblings\n\t\t\t// that existed before the first child item being outdent.\n\t\t\tconst newListItemParent = createListItem(\n\t\t\t\tlistItemParentAttributes,\n\t\t\t\tlistAttributes,\n\t\t\t\tpreviousSiblings\n\t\t\t);\n\n\t\t\tconst lastBlock = getBlock( last( clientIds ) );\n\t\t\tconst childList = lastBlock.innerBlocks[ 0 ];\n\t\t\tconst childItems = childList?.innerBlocks || [];\n\t\t\tconst hasChildItems = !! childItems.length;\n\n\t\t\tconst newBlocksExcludingLast = clientIds\n\t\t\t\t.slice( 0, -1 )\n\t\t\t\t.map( ( _clientId ) => cloneBlock( getBlock( _clientId ) ) );\n\n\t\t\t// Create a new list item block whose attributes are equal to the\n\t\t\t// last block being outdent and whose children are the children that it had (if any)\n\t\t\t// followed by the siblings that existed after it.\n\t\t\tconst newLastItem = createListItem(\n\t\t\t\tlastBlock.attributes,\n\t\t\t\thasChildItems ? childList.attributes : listAttributes,\n\t\t\t\t[ ...childItems, ...afterSiblings ]\n\t\t\t);\n\n\t\t\t// Replace the parent list item block, with a new block containing\n\t\t\t// the previous siblings before the first block being outdent,\n\t\t\t// followed by the blocks being outdent with the after siblings added\n\t\t\t// as children of the last block.\n\t\t\treplaceBlocks(\n\t\t\t\t[ listItemParentId ],\n\t\t\t\t[ newListItemParent, ...newBlocksExcludingLast, newLastItem ]\n\t\t\t);\n\n\t\t\t// Restore the selection state.\n\t\t\tif ( ! _hasMultiSelection ) {\n\t\t\t\tselectionChange(\n\t\t\t\t\tnewLastItem.clientId,\n\t\t\t\t\tselectionEnd.attributeKey,\n\t\t\t\t\tselectionEnd.clientId === selectionStart.clientId\n\t\t\t\t\t\t? selectionStart.offset\n\t\t\t\t\t\t: selectionEnd.offset,\n\t\t\t\t\tselectionEnd.offset\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tmultiSelect(\n\t\t\t\t\tfirst( newBlocksExcludingLast ).clientId,\n\t\t\t\t\tnewLastItem.clientId\n\t\t\t\t);\n\t\t\t}\n\t\t}, [ clientId ] ),\n\t];\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-outdent-list-item.js"],"names":["first","last","castArray","useCallback","useSelect","useDispatch","useRegistry","store","blockEditorStore","cloneBlock","useOutdentListItem","clientId","registry","canOutdent","innerSelect","getBlockRootClientId","grandParentId","moveBlocksToPosition","removeBlock","insertBlock","updateBlockListSettings","getBlockName","getBlockOrder","getBlockIndex","getSelectedBlockClientIds","getBlock","getBlockListSettings","getParentListItemId","id","listId","parentListItemId","listItemName","clientIds","length","firstClientId","parentListId","lastClientId","order","followingListItems","slice","batch","nestedListId","nestedListBlock"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { first, last, castArray } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name as listItemName } from '../block.json';\n\nexport default function useOutdentListItem( clientId ) {\n\tconst registry = useRegistry();\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId } = innerSelect( blockEditorStore );\n\t\t\tconst grandParentId = getBlockRootClientId(\n\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tcanOutdent: !! grandParentId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst {\n\t\tmoveBlocksToPosition,\n\t\tremoveBlock,\n\t\tinsertBlock,\n\t\tupdateBlockListSettings,\n\t} = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockName,\n\t\tgetBlockOrder,\n\t\tgetBlockIndex,\n\t\tgetSelectedBlockClientIds,\n\t\tgetBlock,\n\t\tgetBlockListSettings,\n\t} = useSelect( blockEditorStore );\n\n\tfunction getParentListItemId( id ) {\n\t\tconst listId = getBlockRootClientId( id );\n\t\tconst parentListItemId = getBlockRootClientId( listId );\n\t\tif ( ! parentListItemId ) return;\n\t\tif ( getBlockName( parentListItemId ) !== listItemName ) return;\n\t\treturn parentListItemId;\n\t}\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( ( clientIds = getSelectedBlockClientIds() ) => {\n\t\t\tclientIds = castArray( clientIds );\n\n\t\t\tif ( ! clientIds.length ) return;\n\n\t\t\tconst firstClientId = first( clientIds );\n\n\t\t\t// Can't outdent if it's not a list item.\n\t\t\tif ( getBlockName( firstClientId ) !== listItemName ) return;\n\n\t\t\tconst parentListItemId = getParentListItemId( firstClientId );\n\n\t\t\t// Can't outdent if it's at the top level.\n\t\t\tif ( ! parentListItemId ) return;\n\n\t\t\tconst parentListId = getBlockRootClientId( firstClientId );\n\t\t\tconst lastClientId = last( clientIds );\n\t\t\tconst order = getBlockOrder( parentListId );\n\t\t\tconst followingListItems = order.slice(\n\t\t\t\tgetBlockIndex( lastClientId ) + 1\n\t\t\t);\n\n\t\t\tregistry.batch( () => {\n\t\t\t\tif ( followingListItems.length ) {\n\t\t\t\t\tlet nestedListId = first( getBlockOrder( firstClientId ) );\n\n\t\t\t\t\tif ( ! nestedListId ) {\n\t\t\t\t\t\tconst nestedListBlock = cloneBlock(\n\t\t\t\t\t\t\tgetBlock( parentListId ),\n\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\tnestedListId = nestedListBlock.clientId;\n\t\t\t\t\t\tinsertBlock( nestedListBlock, 0, firstClientId, false );\n\t\t\t\t\t\t// Immediately update the block list settings, otherwise\n\t\t\t\t\t\t// blocks can't be moved here due to canInsert checks.\n\t\t\t\t\t\tupdateBlockListSettings(\n\t\t\t\t\t\t\tnestedListId,\n\t\t\t\t\t\t\tgetBlockListSettings( parentListId )\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tfollowingListItems,\n\t\t\t\t\t\tparentListId,\n\t\t\t\t\t\tnestedListId\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\tclientIds,\n\t\t\t\t\tparentListId,\n\t\t\t\t\tgetBlockRootClientId( parentListItemId ),\n\t\t\t\t\tgetBlockIndex( parentListItemId ) + 1\n\t\t\t\t);\n\t\t\t\tif ( ! getBlockOrder( parentListId ).length ) {\n\t\t\t\t\tremoveBlock( parentListId );\n\t\t\t\t}\n\t\t\t} );\n\t\t}, [] ),\n\t];\n}\n"]}

package/build-module/list-item/icons.native.js

@@ -0,0 +1,37 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { SVG, Rect } from '@wordpress/components';
+export const circle = (size, color) => createElement(SVG, {
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, createElement(Rect, {
+  width: size,
+  height: size,
+  rx: size / 2,
+  fill: color
+}));
+export const circleOutline = (size, color) => createElement(SVG, {
+  width: size,
+  height: size,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, createElement(Rect, {
+  x: "0.5",
+  y: "0.5",
+  width: size - 1,
+  height: size - 1,
+  rx: size / 2,
+  stroke: color
+}));
+export const square = (size, color) => createElement(SVG, {
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, createElement(Rect, {
+  width: size,
+  height: size,
+  fill: color
+}));
+//# sourceMappingURL=icons.native.js.map

package/build-module/list-item/icons.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/icons.native.js"],"names":["SVG","Rect","circle","size","color","circleOutline","square"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,uBAA1B;AAEA,OAAO,MAAMC,MAAM,GAAG,CAAEC,IAAF,EAAQC,KAAR,KACrB,cAAC,GAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC;AAAvB,GACC,cAAC,IAAD;AAAM,EAAA,KAAK,EAAGD,IAAd;AAAqB,EAAA,MAAM,EAAGA,IAA9B;AAAqC,EAAA,EAAE,EAAGA,IAAI,GAAG,CAAjD;AAAqD,EAAA,IAAI,EAAGC;AAA5D,EADD,CADM;AAMP,OAAO,MAAMC,aAAa,GAAG,CAAEF,IAAF,EAAQC,KAAR,KAC5B,cAAC,GAAD;AACC,EAAA,KAAK,EAAGD,IADT;AAEC,EAAA,MAAM,EAAGA,IAFV;AAGC,EAAA,IAAI,EAAC,MAHN;AAIC,EAAA,KAAK,EAAC;AAJP,GAMC,cAAC,IAAD;AACC,EAAA,CAAC,EAAC,KADH;AAEC,EAAA,CAAC,EAAC,KAFH;AAGC,EAAA,KAAK,EAAGA,IAAI,GAAG,CAHhB;AAIC,EAAA,MAAM,EAAGA,IAAI,GAAG,CAJjB;AAKC,EAAA,EAAE,EAAGA,IAAI,GAAG,CALb;AAMC,EAAA,MAAM,EAAGC;AANV,EAND,CADM;AAkBP,OAAO,MAAME,MAAM,GAAG,CAAEH,IAAF,EAAQC,KAAR,KACrB,cAAC,GAAD;AAAK,EAAA,IAAI,EAAC,MAAV;AAAiB,EAAA,KAAK,EAAC;AAAvB,GACC,cAAC,IAAD;AAAM,EAAA,KAAK,EAAGD,IAAd;AAAqB,EAAA,MAAM,EAAGA,IAA9B;AAAqC,EAAA,IAAI,EAAGC;AAA5C,EADD,CADM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Rect } from '@wordpress/components';\n\nexport const circle = ( size, color ) => (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Rect width={ size } height={ size } rx={ size / 2 } fill={ color } />\n\t</SVG>\n);\n\nexport const circleOutline = ( size, color ) => (\n\t<SVG\n\t\twidth={ size }\n\t\theight={ size }\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<Rect\n\t\t\tx=\"0.5\"\n\t\t\ty=\"0.5\"\n\t\t\twidth={ size - 1 }\n\t\t\theight={ size - 1 }\n\t\t\trx={ size / 2 }\n\t\t\tstroke={ color }\n\t\t/>\n\t</SVG>\n);\n\nexport const square = ( size, color ) => (\n\t<SVG fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Rect width={ size } height={ size } fill={ color } />\n\t</SVG>\n);\n"]}

package/build-module/list-item/list-style-type.native.js

@@ -0,0 +1,126 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import { View, Text } from 'react-native';
+/**
+ * WordPress dependencies
+ */
+
+import { Icon } from '@wordpress/components';
+import { Platform } from '@wordpress/element';
+import { usePreferredColorSchemeStyle } from '@wordpress/compose';
+/**
+ * Internal dependencies
+ */
+
+import styles from './style.scss';
+import { circle, circleOutline, square } from './icons';
+const DEFAULT_ICON_SIZE = 6;
+
+function getListNumberIndex(start, blockIndex, reversed, numberOfListItems) {
+  if (start) {
+    return reversed ? numberOfListItems - 1 + start - blockIndex : start + blockIndex;
+  }
+
+  if (reversed) {
+    return numberOfListItems - blockIndex;
+  }
+
+  return blockIndex + 1;
+}
+
+function OrderedList(_ref) {
+  let {
+    blockIndex,
+    color,
+    fontSize,
+    numberOfListItems,
+    reversed,
+    start,
+    style
+  } = _ref;
+  const orderedStyles = [styles['wp-block-list-item__list-item-container--ordered'], Platform.isIOS && styles['wp-block-list-item__list-item-ordered--default'], Platform.isIOS && (style === null || style === void 0 ? void 0 : style.fontSize) && styles['wp-block-list-item__list-item-ordered--custom']];
+  const numberStyle = [{
+    fontSize,
+    color
+  }];
+  const currentIndex = getListNumberIndex(start, blockIndex, reversed, numberOfListItems);
+  return createElement(View, {
+    style: orderedStyles
+  }, createElement(Text, {
+    style: numberStyle
+  }, currentIndex, "."));
+}
+
+function IconList(_ref2) {
+  let {
+    fontSize,
+    color,
+    defaultFontSize,
+    indentationLevel
+  } = _ref2;
+  const iconSize = parseInt(fontSize * DEFAULT_ICON_SIZE / defaultFontSize, 10);
+  let listIcon = circle(iconSize, color);
+
+  if (indentationLevel === 1) {
+    listIcon = circleOutline(iconSize, color);
+  } else if (indentationLevel > 1) {
+    listIcon = square(iconSize, color);
+  }
+
+  const listStyles = [styles['wp-block-list-item__list-item-container'], {
+    marginTop: fontSize / 2
+  }];
+  return createElement(View, {
+    style: listStyles
+  }, createElement(Icon, {
+    icon: listIcon,
+    size: iconSize
+  }));
+}
+
+export default function ListStyleType(_ref3) {
+  var _style$baseColors, _style$baseColors$typ, _style$baseColors2, _style$baseColors2$co;
+
+  let {
+    blockIndex,
+    indentationLevel,
+    numberOfListItems,
+    ordered,
+    reversed,
+    start,
+    style
+  } = _ref3;
+  let defaultFontSize = styles['wp-block-list-item__list-item--default'].fontSize;
+
+  if (style !== null && style !== void 0 && (_style$baseColors = style.baseColors) !== null && _style$baseColors !== void 0 && (_style$baseColors$typ = _style$baseColors.typography) !== null && _style$baseColors$typ !== void 0 && _style$baseColors$typ.fontSize) {
+    defaultFontSize = parseInt(style.baseColors.typography.fontSize, 10);
+  }
+
+  const fontSize = parseInt(style !== null && style !== void 0 && style.fontSize ? style.fontSize : defaultFontSize, 10);
+  const colorWithPreferredScheme = usePreferredColorSchemeStyle(styles['wp-block-list-item__list-item--default'], styles['wp-block-list-item__list-item--default--dark']);
+  const defaultColor = style !== null && style !== void 0 && (_style$baseColors2 = style.baseColors) !== null && _style$baseColors2 !== void 0 && (_style$baseColors2$co = _style$baseColors2.color) !== null && _style$baseColors2$co !== void 0 && _style$baseColors2$co.text ? style.baseColors.color.text : colorWithPreferredScheme.color;
+  const color = style !== null && style !== void 0 && style.color ? style.color : defaultColor;
+
+  if (ordered) {
+    return createElement(OrderedList, {
+      blockIndex: blockIndex,
+      color: color,
+      fontSize: fontSize,
+      numberOfListItems: numberOfListItems,
+      reversed: reversed,
+      start: start,
+      style: style
+    });
+  }
+
+  return createElement(IconList, {
+    color: color,
+    defaultFontSize: defaultFontSize,
+    fontSize: fontSize,
+    indentationLevel: indentationLevel
+  });
+}
+//# sourceMappingURL=list-style-type.native.js.map

package/build-module/list-item/list-style-type.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/list-style-type.native.js"],"names":["View","Text","Icon","Platform","usePreferredColorSchemeStyle","styles","circle","circleOutline","square","DEFAULT_ICON_SIZE","getListNumberIndex","start","blockIndex","reversed","numberOfListItems","OrderedList","color","fontSize","style","orderedStyles","isIOS","numberStyle","currentIndex","IconList","defaultFontSize","indentationLevel","iconSize","parseInt","listIcon","listStyles","marginTop","ListStyleType","ordered","baseColors","typography","colorWithPreferredScheme","defaultColor","text"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { Platform } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { circle, circleOutline, square } from './icons';\n\nconst DEFAULT_ICON_SIZE = 6;\n\nfunction getListNumberIndex( start, blockIndex, reversed, numberOfListItems ) {\n\tif ( start ) {\n\t\treturn reversed\n\t\t\t? numberOfListItems - 1 + start - blockIndex\n\t\t\t: start + blockIndex;\n\t}\n\n\tif ( reversed ) {\n\t\treturn numberOfListItems - blockIndex;\n\t}\n\n\treturn blockIndex + 1;\n}\n\nfunction OrderedList( {\n\tblockIndex,\n\tcolor,\n\tfontSize,\n\tnumberOfListItems,\n\treversed,\n\tstart,\n\tstyle,\n} ) {\n\tconst orderedStyles = [\n\t\tstyles[ 'wp-block-list-item__list-item-container--ordered' ],\n\t\tPlatform.isIOS &&\n\t\t\tstyles[ 'wp-block-list-item__list-item-ordered--default' ],\n\t\tPlatform.isIOS &&\n\t\t\tstyle?.fontSize &&\n\t\t\tstyles[ 'wp-block-list-item__list-item-ordered--custom' ],\n\t];\n\tconst numberStyle = [ { fontSize, color } ];\n\n\tconst currentIndex = getListNumberIndex(\n\t\tstart,\n\t\tblockIndex,\n\t\treversed,\n\t\tnumberOfListItems\n\t);\n\n\treturn (\n\t\t<View style={ orderedStyles }>\n\t\t\t<Text style={ numberStyle }>{ currentIndex }.</Text>\n\t\t</View>\n\t);\n}\n\nfunction IconList( { fontSize, color, defaultFontSize, indentationLevel } ) {\n\tconst iconSize = parseInt(\n\t\t( fontSize * DEFAULT_ICON_SIZE ) / defaultFontSize,\n\t\t10\n\t);\n\n\tlet listIcon = circle( iconSize, color );\n\tif ( indentationLevel === 1 ) {\n\t\tlistIcon = circleOutline( iconSize, color );\n\t} else if ( indentationLevel > 1 ) {\n\t\tlistIcon = square( iconSize, color );\n\t}\n\n\tconst listStyles = [\n\t\tstyles[ 'wp-block-list-item__list-item-container' ],\n\t\t{ marginTop: fontSize / 2 },\n\t];\n\n\treturn (\n\t\t<View style={ listStyles }>\n\t\t\t<Icon icon={ listIcon } size={ iconSize } />\n\t\t</View>\n\t);\n}\n\nexport default function ListStyleType( {\n\tblockIndex,\n\tindentationLevel,\n\tnumberOfListItems,\n\tordered,\n\treversed,\n\tstart,\n\tstyle,\n} ) {\n\tlet defaultFontSize =\n\t\tstyles[ 'wp-block-list-item__list-item--default' ].fontSize;\n\n\tif ( style?.baseColors?.typography?.fontSize ) {\n\t\tdefaultFontSize = parseInt( style.baseColors.typography.fontSize, 10 );\n\t}\n\n\tconst fontSize = parseInt(\n\t\tstyle?.fontSize ? style.fontSize : defaultFontSize,\n\t\t10\n\t);\n\n\tconst colorWithPreferredScheme = usePreferredColorSchemeStyle(\n\t\tstyles[ 'wp-block-list-item__list-item--default' ],\n\t\tstyles[ 'wp-block-list-item__list-item--default--dark' ]\n\t);\n\n\tconst defaultColor = style?.baseColors?.color?.text\n\t\t? style.baseColors.color.text\n\t\t: colorWithPreferredScheme.color;\n\tconst color = style?.color ? style.color : defaultColor;\n\n\tif ( ordered ) {\n\t\treturn (\n\t\t\t<OrderedList\n\t\t\t\tblockIndex={ blockIndex }\n\t\t\t\tcolor={ color }\n\t\t\t\tfontSize={ fontSize }\n\t\t\t\tnumberOfListItems={ numberOfListItems }\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<IconList\n\t\t\tcolor={ color }\n\t\t\tdefaultFontSize={ defaultFontSize }\n\t\t\tfontSize={ fontSize }\n\t\t\tindentationLevel={ indentationLevel }\n\t\t/>\n\t);\n}\n"]}