baseui 10.10.0 → 10.11.0

package/tree-view/tree-label-interactable.js

@@ -26,14 +26,18 @@ var TreeLabelInteractable = function TreeLabelInteractable(_ref) {
 
   var LabelInteractable = (0, _overrides.getOverride)(overrides.LabelInteractable) || _styledComponents.StyledLabelInteractable;
 
-  return /*#__PURE__*/_react.default.createElement(LabelInteractable, _extends({
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    onKeyDown: function onKeyDown(e) {
-      return e.stopPropagation();
-    }
-  }, props));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    _react.default.createElement(LabelInteractable, _extends({
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      onKeyDown: function onKeyDown(e) {
+        return e.stopPropagation();
+      }
+    }, props))
+  );
 };
 
 var _default = TreeLabelInteractable;

package/tree-view/tree-label-interactable.js.flow

@@ -6,19 +6,19 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import React from 'react';
-import {StyledLabelInteractable} from './styled-components.js';
-import {getOverride} from '../helpers/overrides.js';
-import type {OverrideT} from '../helpers/overrides.js';
+import { StyledLabelInteractable } from './styled-components.js';
+import { getOverride } from '../helpers/overrides.js';
+import type { OverrideT } from '../helpers/overrides.js';
 
 const TreeLabelInteractable: React$ComponentType<{
-  overrides?: {LabelInteractable: OverrideT},
-}> = ({overrides = {}, ...props}) => {
-  const LabelInteractable =
-    getOverride(overrides.LabelInteractable) || StyledLabelInteractable;
+  overrides?: { LabelInteractable: OverrideT },
+}> = ({ overrides = {}, ...props }) => {
+  const LabelInteractable = getOverride(overrides.LabelInteractable) || StyledLabelInteractable;
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <LabelInteractable
-      onClick={e => e.stopPropagation()}
-      onKeyDown={e => e.stopPropagation()}
+      onClick={(e) => e.stopPropagation()}
+      onKeyDown={(e) => e.stopPropagation()}
       {...props}
     />
   );

package/tree-view/tree-label.js

@@ -85,9 +85,13 @@ var TreeLabel = function TreeLabel(_ref) {
 
   var TreeItemContent = (0, _overrides.getOverride)(TreeItemContentOverride) || _styledComponents.StyledItemContent;
 
-  return /*#__PURE__*/_react.default.createElement(TreeItemContent, _extends({}, sharedProps, props), hasChildren && /*#__PURE__*/_react.default.createElement(IconContainer, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(IconContainerOverride)), !isExpanded ? /*#__PURE__*/_react.default.createElement(_themeProvider.ThemeContext.Consumer, null, function (theme) {
-    return theme.direction === 'rtl' ? /*#__PURE__*/_react.default.createElement(Left, _extends({}, sharedProps, LeftProps)) : /*#__PURE__*/_react.default.createElement(Right, _extends({}, sharedProps, RightProps));
-  }) : /*#__PURE__*/_react.default.createElement(CollapseIcon, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(CollapseIconOverride)))), !hasChildren && LeafIcon && /*#__PURE__*/_react.default.createElement(LeafIconContainer, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(LeafIconContainerOverride)), /*#__PURE__*/_react.default.createElement(LeafIcon, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(LeafIconOverride)))), typeof label === 'function' ? label(node) : label);
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    _react.default.createElement(TreeItemContent, _extends({}, sharedProps, props), hasChildren && /*#__PURE__*/_react.default.createElement(IconContainer, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(IconContainerOverride)), !isExpanded ? /*#__PURE__*/_react.default.createElement(_themeProvider.ThemeContext.Consumer, null, function (theme) {
+      return theme.direction === 'rtl' ? /*#__PURE__*/_react.default.createElement(Left, _extends({}, sharedProps, LeftProps)) : /*#__PURE__*/_react.default.createElement(Right, _extends({}, sharedProps, RightProps));
+    }) : /*#__PURE__*/_react.default.createElement(CollapseIcon, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(CollapseIconOverride)))), !hasChildren && LeafIcon && /*#__PURE__*/_react.default.createElement(LeafIconContainer, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(LeafIconContainerOverride)), /*#__PURE__*/_react.default.createElement(LeafIcon, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(LeafIconOverride)))), typeof label === 'function' ? label(node) : label)
+  );
 };
 
 var _default = TreeLabel;

