@dnb/eufemia 9.30.0 → 9.31.0

package/es/index.d.ts

@@ -46,6 +46,7 @@ import FormStatus from "./components/form-status/FormStatus";
 import GlobalError from "./components/global-error/GlobalError";
 import GlobalStatus from "./components/global-status/GlobalStatus";
 import Heading from "./components/heading/Heading";
+import HeightAnimation from "./components/height-animation/HeightAnimation";
 import HelpButton from "./components/help-button/HelpButton";
 import Icon from "./components/icon/Icon";
 import IconPrimary from "./components/icon-primary/IconPrimary";
@@ -72,4 +73,4 @@ import Timeline from "./components/timeline/Timeline";
 import ToggleButton from "./components/toggle-button/ToggleButton";
 import Tooltip from "./components/tooltip/Tooltip";
 import VisuallyHidden from "./components/visually-hidden/VisuallyHidden";
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, VisuallyHidden };

package/es/index.js

@@ -44,6 +44,7 @@ import FormStatus from './components/form-status/FormStatus';
 import GlobalError from './components/global-error/GlobalError';
 import GlobalStatus from './components/global-status/GlobalStatus';
 import Heading from './components/heading/Heading';
+import HeightAnimation from './components/height-animation/HeightAnimation';
 import HelpButton from './components/help-button/HelpButton';
 import Icon from './components/icon/Icon';
 import IconPrimary from './components/icon-primary/IconPrimary';
@@ -70,5 +71,5 @@ import Timeline from './components/timeline/Timeline';
 import ToggleButton from './components/toggle-button/ToggleButton';
 import Tooltip from './components/tooltip/Tooltip';
 import VisuallyHidden from './components/visually-hidden/VisuallyHidden';
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, VisuallyHidden };
 export default {};

package/es/shared/AnimateHeight.d.ts

@@ -1,46 +1,60 @@
+/// <reference types="node" />
+export declare type AnimateHeightOnStartStates = 'opening' | 'closing' | 'adjusting';
+export declare type AnimateHeightOnEndStates = 'opened' | 'closed' | 'adjusted';
+export declare type AnimateHeightStates = AnimateHeightOnStartStates | AnimateHeightOnEndStates | 'init';
+export declare type AnimateHeightOptions = {
+    animate?: boolean;
+};
+export declare type AnimateHeightOnStartCallback = (state: AnimateHeightStates) => void;
+export declare type AnimateHeightOnEndCallback = (state: AnimateHeightStates) => void;
+export declare type AnimateHeightOnStartStack = Array<AnimateHeightOnStartCallback>;
+export declare type AnimateHeightOnEndStack = Array<AnimateHeightOnEndCallback>;
+export declare type AnimateHeightEventListener = (e: Event) => void;
+export declare type AnimateHeightEvents = Array<AnimateHeightEventListener>;
+export declare type AnimateHeightElement = HTMLElement;
+export declare type AnimateHeightContainer = HTMLElement;
+export declare type AnimateHeightFromHeight = number;
+export declare type AnimateHeightToHeight = number;
 export default class AnimateHeight {
-    constructor(opts?: {});
     isInBrowser: boolean;
-    state: string;
-    onStartStack: any[];
-    onEndStack: any[];
-    opts: {};
+    state: AnimateHeightStates;
+    onStartStack: AnimateHeightOnStartStack;
+    onEndStack: AnimateHeightOnEndStack;
+    events: AnimateHeightEvents;
+    opts: AnimateHeightOptions;
+    elem: AnimateHeightElement;
+    container: AnimateHeightContainer;
+    reqId1: number;
+    reqId2: number;
+    resizeTimeout: NodeJS.Timeout;
+    isAnimating: boolean;
+    __currentHeight: number;
+    onResize: () => void;
+    constructor(opts?: AnimateHeightOptions);
     _callOnStart(): void;
     _callOnEnd(): void;
-    isAnimating: boolean;
+    reset(): void;
     _restore(): void;
+    _addEndEvents(listener: AnimateHeightEventListener): void;
     _removeEndEvents(): void;
-    onOpenEnd: () => void;
-    onAdjustEnd: () => void;
-    onCloseEnd: () => void;
     _emitTransitionEnd(): void;
-    setElement(elem: any, container?: any): void;
-    elem: any;
-    container: any;
-    onResize: () => void;
-    resizeTimeout: NodeJS.Timeout;
+    setElement(elem: AnimateHeightElement, container?: AnimateHeightContainer): void;
     remove(): void;
     getHeight(): number;
     getWidth(): string;
     getUnknownHeight(): number;
-    __currentHeight: number;
-    onStart(fn: any): void;
-    onEnd(fn: any): void;
-    start(fromHeight: any, toHeight: any, { animate }?: {
-        animate?: boolean;
-    }): void;
-    reqId1: number;
-    reqId2: number;
+    onStart(fn: AnimateHeightOnStartCallback): void;
+    onEnd(fn: AnimateHeightOnEndCallback): void;
+    start(fromHeight: AnimateHeightFromHeight, toHeight: AnimateHeightToHeight, { animate }?: AnimateHeightOptions): void;
     setContainerHeight(): void;
     stop(): void;
-    adjustFrom(height?: any): any;
-    adjustTo(fromHeight?: any, toHeight?: any, { animate }?: {
-        animate?: boolean;
-    }): void;
-    open({ animate }?: {
-        animate?: boolean;
-    }): void;
-    close({ animate }?: {
-        animate?: boolean;
-    }): void;
+    /**
+     * Deprecated
+     * "adjustFrom" is only used by GlobalStatus.js
+     * it should be replaced with "useHeightAnimation"
+     */
+    adjustFrom(height?: AnimateHeightFromHeight): number;
+    adjustTo(fromHeight?: AnimateHeightFromHeight, toHeight?: AnimateHeightToHeight, { animate }?: AnimateHeightOptions): void;
+    open({ animate }?: AnimateHeightOptions): void;
+    close({ animate }?: AnimateHeightOptions): void;
 }

