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

package/dist/components/TreeView/useTreeView.d.ts

@@ -81,7 +81,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
         onExpandedChange: (event: React.SyntheticEvent<Element, Event>) => void;
         selectable: TreeViewSelectable;
         selectedItems: any;
-        initialExpandedItems: string[];
+        initialExpandedItems: any[];
         treeItemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
         registerTreeItem: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
         initialExpandedItemsNeedUpdate: boolean;

package/dist/components/TreeView/utils.d.ts

@@ -48,3 +48,6 @@ export declare const selectMulti: ({ items, itemId, checkedStatus, checkChildren
     itemId: TreeViewItemInterface['itemId'];
     checkedStatus: TreeViewItemInterface['checkedStatus'];
 } & Pick<UseTreeViewProps, "checkParents" | "checkChildren">) => any;
+export declare const getInitialExpandedIds: ({ items, initialExpandedItems }: {
+    items: TreeViewItemInterface[];
+} & Pick<UseTreeViewProps, "initialExpandedItems">) => any[];

package/dist/esm/index.js

@@ -28262,6 +28262,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) {
@@ -28269,7 +28300,7 @@ function useTreeView(props) {
     selectable = _props$selectable === void 0 ? 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 !== TreeViewSelectable.single : _props$checkChildren,
@@ -28305,6 +28336,12 @@ function useTreeView(props) {
       return item.checkedStatus === IndeterminateCheckboxStatus.checked;
     });
   }, [items]);
+  var initialExpandedItems = useMemo(function () {
+    return getInitialExpandedIds({
+      items: items,
+      initialExpandedItems: rawInitialExpandedItems
+    });
+  }, [items, rawInitialExpandedItems]);
   var itemToFocus = useMemo(function () {
     var firstItem = items[0];
     if (selectable === TreeViewSelectable.off) {
@@ -28701,5 +28738,5 @@ var ToggleButton = /*#__PURE__*/forwardRef(function (props, ref) {
   }, children));
 });
 
