@dnb/eufemia 10.18.0 → 10.20.0

package/cjs/components/height-animation/style/dnb-height-animation.css

@@ -6,10 +6,24 @@
  * Utilities
  */
 .dnb-height-animation {
-  transition: height var(--duration, 400ms) var(--easing-default);
+  --height-animation: height var(--duration, 400ms) var(--easing-default)
+    var(--delay, 0ms);
+  will-change: height;
+  transition: var(--height-animation);
+}
+html[data-visual-test] .dnb-height-animation {
+  transition: none;
 }
 .dnb-height-animation--animating {
-  overflow: hidden;
+  overflow-y: hidden;
+}
+@supports (overflow-y: clip) {
+  .dnb-height-animation--animating {
+    overflow-y: clip;
+  }
+}
+.dnb-height-animation--hidden {
+  display: none;
 }
 .dnb-height-animation--show-overflow {
   overflow: visible;

package/cjs/components/height-animation/style/dnb-height-animation.min.css

@@ -1 +1 @@
-.dnb-height-animation{transition:height var(--duration,.4s) var(--easing-default)}.dnb-height-animation--animating{overflow:hidden}.dnb-height-animation--show-overflow{overflow:visible}
+.dnb-height-animation{--height-animation:height var(--duration,400ms) var(--easing-default) var(--delay,0ms);transition:var(--height-animation);will-change:height}html[data-visual-test] .dnb-height-animation{transition:none}.dnb-height-animation--animating{overflow-y:hidden}@supports (overflow-y:clip){.dnb-height-animation--animating{overflow-y:clip}}.dnb-height-animation--hidden{display:none}.dnb-height-animation--show-overflow{overflow:visible}

package/cjs/components/height-animation/style/dnb-height-animation.scss

@@ -6,10 +6,26 @@
 @import '../../../style/core/utilities.scss';
 
 .dnb-height-animation {
-  transition: height var(--duration, 400ms) var(--easing-default);
+  --height-animation: height var(--duration, 400ms) var(--easing-default)
+    var(--delay, 0ms);
+
+  will-change: height;
+  transition: var(--height-animation);
+
+  html[data-visual-test] & {
+    transition: none;
+  }
 
   &--animating {
-    overflow: hidden;
+    overflow-y: hidden;
+
+    @supports (overflow-y: clip) {
+      overflow-y: clip;
+    }
+  }
+
+  &--hidden {
+    display: none;
   }
 
   &--show-overflow {

package/cjs/components/height-animation/useHeightAnimation.d.ts

@@ -23,6 +23,10 @@ export type useHeightAnimationOptions = {
      * Is called when fully opened or closed
      */
     onOpen?: (isOpen: boolean) => void;
+    /**
+     * Is called when animation has started.
+     */
+    onAnimationStart?: (state: HeightAnimationOnStartTypes) => void;
     /**
      * Is called when animation is done and the full height is reached.
      */
@@ -30,11 +34,12 @@ export type useHeightAnimationOptions = {
 };
 export type HeightAnimationOnStartTypes = 'opening' | 'closing' | 'adjusting';
 export type HeightAnimationOnEndTypes = 'opened' | 'closed' | 'adjusted';
-export declare function useHeightAnimation(targetRef: React.RefObject<HTMLElement>, { open, animate, children, onInit, onOpen, onAnimationEnd, }?: useHeightAnimationOptions): {
+export declare function useHeightAnimation(targetRef: React.RefObject<HTMLElement>, { open, animate, children, onInit, onOpen, onAnimationStart, onAnimationEnd, }?: useHeightAnimationOptions): {
     open: boolean;
     isOpen: boolean;
     isInDOM: boolean;
     isVisible: boolean;
     isVisibleParallax: boolean;
     isAnimating: boolean;
+    firstPaintStyle: React.CSSProperties;
 };

package/cjs/components/height-animation/useHeightAnimation.js

@@ -1,158 +1,191 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHeightAnimation = useHeightAnimation;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _HeightAnimationInstance = _interopRequireDefault(require("./HeightAnimationInstance"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 function useHeightAnimation(targetRef) {
+  var _instRef$current2;
   let {
     open = true,
     animate = true,
     children = null,
     onInit = null,
     onOpen = null,
+    onAnimationStart = null,
     onAnimationEnd = null
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const animRef = _react.default.useRef(null);
-  const [isOpen, setIsOpen] = _react.default.useState(open);
-  const [isVisible, setIsVisible] = _react.default.useState(false);
-  const [isAnimating, setIsAnimating] = _react.default.useState(false);
-  const [isVisibleParallax, setParallax] = _react.default.useState(open);
-  const [isInitialRender, setIsMounted] = _react.default.useState(true);
-  if (typeof global !== 'undefined' && global.IS_TEST) {
-    animate = false;
-  }
-  _react.default.useEffect(() => setIsMounted(false), []);
+  const instRef = (0, _react.useRef)(null);
+  const isInitialRenderRef = (0, _react.useRef)(typeof globalThis !== 'undefined' ? globalThis.readjustTime !== -1 : true);
+  const [isOpen, setIsOpen] = (0, _react.useState)(open);
+  const [isVisible, setIsVisible] = (0, _react.useState)(false);
+  const [isAnimating, setIsAnimating] = (0, _react.useState)(false);
+  const [isVisibleParallax, setParallax] = (0, _react.useState)(open);
   useLayoutEffect(() => {
-    animRef.current = new _HeightAnimationInstance.default({
+    instRef.current = new _HeightAnimationInstance.default();
+    onInit === null || onInit === void 0 ? void 0 : onInit(instRef.current);
+    return () => {
+      var _instRef$current;
+      (_instRef$current = instRef.current) === null || _instRef$current === void 0 ? void 0 : _instRef$current.remove();
+      instRef.current = null;
+    };
+  }, []);
+  useLayoutEffect(() => {
+    instRef.current.setOptions({
       animate
     });
-    if (isInitialRender && onInit) {
-      onInit(animRef.current);
-    }
-    if (isInitialRender && isOpen) {
-      onOpen === null || onOpen === void 0 ? void 0 : onOpen(true);
-    }
-    if (animate) {
-      animRef.current.onStart(state => {
-        switch (state) {
-          case 'opening':
-            setIsVisible(true);
-            setParallax(true);
-            setIsAnimating(true);
-            break;
-          case 'closing':
-            setParallax(false);
-            setIsAnimating(true);
-            break;
-          case 'adjusting':
-            setIsAnimating(true);
-            break;
-        }
-      });
-      animRef.current.onEnd(state => {
-        switch (state) {
-          case 'opened':
-            setIsOpen(true);
-            setIsAnimating(false);
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen(true);
-            break;
-          case 'closed':
-            setIsVisible(false);
-            setIsOpen(false);
-            setParallax(false);
-            setIsAnimating(false);
-            onOpen === null || onOpen === void 0 ? void 0 : onOpen(false);
-            break;
-          case 'adjusted':
-            setIsAnimating(false);
-            break;
-        }
-        onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd(state);
+    if (typeof global !== 'undefined' && globalThis.IS_TEST) {
+      instRef.current.setOptions({
+        animate: false
       });
     }
-    return () => {
-      var _animRef$current;
-      return (_animRef$current = animRef.current) === null || _animRef$current === void 0 ? void 0 : _animRef$current.remove();
-    };
   }, [animate]);
+  useLayoutEffect(() => {
+    instRef.current.onStart(state => {
+      switch (state) {
+        case 'opening':
+          setIsVisible(true);
+          setParallax(true);
+          setIsAnimating(true);
+          break;
+        case 'closing':
+          setParallax(false);
+          setIsAnimating(true);
+          break;
+        case 'adjusting':
+          setIsAnimating(true);
+          break;
+      }
+      onAnimationStart === null || onAnimationStart === void 0 ? void 0 : onAnimationStart(state);
+    });
+    instRef.current.onEnd(state => {
+      switch (state) {
+        case 'opened':
+          setIsVisible(true);
+          setIsOpen(true);
+          setIsAnimating(false);
+          onOpen === null || onOpen === void 0 ? void 0 : onOpen(true);
+          break;
+        case 'closed':
+          setIsVisible(false);
+          setIsOpen(false);
+          setParallax(false);
+          setIsAnimating(false);
+          onOpen === null || onOpen === void 0 ? void 0 : onOpen(false);
+          break;
+        case 'adjusted':
+          setIsAnimating(false);
+          break;
+      }
+      if (!isInitialRenderRef.current) {
+        onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd(state);
+      }
+    });
+  }, []);
   useOpenClose({
     open,
-    animRef,
-    targetRef,
-    isInitialRender
+    instRef,
+    isInitialRenderRef,
+    targetRef
   });
   useAdjust({
     children,
-    animRef,
-    isInitialRender
+    instRef,
+    isInitialRenderRef,
+    targetRef
   });
+  const firstPaintStyle = open && !isVisible && !isAnimating && ((_instRef$current2 = instRef.current) === null || _instRef$current2 === void 0 ? void 0 : _instRef$current2.firstPaintStyle()) || {};
+  const isInDOM = open || isVisible;
   return {
     open,
     isOpen,
-    isInDOM: open || isVisible,
+    isInDOM,
     isVisible,
     isVisibleParallax,
-    isAnimating
+    isAnimating,
+    firstPaintStyle
   };
 }
 function useOpenClose(_ref) {
   let {
     open,
-    animRef,
-    targetRef,
-    isInitialRender
+    instRef,
+    isInitialRenderRef,
+    targetRef
   } = _ref;
   useLayoutEffect(() => {
-    if (!targetRef.current) {
-      return;
+    instRef.current.setElement(targetRef.current);
+    if (!targetRef.current || instRef.current.state === 'init' && isInitialRenderRef.current) {
+      if (open) {
+        instRef.current.setAsOpen();
+      } else {
+        instRef.current.setAsClosed();
+      }
     }
-    const anim = animRef.current;
-    anim.setElement(targetRef.current);
+  }, [open, targetRef, instRef, isInitialRenderRef]);
+  const isTest = typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof globalThis.IS_TEST === 'undefined';
+  useLayoutEffect(() => {
     if (open) {
-      anim.open({
-        animate: !isInitialRender
-      });
-    } else if (anim.state === 'init') {
-      anim.close({
-        animate: false
-      });
+      instRef.current.open();
+    } else {
+      instRef.current.close();
+    }
+    if (isTest) {
+      var _targetRef$current;
+      const event = new CustomEvent('transitionend');
+      (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.dispatchEvent(event);
+    }
+  }, [open, instRef, isInitialRenderRef, targetRef, isTest]);
+  useLayoutEffect(() => {
+    const run = () => {
+      isInitialRenderRef.current = false;
+    };
+    if (globalThis.bypassTime === -1 || isTest) {
+      run();
     } else {
-      anim.close();
+      var _window$requestAnimat, _window;
+      (_window$requestAnimat = (_window = window).requestAnimationFrame) === null || _window$requestAnimat === void 0 ? void 0 : _window$requestAnimat.call(_window, run);
     }
-  }, [open, targetRef, animRef]);
+  }, [isInitialRenderRef, isTest]);
 }
 function useAdjust(_ref2) {
   let {
     children,
-    animRef,
-    isInitialRender
+    instRef,
+    isInitialRenderRef,
+    targetRef
   } = _ref2;
-  const fromHeight = _react.default.useRef(0);
+  const fromHeight = (0, _react.useRef)(0);
+  const [timer] = (0, _react.useState)(() => Date.now());
   const shouldAdjust = () => {
-    var _animRef$current2;
-    switch ((_animRef$current2 = animRef.current) === null || _animRef$current2 === void 0 ? void 0 : _animRef$current2.state) {
+    var _instRef$current3;
+    switch ((_instRef$current3 = instRef.current) === null || _instRef$current3 === void 0 ? void 0 : _instRef$current3.state) {
       case 'opened':
       case 'adjusted':
       case 'adjusting':
-        return !isInitialRender;
+        return !isInitialRenderRef.current && Date.now() - timer > (globalThis.readjustTime || 100);
     }
     return false;
   };
-  _react.default.useMemo(() => {
+  (0, _react.useMemo)(() => {
     if (shouldAdjust()) {
-      var _animRef$current3;
-      fromHeight.current = (_animRef$current3 = animRef.current) === null || _animRef$current3 === void 0 ? void 0 : _animRef$current3.getHeight();
+      var _instRef$current4;
+      fromHeight.current = (_instRef$current4 = instRef.current) === null || _instRef$current4 === void 0 ? void 0 : _instRef$current4.getHeight();
     }
   }, [children]);
   useLayoutEffect(() => {
     if (shouldAdjust()) {
-      animRef.current.elem.style.height = '';
-      animRef.current.adjustTo(fromHeight.current, animRef.current.getHeight());
+      instRef.current.setElement(targetRef.current);
+      instRef.current.elem.style.height = '';
+      const toHeight = instRef.current.getHeight();
+      instRef.current.adjustTo(fromHeight.current, toHeight);
     }
   }, [children]);
 }

package/cjs/components/height-animation/useHeightAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeightAnimation.js","names":["_react","_interopRequireDefault","require","_HeightAnimationInstance","obj","__esModule","default","useLayoutEffect","window","React","useEffect","useHeightAnimation","targetRef","open","animate","children","onInit","onOpen","onAnimationEnd","arguments","length","undefined","animRef","useRef","isOpen","setIsOpen","useState","isVisible","setIsVisible","isAnimating","setIsAnimating","isVisibleParallax","setParallax","isInitialRender","setIsMounted","global","IS_TEST","current","HeightAnimationInstance","onStart","state","onEnd","_animRef$current","remove","useOpenClose","useAdjust","isInDOM","_ref","anim","setElement","close","_ref2","fromHeight","shouldAdjust","_animRef$current2","useMemo","_animRef$current3","getHeight","elem","style","height","adjustTo"],"sources":["../../../../src/components/height-animation/useHeightAnimation.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimationInstance from './HeightAnimationInstance'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type useHeightAnimationOptions = {\n  /**\n   * Set to `true`, when initially `false` was given, to animate from 0px to auto.\n   * Default: true\n   */\n  open?: boolean\n\n  /**\n   * Set to `false` to omit the animation.\n   * Default: true\n   */\n  animate?: boolean\n\n  /**\n   * In order to let the Hook know when children has changed\n   */\n  children?: React.ReactNode | HTMLElement\n\n  /**\n   * Is called once before mounting the component (useLayoutEffect)\n   */\n  onInit?: (instance: HeightAnimationInstance) => void\n\n  /**\n   * Is called when fully opened or closed\n   */\n  onOpen?: (isOpen: boolean) => void\n\n  /**\n   * Is called when animation is done and the full height is reached.\n   */\n  onAnimationEnd?: (state: HeightAnimationOnEndTypes) => void\n}\n\nexport type HeightAnimationOnStartTypes =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\n\nexport type HeightAnimationOnEndTypes = 'opened' | 'closed' | 'adjusted'\n\nexport function useHeightAnimation(\n  targetRef: React.RefObject<HTMLElement>,\n  {\n    open = true,\n    animate = true,\n    children = null,\n    onInit = null,\n    onOpen = null,\n    onAnimationEnd = null,\n  }: useHeightAnimationOptions = {}\n) {\n  const animRef = React.useRef<HeightAnimationInstance>(null)\n  const [isOpen, setIsOpen] = React.useState(open)\n  const [isVisible, setIsVisible] = React.useState(false)\n  const [isAnimating, setIsAnimating] = React.useState(false)\n  const [isVisibleParallax, setParallax] = React.useState(open)\n  const [isInitialRender, setIsMounted] = React.useState(true)\n\n  if (typeof global !== 'undefined' && global.IS_TEST) {\n    animate = false\n  }\n\n  React.useEffect(() => setIsMounted(false), []) // eslint-disable-line\n\n  useLayoutEffect(() => {\n    animRef.current = new HeightAnimationInstance({ animate })\n\n    if (isInitialRender && onInit) {\n      onInit(animRef.current)\n    }\n\n    if (isInitialRender && isOpen) {\n      onOpen?.(true)\n    }\n\n    if (animate) {\n      animRef.current.onStart((state: HeightAnimationOnStartTypes) => {\n        switch (state) {\n          case 'opening':\n            setIsVisible(true)\n            setParallax(true)\n            setIsAnimating(true)\n            break\n\n          case 'closing':\n            setParallax(false)\n            setIsAnimating(true)\n            break\n\n          case 'adjusting':\n            setIsAnimating(true)\n            break\n        }\n      })\n\n      animRef.current.onEnd((state: HeightAnimationOnEndTypes) => {\n        switch (state) {\n          case 'opened':\n            setIsOpen(true)\n            setIsAnimating(false)\n            onOpen?.(true)\n            break\n\n          case 'closed':\n            setIsVisible(false)\n            setIsOpen(false)\n            setParallax(false)\n            setIsAnimating(false)\n            onOpen?.(false)\n            break\n\n          case 'adjusted':\n            setIsAnimating(false)\n            break\n        }\n\n        onAnimationEnd?.(state)\n      })\n    }\n\n    return () => animRef.current?.remove()\n  }, [animate]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useOpenClose({ open, animRef, targetRef, isInitialRender })\n  useAdjust({ children, animRef, isInitialRender })\n\n  return {\n    open,\n    isOpen,\n    isInDOM: open || isVisible,\n    isVisible,\n    isVisibleParallax,\n    isAnimating,\n  }\n}\n\nfunction useOpenClose({ open, animRef, targetRef, isInitialRender }) {\n  useLayoutEffect(() => {\n    if (!targetRef.current) {\n      return // stop here\n    }\n\n    const anim = animRef.current\n\n    anim.setElement(targetRef.current)\n\n    if (open) {\n      anim.open({ animate: !isInitialRender })\n    } else if (anim.state === 'init') {\n      anim.close({ animate: false })\n    } else {\n      anim.close()\n    }\n  }, [open, targetRef, animRef]) // eslint-disable-line\n}\n\nfunction useAdjust({ children, animRef, isInitialRender }) {\n  const fromHeight = React.useRef(0)\n\n  const shouldAdjust = () => {\n    switch (animRef.current?.state) {\n      case 'opened':\n      case 'adjusted':\n      case 'adjusting':\n        return !isInitialRender\n    }\n\n    return false\n  }\n\n  React.useMemo(() => {\n    if (shouldAdjust()) {\n      fromHeight.current = animRef.current?.getHeight()\n    }\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    if (shouldAdjust()) {\n      /**\n       * Ensure we don't have height, while we get the \"toHeight\" again\n       * We may move this inside of the HeightAnimationInstance class later,\n       * but the \"GlobalStatus\" is currently relaying on \"getUnknownHeight\" inside of adjustTo\n       */\n      animRef.current.elem.style.height = ''\n\n      animRef.current.adjustTo(\n        fromHeight.current,\n        animRef.current.getHeight() // use getHeight instead of getUnknownHeight because of the additional, disturbing DOM manipulation\n      )\n    }\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"mappings":"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"}
+{"version":3,"file":"useHeightAnimation.js","names":["_react","_interopRequireWildcard","require","_HeightAnimationInstance","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useLayoutEffect","window","React","useEffect","useHeightAnimation","targetRef","_instRef$current2","open","animate","children","onInit","onOpen","onAnimationStart","onAnimationEnd","arguments","length","undefined","instRef","useRef","isInitialRenderRef","globalThis","readjustTime","isOpen","setIsOpen","useState","isVisible","setIsVisible","isAnimating","setIsAnimating","isVisibleParallax","setParallax","current","HeightAnimationInstance","_instRef$current","remove","setOptions","global","IS_TEST","onStart","state","onEnd","useOpenClose","useAdjust","firstPaintStyle","isInDOM","_ref","setElement","setAsOpen","setAsClosed","isTest","process","env","NODE_ENV","close","_targetRef$current","event","CustomEvent","dispatchEvent","run","bypassTime","_window$requestAnimat","_window","requestAnimationFrame","_ref2","fromHeight","timer","Date","now","shouldAdjust","_instRef$current3","useMemo","_instRef$current4","getHeight","elem","style","height","toHeight","adjustTo"],"sources":["../../../../src/components/height-animation/useHeightAnimation.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react'\nimport HeightAnimationInstance from './HeightAnimationInstance'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type useHeightAnimationOptions = {\n  /**\n   * Set to `true`, when initially `false` was given, to animate from 0px to auto.\n   * Default: true\n   */\n  open?: boolean\n\n  /**\n   * Set to `false` to omit the animation.\n   * Default: true\n   */\n  animate?: boolean\n\n  /**\n   * In order to let the Hook know when children has changed\n   */\n  children?: React.ReactNode | HTMLElement\n\n  /**\n   * Is called once before mounting the component (useLayoutEffect)\n   */\n  onInit?: (instance: HeightAnimationInstance) => void\n\n  /**\n   * Is called when fully opened or closed\n   */\n  onOpen?: (isOpen: boolean) => void\n\n  /**\n   * Is called when animation has started.\n   */\n  onAnimationStart?: (state: HeightAnimationOnStartTypes) => void\n\n  /**\n   * Is called when animation is done and the full height is reached.\n   */\n  onAnimationEnd?: (state: HeightAnimationOnEndTypes) => void\n}\n\nexport type HeightAnimationOnStartTypes =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\n\nexport type HeightAnimationOnEndTypes = 'opened' | 'closed' | 'adjusted'\n\nexport function useHeightAnimation(\n  targetRef: React.RefObject<HTMLElement>,\n  {\n    open = true,\n    animate = true,\n    children = null,\n    onInit = null,\n    onOpen = null,\n    onAnimationStart = null,\n    onAnimationEnd = null,\n  }: useHeightAnimationOptions = {}\n) {\n  const instRef = useRef<HeightAnimationInstance>(null)\n  const isInitialRenderRef = useRef(\n    typeof globalThis !== 'undefined'\n      ? globalThis.readjustTime !== -1\n      : true\n  )\n\n  const [isOpen, setIsOpen] = useState(open)\n  const [isVisible, setIsVisible] = useState(false)\n  const [isAnimating, setIsAnimating] = useState(false)\n  const [isVisibleParallax, setParallax] = useState(open)\n\n  useLayoutEffect(() => {\n    instRef.current = new HeightAnimationInstance()\n    onInit?.(instRef.current)\n    return () => {\n      instRef.current?.remove()\n      instRef.current = null\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    instRef.current.setOptions({ animate })\n\n    if (typeof global !== 'undefined' && globalThis.IS_TEST) {\n      instRef.current.setOptions({ animate: false })\n    }\n  }, [animate])\n\n  useLayoutEffect(() => {\n    instRef.current.onStart((state: HeightAnimationOnStartTypes) => {\n      switch (state) {\n        case 'opening':\n          setIsVisible(true)\n          setParallax(true)\n          setIsAnimating(true)\n          break\n\n        case 'closing':\n          setParallax(false)\n          setIsAnimating(true)\n          break\n\n        case 'adjusting':\n          setIsAnimating(true)\n          break\n      }\n\n      onAnimationStart?.(state)\n    })\n\n    instRef.current.onEnd((state: HeightAnimationOnEndTypes) => {\n      switch (state) {\n        case 'opened':\n          setIsVisible(true)\n          setIsOpen(true)\n          setIsAnimating(false)\n          onOpen?.(true)\n          break\n\n        case 'closed':\n          setIsVisible(false)\n          setIsOpen(false)\n          setParallax(false)\n          setIsAnimating(false)\n          onOpen?.(false)\n          break\n\n        case 'adjusted':\n          setIsAnimating(false)\n          break\n      }\n\n      if (!isInitialRenderRef.current) {\n        onAnimationEnd?.(state)\n      }\n    })\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useOpenClose({ open, instRef, isInitialRenderRef, targetRef })\n  useAdjust({ children, instRef, isInitialRenderRef, targetRef })\n\n  /**\n   * Returns the first paint style, to be used for the initial render,\n   * to avoid flickering.\n   */\n  const firstPaintStyle = ((open &&\n    !isVisible &&\n    !isAnimating &&\n    instRef.current?.firstPaintStyle()) ||\n    {}) as React.CSSProperties\n  const isInDOM = open || isVisible\n\n  return {\n    open,\n    isOpen,\n    isInDOM,\n    isVisible,\n    isVisibleParallax,\n    isAnimating,\n    firstPaintStyle,\n  }\n}\n\nfunction useOpenClose({ open, instRef, isInitialRenderRef, targetRef }) {\n  useLayoutEffect(() => {\n    instRef.current.setElement(targetRef.current)\n\n    if (\n      !targetRef.current ||\n      (instRef.current.state === 'init' && isInitialRenderRef.current)\n    ) {\n      if (open) {\n        instRef.current.setAsOpen()\n      } else {\n        instRef.current.setAsClosed()\n      }\n    }\n  }, [open, targetRef, instRef, isInitialRenderRef])\n\n  const isTest =\n    typeof process !== 'undefined' &&\n    process.env.NODE_ENV === 'test' &&\n    typeof globalThis.IS_TEST === 'undefined'\n\n  useLayoutEffect(() => {\n    if (open) {\n      instRef.current.open()\n    } else {\n      instRef.current.close()\n    }\n\n    // For testing purposes, we need to trigger the transitionend event\n    if (isTest) {\n      const event = new CustomEvent('transitionend')\n      targetRef.current?.dispatchEvent(event)\n    }\n  }, [open, instRef, isInitialRenderRef, targetRef, isTest])\n\n  useLayoutEffect(() => {\n    const run = () => {\n      isInitialRenderRef.current = false\n    }\n    if (globalThis.bypassTime === -1 || isTest) {\n      run()\n    } else {\n      window.requestAnimationFrame?.(run)\n    }\n  }, [isInitialRenderRef, isTest])\n}\n\nfunction useAdjust({ children, instRef, isInitialRenderRef, targetRef }) {\n  const fromHeight = useRef(0)\n\n  const [timer] = useState(() => Date.now())\n\n  /**\n   * Wait for some criteria and a certain time, before we adjust the height,\n   * so it will not run when a open/close animation is running.\n   */\n  const shouldAdjust = () => {\n    switch (instRef.current?.state) {\n      case 'opened':\n      case 'adjusted':\n      case 'adjusting':\n        return (\n          !isInitialRenderRef.current &&\n          Date.now() - timer > (globalThis.readjustTime || 100)\n        )\n    }\n\n    return false\n  }\n\n  useMemo(() => {\n    if (shouldAdjust()) {\n      fromHeight.current = instRef.current?.getHeight()\n    }\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    if (shouldAdjust()) {\n      /**\n       * In certain cases, the targetRef.current is outdated, so we need to set it again.\n       * E.g. in Tabs.js, when we switch tabs, the targetRef.current is not updated.\n       */\n      instRef.current.setElement(targetRef.current)\n\n      /**\n       * Ensure we don't have height, while we get the \"toHeight\" again.\n       * We may move this inside of the HeightAnimationInstance class later,\n       * but the \"GlobalStatus\" is currently relying on \"getUnknownHeight\" inside of adjustTo.\n       */\n      instRef.current.elem.style.height = ''\n\n      /**\n       * Use getHeight instead of getUnknownHeight because of the additional,\n       * disturbing DOM manipulation.\n       */\n      const toHeight = instRef.current.getHeight()\n\n      instRef.current.adjustTo(fromHeight.current, toHeight)\n    }\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"mappings":"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"}

package/cjs/components/index.d.ts

@@ -9,6 +9,7 @@
  */
 import Accordion from './accordion/Accordion';
 import Anchor from './anchor/Anchor';
+import AriaLive from './aria-live/AriaLive';
 import Autocomplete from './autocomplete/Autocomplete';
 import Avatar from './avatar/Avatar';
 import Badge from './badge/Badge';
@@ -58,4 +59,4 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };

package/cjs/components/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "Anchor", {
     return _Anchor.default;
   }
 });
+Object.defineProperty(exports, "AriaLive", {
+  enumerable: true,
+  get: function () {
+    return _AriaLive.default;
+  }
+});
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
   get: function () {
@@ -311,6 +317,7 @@ Object.defineProperty(exports, "VisuallyHidden", {
 });
 var _Accordion = _interopRequireDefault(require("./accordion/Accordion"));
 var _Anchor = _interopRequireDefault(require("./anchor/Anchor"));
+var _AriaLive = _interopRequireDefault(require("./aria-live/AriaLive"));
 var _Autocomplete = _interopRequireDefault(require("./autocomplete/Autocomplete"));
 var _Avatar = _interopRequireDefault(require("./avatar/Avatar"));
 var _Badge = _interopRequireDefault(require("./badge/Badge"));

package/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_Anchor","_Autocomplete","_Avatar","_Badge","_Breadcrumb","_Button","_Card","_Checkbox","_DatePicker","_Dialog","_Drawer","_Dropdown","_Flex","_FormLabel","_FormRow","_FormSet","_FormStatus","_GlobalError","_GlobalStatus","_Grid","_Heading","_HeightAnimation","_HelpButton","_Icon","_IconPrimary","_InfoCard","_Input","_InputMasked","_Logo","_Modal","_NumberFormat","_Pagination","_ProgressIndicator","_Radio","_Section","_Skeleton","_SkipContent","_Slider","_Space","_StepIndicator","_Switch","_Table","_Tabs","_Tag","_Textarea","_Timeline","_ToggleButton","_Tooltip","_Upload","_VisuallyHidden","obj","__esModule","default"],"sources":["../../../src/components/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_Anchor","_AriaLive","_Autocomplete","_Avatar","_Badge","_Breadcrumb","_Button","_Card","_Checkbox","_DatePicker","_Dialog","_Drawer","_Dropdown","_Flex","_FormLabel","_FormRow","_FormSet","_FormStatus","_GlobalError","_GlobalStatus","_Grid","_Heading","_HeightAnimation","_HelpButton","_Icon","_IconPrimary","_InfoCard","_Input","_InputMasked","_Logo","_Modal","_NumberFormat","_Pagination","_ProgressIndicator","_Radio","_Section","_Skeleton","_SkipContent","_Slider","_Space","_StepIndicator","_Switch","_Table","_Tabs","_Tag","_Textarea","_Timeline","_ToggleButton","_Tooltip","_Upload","_VisuallyHidden","obj","__esModule","default"],"sources":["../../../src/components/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n"],"mappings":"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"}

package/cjs/components/input/Input.js

@@ -195,9 +195,6 @@ class Input extends _react.default.PureComponent {
           event
         });
       }
-      if ((0, _componentHelper.isTrue)(this.props.clear) && event.key === 'Escape') {
-        this.clearValue(event);
-      }
     });
     _defineProperty(this, "clearValue", event => {
       const previousValue = this.state.value;