package/es/shared/AnimateHeight.js

@@ -1,10 +1,40 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { warn } from './component-helper';
 export default class AnimateHeight {
   constructor(opts = {}) {
+    _defineProperty(this, "isInBrowser", void 0);
+
+    _defineProperty(this, "state", void 0);
+
+    _defineProperty(this, "onStartStack", void 0);
+
+    _defineProperty(this, "onEndStack", void 0);
+
+    _defineProperty(this, "events", void 0);
+
+    _defineProperty(this, "opts", void 0);
+
+    _defineProperty(this, "elem", void 0);
+
+    _defineProperty(this, "container", void 0);
+
+    _defineProperty(this, "reqId1", void 0);
+
+    _defineProperty(this, "reqId2", void 0);
+
+    _defineProperty(this, "resizeTimeout", void 0);
+
+    _defineProperty(this, "isAnimating", void 0);
+
+    _defineProperty(this, "__currentHeight", void 0);
+
+    _defineProperty(this, "onResize", void 0);
+
     this.isInBrowser = typeof window !== 'undefined';
     this.state = 'init';
     this.onStartStack = [];
     this.onEndStack = [];
+    this.events = [];
     this.opts = opts;
   }
 
@@ -32,6 +62,15 @@ export default class AnimateHeight {
     });
   }
 