-export { Accordion, AccordionButton, AccordionContext, AccordionIconPosition, AccordionItem, AccordionItemContext, AccordionPanel, Alert, AlertVariant, Announce, AppBar, AppBarPosition, Badge, BadgeColor, BadgeVariant, Banner, BlockQuote, BlockQuoteItem, Breadcrumb, BreadcrumbItem, Breakpoint, BreakpointScreenSize, BreakpointsContainer, Button, ButtonColor, ButtonGroup, ButtonGroupAlignment, ButtonGroupContext, ButtonGroupOrientation, ButtonIconPosition, ButtonShape, ButtonSize, ButtonTextTransform, ButtonType, ButtonVariant, Card, CardAlignment, CardBody, CardCalloutType, CardHeading, CharacterCounter, Checkbox, CheckboxTextPosition, Combobox, ComboboxStateChangeTypes, Container$1 as Container, Datagrid, DatePicker, Drawer, DrawerPosition, Dropdown, DropdownAlignment, DropdownButton, DropdownContent, DropdownDivider, DropdownDropDirection, DropdownExpandableMenuButton, DropdownExpandableMenuGroup, DropdownExpandableMenuItem, DropdownExpandableMenuListItem, DropdownExpandableMenuPanel, DropdownHeader, DropdownMenuGroup, DropdownMenuItem, DropdownMenuNavItem, DropdownSplitButton, EnumTooltipPosition, Flex, FlexAlignContent, FlexAlignItems, FlexBehavior, FlexDirection, FlexJustify, FlexWrap, Form, FormFieldContainer, FormGroup, GlobalStyles, Grid, GridAlignContent, GridAlignItems, GridAutoFlow, GridDisplay, GridItem, GridItemAlignSelf, GridItemJustifySelf, GridJustifyContent, GridJustifyItems, Heading, HideAtBreakpoint, HideAtBreakpointDisplayType, Hyperlink, HyperlinkIconPosition, I18nContext, IconAlignment, IconButton, IconSizes, IndeterminateCheckbox, IndeterminateCheckboxStatus, Input, InputBase, InputIconPosition, InputMessage, InputSize, InputType, InverseContext, Label, LabelPosition, List$1 as List, ListItem, LoadingIndicator, Modal, ModalSize, MultipleSelectionStateChangeTypes, NativeSelect, NavTab, NavTabs, PageButtonSize, Pagination, PaginationType, Paragraph, PasswordInput, ProgressBar, ProgressBarColor, ProgressRing, Radio, RadioGroup, RadioTextPosition, Search, Select$1 as Select, SelectStateChangeTypes, SkipLink, SkipLinkContent, Spacer, SpacerAxis, Spinner, Step, Stepper, StepperLayout, StyledTooltip, Tab, TabPanel, TabPanelsContainer, TabScrollSpyPanel, Table, TableBody, TableCell, TableCellAlign, TableContext, TableDensity, TableHead, TableHeaderCell, TableHeaderCellScope, TablePagination, TableRow, TableRowColor, TableSortDirection, Tabs, TabsAlignment, TabsBorderPosition, TabsContainer, TabsIconPosition, TabsOrientation$1 as TabsOrientation, TabsScrollSpyContainer, Tag, TagColor, TagSize, Textarea, ThemeContext, TimePicker, Toast, ToastsContainer, Toggle, ToggleButton, ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonStyles, ToggleTextPosition, Tooltip, TooltipArrow, TooltipPosition, Transition, TreeItem, TreeNodeType, TreeView, TreeViewSelectable, TypographyColor, TypographyContextVariant, TypographyVisualStyle, VisuallyHidden, blockQuoteStyles, calculateOffset, checkedStatusToBoolean, defaultI18n, filterNullEntries, getChildrenItemIds, getChildrenItemIdsFlat, getChildrenItemIdsInTree, getDateFromString, getIconSizes, getInitialItems, getListAlignment, getTreeItemLabelColor, getTreeItemWrapperCursor, inDateRange, magma, olListType, selectMulti, selectSingle, setBackgroundColor, setIconWidth, ulListType, useAccordion, useAccordionButton, useAccordionItem, useDataPagination, useDescendants, useFocusLock, useForceUpdate, useGenerateId, useIsInverse, useMediaQuery, usePagination, useTreeItem, useTreeView };
+export { Accordion, AccordionButton, AccordionContext, AccordionIconPosition, AccordionItem, AccordionItemContext, AccordionPanel, Alert, AlertVariant, Announce, AppBar, AppBarPosition, Badge, BadgeColor, BadgeVariant, Banner, BlockQuote, BlockQuoteItem, Breadcrumb, BreadcrumbItem, Breakpoint, BreakpointScreenSize, BreakpointsContainer, Button, ButtonColor, ButtonGroup, ButtonGroupAlignment, ButtonGroupContext, ButtonGroupOrientation, ButtonIconPosition, ButtonShape, ButtonSize, ButtonTextTransform, ButtonType, ButtonVariant, Card, CardAlignment, CardBody, CardCalloutType, CardHeading, CharacterCounter, Checkbox, CheckboxTextPosition, Combobox, ComboboxStateChangeTypes, Container$1 as Container, Datagrid, DatePicker, Drawer, DrawerPosition, Dropdown, DropdownAlignment, DropdownButton, DropdownContent, DropdownDivider, DropdownDropDirection, DropdownExpandableMenuButton, DropdownExpandableMenuGroup, DropdownExpandableMenuItem, DropdownExpandableMenuListItem, DropdownExpandableMenuPanel, DropdownHeader, DropdownMenuGroup, DropdownMenuItem, DropdownMenuNavItem, DropdownSplitButton, EnumTooltipPosition, Flex, FlexAlignContent, FlexAlignItems, FlexBehavior, FlexDirection, FlexJustify, FlexWrap, Form, FormFieldContainer, FormGroup, GlobalStyles, Grid, GridAlignContent, GridAlignItems, GridAutoFlow, GridDisplay, GridItem, GridItemAlignSelf, GridItemJustifySelf, GridJustifyContent, GridJustifyItems, Heading, HideAtBreakpoint, HideAtBreakpointDisplayType, Hyperlink, HyperlinkIconPosition, I18nContext, IconAlignment, IconButton, IconSizes, IndeterminateCheckbox, IndeterminateCheckboxStatus, Input, InputBase, InputIconPosition, InputMessage, InputSize, InputType, InverseContext, Label, LabelPosition, List$1 as List, ListItem, LoadingIndicator, Modal, ModalSize, MultipleSelectionStateChangeTypes, NativeSelect, NavTab, NavTabs, PageButtonSize, Pagination, PaginationType, Paragraph, PasswordInput, ProgressBar, ProgressBarColor, ProgressRing, Radio, RadioGroup, RadioTextPosition, Search, Select$1 as Select, SelectStateChangeTypes, SkipLink, SkipLinkContent, Spacer, SpacerAxis, Spinner, Step, Stepper, StepperLayout, StyledTooltip, Tab, TabPanel, TabPanelsContainer, TabScrollSpyPanel, Table, TableBody, TableCell, TableCellAlign, TableContext, TableDensity, TableHead, TableHeaderCell, TableHeaderCellScope, TablePagination, TableRow, TableRowColor, TableSortDirection, Tabs, TabsAlignment, TabsBorderPosition, TabsContainer, TabsIconPosition, TabsOrientation$1 as TabsOrientation, TabsScrollSpyContainer, Tag, TagColor, TagSize, Textarea, ThemeContext, TimePicker, Toast, ToastsContainer, Toggle, ToggleButton, ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonStyles, ToggleTextPosition, Tooltip, TooltipArrow, TooltipPosition, Transition, TreeItem, TreeNodeType, TreeView, TreeViewSelectable, TypographyColor, TypographyContextVariant, TypographyVisualStyle, VisuallyHidden, blockQuoteStyles, calculateOffset, checkedStatusToBoolean, defaultI18n, filterNullEntries, getChildrenItemIds, getChildrenItemIdsFlat, getChildrenItemIdsInTree, getDateFromString, getIconSizes, getInitialExpandedIds, getInitialItems, getListAlignment, getTreeItemLabelColor, getTreeItemWrapperCursor, inDateRange, magma, olListType, selectMulti, selectSingle, setBackgroundColor, setIconWidth, ulListType, useAccordion, useAccordionButton, useAccordionItem, useDataPagination, useDescendants, useFocusLock, useForceUpdate, useGenerateId, useIsInverse, useMediaQuery, usePagination, useTreeItem, useTreeView };
 //# sourceMappingURL=index.js.map