react-magma-dom 4.7.0-next.6 → 4.7.0-next.7

package/dist/properties.json

@@ -16075,12 +16075,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 33434,
+          "id": 33448,
           "name": "ToggleButtonTextProps"
         },
         {
           "type": "reference",
-          "id": 33712,
+          "id": 33726,
           "name": "ToggleButtonIconProps"
         }
       ],
@@ -17396,7 +17396,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 33058,
+            "id": 33071,
             "name": "useTreeView"
           }
         }

package/dist/react-magma-dom.cjs.development.js

@@ -15321,6 +15321,37 @@ var selectMulti = function selectMulti(_ref10) {
     checkedStatus: checkedStatus
   }) : itemsWithProcessedChildrenSelection;
 };
+var getParentIds = function getParentIds(_ref11) {
+  var items = _ref11.items,
+    itemId = _ref11.itemId,
+    _ref11$prevParentIds = _ref11.prevParentIds,
+    prevParentIds = _ref11$prevParentIds === void 0 ? [] : _ref11$prevParentIds;
+  var item = items.find(function (item) {
+    return item.itemId === itemId;
+  });
+  if (!item) {
+    return prevParentIds;
+  }
+  var parentId = item.parentId;
+  return parentId ? getParentIds({
+    itemId: parentId,
+    items: items,
+    prevParentIds: [].concat(prevParentIds, [parentId])
+  }) : prevParentIds;
+};
+var getInitialExpandedIds = function getInitialExpandedIds(_ref12) {
+  var items = _ref12.items,
+    initialExpandedItems = _ref12.initialExpandedItems;
+  if (!initialExpandedItems) {
+    return initialExpandedItems;
+  }
+  return initialExpandedItems.reduce(function (result, itemId) {
+    return [].concat(result, [itemId], getParentIds({
+      itemId: itemId,
+      items: items
+    }));
+  }, []);
+};
 
 var _excluded$1C = ["checkedStatus"];
 function useTreeView(props) {
@@ -15328,7 +15359,7 @@ function useTreeView(props) {
     selectable = _props$selectable === void 0 ? exports.TreeViewSelectable.single : _props$selectable,
     onSelectedItemChange = props.onSelectedItemChange,
     onExpandedChange = props.onExpandedChange,
-    initialExpandedItems = props.initialExpandedItems,
+    rawInitialExpandedItems = props.initialExpandedItems,
     preselectedItems = props.preselectedItems,
     _props$checkChildren = props.checkChildren,
     checkChildren = _props$checkChildren === void 0 ? selectable !== exports.TreeViewSelectable.single : _props$checkChildren,
@@ -15364,6 +15395,12 @@ function useTreeView(props) {
       return item.checkedStatus === exports.IndeterminateCheckboxStatus.checked;
     });
   }, [items]);
+  var initialExpandedItems = React.useMemo(function () {
+    return getInitialExpandedIds({
+      items: items,
+      initialExpandedItems: rawInitialExpandedItems
+    });
+  }, [items, rawInitialExpandedItems]);
   var itemToFocus = React.useMemo(function () {
     var firstItem = items[0];
     if (selectable === exports.TreeViewSelectable.off) {
@@ -15892,6 +15929,7 @@ exports.getChildrenItemIdsFlat = getChildrenItemIdsFlat;
 exports.getChildrenItemIdsInTree = getChildrenItemIdsInTree;
 exports.getDateFromString = getDateFromString;
 exports.getIconSizes = getIconSizes;
+exports.getInitialExpandedIds = getInitialExpandedIds;
 exports.getInitialItems = getInitialItems;
 exports.getListAlignment = getListAlignment;
 exports.getTreeItemLabelColor = getTreeItemLabelColor;