+  reset() {
+    this.state = 'init';
+    this.isAnimating = false;
+
+    this._removeEndEvents();
+
+    this._restore();
+  }
+
   _restore() {
     if (this.elem.parentElement) {
       this.elem.parentElement.style.position = '';
@@ -43,25 +82,22 @@ export default class AnimateHeight {
     this.elem.style.width = '';
   }
 
+  _addEndEvents(listener) {
+    this._removeEndEvents();
+
+    this.events.push(listener);
+    this.elem.addEventListener('transitionend', listener);
+  }
+
   _removeEndEvents() {
     if (!this.elem) {
       return;
     }
 
-    if (this.onOpenEnd) {
-      this.elem.removeEventListener('transitionend', this.onOpenEnd);
-      this.onOpenEnd = null;
-    }
-
-    if (this.onAdjustEnd) {
-      this.elem.removeEventListener('transitionend', this.onAdjustEnd);
-      this.onAdjustEnd = null;
-    }
-
-    if (this.onCloseEnd) {
-      this.elem.removeEventListener('transitionend', this.onCloseEnd);
-      this.onCloseEnd = null;
-    }
+    this.events.forEach((listener, i) => {
+      this.elem.removeEventListener('transitionend', listener);
+      this.events.splice(i, 1);
+    });
   }
 
   _emitTransitionEnd() {
@@ -114,7 +150,9 @@ export default class AnimateHeight {
   }
 
   getHeight() {
-    return parseFloat(this.elem.clientHeight) || null;
+    var _this$elem2;
+
+    return parseFloat(String((_this$elem2 = this.elem) === null || _this$elem2 === void 0 ? void 0 : _this$elem2.clientHeight)) || null;
   }
 
   getWidth() {
@@ -244,12 +282,8 @@ export default class AnimateHeight {
       toHeight = this.getUnknownHeight();
     }
 
-    this.state = 'adjusting';
-
-    this._removeEndEvents();
-
-    if (!this.onAdjustEnd) {
-      this.elem.addEventListener('transitionend', this.onAdjustEnd = () => {
+    this._addEndEvents(e => {
+      if (e.target === e.currentTarget) {
         if (this.elem) {
           this.elem.style.height = 'auto';
         }
@@ -259,9 +293,10 @@ export default class AnimateHeight {
         this._callOnEnd();
 
         this.setContainerHeight();
-      });
-    }
+      }
+    });
 
+    this.state = 'adjusting';
     this.start(fromHeight, toHeight, {
       animate
     });
@@ -275,12 +310,9 @@ export default class AnimateHeight {
     }
 
     const height = this.getUnknownHeight();
-    this.state = 'opening';
-
-    this._removeEndEvents();
 
-    if (!this.onOpenEnd) {
-      this.elem.addEventListener('transitionend', this.onOpenEnd = () => {
+    this._addEndEvents(e => {
+      if (e.target === e.currentTarget) {
         if (this.elem) {
           this.elem.style.height = 'auto';
         }
@@ -290,9 +322,10 @@ export default class AnimateHeight {
         this._callOnEnd();
 
         this.setContainerHeight();
-      });
-    }
+      }
+    });
 
+    this.state = 'opening';
     this.start(0, height, {
       animate
     });
@@ -311,12 +344,8 @@ export default class AnimateHeight {
       height = this.getUnknownHeight();
     }
 
-    this.state = 'closing';
-
-    this._removeEndEvents();
-
-    if (!this.onCloseEnd) {
-      this.elem.addEventListener('transitionend', this.onCloseEnd = () => {
+    this._addEndEvents(e => {
+      if (e.target === e.currentTarget) {
         if (this.elem) {
           this.elem.style.visibility = 'hidden';
         }
@@ -324,9 +353,10 @@ export default class AnimateHeight {
         this.state = 'closed';
 
         this._callOnEnd();
-      });
-    }
+      }
+    });
 
+    this.state = 'closing';
     this.start(height, 0, {
       animate
     });

package/es/shared/Context.d.ts

@@ -18,7 +18,10 @@ import type { TimelineItemProps } from '../components/timeline/TimelineItem';
 import type { VisuallyHiddenProps } from '../components/visually-hidden/VisuallyHidden';
 import type { DrawerProps } from '../components/drawer/types';
 import type { DialogProps } from '../components/dialog/types';
+import type { TooltipProps } from '../components/tooltip/types';
+import type { SectionProps } from '../components/section/Section';
 import type { AnchorProps } from '../elements/Anchor';
+import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
 export declare type ContextProps = {
     Button?: Partial<ButtonProps>;
     Anchor?: Partial<AnchorProps>;
@@ -36,6 +39,9 @@ export declare type ContextProps = {
     VisuallyHidden?: Partial<VisuallyHiddenProps>;
     Drawer?: Partial<DrawerProps>;
     Dialog?: Partial<DialogProps>;
+    Tooltip?: Partial<TooltipProps>;
+    Section?: Partial<SectionProps>;
+    ScrollView?: Partial<ScrollViewProps>;
     NumberFormat?: Record<string, unknown>;
     Table?: Record<string, unknown>;
     HelpButton?: Record<string, unknown>;
@@ -84,12 +90,12 @@ export declare type ContextProps = {
     locales?: Locales;
     __newContext?: Record<string, string>;
     updateTranslation?: (locale: Locale, translation: Translation) => void;
-    getTranslation?: (props?: GetTranslationProps) => Translation;
+    getTranslation?: (props: GetTranslationProps) => Translation;
 };
-export declare type GetTranslationProps = {
+export declare type GetTranslationProps = Partial<{
     lang?: Locale;
     locale?: Locale;
-} & Record<string, unknown>;
+}>;
 export declare type Locale = string | 'nb-NO' | 'en-GB' | 'en-US';
 export declare type ComponentTranslationsName = string;
 export declare type ComponentTranslations = Record<string, string>;

package/es/shared/Eufemia.js

@@ -2,7 +2,7 @@ export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '9.30.0';
+        return '9.31.0';
       }
 
     }

package/es/shared/MediaQueryUtils.d.ts

@@ -28,6 +28,10 @@ export declare type MediaQueryProperties = {
      * Reverts the defined queries as a whole.
      */
     not?: boolean;
+    /**
+     * If set to true, no MediaQuery will be used.
+     */
+    disabled?: boolean;
     /**
      * For debugging
      */
@@ -76,7 +80,7 @@ export declare const isMatchMediaSupported: () => boolean;
  * @property {boolean} log - print used query to console
  * @returns MediaQueryList type
  */
-export declare function makeMediaQueryList({ query, when, not, log }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
+export declare function makeMediaQueryList({ query, when, not, log, disabled, }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
 /**
  * Adds a listener to the window.matchMedia Browser API
  *

package/es/shared/MediaQueryUtils.js

@@ -45,9 +45,10 @@ export function makeMediaQueryList({
   query,
   when,
   not = null,
-  log = false
+  log = false,
+  disabled = false
 } = {}, breakpoints = null) {
-  if (!isMatchMediaSupported()) {
+  if (disabled || !isMatchMediaSupported()) {
     return null;
   }
 
@@ -63,7 +64,7 @@ export function makeMediaQueryList({
   const mediaQueryList = window.matchMedia(mediaQueryString);
 
   if (log) {
-    console.log('mediaQueryString', mediaQueryString);
+    console.log('MediaQuery:', mediaQueryString);
   }
 
   return mediaQueryList;

package/es/shared/component-helper.d.ts

@@ -5,16 +5,17 @@ export function isTouchDevice(): boolean;
 export function defineNavigator(): void;
 export function convertStatusToStateOnly(status: any, state: any): any;
 export function getStatusState(status: any): boolean;
-export function getInnerRef(ref: any): any;
 export function combineLabelledBy(...params: any[]): any;
 export function combineDescribedBy(...params: any[]): any;
 export function findElementInChildren(children: any, find: any): any;
 export function escapeRegexChars(str: any): any;
 export function removeUndefinedProps(object: any): any;
+export { InteractionInvalidation } from "./helpers/InteractionInvalidation";
+export { registerElement } from "./custom-element";
+export { useEventEmitter } from "./helpers/useEventEmitter";
 export function validateDOMAttributes(props: any, params: any): any;
 export function processChildren(props: any): any;
 export function extend(...objects: any[]): any;
-export function extendPropsWithContext(props: any, defaults?: {}, ...contexts: any[]): any;
 export function isTrue(value: any): boolean;
 export function dispatchCustomElementEvent(src: any, eventName: any, eventObjectOrig: any): any;
 export function toCamelCase(s: any): any;
@@ -38,23 +39,11 @@ export function filterProps(props: any, remove?: any, allowed?: any): {};
 export function makeUniqueId(prefix?: string, length?: number): string;
 export function slugify(s: any): string;
 export function matchAll(string: any, regex: any): any[];
-export function getPreviousSibling(className: [string], element: [HTMLElement]): [HTMLElement];
 export function isChildOfElement(element: HTMLElement, target: HTMLElement, callback?: Function): HTMLElement | null;
 export function roundToNearest(num: any, target: any): any;
-export function isInsideScrollView(currentElement: any, returnElement?: boolean): boolean | [HTMLElement];
+export function isInsideScrollView(currentElement: any, returnElement?: boolean): boolean | Element;
 export function convertJsxToString(elements: any, separator?: any): any;
-export class InteractionInvalidation {
-    bypassElement: HTMLElement;
-    bypassSelectors: any[];
-    setBypassElement(bypassElement: any): InteractionInvalidation;
-    setBypassSelector(bypassSelector: any): InteractionInvalidation;
-    activate(targetElement?: any): void;
-    revert(): void;
-    _nodesToInvalidate: any[];
-    _runInvalidaiton(targetElement: any): void;
-    _revertInvalidation(): void;
-    getNodesToInvalidate(targetElement?: any): any[];
-}
-import { registerElement } from "./custom-element";
+import { getPreviousSibling } from "./helpers/getPreviousSibling";
 import { warn } from "./helpers";
-export { registerElement, warn };
+export { getPreviousSibling, warn };
+export { extendPropsWithContext, extendPropsWithContextInClassComponent } from "./helpers/extendPropsWithContext";

package/es/shared/component-helper.js

@@ -8,10 +8,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import keycode from 'keycode';
 import whatInput from 'what-input';
-import { registerElement } from './custom-element';
-import { warn, IS_IE11, PLATFORM_MAC, PLATFORM_WIN, PLATFORM_LINUX } from './helpers';
+import { warn, PLATFORM_MAC, PLATFORM_WIN, PLATFORM_LINUX } from './helpers';
+import { getPreviousSibling } from './helpers/getPreviousSibling';
 import { init } from './Eufemia';
-export { registerElement, warn };
+export { InteractionInvalidation } from './helpers/InteractionInvalidation';
+export { extendPropsWithContext, extendPropsWithContextInClassComponent } from './helpers/extendPropsWithContext';
+export { registerElement } from './custom-element';
+export { useEventEmitter } from './helpers/useEventEmitter';
+export { getPreviousSibling, warn };
 init();
 
 if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof window !== 'undefined') {
@@ -225,22 +229,6 @@ export const extend = (...objects) => {
     return acc1;
   }, first);
 };
-export const extendPropsWithContext = (props, defaults = {}, ...contexts) => {
-  const context = contexts.reduce((acc, cur) => {
-    if (cur) {
-      acc = _objectSpread(_objectSpread({}, acc), cur);
-    }
-
-    return acc;
-  }, {});
-  return _objectSpread(_objectSpread({}, props), Object.entries(context).reduce((acc, [key, value]) => {
-    if (typeof props[key] !== 'undefined' && props[key] === defaults[key]) {
-      acc[key] = value;
-    }
-
-    return acc;
-  }, {}));
-};
 export const isTrue = value => {
   if (value !== null && typeof value !== 'undefined' && (String(value) === 'true' || String(value) === '1')) {
     return true;
@@ -492,21 +480,6 @@ export const matchAll = (string, regex) => {
 
   return matches;
 };
-export const getPreviousSibling = (className, element) => {
-  try {
-    const contains = element => element && element.classList.contains(className);
-
-    if (contains(element)) {
-      return element;
-    }
-
-    while ((element = element && element.parentElement) && !contains(element));
-  } catch (e) {
-    warn(e);
-  }
-
-  return element;
-};
 export const isChildOfElement = (element, target, callback = null) => {
   try {
     const contains = element => {
@@ -574,145 +547,12 @@ export const convertJsxToString = (elements, separator = undefined) => {
 
   return elements.map(word => process(word)).filter(Boolean).join(separator).trim();
 };
-export class InteractionInvalidation {
-  constructor() {
-    this.bypassElement = null;
-    this.bypassSelectors = [];
-    return this;
-  }
-
-  setBypassElement(bypassElement) {
-    if (bypassElement instanceof HTMLElement) {
-      this.bypassElement = bypassElement;
-    }
-
-    return this;
-  }
-
-  setBypassSelector(bypassSelector) {
-    if (!Array.isArray(bypassSelector)) {
-      bypassSelector = [bypassSelector];
-    }
-
-    this.bypassSelectors = bypassSelector;
-    return this;
-  }
-
-  activate(targetElement = null) {
-    if (!this._nodesToInvalidate) {
-      this._runInvalidaiton(targetElement);
-    }
-  }
-
-  revert() {
-    this._revertInvalidation();
-
-    this._nodesToInvalidate = null;
-  }
-
-  _runInvalidaiton(targetElement) {
-    if (typeof document === 'undefined') {
-      return;
-    }
-
-    this._nodesToInvalidate = this.getNodesToInvalidate(targetElement);
-
-    for (const node of this._nodesToInvalidate) {
-      if (!node) {
-        continue;
-      }
-
-      const tabindex = node.getAttribute('tabindex');
-      const ariahidden = node.getAttribute('aria-hidden');
-
-      if (tabindex !== null && typeof node.__tabindex === 'undefined') {
-        node.__tabindex = tabindex;
-      }
-
-      if (ariahidden !== null && typeof node.__ariahidden === 'undefined') {
-        node.__ariahidden = ariahidden;
-      }
-
-      node.setAttribute('tabindex', '-1');
-      node.setAttribute('aria-hidden', 'true');
-    }
-  }
-
-  _revertInvalidation() {
-    if (!Array.isArray(this._nodesToInvalidate)) {
-      return;
-    }
-
-    for (const node of this._nodesToInvalidate) {
-      if (!node) {
-        continue;
-      }
-
-      if (typeof node.__tabindex !== 'undefined') {
-        node.setAttribute('tabindex', node.__tabindex);
-        delete node.__tabindex;
-      } else {
-        node.removeAttribute('tabindex');
-      }
-
-      if (typeof node.__ariahidden !== 'undefined') {
-        node.setAttribute('aria-hidden', node.__ariahidden);
-        delete node.__ariahidden;
-      } else {
-        node.removeAttribute('aria-hidden');
-      }
-    }
-  }
-
-  getNodesToInvalidate(targetElement = null) {
-    if (typeof document === 'undefined') {
-      return [];
-    }
-
-    if (typeof targetElement === 'string') {
-      targetElement = document.querySelector(targetElement);
-    }
-
-    const rootSelector = targetElement ? '*' : 'html *';
-    const elementSelector = this.bypassSelectors.map(s => `:not(${s})`).join('');
-    const selector = `${rootSelector} ${elementSelector}:not(script):not(style):not(path):not(head *)`;
-
-    if (IS_IE11 || process.env.NODE_ENV === 'test') {
-      const excludeSelectors = [];
-      const testSelector = selector.split(':').map(localSel => {
-        if (localSel.endsWith(' *)')) {
-          excludeSelectors.push(...Array.from((targetElement || document.documentElement).querySelectorAll(localSel.match(/\(([^)]*)\)/)[1])));
-          localSel = localSel.replace(' *', '');
-        }
-
-        return localSel;
-      }).join(':');
-      return Array.from((targetElement || document.documentElement).querySelectorAll(testSelector)).filter(node => !excludeSelectors.includes(node));
-    }
-
-    return Array.from((targetElement || document.documentElement).querySelectorAll(selector));
-  }
-
-}
 export function convertStatusToStateOnly(status, state) {
   return status ? state : null;
 }
 export function getStatusState(status) {
   return status && status !== 'error' && status !== 'warn' && status !== 'info';
 }
-export function getInnerRef(ref) {
-  let ret = ref;
-
-  if (ref && ref.current && !React.isValidElement(ref.current) && ref.current._ref) {
-    const tmp = getInnerRef(ref.current._ref);
-
-    if (tmp && Object.prototype.hasOwnProperty.call(tmp, 'current')) {
-      ret = tmp;
-    }
-  }
-
-  return ret;
-}
 export function combineLabelledBy(...params) {
   return combineAriaBy('aria-labelledby', params);
 }