@atlaskit/editor-plugin-block-menu 5.2.1 → 5.2.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 5.2.3
+
+### Patch Changes
+
+- [`d0857f52fd866`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0857f52fd866) -
+  Add list-to-list transformation support in block menu
+
+## 5.2.2
+
+### Patch Changes
+
+- [`8696c9d95fe26`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8696c9d95fe26) -
+  [ux] EDITOR-3382 Block menu copy link for multi select
+- Updated dependencies
+
 ## 5.2.1
 
 ### Patch Changes

package/dist/cjs/editor-commands/transform-node-utils/{flattenListStep.js → steps/flattenListStep.js}

@@ -20,12 +20,10 @@ var extractNestedLists = function extractNestedLists(node, listTypes, itemTypes,
             return grandChild.type === type;
           })) {
             nestedLists.push(grandChild);
+          } else if (grandChild.isText) {
+            contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
           } else {
-            if (grandChild.isText) {
-              contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
-            } else {
-              contentWithoutNestedLists.push(grandChild);
-            }
+            contentWithoutNestedLists.push(grandChild);
           }
         });
         items.push(child.copy(_model.Fragment.from(contentWithoutNestedLists)));

package/dist/cjs/editor-commands/transform-node-utils/steps/listToListStep.js

@@ -0,0 +1,232 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listToListStep = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
+var isListType = function isListType(node, schema) {
+  var lists = [schema.nodes.taskList, schema.nodes.bulletList, schema.nodes.orderedList];
+  return lists.some(function (list) {
+    return list === node.type;
+  });
+};
+
+/**
+ * Converts FROM taskList structure TO bulletList/orderedList structure.
+ */
+var convertFromTaskListStructure = function convertFromTaskListStructure(node, targetListType, targetItemType) {
+  var schema = node.type.schema;
+  var targetListNodeType = schema.nodes[targetListType];
+  var convertedItems = [];
+  node.content.forEach(function (child) {
+    if (isListType(child, schema)) {
+      // This is a nested list - it should become a child of the previous item
+      if (convertedItems.length > 0) {
+        var previousItem = convertedItems[convertedItems.length - 1];
+        // Convert the nested list and add it to the previous item's content
+        var convertedNestedList = _transformList(child, targetListType, targetItemType);
+        var newContent = previousItem.content.append(_model.Fragment.from([convertedNestedList]));
+        var updatedItem = previousItem.type.create(previousItem.attrs, newContent);
+        convertedItems[convertedItems.length - 1] = updatedItem;
+      }
+      // If there's no previous item, skip this nested list (orphaned)
+    } else {
+      var convertedItem = transformListItem(child, targetItemType, targetListType);
+      if (convertedItem) {
+        convertedItems.push(convertedItem);
+      }
+    }
+  });
+  return targetListNodeType.create(node.attrs, _model.Fragment.from(convertedItems));
+};
+
+/**
+ * Converts FROM bulletList/orderedList structure TO taskList structure.
+ */
+var convertToTaskListStructure = function convertToTaskListStructure(node, targetListType, targetItemType) {
+  var schema = node.type.schema;
+  var targetListNodeType = schema.nodes[targetListType];
+  var transformedContent = [];
+  node.content.forEach(function (itemNode) {
+    var transformedItem = transformListItem(itemNode, targetItemType, targetListType, true);
+    if (transformedItem) {
+      transformedContent.push(transformedItem);
+    }
+    itemNode.content.forEach(function (child) {
+      if (isListType(child, schema)) {
+        var transformedNestedList = _transformList(child, targetListType, targetItemType);
+        transformedContent.push(transformedNestedList);
+      }
+    });
+  });
+  return targetListNodeType.create(node.attrs, _model.Fragment.from(transformedContent));
+};
+
+/**
+ * Converts a single list item (listItem or taskItem) to the target item type.
+ * Handles content transformation based on the target type's requirements.
+ * @param itemNode - The list item node to convert
+ * @param targetItemType - The target item type (listItem or taskItem)
+ * @param targetListType - The target list type (bulletList, orderedList, or taskList)
+ * @param excludeNestedLists - When true, nested lists are excluded from the item's content
+ *                             (used when converting to taskList where nested lists become siblings)
+ */
+var transformListItem = function transformListItem(itemNode, targetItemType, targetListType) {
+  var excludeNestedLists = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var schema = itemNode.type.schema;
+  var targetItemNodeType = schema.nodes[targetItemType];
+  var isTargetTaskItem = targetItemType === 'taskItem';
+  var isSourceTaskItem = itemNode.type.name === 'taskItem';
+  var paragraphType = schema.nodes.paragraph;
+  if (!targetItemNodeType) {
+    return null;
+  }
+  if (isTargetTaskItem) {
+    var inlineContent = [];
+    itemNode.content.forEach(function (child) {
+      if (child.type === paragraphType) {
+        child.content.forEach(function (inline) {
+          inlineContent.push(inline);
+        });
+      }
+      if (child.isText) {
+        inlineContent.push(child);
+      }
+      // TODO: EDITOR-3887 - Skip mediaSingle, codeBlock, and nested lists
+      // Nested lists will be extracted and placed as siblings in the taskList
+    });
+    return targetItemNodeType.create({}, _model.Fragment.from(inlineContent));
+  } else {
+    var newContent = [];
+    if (isSourceTaskItem) {
+      newContent.push(paragraphType.create(null, itemNode.content));
+    } else {
+      itemNode.content.forEach(function (child) {
+        if (isListType(child, schema)) {
+          if (excludeNestedLists) {
+            // Skip nested lists - they will be handled separately as siblings
+            return;
+          }
+          newContent.push(_transformList(child, targetListType, targetItemType));
+        } else {
+          newContent.push(child);
+        }
+      });
+    }
+    if (newContent.length === 0) {
+      newContent.push(paragraphType.create());
+    }
+    return targetItemNodeType.create({}, _model.Fragment.from(newContent));
+  }
+};
+
+/**
+ * Recursively converts nested lists to the target list type.
+ * This function handles the conversion of both the list container and its items,
+ * including any nested lists within those items.
+ *
+ * Important: taskList has a different nesting structure than bulletList/orderedList:
+ * - taskList: nested taskLists are SIBLINGS of taskItems in the parent taskList
+ * - bulletList/orderedList: nested lists are CHILDREN of listItems
+ */
+var _transformList = function transformList(node, targetListType, targetItemType) {
+  var schema = node.type.schema;
+  var targetListNodeType = schema.nodes[targetListType];
+  var targetItemNodeType = schema.nodes[targetItemType];
+  var taskListType = schema.nodes.taskList;
+  if (!targetListNodeType || !targetItemNodeType) {
+    return node;
+  }
+  var isSourceTaskList = node.type === taskListType;
+  var isTargetTaskList = targetListType === 'taskList';
+  if (isSourceTaskList && !isTargetTaskList) {
+    return convertFromTaskListStructure(node, targetListType, targetItemType);
+  } else if (!isSourceTaskList && isTargetTaskList) {
+    return convertToTaskListStructure(node, targetListType, targetItemType);
+  } else {
+    var transformedItems = [];
+    node.content.forEach(function (childNode) {
+      var transformedItem = isListType(childNode, schema) ? _transformList(childNode, targetListType, targetItemType) : transformListItem(childNode, targetItemType, targetListType);
+      if (transformedItem) {
+        transformedItems.push(transformedItem);
+      }
+    });
+    return targetListNodeType.create(node.attrs, _model.Fragment.from(transformedItems));
+  }
+};
+
+/**
+ * Transform step that converts between bulletList, orderedList, and taskList types.
+ * This step maintains the order and indentation of the list by recursively
+ * converting all nested lists while preserving the structure. It also handles
+ * conversion between listItem and taskItem types.
+ *
+ * When converting to taskList/taskItem, unsupported content (images, codeBlocks) is filtered out.
+ *
+ * @example
+ * Input (bulletList with nested bulletList):
+ * - bulletList
+ *   - listItem "1"
+ *     - bulletList
+ *       - listItem "1.1"
+ *         - bulletList
+ *           - listItem "1.1.1"
+ *       - listItem "1.2"
+ *   - listItem "2"
+ *
+ * Output (orderedList with nested orderedList):
+ * 1. orderedList
+ *    1. listItem "1"
+ *       1. orderedList
+ *          1. listItem "1.1"
+ *             1. orderedList
+ *                1. listItem "1.1.1"
+ *          2. listItem "1.2"
+ *    2. listItem "2"
+ *
+ * @example
+ * Input (bulletList with nested taskList):
+ * - bulletList
+ *   - listItem "Regular item"
+ *     - taskList
+ *       - taskItem "Task 1" (checked)
+ *       - taskItem "Task 2" (unchecked)
+ *
+ * Output (orderedList with nested orderedList, taskItems converted to listItems):
+ * 1. orderedList
+ *    1. listItem "Regular item"
+ *       1. orderedList
+ *          1. listItem "Task 1"
+ *          2. listItem "Task 2"
+ *
+ * @example
+ * Input (bulletList to taskList, with paragraph extraction):
+ * - bulletList
+ *   - listItem
+ *     - paragraph "Text content"
+ *   - listItem
+ *     - paragraph "Text"
+ *     - codeBlock "code"
+ *     - mediaSingle (image)
+ *
+ * Output (taskList with text extracted from paragraphs, unsupported content filtered):
+ * - taskList
+ *   - taskItem "Text content" (text extracted from paragraph)
+ *   - taskItem "Text" (text extracted, codeBlock and image filtered out)
+ *
+ * @param nodes - The nodes to transform
+ * @param context - The transformation context containing schema and target node type
+ * @returns The transformed nodes
+ */
+var listToListStep = exports.listToListStep = function listToListStep(nodes, context) {
+  var schema = context.schema,
+    targetNodeTypeName = context.targetNodeTypeName;
+  return nodes.map(function (node) {
+    if (isListType(node, schema)) {
+      var targetItemType = targetNodeTypeName === 'taskList' ? 'taskItem' : 'listItem';
+      return _transformList(node, targetNodeTypeName, targetItemType);
+    }
+    return node;
+  });
+};