package/tree-view/tree-label.js.flow

@@ -6,18 +6,14 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import React from 'react';
-import {ThemeContext} from '../styles/theme-provider.js';
-import type {TreeLabelT, SharedStylePropsT} from './types.js';
-import {StyledIconContainer, StyledItemContent} from './styled-components.js';
+import { ThemeContext } from '../styles/theme-provider.js';
+import type { TreeLabelT, SharedStylePropsT } from './types.js';
+import { StyledIconContainer, StyledItemContent } from './styled-components.js';
 import ChevronRight from '../icon/chevron-right.js';
 import ChevronDown from '../icon/chevron-down.js';
 import ChevronLeft from '../icon/chevron-left.js';
 import BlankIcon from '../icon/blank.js';
-import {
-  getOverride,
-  getOverrideProps,
-  getOverrides,
-} from '../helpers/overrides.js';
+import { getOverride, getOverrideProps, getOverrides } from '../helpers/overrides.js';
 
 const TreeLabel: React$ComponentType<TreeLabelT> = ({
   hasChildren,
@@ -43,26 +39,21 @@ const TreeLabel: React$ComponentType<TreeLabelT> = ({
     LeafIcon: LeafIconOverride,
     TreeItemContent: TreeItemContentOverride,
   } = overrides;
-  const IconContainer =
-    getOverride(IconContainerOverride) || StyledIconContainer;
+  const IconContainer = getOverride(IconContainerOverride) || StyledIconContainer;
   const [Left, LeftProps] = getOverrides(ExpandIconOverride, ChevronLeft);
   const [Right, RightProps] = getOverrides(ExpandIconOverride, ChevronRight);
   const CollapseIcon = getOverride(CollapseIconOverride) || ChevronDown;
-  const LeafIconContainer =
-    getOverride(LeafIconContainerOverride) || StyledIconContainer;
+  const LeafIconContainer = getOverride(LeafIconContainerOverride) || StyledIconContainer;
   const LeafIcon = getOverride(LeafIconOverride) || BlankIcon;
-  const TreeItemContent =
-    getOverride(TreeItemContentOverride) || StyledItemContent;
+  const TreeItemContent = getOverride(TreeItemContentOverride) || StyledItemContent;
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <TreeItemContent {...sharedProps} {...props}>
       {hasChildren && (
-        <IconContainer
-          {...sharedProps}
-          {...getOverrideProps(IconContainerOverride)}
-        >
+        <IconContainer {...sharedProps} {...getOverrideProps(IconContainerOverride)}>
           {!isExpanded ? (
             <ThemeContext.Consumer>
-              {theme =>
+              {(theme) =>
                 theme.direction === 'rtl' ? (
                   <Left {...sharedProps} {...LeftProps} />
                 ) : (
@@ -71,18 +62,12 @@ const TreeLabel: React$ComponentType<TreeLabelT> = ({
               }
             </ThemeContext.Consumer>
           ) : (
-            <CollapseIcon
-              {...sharedProps}
-              {...getOverrideProps(CollapseIconOverride)}
-            />
+            <CollapseIcon {...sharedProps} {...getOverrideProps(CollapseIconOverride)} />
           )}
         </IconContainer>
       )}
       {!hasChildren && LeafIcon && (
-        <LeafIconContainer
-          {...sharedProps}
-          {...getOverrideProps(LeafIconContainerOverride)}
-        >
+        <LeafIconContainer {...sharedProps} {...getOverrideProps(LeafIconContainerOverride)}>
           <LeafIcon {...sharedProps} {...getOverrideProps(LeafIconOverride)} />
         </LeafIconContainer>
       )}

package/tree-view/tree-node.js

@@ -137,7 +137,7 @@ var TreeNode = /*#__PURE__*/function (_React$Component) {
         },
         onBlur: onBlur,
         onFocus: this.onFocus,
-        "aria-expanded": isExpanded ? true : false,
+        "aria-expanded": isExpanded,
         $isLeafNode: !hasChildren
       }, (0, _overrides.getOverrideProps)(TreeItemOverride)), /*#__PURE__*/React.createElement(TreeLabel, _extends({
         onClick: this.onToggle,

package/tree-view/tree-node.js.flow

@@ -9,12 +9,12 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {StyledTreeItemList, StyledTreeItem} from './styled-components.js';
-import type {TreeNodePropsT} from './types.js';
+import { StyledTreeItemList, StyledTreeItem } from './styled-components.js';
+import type { TreeNodePropsT } from './types.js';
 
 import StyledTreeLabel from './tree-label.js';
 
-import {getOverride, getOverrideProps} from '../helpers/overrides.js';
+import { getOverride, getOverrideProps } from '../helpers/overrides.js';
 
 export default class TreeNode extends React.Component<TreeNodePropsT> {
   treeItemRef = React.createRef<HTMLLIElement>();
@@ -28,7 +28,7 @@ export default class TreeNode extends React.Component<TreeNodePropsT> {
   }
 
   onToggle = () => {
-    const {onToggle, node} = this.props;
+    const { onToggle, node } = this.props;
     if (onToggle) {
       onToggle(node);
     }
@@ -36,7 +36,7 @@ export default class TreeNode extends React.Component<TreeNodePropsT> {
 
   onFocus = (e: SyntheticEvent<>) => {
     if (e && e.target !== this.treeItemRef.current) return;
-    const {onFocus} = this.props;
+    const { onFocus } = this.props;
     if (onFocus) {
       onFocus(e);
     }
@@ -58,15 +58,14 @@ export default class TreeNode extends React.Component<TreeNodePropsT> {
       removeRef,
       isFocusVisible,
     } = this.props;
-    const {children, isExpanded, label} = node;
+    const { children, isExpanded, label } = node;
     const hasChildren = children && children.length !== 0;
     const {
       TreeItemList: TreeItemListOverride,
       TreeItem: TreeItemOverride,
       TreeLabel: TreeLabelOverride,
     } = overrides;
-    const TreeItemList =
-      getOverride(TreeItemListOverride) || StyledTreeItemList;
+    const TreeItemList = getOverride(TreeItemListOverride) || StyledTreeItemList;
     const TreeItem = getOverride(TreeItemOverride) || StyledTreeItem;
     const TreeLabel = getOverride(TreeLabelOverride) || StyledTreeLabel;
     return (
@@ -78,7 +77,7 @@ export default class TreeNode extends React.Component<TreeNodePropsT> {
         onKeyDown={(e: KeyboardEvent) => onKeyDown && onKeyDown(e, node)}
         onBlur={onBlur}
         onFocus={this.onFocus}
-        aria-expanded={isExpanded ? true : false}
+        aria-expanded={isExpanded}
         $isLeafNode={!hasChildren}
         {...getOverrideProps(TreeItemOverride)}
       >

package/tree-view/tree-view.js

@@ -53,7 +53,7 @@ function TreeView(props) {
 
   var Root = (0, _overrides.getOverride)(RootOverride) || _styledComponents.StyledTreeItemList;
 
-  var firstId = data.length && getId(data[0]);
+  var firstId = data.length > 0 ? getId(data[0]) : 0;
 
   var _React$useState = React.useState(firstId),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -71,18 +71,18 @@ function TreeView(props) {
       setTypeAheadChars = _React$useState6[1];
 
   var timeOutRef = React.useRef(null);
-  var treeItemRefs = React.useRef({});
+  var treeItemRefs = {};
 
   var focusTreeItem = function focusTreeItem(id) {
     if (!id) return;
     setSelectedNodeId(id);
-    var refs = treeItemRefs.current[id];
+    var refs = treeItemRefs[id];
     var node = refs && refs.current;
     if (node) node.focus();
   };
 
   var onKeyDown = function onKeyDown(e, node) {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     var elementId = e.target.getAttribute('data-nodeid'); // this check prevents bubbling
 
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
@@ -198,10 +198,10 @@ function TreeView(props) {
       onFocus: onFocus,
       onBlur: onBlur,
       addRef: function addRef(id, ref) {
-        treeItemRefs.current[id] = ref;
+        treeItemRefs[id] = ref;
       },
       removeRef: function removeRef(id) {
-        delete treeItemRefs.current[id];
+        delete treeItemRefs[id];
       },
       isFocusVisible: focusVisible
     });

package/tree-view/tree-view.js.flow

@@ -10,7 +10,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 
 import TreeNode from './tree-node.js';
-import {StyledTreeItemList} from './styled-components.js';
+import { StyledTreeItemList } from './styled-components.js';
 import {
   getPrevId,
   getNextId,
@@ -21,10 +21,10 @@ import {
   defaultGetId,
   getCharMatchId,
 } from './utils.js';
-import type {TreeViewPropsT, TreeNodeT, TreeNodeIdT} from './types.js';
-import {isFocusVisible} from '../utils/focusVisible.js';
+import type { TreeViewPropsT, TreeNodeT, TreeNodeIdT, ReactRefT } from './types.js';
+import { isFocusVisible } from '../utils/focusVisible.js';
 
-import {getOverride, getOverrideProps} from '../helpers/overrides.js';
+import { getOverride, getOverrideProps } from '../helpers/overrides.js';
 
 export default function TreeView(props: TreeViewPropsT) {
   const {
@@ -35,33 +35,28 @@ export default function TreeView(props: TreeViewPropsT) {
     renderAll,
     getId = defaultGetId,
   } = props;
-  const {Root: RootOverride} = overrides;
+  const { Root: RootOverride } = overrides;
 
   const Root = getOverride(RootOverride) || StyledTreeItemList;
-  const firstId = data.length && getId(data[0]);
+  const firstId = data.length > 0 ? getId(data[0]) : 0;
   const [selectedNodeId, setSelectedNodeId] = React.useState(firstId);
   const [focusVisible, setFocusVisible] = React.useState(false);
   const [typeAheadChars, setTypeAheadChars] = React.useState('');
   const timeOutRef = React.useRef(null);
-  const treeItemRefs: {
-    // eslint-disable-next-line flowtype/no-weak-types
-    current: {[key: TreeNodeIdT]: React.ElementRef<any>},
-  } = React.useRef({});
+  const treeItemRefs: { [key: TreeNodeIdT]: ReactRefT<HTMLLIElement> } = {};
 
   const focusTreeItem = (id: TreeNodeIdT | null) => {
     if (!id) return;
     setSelectedNodeId(id);
 
-    const refs = treeItemRefs.current[id];
+    const refs = treeItemRefs[id];
     const node = refs && refs.current;
     if (node) node.focus();
   };
 
   const onKeyDown = (e: KeyboardEvent, node: TreeNodeT<>) => {
-    // eslint-disable-next-line flowtype/no-weak-types
-    const elementId = ((e.target: any): HTMLLIElement).getAttribute(
-      'data-nodeid',
-    );
+    // flowlint-next-line unclear-type:off
+    const elementId = ((e.target: any): HTMLLIElement).getAttribute('data-nodeid');
     // this check prevents bubbling
     if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
       return;
@@ -109,7 +104,7 @@ export default function TreeView(props: TreeViewPropsT) {
       case '*':
         e.preventDefault();
         getExpandableSiblings(data, selectedNodeId, getId).forEach(
-          node => onToggle && onToggle(node),
+          (node) => onToggle && onToggle(node)
         );
         break;
       default:
@@ -121,15 +116,7 @@ export default function TreeView(props: TreeViewPropsT) {
           setTypeAheadChars('');
         }, 500);
 
-        focusTreeItem(
-          getCharMatchId(
-            data,
-            selectedNodeId,
-            typeAheadChars + e.key,
-            null,
-            getId,
-          ),
-        );
+        focusTreeItem(getCharMatchId(data, selectedNodeId, typeAheadChars + e.key, null, getId));
         break;
     }
   };
@@ -151,13 +138,13 @@ export default function TreeView(props: TreeViewPropsT) {
 
   return (
     <Root role="tree" {...getOverrideProps(RootOverride)}>
-      {data.map(node => (
+      {data.map((node) => (
         <TreeNode
           indentGuides={indentGuides}
           key={getId(node)}
           node={node}
           getId={getId}
-          onToggle={node => {
+          onToggle={(node) => {
             onToggle && onToggle(node);
             focusTreeItem(getId(node));
           }}
@@ -167,11 +154,11 @@ export default function TreeView(props: TreeViewPropsT) {
           onKeyDown={onKeyDown}
           onFocus={onFocus}
           onBlur={onBlur}
-          addRef={(id: TreeNodeIdT, ref: React.ElementRef<HTMLLIElement>) => {
-            treeItemRefs.current[id] = ref;
+          addRef={(id, ref) => {
+            treeItemRefs[id] = ref;
           }}
           removeRef={(id: TreeNodeIdT) => {
-            delete treeItemRefs.current[id];
+            delete treeItemRefs[id];
           }}
           isFocusVisible={focusVisible}
         />

package/tree-view/types.js.flow

@@ -6,7 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import type {OverrideT} from '../helpers/overrides.js';
+import type { OverrideT } from '../helpers/overrides.js';
+
+export type ReactRefT<T> = {| current: null | T |};
 
 export type TreeLabelOverridesT = {
   TreeItemContent?: OverrideT,
@@ -27,14 +29,14 @@ export type TreeViewOverridesT = {
 
 export type TreeNodeIdT = number | string;
 
-// eslint-disable-next-line flowtype/no-weak-types
+// flowlint-next-line unclear-type:off
 export type TreeNodeT<T = any> = {
   id?: TreeNodeIdT,
   children?: TreeNodeT<>[],
   isExpanded?: boolean,
   label: ((node: TreeNodeT<>) => React.Node) | string,
   info?: T,
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   [key: string]: any,
 };
 
@@ -65,7 +67,7 @@ export type TreeNodePropsT = {
   onFocus?: (event: SyntheticEvent<>) => mixed,
   onBlur?: (event: SyntheticEvent<>) => mixed,
   selectedNodeId?: TreeNodeIdT,
-  addRef: (id: TreeNodeIdT, ref: React.ElementRef<*>) => mixed,
+  addRef: (id: TreeNodeIdT, ref: ReactRefT<HTMLLIElement>) => mixed,
   removeRef: (id: TreeNodeIdT) => mixed,
   isFocusVisible?: boolean,
   indentGuides?: boolean,

package/tree-view/utils.js.flow

@@ -6,12 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import type {TreeNodeT, TreeNodeIdT} from './types.js';
+import type { TreeNodeT, TreeNodeIdT } from './types.js';
 
-const getLastLeafId = (
-  node: TreeNodeT<>,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
-) => {
+const getLastLeafId = (node: TreeNodeT<>, getId: (TreeNodeT<>) => TreeNodeIdT) => {
   if (node.isExpanded && node.children && node.children.length) {
     return getLastLeafId(node.children[node.children.length - 1], getId);
   }
@@ -22,19 +19,14 @@ export const getParentId = (
   nodes: TreeNodeT<>[],
   nodeId: TreeNodeIdT,
   parentId: TreeNodeIdT | null,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
+  getId: (TreeNodeT<>) => TreeNodeIdT
 ) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
       return parentId;
     }
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
-      const foundId = getParentId(
-        nodes[i].children,
-        nodeId,
-        getId(nodes[i]),
-        getId,
-      );
+      const foundId = getParentId(nodes[i].children, nodeId, getId(nodes[i]), getId);
       if (foundId) {
         return foundId;
       }
@@ -47,7 +39,7 @@ export const getPrevId = (
   nodes: TreeNodeT<>[],
   nodeId: TreeNodeIdT,
   parentId: TreeNodeIdT | null,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
+  getId: (TreeNodeT<>) => TreeNodeIdT
 ) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
@@ -58,12 +50,7 @@ export const getPrevId = (
       }
     }
     if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
-      const foundId = getPrevId(
-        nodes[i].children,
-        nodeId,
-        getId(nodes[i]),
-        getId,
-      );
+      const foundId = getPrevId(nodes[i].children, nodeId, getId(nodes[i]), getId);
       if (foundId) {
         return foundId;
       }
@@ -75,15 +62,11 @@ export const getPrevId = (
 export const getFirstChildId = (
   nodes: TreeNodeT<>[],
   nodeId: TreeNodeIdT,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
+  getId: (TreeNodeT<>) => TreeNodeIdT
 ) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
-      if (
-        nodes[i].isExpanded &&
-        nodes[i].children &&
-        nodes[i].children.length
-      ) {
+      if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
         return getId(nodes[i].children[0]);
       }
     }
@@ -101,15 +84,11 @@ export const getNextId = (
   nodes: TreeNodeT<>[],
   nodeId: TreeNodeIdT,
   closestOmmer: TreeNodeIdT | null,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
+  getId: (TreeNodeT<>) => TreeNodeIdT
 ) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
-      if (
-        nodes[i].isExpanded &&
-        nodes[i].children &&
-        nodes[i].children.length
-      ) {
+      if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
         return getId(nodes[i].children[0]);
       } else if (nodes[i + 1]) {
         return getId(nodes[i + 1]);
@@ -122,7 +101,7 @@ export const getNextId = (
         nodes[i].children,
         nodeId,
         nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer,
-        getId,
+        getId
       );
       if (foundId) {
         return foundId;
@@ -132,10 +111,7 @@ export const getNextId = (
   return null;
 };
 
-export const getEndId = (
-  nodes: TreeNodeT<>[],
-  getId: (TreeNodeT<>) => TreeNodeIdT,
-) => {
+export const getEndId = (nodes: TreeNodeT<>[], getId: (TreeNodeT<>) => TreeNodeIdT) => {
   const endNode = nodes[nodes.length - 1];
   if (endNode.isExpanded && endNode.children && endNode.children.length) {
     return getEndId(endNode.children, getId);
@@ -146,17 +122,13 @@ export const getEndId = (
 export const getExpandableSiblings = (
   nodes: TreeNodeT<>[],
   nodeId: TreeNodeIdT,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
+  getId: (TreeNodeT<>) => TreeNodeIdT
 ) => {
   for (let i = 0; i < nodes.length; i++) {
     if (getId(nodes[i]) === nodeId) {
       const expandableSiblings = [];
       for (let j = 0; j < nodes.length; j++) {
-        if (
-          !nodes[j].isExpanded &&
-          nodes[j].children &&
-          nodes[j].children.length
-        ) {
+        if (!nodes[j].isExpanded && nodes[j].children && nodes[j].children.length) {
           expandableSiblings.push(nodes[j]);
         }
       }
@@ -175,11 +147,10 @@ export const getExpandableSiblings = (
 export const toggleIsExpanded = (
   arr: TreeNodeT<>[],
   toggledNode: TreeNodeT<>,
-  getId?: (node: TreeNodeT<>) => TreeNodeIdT = (node: TreeNodeT<>) =>
-    node.id ? node.id : '',
+  getId?: (node: TreeNodeT<>) => TreeNodeIdT = (node: TreeNodeT<>) => (node.id ? node.id : '')
 ): TreeNodeT<>[] => {
-  return arr.map<TreeNodeT<>>(node => {
-    const newNode = {...node};
+  return arr.map<TreeNodeT<>>((node) => {
+    const newNode = { ...node };
     if (getId(newNode) === getId(toggledNode)) {
       newNode.isExpanded = !newNode.isExpanded;
     }
@@ -194,7 +165,7 @@ export const getCharMatchId = (
   nodeId: TreeNodeIdT,
   chars: string,
   closestOmmer: TreeNodeIdT | null,
-  getId: (TreeNodeT<>) => TreeNodeIdT,
+  getId: (TreeNodeT<>) => TreeNodeIdT
 ) => {
   var foundid = matchString(nodes, nodeId, chars, closestOmmer, getId, true);
   if (foundid) return foundid;
@@ -209,15 +180,13 @@ export const matchString = (
   closestOmmer: TreeNodeIdT | null,
   getId: (TreeNodeT<>) => TreeNodeIdT,
   //set true, match the prefix; set false, match full text
-  matchPrefix: boolean,
+  matchPrefix: boolean
 ) => {
   for (let i = 0; i < nodes.length; i++) {
     if (nodes[i].label && typeof nodes[i].label === 'string') {
       if (
-        (matchPrefix &&
-          nodes[i].label.toUpperCase().indexOf(chars.toUpperCase()) === 0) ||
-        (!matchPrefix &&
-          nodes[i].label.toUpperCase().indexOf(chars.toUpperCase()) > 0)
+        (matchPrefix && nodes[i].label.toUpperCase().indexOf(chars.toUpperCase()) === 0) ||
+        (!matchPrefix && nodes[i].label.toUpperCase().indexOf(chars.toUpperCase()) > 0)
       ) {
         return getId(nodes[i]);
       }
@@ -229,7 +198,7 @@ export const matchString = (
         chars,
         nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer,
         getId,
-        matchPrefix,
+        matchPrefix
       );
 
       if (foundId) {
@@ -240,10 +209,10 @@ export const matchString = (
   return null;
 };
 
-export const defaultGetId = (node: TreeNodeT<>) => {
+export const defaultGetId = (node: TreeNodeT<>): TreeNodeIdT => {
   if (!node.id) {
     throw Error(
-      'There needs to be an unique node.id. You can implement a custom mapping with getId.',
+      'There needs to be an unique node.id. You can implement a custom mapping with getId.'
     );
   }
   return node.id;