@douyinfe/semi-foundation 2.13.0 → 2.14.0-beta.1

package/lib/es/cascader/foundation.d.ts

@@ -205,17 +205,6 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
     handleSingleSelect(e: any, item: BasicEntity | BasicData): void;
     _handleMultipleSelect(item: BasicEntity | BasicData): void;
     calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {
-        /**
-         * The typical scenario is: suppose we select the 0-0 node, at this time
-         *  selectedKeys=Set('0-0'), the input box will display a 0-0 label. When
-         *  treeData is updated, assuming 0-0 does not exist in treeData at this
-         *  time, then selectedKeys=Set('not-exist-0-0'), at this time the input
-         *  box displays 0-0, which means not-exist -After the content. When treeData
-         *  is updated again, assuming that 0-0 exists in treeData at this time,
-         *  then selectedKeys=Set('0-0'), and the input box displays a label of
-         *  0-0 at this time. The operation done here is for the 0-0 label to be
-         *  displayed normally after the second update in the example.
-         */
         checkedKeys: Set<string>;
         halfCheckedKeys: Set<any>;
     };

package/lib/es/cascader/foundation.js

@@ -535,6 +535,8 @@ export default class CascaderFoundation extends BaseFoundation {
    * A11y: simulate selection click
    */
 
+  /* istanbul ignore next */
+
 
   handleSelectionEnterPress(keyboardEvent) {
     if (isEnterPress(keyboardEvent)) {
@@ -976,6 +978,8 @@ export default class CascaderFoundation extends BaseFoundation {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(keyboardEvent) {
     if (isEnterPress(keyboardEvent)) {
@@ -1060,6 +1064,7 @@ export default class CascaderFoundation extends BaseFoundation {
     } = this.getProps();
 
     if (disabled) {
+      /* istanbul ignore next */
       return;
     }
 

package/lib/es/checkbox/checkboxFoundation.js

@@ -2,6 +2,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import BaseFoundation from '../base/foundation';
 import isEnterPress from '../utils/isEnterPress';
+import warning from '../utils/warning';
 
 class CheckboxFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -23,7 +24,7 @@ class CheckboxFoundation extends BaseFoundation {
           this._adapter.setFocusVisible(true);
         }
       } catch (error) {
-        console.warn('The current browser does not support the focus-visible');
+        warning(true, 'Warning: [Semi Checkbox] The current browser does not support the focus-visible');
       }
     };
 

package/lib/es/datePicker/foundation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { strings } from './constants';
 import { Type, DateInputFoundationProps, InsetInputValue } from './inputFoundation';
@@ -95,12 +94,12 @@ export interface DatePickerFoundationProps extends ElementProps, RenderProps, Ev
     disabledDate?: DisabledDateType;
     disabledTime?: DisabledTimeType;
     dropdownClassName?: string;
-    dropdownStyle?: React.CSSProperties;
+    dropdownStyle?: Record<string, any>;
     endDateOffset?: DateOffsetType;
     format?: string;
     getPopupContainer?: () => HTMLElement;
     inputReadOnly?: boolean;
-    inputStyle?: React.CSSProperties;
+    inputStyle?: Record<string, any>;
     max?: number;
     motion?: Motion;
     multiple?: boolean;
@@ -116,7 +115,7 @@ export interface DatePickerFoundationProps extends ElementProps, RenderProps, Ev
     spacing?: number;
     startDateOffset?: DateOffsetType;
     stopPropagation?: boolean | string;
-    style?: React.CSSProperties;
+    style?: Record<string, any>;
     timePickerOpts?: any;
     timeZone?: string | number;
     type?: Type;

package/lib/es/datePicker/inputFoundation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { BaseValueType, ValidateStatus, ValueType } from './foundation';
 import { strings } from './constants';
@@ -27,7 +26,7 @@ export interface DateInputFoundationProps extends DateInputElementProps, DateInp
     type?: Type;
     showClear?: boolean;
     format?: string;
-    inputStyle?: React.CSSProperties;
+    inputStyle?: Record<string, any>;
     inputReadOnly?: boolean;
     validateStatus?: ValidateStatus;
     prefixCls?: string;

package/lib/es/datePicker/monthsGridFoundation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { strings } from './constants';
 import { WeekStartNumber } from './_utils/getMonthTable';
@@ -7,10 +6,10 @@ import { MonthDayInfo } from './monthFoundation';
 import { ArrayElement } from '../utils/type';
 declare type Type = ArrayElement<typeof strings.TYPE_SET>;
 interface MonthsGridElementProps {
-    navPrev?: React.ReactNode;
-    navNext?: React.ReactNode;
-    renderDate?: () => React.ReactNode;
-    renderFullDate?: () => React.ReactNode;
+    navPrev?: any;
+    navNext?: any;
+    renderDate?: () => any;
+    renderFullDate?: () => any;
 }
 export declare type PanelType = 'left' | 'right';
 export declare type YearMonthChangeType = 'prevMonth' | 'nextMonth' | 'prevYear' | 'nextYear';

package/lib/es/form/utils.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
 import AsyncValidator from 'async-validator';
 import { ComponentProps, WithFieldOption } from './interface';
-export declare function getDisplayName(WrappedComponent: React.ComponentType | any): string;
+/**
+ *
+ * @param WrappedComponent React.ComponentType | any
+ */
+export declare function getDisplayName(WrappedComponent: any): string;
 export declare function generateValidatesFromRules(field: string, rules?: any[]): AsyncValidator;
 export declare function isRequired(rules?: any[] | Record<string, any>): boolean;
 export declare function isValid(errors: any): boolean;

package/lib/es/form/utils.js

@@ -24,6 +24,11 @@ var __rest = this && this.__rest || function (s, e) {
 
 
 import AsyncValidator from 'async-validator';
+
+/**
+ *
+ * @param WrappedComponent React.ComponentType | any
+ */
 export function getDisplayName(WrappedComponent) {
   const originName = WrappedComponent.displayName || WrappedComponent.name;
   return originName ? "SemiField".concat(originName) : 'SemiField';

package/lib/es/input/foundation.d.ts

@@ -75,10 +75,6 @@ declare class InputFoundation extends BaseFoundation<InputAdapter> {
      * @param {Event} e
      */
     handlePreventMouseDown(e: any): void;
-    /**
-     * A11y: simulate clear button click
-     */
-    handleClearEnterPress(e: any): void;
     /**
      * A11y: simulate password button click
      */

package/lib/es/input/foundation.js

@@ -5,9 +5,9 @@ import _set from "lodash/set";
 import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import BaseFoundation from '../base/foundation';
 import { strings } from './constants';
-import isEnterPress from '../utils/isEnterPress';
 import { ENTER_KEY } from './../utils/keyCode';
 
 class InputFoundation extends BaseFoundation {
@@ -353,23 +353,17 @@ class InputFoundation extends BaseFoundation {
       e.preventDefault();
     }
   }
-  /**
-   * A11y: simulate clear button click
-   */
-
-
-  handleClearEnterPress(e) {
-    if (isEnterPress(e)) {
-      this.handleClear(e);
-    }
-  }
   /**
    * A11y: simulate password button click
    */
 
 
   handleModeEnterPress(e) {
-    if (isEnterPress(e)) {
+    var _context;
+
+    // trigger by Enter or Space key
+    if (_includesInstanceProperty(_context = ['Enter', ' ']).call(_context, e === null || e === void 0 ? void 0 : e.key)) {
+      this.handlePreventMouseDown(e);
       this.handleClickEye(e);
     }
   }

package/lib/es/input/input.css

@@ -138,6 +138,12 @@
 .semi-input-wrapper .semi-input-modebtn:hover .semi-icon {
   color: var(--semi-color-primary-hover);
 }
+.semi-input-wrapper .semi-input-clearbtn:focus-visible,
+.semi-input-wrapper .semi-input-modebtn:focus-visible {
+  border-radius: var(--semi-border-radius-small);
+  outline: 2px solid var(--semi-color-primary-light-active);
+  outline-offset: -1px;
+}
 .semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden) .semi-input-clearbtn {
   min-width: 24px;
   justify-content: flex-end;

package/lib/es/input/input.scss

@@ -173,6 +173,12 @@ $module: #{$prefix}-input;
                 color: $color-input-icon-hover;
             }
         }
+
+        &:focus-visible {
+            border-radius: $radius-input_wrapper;
+            outline: $width-input_icon-outline solid $color-input_icon-outline;
+            outline-offset: $width-input_icon-outlineOffset;
+        }
     }
 
     &__with-suffix-icon.#{$module}-wrapper-clearable:not(.#{$module}-wrapper__with-suffix-hidden) {

package/lib/es/input/textareaFoundation.d.ts

@@ -60,8 +60,4 @@ export default class TextAreaFoundation extends BaseFoundation<TextAreaAdapter>
     handleMouseLeave(e: any): void;
     isAllowClear(): boolean;
     handleClear(e: any): void;
-    /**
-     * A11y: simulate clear button click
-     */
-    handleClearEnterPress(e: any): void;
 }

package/lib/es/input/textareaFoundation.js

@@ -7,7 +7,6 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import BaseFoundation from '../base/foundation';
 import calculateNodeHeight from './util/calculateNodeHeight';
 import getSizingData from './util/getSizingData';
-import isEnterPress from '../utils/isEnterPress';
 export default class TextAreaFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign(_Object$assign({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
@@ -273,15 +272,5 @@ export default class TextAreaFoundation extends BaseFoundation {
 
     this.stopPropagation(e);
   }
-  /**
-   * A11y: simulate clear button click
-   */
-
-
-  handleClearEnterPress(e) {
-    if (isEnterPress(e)) {
-      this.handleClear(e);
-    }
-  }
 
 }

package/lib/es/input/variables.scss

@@ -11,6 +11,7 @@ $color-input_default-border-active: $color-input_default-bg-active; // 输入框
 
 $color-input_default-bg-focus: var(--semi-color-fill-0); // 输入框背景颜色 - 选中
 $color-input_default-border-focus: var(--semi-color-focus-border); // 输入框描边颜色 - 选中
+$color-input_icon-outline: var(--semi-color-primary-light-active); // 输入框 icon outline 颜色
 
 // error
 $color-input_danger-bg-default: var(--semi-color-danger-light-default); // 错误输入框背景颜色 - 默认
@@ -75,6 +76,8 @@ $width-input_prepend-border: $border-thickness-control; // 前置标签描边宽
 $width-input_group_pseudo-border: $border-thickness-control;
 $width-input_wrapper-border: $border-thickness-control-focus; // 输入框描边宽度
 $width-input_wrapper_focus-border: $border-thickness-control-focus; // 输入框描边宽度 - 选中态
+$width-input_icon-outline: 2px; // 输入框 icon outline 宽度
+$width-input_icon-outlineOffset: -1px; // 输入框 icon outline-offset 宽度
 
 $radius-input_wrapper: var(--semi-border-radius-small); // 输入框圆角大小
 $spacing-input_icon-marginLeft: -$spacing-base-tight; // 输入框图标左侧内边距

package/lib/es/overflowList/foundation.d.ts

@@ -6,6 +6,7 @@ export interface OverflowListAdapter extends DefaultAdapter {
 }
 declare class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
     constructor(adapter: OverflowListAdapter);
+    previousY: any;
     isScrollMode: () => boolean;
     getOverflowItem(): Array<Array<Record<string, any>>>;
     handleIntersect(entries: Array<IntersectionObserverEntry>): void;

package/lib/es/overflowList/foundation.js

@@ -6,6 +6,7 @@ import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _lastIndexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/last-index-of";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 import BaseFoundation from '../base/foundation';
 import { strings } from './constants';
 const Boundary = strings.BOUNDARY_MAP;
@@ -14,6 +15,7 @@ const OverflowDirection = strings.OVERFLOW_DIR;
 class OverflowListFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
+    this.previousY = undefined;
 
     this.isScrollMode = () => {
       const {
@@ -66,6 +68,29 @@ class OverflowListFoundation extends BaseFoundation {
       visibleState.set(itemKey, visible);
     });
 
+    let someItemVisible = false;
+
+    for (const value of _valuesInstanceProperty(visibleState).call(visibleState)) {
+      if (value) {
+        someItemVisible = true;
+        break;
+      }
+    } // Any item is visible, indicating that the List is visible
+
+
+    const wholeListVisible = someItemVisible; // If scrolling in the vertical direction makes the List invisible, no processing is required. 
+    // If this.previousY is undefined, it means that the List is mounted for the first time and will not be processed.
+
+    const [entry1] = entries;
+    const currentY = entry1.boundingClientRect.y;
+
+    if (!wholeListVisible && this.previousY !== undefined && currentY !== this.previousY) {
+      this.previousY = currentY;
+      return;
+    }
+
+    this.previousY = currentY;
+
     this._adapter.updateVisibleState(visibleState);
 
     this._adapter.notifyIntersect(res);

package/lib/es/radio/radio.css

@@ -280,6 +280,12 @@
   padding-left: 24px;
   box-sizing: border-box;
 }
+.semi-radio-focus {
+  outline: 2px solid var(--semi-color-primary-light-active);
+}
+.semi-radio-focus-border {
+  border: solid 1px var(--semi-color-focus-border);
+}
 
 .semi-radioGroup {
   font-size: 14px;

package/lib/es/radio/radio.scss

@@ -379,6 +379,14 @@ $inner-width: $width-icon-medium;
         padding-left: $spacing-radio_extra-paddingLeft;
         box-sizing: border-box;
     }
+
+    &-focus {
+        outline: $width-radio-outline solid $color-radio_primary-outline-focus;
+
+        &-border {
+            border: solid $width-radio_hover-border $color-radio_default-border-hover;
+        }
+    }
 }
 
 .#{$module}Group {

package/lib/es/radio/radioFoundation.d.ts

@@ -3,8 +3,11 @@ export interface RadioAdapter extends DefaultAdapter {
     setHover: (hover: boolean) => void;
     setAddonId: () => void;
     setExtraId: () => void;
+    setFocusVisible: (focusVisible: boolean) => void;
 }
 export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
     init(): void;
     setHover(hover: boolean): void;
+    handleFocusVisible: (event: any) => void;
+    handleBlur: () => void;
 }

package/lib/es/radio/radioFoundation.js

@@ -1,5 +1,28 @@
 import BaseFoundation from '../base/foundation';
+import warning from '../utils/warning';
 export default class RadioFoundation extends BaseFoundation {
+  constructor() {
+    super(...arguments);
+
+    this.handleFocusVisible = event => {
+      const {
+        target
+      } = event;
+
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setFocusVisible(true);
+        }
+      } catch (error) {
+        warning(true, 'Warning: [Semi Radio] The current browser does not support the focus-visible');
+      }
+    };
+
+    this.handleBlur = () => {
+      this._adapter.setFocusVisible(false);
+    };
+  }
+
   init() {
     const {
       children,

package/lib/es/radio/variables.scss

@@ -48,6 +48,8 @@ $color-radio_card-bg-hover: var(--semi-color-white); // 单选圆点颜色
 $color-radio_card-bg-active: var(--semi-color-white); // 单选圆点颜色 - 按下态
 $color-radio_card-bg-default: var(--semi-color-white); // 单选圆点颜色 - 悬浮态
 
+$color-radio_primary-outline-focus: var(--semi-color-primary-light-active); // 轮廓颜色 - 按键聚焦
+
 $radius-radio_cardRadioGroup: var(--semi-border-radius-small); // 卡片式单选圆角大小
 $radius-radio_addon_buttonRadio: var(--semi-border-radius-small); // 按钮式单选圆点圆角大小
 $radius-radio_buttonRadio: var(--semi-border-radius-small); // 按钮式单选圆角大小
@@ -58,6 +60,8 @@ $width-radio_hover-border: $border-thickness-control; // 描边宽度 - 悬浮
 $width-radio_disabled-border: $border-thickness-control; // 描边宽度 - 禁用态
 $width-radio_innder-border: $border-thickness-control; // 描边宽度 - 禁用态
 
+$width-radio-outline: 2px; // 单选框轮廓宽度
+
 $height-radio_inner_min: 20px; // 单选按钮高度
 $width-radio_inner: $width-icon-medium; // 单选按钮宽度
 $spacing-radio_addon-paddingLeft: $spacing-tight; //单选标题到单选按钮左侧边距

package/lib/es/select/foundation.js

@@ -1160,6 +1160,8 @@ export default class SelectFoundation extends BaseFoundation {
       this.handleClick(e);
     }
   }
+  /* istanbul ignore next */
+
 
   handleClearBtnEnterPress(e) {
     if (isEnterPress(e)) {

package/lib/es/select/select.css

@@ -109,6 +109,11 @@
   min-height: 40px;
   line-height: 40px;
 }
+.semi-select-large .semi-select-selection {
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
 .semi-select-open, .semi-select-focus {
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;

package/lib/es/select/select.scss

@@ -45,6 +45,9 @@ $multiple: #{$module}-multiple;
     &-large {
         min-height: $height-select_large;
         line-height: $height-select_large;
+        .#{$module}-selection {
+            @include font-size-header-6;
+        }
     }
 
     &-open,

package/lib/es/switch/foundation.js

@@ -1,5 +1,6 @@
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import BaseFoundation from '../base/foundation';
+import warning from '../utils/warning';
 export default class SwitchFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
@@ -14,7 +15,7 @@ export default class SwitchFoundation extends BaseFoundation {
           this._adapter.setFocusVisible(true);
         }
       } catch (error) {
-        console.warn('The current browser does not support the focus-visible');
+        warning(true, 'Warning: [Semi Switch] The current browser does not support the focus-visible');
       }
     };
 

package/lib/es/tagInput/foundation.js

@@ -170,6 +170,8 @@ class TagInputFoundation extends BaseFoundation {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(e) {
     if (isEnterPress(e)) {

package/lib/es/tagInput/tagInput.css

@@ -154,7 +154,7 @@
   color: var(--semi-color-text-2);
 }
 .semi-tagInput-suffix-text {
-  color: var(--semi-color-text-1);
+  color: var(--semi-color-text-2);
 }
 
 .semi-rtl .semi-tagInput,

package/lib/es/tagInput/variables.scss

@@ -8,7 +8,7 @@ $color-tagInput-border-default: transparent; // 标签输入框描边颜色 -
 $color-tagInput-border-hover: transparent ; // 标签输入框描边颜色 - 悬浮
 $color-tagInput-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
 $color-tagInput_prefix-default: var(--semi-color-text-2); // 标签输入框 prefix 颜色
-$color-tagInput_suffix-default: var(--semi-color-text-1); // 标签输入框 suffix 颜色
+$color-tagInput_suffix-default: var(--semi-color-text-2); // 标签输入框 suffix 颜色
 
 $color-tagInput_default-bg-default: var(--semi-color-fill-0); // 标签输入框背景颜色 - 默认
 $color-tagInput_default-bg-hover: var(--semi-color-fill-1); // 标签输入框背景颜色 - 悬浮

package/lib/es/timePicker/foundation.js

@@ -249,6 +249,8 @@ class TimePickerFoundation extends BaseFoundation {
 
     this._adapter.notifyBlur(e);
   }
+  /* istanbul ignore next */
+
 
   handleVisibleChange(visible) {
     if (!this._isControlledComponent('open')) {
@@ -301,6 +303,8 @@ class TimePickerFoundation extends BaseFoundation {
       this._notifyChange(value, input);
     }
   }
+  /* istanbul ignore next */
+
 
   doValidate(args) {
     if (typeof args === 'string') {

package/lib/es/timePicker/utils/localeDate.js

@@ -1,5 +1,6 @@
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import { format as dateFnsFormat, parse as dateFnsParse } from 'date-fns';
+/* istanbul ignore next */
 
 const replace = function replace(str, replacements) {
   let _str = str;
@@ -12,6 +13,8 @@ const replace = function replace(str, replacements) {
 
   return _str;
 };
+/* istanbul ignore next */
+
 
 export function localeFormat(date, format) {
   let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -20,6 +23,8 @@ export function localeFormat(date, format) {
   str = replace(str, locale);
   return str;
 }
+/* istanbul ignore next */
+
 export function localeParse(dateString, format) {
   let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let defaultDate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;

package/lib/es/tree/tree.css

@@ -1,26 +1,6 @@
 /* shadow */
 /* sizing */
 /* spacing */
-.semi-tree {
-  box-sizing: border-box;
-  border-radius: var(--semi-border-radius-small);
-  border: 1px solid transparent;
-  height: 32px;
-  line-height: 32px;
-  font-weight: 400;
-  background-color: var(--semi-color-fill-0);
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-  cursor: pointer;
-}
-.semi-tree:hover {
-  background-color: var(--semi-color-fill-1);
-}
-.semi-tree-focus {
-  border: 1px solid var(--semi-color-focus-border);
-  outline: 0;
-}
 .semi-tree-search-wrapper {
   padding: 8px 12px;
 }

package/lib/es/tree/tree.scss

@@ -3,26 +3,6 @@
 $module: #{$prefix}-tree;
 
 .#{$module} {
-    box-sizing: border-box;
-    border-radius: $radius-tree;
-    border: 1px solid $color-tree_default-border-default;
-    height: $height-tree_default;
-    line-height: $height-tree_default;
-    font-weight: $font-tree_default-fontWeight;
-    background-color: $color-tree_default-bg-default;
-    display: inline-block;
-    vertical-align: middle;
-    position: relative;
-    cursor: pointer;
-
-    &:hover {
-        background-color: $color-tree_default-bg-hover;
-    }
-
-    &-focus {
-        border: $width-tree_focus-border solid $color-tree_default-border-focus;
-        outline: 0;
-    }
 
     &-search-wrapper {
         padding: $spacing-tree_search_wrapper-paddingY $spacing-tree_search_wrapper-paddingX;

package/lib/es/tree/treeUtil.js

@@ -263,6 +263,8 @@ export function findChildKeys(keys, options) {
   });
   return res;
 }
+/* istanbul ignore next */
+
 export function findLeafKeys(keys, options) {
   const res = [];