package/dist/cjs/editor-commands/transform-node-utils/transform.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOutputNodes = void 0;
 var _utils = require("../transform-node-utils/utils");
-var _flattenListStep = require("./flattenListStep");
 var _flattenStep = require("./flattenStep");
 var _convertBulletListToTextStep = require("./steps/convertBulletListToTextStep");
 var _convertOrderedListToTextStep = require("./steps/convertOrderedListToTextStep");
 var _convertTaskListToTextStep = require("./steps/convertTaskListToTextStep");
+var _flattenListStep = require("./steps/flattenListStep");
+var _listToListStep = require("./steps/listToListStep");
 var _unwrapLayoutStep = require("./steps/unwrapLayoutStep");
+var _unwrapListStep = require("./steps/unwrapListStep");
 var _stubStep = require("./stubStep");
 var _types = require("./types");
 var _unwrapExpandStep = require("./unwrapExpandStep");
-var _unwrapListStep = require("./unwrapListStep");
 var _unwrapStep = require("./unwrapStep");
 var _wrapIntoLayoutStep = require("./wrapIntoLayoutStep");
 var _wrapMixedContentStep = require("./wrapMixedContentStep");
@@ -44,7 +45,7 @@ var TRANSFORM_STEPS = {
   list: {
     atomic: undefined,
     container: [_wrapStep.wrapStep],
-    list: [_stubStep.stubStep],
+    list: [_listToListStep.listToListStep],
     text: [_flattenListStep.flattenListStep, _unwrapListStep.unwrapListStep]
   },
   text: {

package/dist/cjs/ui/copy-link.js

@@ -9,6 +9,7 @@ exports.CopyLinkDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
@@ -21,18 +22,38 @@ var _copyLink = require("./utils/copyLink");
 var _isNestedNode = require("./utils/isNestedNode");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
-  var _api$selection;
   var api = _ref.api,
     config = _ref.config;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useBlockMenu = (0, _blockMenuProvider.useBlockMenu)(),
     onDropdownOpenChanged = _useBlockMenu.onDropdownOpenChanged;
-  var selection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.sharedState) === null || _api$selection === void 0 || (_api$selection = _api$selection.currentState()) === null || _api$selection === void 0 ? void 0 : _api$selection.selection;
+  var _ref2 = config || {},
+    getLinkPath = _ref2.getLinkPath,
+    blockLinkHashPrefix = _ref2.blockLinkHashPrefix;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls', 'selection', 'core'], function (_ref3) {
+      var blockControlsState = _ref3.blockControlsState,
+        selectionState = _ref3.selectionState,
+        coreState = _ref3.coreState;
+      return {
+        menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy,
+        preservedSelection: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.preservedSelection,
+        defaultSelection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection,
+        schema: coreState === null || coreState === void 0 ? void 0 : coreState.schema
+      };
+    }),
+    preservedSelection = _useSharedPluginState.preservedSelection,
+    defaultSelection = _useSharedPluginState.defaultSelection,
+    menuTriggerBy = _useSharedPluginState.menuTriggerBy,
+    schema = _useSharedPluginState.schema;
+  var selection = preservedSelection || defaultSelection;
   var handleClick = (0, _react.useCallback)(function () {
-    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+    if (!selection || !schema) {
+      return;
+    }
+    api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
       var _api$analytics, _api$blockControls;
-      var tr = _ref2.tr;
+      var tr = _ref4.tr;
       var payload = {
         action: _analytics.ACTION.CLICKED,
         actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
@@ -50,10 +71,15 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
       return tr;
     });
     onDropdownOpenChanged(false);
-    (0, _copyLink.copyLink)(config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api).then(function (success) {
+    (0, _copyLink.copyLink)({
+      getLinkPath: getLinkPath,
+      blockLinkHashPrefix: blockLinkHashPrefix,
+      selection: selection,
+      schema: schema
+    }).then(function (success) {
       if (success) {
-        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-          var tr = _ref3.tr;
+        api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
+          var tr = _ref5.tr;
           tr.setMeta(_main.blockMenuPluginKey, {
             showFlag: _blockMenuPluginType.FLAG_ID.LINK_COPIED_TO_CLIPBOARD
           });
@@ -61,19 +87,10 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
         });
       }
     });
-  }, [config === null || config === void 0 ? void 0 : config.getLinkPath, config === null || config === void 0 ? void 0 : config.blockLinkHashPrefix, api, onDropdownOpenChanged]);
-  var checkIsNestedNode = (0, _react.useCallback)(function () {
-    var _api$selection2, _api$blockControls2;
-    var selection = api === null || api === void 0 || (_api$selection2 = api.selection) === null || _api$selection2 === void 0 || (_api$selection2 = _api$selection2.sharedState) === null || _api$selection2 === void 0 || (_api$selection2 = _api$selection2.currentState()) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.selection;
-    var menuTriggerBy = api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.sharedState) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.currentState()) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.menuTriggerBy;
-    if (!selection || !menuTriggerBy) {
-      return false;
-    }
-    return (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy);
-  }, [api]);
+  }, [api, blockLinkHashPrefix, getLinkPath, onDropdownOpenChanged, schema, selection]);
 
   // Hide copy link when `platform_editor_adf_with_localid` feature flag is off or when the node is nested or on empty line
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') || checkIsNestedNode() || !!(selection !== null && selection !== void 0 && selection.empty)) {
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') || !!menuTriggerBy && (0, _isNestedNode.isNestedNode)(selection, menuTriggerBy) || selection !== null && selection !== void 0 && selection.empty) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {

package/dist/cjs/ui/utils/copyLink.js

@@ -9,33 +9,24 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _clipboard = require("@atlaskit/editor-common/clipboard");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _editorTables = require("@atlaskit/editor-tables");
+var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _utils = require("../../editor-commands/transform-node-utils/utils");
 var copyLink = exports.copyLink = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(getLinkPath) {
-    var blockLinkHashPrefix,
-      api,
-      _api$selection,
-      node,
-      selection,
-      path,
-      url,
-      href,
-      _args = arguments;
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var getLinkPath, _ref$blockLinkHashPre, blockLinkHashPrefix, selection, schema, blockRange, node, path, url, href;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          blockLinkHashPrefix = _args.length > 1 && _args[1] !== undefined ? _args[1] : _blockMenu.DEFAULT_BLOCK_LINK_HASH_PREFIX;
-          api = _args.length > 2 ? _args[2] : undefined;
-          _context.prev = 2;
-          selection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.sharedState.currentState()) === null || _api$selection === void 0 ? void 0 : _api$selection.selection;
-          if (selection instanceof _state.NodeSelection && selection.node) {
-            node = selection.node;
-          } else if (selection instanceof _state.TextSelection) {
-            node = selection.$from.node();
-          } else if (selection instanceof _editorTables.CellSelection) {
-            node = selection.$anchorCell.node(-1);
+          getLinkPath = _ref.getLinkPath, _ref$blockLinkHashPre = _ref.blockLinkHashPrefix, blockLinkHashPrefix = _ref$blockLinkHashPre === void 0 ? _blockMenu.DEFAULT_BLOCK_LINK_HASH_PREFIX : _ref$blockLinkHashPre, selection = _ref.selection, schema = _ref.schema;
+          blockRange = (0, _utils.expandSelectionToBlockRange)(selection, schema);
+          if (blockRange) {
+            _context.next = 4;
+            break;
           }
+          return _context.abrupt("return", false);
+        case 4:
+          // get the link to the first node in the selection
+          node = blockRange.$from.nodeAfter;
           if (!(!node || !node.attrs || !node.attrs.localId)) {
             _context.next = 7;
             break;
@@ -43,30 +34,31 @@ var copyLink = exports.copyLink = /*#__PURE__*/function () {
           return _context.abrupt("return", false);
         case 7:
           path = (getLinkPath === null || getLinkPath === void 0 ? void 0 : getLinkPath()) || location.pathname;
-          if (path) {
-            _context.next = 10;
-            break;
-          }
-          return _context.abrupt("return", false);
-        case 10:
-          url = new URL(location.origin + path); // append the localId as a hash fragment in the form #block-{localId}
-          url.hash = "".concat(blockLinkHashPrefix).concat(node.attrs.localId);
+          _context.prev = 8;
+          url = new URL(location.origin + path);
+          url.hash = (0, _blockMenu.createBlockLinkHashValue)(node.attrs.localId, blockLinkHashPrefix);
           href = url.toString();
-          _context.next = 15;
+          _context.next = 14;
           return (0, _clipboard.copyToClipboard)(href);
-        case 15:
-          return _context.abrupt("return", true);
-        case 18:
-          _context.prev = 18;
-          _context.t0 = _context["catch"](2);
+        case 14:
+          _context.next = 20;
+          break;
+        case 16:
+          _context.prev = 16;
+          _context.t0 = _context["catch"](8);
+          (0, _monitoring.logException)(_context.t0, {
+            location: 'editor-plugin-block-menu'
+          });
           return _context.abrupt("return", false);
+        case 20:
+          return _context.abrupt("return", true);
         case 21:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[2, 18]]);
+    }, _callee, null, [[8, 16]]);
   }));
   return function copyLink(_x) {
-    return _ref.apply(this, arguments);
+    return _ref2.apply(this, arguments);
   };
 }();

package/dist/es2019/editor-commands/transform-node-utils/{flattenListStep.js → steps/flattenListStep.js}

@@ -10,12 +10,10 @@ const extractNestedLists = (node, listTypes, itemTypes, schema) => {
         child.forEach(grandChild => {
           if (listTypes.some(type => grandChild.type === type)) {
             nestedLists.push(grandChild);
+          } else if (grandChild.isText) {
+            contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
           } else {
-            if (grandChild.isText) {
-              contentWithoutNestedLists.push(paragraph.createAndFill({}, grandChild));
-            } else {
-              contentWithoutNestedLists.push(grandChild);
-            }
+            contentWithoutNestedLists.push(grandChild);
           }
         });
         items.push(child.copy(Fragment.from(contentWithoutNestedLists)));