@dnb/eufemia 10.2.0 → 10.3.0

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

@@ -4,41 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _componentHelper = require("../../shared/component-helper");
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class HeightAnimation {
   constructor() {
     let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
     _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, "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 = [];
@@ -46,7 +31,6 @@ class HeightAnimation {
     this.events = [];
     this.opts = opts;
   }
-
   _callOnStart() {
     this.onStartStack.forEach(fn => {
       if (typeof fn === 'function') {
@@ -54,61 +38,47 @@ class HeightAnimation {
       }
     });
   }
-
   _callOnEnd() {
     this.isAnimating = false;
-
     if (this.state !== 'opened') {
       delete this.__currentHeight;
     }
-
     this._removeEndEvents();
-
     this.onEndStack.forEach(fn => {
       if (typeof fn === 'function') {
         fn(this.state);
       }
     });
   }
-
   reset() {
     this.state = 'init';
     this.isAnimating = false;
-
     this._removeEndEvents();
-
     this._restore();
   }
-
   _restore() {
     if (this.elem.parentElement) {
       this.elem.parentElement.style.position = '';
     }
-
     this.elem.style.position = '';
     this.elem.style.visibility = '';
     this.elem.style.height = '';
     this.elem.style.width = '';
   }
-
   _addEndEvents(listener) {
     this._removeEndEvents();
-
     this.events.push(listener);
     this.elem.addEventListener('transitionend', listener);
   }
-
   _removeEndEvents() {
     if (!this.elem) {
       return;
     }
-
     this.events.forEach((listener, i) => {
       this.elem.removeEventListener('transitionend', listener);
       this.events.splice(i, 1);
     });
   }
-
   _emitTransitionEnd() {
     try {
       const event = new CustomEvent('transitionend');
@@ -117,115 +87,83 @@ class HeightAnimation {
       (0, _componentHelper.warn)(e);
     }
   }
-
   setElement(elem) {
     var _this$elem;
-
     this._removeEndEvents();
-
     this.elem = elem || typeof document !== 'undefined' && document.createElement('div');
-
     if (String((_this$elem = this.elem) === null || _this$elem === void 0 ? void 0 : _this$elem.nodeName).toLowerCase() === 'td') {
       this.elem = this.elem.parentElement;
     }
   }
-
   remove() {
     this.stop();
-
     this._removeEndEvents();
-
     this.isAnimating = false;
     this.onStartStack = null;
     this.onEndStack = null;
     this.elem = null;
     this.state = 'init';
-
     if (this.onResize && this.isInBrowser) {
       clearTimeout(this.resizeTimeout);
       window.removeEventListener('resize', this.onResize);
     }
   }
-
   getHeight() {
     var _this$elem2;
-
     return parseFloat(String((_this$elem2 = this.elem) === null || _this$elem2 === void 0 ? void 0 : _this$elem2.clientHeight)) || null;
   }
-
   getWidth() {
     if (!this.isInBrowser) {
       return null;
     }
-
     return window.getComputedStyle(this.elem).width;
   }
-
   getUnknownHeight() {
     if (!this.elem) {
       return null;
     }
-
     if (this.isAnimating && this.__currentHeight) {
       return this.__currentHeight;
     }
-
     this.elem.style.width = this.getWidth();
-
     if (this.elem.parentElement) {
       this.elem.parentElement.style.position = 'relative';
     }
-
     this.elem.style.position = 'absolute';
     this.elem.style.visibility = 'hidden';
     this.elem.style.height = 'auto';
     this.__currentHeight = this.getHeight();
-
     this._restore();
-
     return this.__currentHeight;
   }
-
   onStart(fn) {
     this.onStartStack.push(fn);
   }
-
   onEnd(fn) {
     this.onEndStack.push(fn);
   }
-
   start(fromHeight, toHeight) {
     var _window, _window$location, _window$location$href, _this$opts;
-
     let {
       animate = true
     } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
     if ((_window = window) !== null && _window !== void 0 && (_window$location = _window.location) !== null && _window$location !== void 0 && (_window$location$href = _window$location.href) !== null && _window$location$href !== void 0 && _window$location$href.includes('data-visual-test')) {
       animate = false;
     }
-
     if (fromHeight === toHeight || animate === false || ((_this$opts = this.opts) === null || _this$opts === void 0 ? void 0 : _this$opts.animate) === false) {
       this.elem.style.height = `${toHeight}px`;
-
       this._callOnStart();
-
       this._emitTransitionEnd();
-
       return;
     }
-
     if (this.isInBrowser && typeof window.requestAnimationFrame === 'function') {
       this.stop();
       this.isAnimating = true;
-
       this._callOnStart();
-
       this.reqId1 = window.requestAnimationFrame(() => {
         if (!this.elem) {
           return;
         }
-
         this.elem.style.height = `${fromHeight}px`;
         this.reqId2 = window.requestAnimationFrame(() => {
           this.elem.style.height = `${toHeight}px`;
@@ -233,125 +171,97 @@ class HeightAnimation {
       });
     }
   }
-
   stop() {
     if (this.isInBrowser && typeof window.requestAnimationFrame === 'function') {
       window.cancelAnimationFrame(this.reqId1);
       window.cancelAnimationFrame(this.reqId2);
     }
   }
-
   adjustFrom() {
     let height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
     if (!this.elem) {
       return;
     }
-
     height = height || this.getHeight();
     this.elem.style.height = `${height}px`;
     return height;
   }
-
   adjustTo() {
     let fromHeight = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     let toHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     let {
       animate = true
     } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
     if (!this.elem) {
       return;
     }
-
     if (fromHeight === null) {
       fromHeight = this.getHeight();
     }
-
     if (toHeight === null) {
       toHeight = this.getUnknownHeight();
     }
-
     this._addEndEvents(e => {
       if (e.target === e.currentTarget) {
         if (this.elem) {
           this.elem.style.height = 'auto';
         }
-
         this.state = 'adjusted';
-
         this._callOnEnd();
       }
     });
-
     this.state = 'adjusting';
     this.start(fromHeight, toHeight, {
       animate
     });
   }
-
   open() {
     let {
       animate = true
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
     if (!this.elem || this.state === 'opened' || this.state === 'opening') {
       return;
     }
-
     const height = this.getUnknownHeight();
-
     this._addEndEvents(e => {
       if (e.target === e.currentTarget) {
         if (this.elem) {
           this.elem.style.height = 'auto';
         }
-
         this.state = 'opened';
-
         this._callOnEnd();
       }
     });
-
     this.state = 'opening';
     this.start(0, height, {
       animate
     });
   }
-
   close() {
     let {
       animate = true
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
     if (!this.elem || this.state === 'closed' || this.state === 'closing') {
       return;
     }
-
     let height = this.getHeight();
-
     if (this.state === 'init') {
       height = this.getUnknownHeight();
     }
-
     this._addEndEvents(e => {
       if (e.target === e.currentTarget) {
         if (this.elem) {
           this.elem.style.visibility = 'hidden';
         }
-
         this.state = 'closed';
-
         this._callOnEnd();
       }
     });
-
     this.state = 'closing';
     this.start(height, 0, {
       animate
     });
   }
-
 }
-
-exports.default = HeightAnimation;
+exports.default = HeightAnimation;
+//# sourceMappingURL=HeightAnimationInstance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeightAnimationInstance.js","names":["_componentHelper","require","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","HeightAnimation","constructor","opts","arguments","length","isInBrowser","window","state","onStartStack","onEndStack","events","_callOnStart","forEach","fn","_callOnEnd","isAnimating","__currentHeight","_removeEndEvents","reset","_restore","elem","parentElement","style","position","visibility","height","width","_addEndEvents","listener","push","addEventListener","i","removeEventListener","splice","_emitTransitionEnd","event","CustomEvent","dispatchEvent","e","warn","setElement","_this$elem","document","createElement","nodeName","toLowerCase","remove","stop","onResize","clearTimeout","resizeTimeout","getHeight","_this$elem2","parseFloat","clientHeight","getWidth","getComputedStyle","getUnknownHeight","onStart","onEnd","start","fromHeight","toHeight","_window","_window$location","_window$location$href","_this$opts","animate","location","href","includes","requestAnimationFrame","reqId1","reqId2","cancelAnimationFrame","adjustFrom","adjustTo","target","currentTarget","open","close","exports","default"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["import { warn } from '../../shared/component-helper'\n\nexport type HeightAnimationOnStartStates =\n  | 'opening'\n  | 'closing'\n  | 'adjusting'\nexport type HeightAnimationOnEndStates = 'opened' | 'closed' | 'adjusted'\nexport type HeightAnimationStates =\n  | HeightAnimationOnStartStates\n  | HeightAnimationOnEndStates\n  | 'init'\nexport type HeightAnimationOptions = {\n  animate?: boolean\n}\nexport type HeightAnimationOnStartCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnEndCallback = (\n  state: HeightAnimationStates\n) => void\nexport type HeightAnimationOnStartStack =\n  Array<HeightAnimationOnStartCallback>\nexport type HeightAnimationOnEndStack = Array<HeightAnimationOnEndCallback>\nexport type HeightAnimationEventListener = (e: Event) => void\nexport type HeightAnimationEvents = Array<HeightAnimationEventListener>\nexport type HeightAnimationElement = HTMLElement\nexport type HeightAnimationContainer = HTMLElement\nexport type HeightAnimationFromHeight = number\nexport type HeightAnimationToHeight = number\n\nexport default class HeightAnimation {\n  isInBrowser: boolean\n  state: HeightAnimationStates\n  onStartStack: HeightAnimationOnStartStack\n  onEndStack: HeightAnimationOnEndStack\n  events: HeightAnimationEvents\n  opts: HeightAnimationOptions\n  elem: HeightAnimationElement\n  reqId1: number\n  reqId2: number\n  resizeTimeout: NodeJS.Timeout\n  isAnimating: boolean\n  __currentHeight: number\n  onResize: () => void\n\n  constructor(opts: HeightAnimationOptions = {}) {\n    this.isInBrowser = typeof window !== 'undefined'\n    this.state = 'init'\n    this.onStartStack = []\n    this.onEndStack = []\n    this.events = []\n    this.opts = opts\n  }\n\n  // Private methods\n  _callOnStart() {\n    this.onStartStack.forEach((fn) => {\n      if (typeof fn === 'function') {\n        fn(this.state)\n      }\n    })\n  }\n  _callOnEnd() {\n    this.isAnimating = false\n\n    if (this.state !== 'opened') {\n      delete this.__currentHeight\n    }\n\n    this._removeEndEvents()\n\n    this.onEndStack.forEach((fn) => {\n      if (typeof fn === 'function') {\n        fn(this.state)\n      }\n    })\n  }\n  reset() {\n    this.state = 'init'\n    this.isAnimating = false\n    this._removeEndEvents()\n    this._restore()\n  }\n  _restore() {\n    if (this.elem.parentElement) {\n      this.elem.parentElement.style.position = ''\n    }\n    this.elem.style.position = ''\n    this.elem.style.visibility = ''\n    this.elem.style.height = '' // not sure about this\n    this.elem.style.width = ''\n  }\n  _addEndEvents(listener: HeightAnimationEventListener) {\n    this._removeEndEvents() // also, remove events on every open (but not on close!)\n\n    this.events.push(listener)\n    this.elem.addEventListener('transitionend', listener)\n  }\n  _removeEndEvents() {\n    if (!this.elem) {\n      return // stop here\n    }\n\n    this.events.forEach((listener, i) => {\n      this.elem.removeEventListener('transitionend', listener)\n      this.events.splice(i, 1)\n    })\n  }\n  _emitTransitionEnd() {\n    try {\n      const event = new CustomEvent('transitionend')\n      this.elem.dispatchEvent(event)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  // Public methods\n  setElement(elem: HeightAnimationElement) {\n    this._removeEndEvents() // in case element gets set several times\n\n    this.elem =\n      elem ||\n      (typeof document !== 'undefined' && document.createElement('div'))\n\n    // TODO: remove when responsive tables are supported\n    if (String(this.elem?.nodeName).toLowerCase() === 'td') {\n      this.elem = this.elem.parentElement\n    }\n  }\n  remove() {\n    this.stop()\n    this._removeEndEvents()\n    this.isAnimating = false\n    this.onStartStack = null\n    this.onEndStack = null\n    this.elem = null\n    this.state = 'init'\n    if (this.onResize && this.isInBrowser) {\n      clearTimeout(this.resizeTimeout)\n      window.removeEventListener('resize', this.onResize)\n    }\n  }\n  getHeight() {\n    return parseFloat(String(this.elem?.clientHeight)) || null\n  }\n  getWidth() {\n    if (!this.isInBrowser) {\n      return null\n    }\n    return window.getComputedStyle(this.elem).width\n  }\n  getUnknownHeight() {\n    if (!this.elem) {\n      return null\n    }\n\n    if (this.isAnimating && this.__currentHeight) {\n      return this.__currentHeight\n    }\n\n    this.elem.style.width = this.getWidth()\n\n    if (this.elem.parentElement) {\n      this.elem.parentElement.style.position = 'relative'\n    }\n    this.elem.style.position = 'absolute'\n    this.elem.style.visibility = 'hidden'\n    this.elem.style.height = 'auto'\n\n    this.__currentHeight = this.getHeight()\n\n    this._restore()\n\n    return this.__currentHeight\n  }\n\n  onStart(fn: HeightAnimationOnStartCallback) {\n    this.onStartStack.push(fn)\n  }\n  onEnd(fn: HeightAnimationOnEndCallback) {\n    this.onEndStack.push(fn)\n  }\n  start(\n    fromHeight: HeightAnimationFromHeight,\n    toHeight: HeightAnimationToHeight,\n    { animate = true }: HeightAnimationOptions = {}\n  ) {\n    if (window?.location?.href?.includes('data-visual-test')) {\n      animate = false\n    }\n\n    if (\n      fromHeight === toHeight ||\n      animate === false ||\n      this.opts?.animate === false\n    ) {\n      this.elem.style.height = `${toHeight}px`\n\n      this._callOnStart()\n\n      this._emitTransitionEnd()\n\n      return // stop here\n    }\n\n    if (\n      this.isInBrowser &&\n      typeof window.requestAnimationFrame === 'function'\n    ) {\n      this.stop()\n\n      this.isAnimating = true\n\n      // call the callbacks here, because then we do not call this during startup. This way we get an instant startup\n      this._callOnStart()\n\n      // make the animation\n      this.reqId1 = window.requestAnimationFrame(() => {\n        if (!this.elem) {\n          return // stop here\n        }\n\n        this.elem.style.height = `${fromHeight}px`\n\n        this.reqId2 = window.requestAnimationFrame(() => {\n          this.elem.style.height = `${toHeight}px`\n        })\n      })\n    }\n  }\n  stop() {\n    if (\n      this.isInBrowser &&\n      typeof window.requestAnimationFrame === 'function'\n    ) {\n      window.cancelAnimationFrame(this.reqId1)\n      window.cancelAnimationFrame(this.reqId2)\n    }\n  }\n  /**\n   * Deprecated\n   * \"adjustFrom\" is only used by GlobalStatus.js\n   * it should be replaced with \"useHeightAnimation\"\n   */\n  adjustFrom(height: HeightAnimationFromHeight = null) {\n    if (!this.elem) {\n      return\n    }\n\n    height = height || this.getHeight()\n    this.elem.style.height = `${height}px`\n    return height\n  }\n  adjustTo(\n    fromHeight: HeightAnimationFromHeight = null,\n    toHeight: HeightAnimationToHeight = null,\n    { animate = true }: HeightAnimationOptions = {}\n  ) {\n    if (!this.elem) {\n      return\n    }\n\n    if (fromHeight === null) {\n      fromHeight = this.getHeight()\n    }\n    if (toHeight === null) {\n      toHeight = this.getUnknownHeight()\n    }\n\n    this._addEndEvents((e) => {\n      if (e.target === e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.height = 'auto'\n        }\n\n        this.state = 'adjusted'\n        this._callOnEnd()\n      }\n    })\n\n    this.state = 'adjusting'\n    this.start(fromHeight, toHeight, { animate })\n  }\n  open({ animate = true }: HeightAnimationOptions = {}) {\n    if (\n      !this.elem ||\n      this.state === 'opened' ||\n      this.state === 'opening'\n    ) {\n      return\n    }\n\n    const height = this.getUnknownHeight()\n\n    this._addEndEvents((e) => {\n      if (e.target === e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.height = 'auto'\n        }\n\n        this.state = 'opened'\n        this._callOnEnd()\n      }\n    })\n\n    this.state = 'opening'\n    this.start(0, height, { animate })\n  }\n  close({ animate = true }: HeightAnimationOptions = {}) {\n    if (\n      !this.elem ||\n      this.state === 'closed' ||\n      this.state === 'closing'\n    ) {\n      return\n    }\n\n    let height = this.getHeight()\n    if (this.state === 'init') {\n      height = this.getUnknownHeight()\n    }\n\n    this._addEndEvents((e) => {\n      if (e.target === e.currentTarget) {\n        if (this.elem) {\n          this.elem.style.visibility = 'hidden'\n        }\n\n        this.state = 'closed'\n        this._callOnEnd()\n      }\n    })\n\n    this.state = 'closing'\n    this.start(height, 0, { animate })\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAoD,SAAAC,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AA8BrC,MAAMU,eAAe,CAAC;EAenCC,WAAWA,CAAA,EAAoC;IAAA,IAAnCC,IAA4B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;IAAA1B,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAC3C,IAAI,CAAC4B,WAAW,GAAG,OAAOC,MAAM,KAAK,WAAW;IAChD,IAAI,CAACC,KAAK,GAAG,MAAM;IACnB,IAAI,CAACC,YAAY,GAAG,EAAE;IACtB,IAAI,CAACC,UAAU,GAAG,EAAE;IACpB,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACR,IAAI,GAAGA,IAAI;EAClB;EAGAS,YAAYA,CAAA,EAAG;IACb,IAAI,CAACH,YAAY,CAACI,OAAO,CAAEC,EAAE,IAAK;MAChC,IAAI,OAAOA,EAAE,KAAK,UAAU,EAAE;QAC5BA,EAAE,CAAC,IAAI,CAACN,KAAK,CAAC;MAChB;IACF,CAAC,CAAC;EACJ;EACAO,UAAUA,CAAA,EAAG;IACX,IAAI,CAACC,WAAW,GAAG,KAAK;IAExB,IAAI,IAAI,CAACR,KAAK,KAAK,QAAQ,EAAE;MAC3B,OAAO,IAAI,CAACS,eAAe;IAC7B;IAEA,IAAI,CAACC,gBAAgB,CAAC,CAAC;IAEvB,IAAI,CAACR,UAAU,CAACG,OAAO,CAAEC,EAAE,IAAK;MAC9B,IAAI,OAAOA,EAAE,KAAK,UAAU,EAAE;QAC5BA,EAAE,CAAC,IAAI,CAACN,KAAK,CAAC;MAChB;IACF,CAAC,CAAC;EACJ;EACAW,KAAKA,CAAA,EAAG;IACN,IAAI,CAACX,KAAK,GAAG,MAAM;IACnB,IAAI,CAACQ,WAAW,GAAG,KAAK;IACxB,IAAI,CAACE,gBAAgB,CAAC,CAAC;IACvB,IAAI,CAACE,QAAQ,CAAC,CAAC;EACjB;EACAA,QAAQA,CAAA,EAAG;IACT,IAAI,IAAI,CAACC,IAAI,CAACC,aAAa,EAAE;MAC3B,IAAI,CAACD,IAAI,CAACC,aAAa,CAACC,KAAK,CAACC,QAAQ,GAAG,EAAE;IAC7C;IACA,IAAI,CAACH,IAAI,CAACE,KAAK,CAACC,QAAQ,GAAG,EAAE;IAC7B,IAAI,CAACH,IAAI,CAACE,KAAK,CAACE,UAAU,GAAG,EAAE;IAC/B,IAAI,CAACJ,IAAI,CAACE,KAAK,CAACG,MAAM,GAAG,EAAE;IAC3B,IAAI,CAACL,IAAI,CAACE,KAAK,CAACI,KAAK,GAAG,EAAE;EAC5B;EACAC,aAAaA,CAACC,QAAsC,EAAE;IACpD,IAAI,CAACX,gBAAgB,CAAC,CAAC;IAEvB,IAAI,CAACP,MAAM,CAACmB,IAAI,CAACD,QAAQ,CAAC;IAC1B,IAAI,CAACR,IAAI,CAACU,gBAAgB,CAAC,eAAe,EAAEF,QAAQ,CAAC;EACvD;EACAX,gBAAgBA,CAAA,EAAG;IACjB,IAAI,CAAC,IAAI,CAACG,IAAI,EAAE;MACd;IACF;IAEA,IAAI,CAACV,MAAM,CAACE,OAAO,CAAC,CAACgB,QAAQ,EAAEG,CAAC,KAAK;MACnC,IAAI,CAACX,IAAI,CAACY,mBAAmB,CAAC,eAAe,EAAEJ,QAAQ,CAAC;MACxD,IAAI,CAAClB,MAAM,CAACuB,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,CAAC;EACJ;EACAG,kBAAkBA,CAAA,EAAG;IACnB,IAAI;MACF,MAAMC,KAAK,GAAG,IAAIC,WAAW,CAAC,eAAe,CAAC;MAC9C,IAAI,CAAChB,IAAI,CAACiB,aAAa,CAACF,KAAK,CAAC;IAChC,CAAC,CAAC,OAAOG,CAAC,EAAE;MACV,IAAAC,qBAAI,EAACD,CAAC,CAAC;IACT;EACF;EAGAE,UAAUA,CAACpB,IAA4B,EAAE;IAAA,IAAAqB,UAAA;IACvC,IAAI,CAACxB,gBAAgB,CAAC,CAAC;IAEvB,IAAI,CAACG,IAAI,GACPA,IAAI,IACH,OAAOsB,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAE;IAGpE,IAAItD,MAAM,EAAAoD,UAAA,GAAC,IAAI,CAACrB,IAAI,cAAAqB,UAAA,uBAATA,UAAA,CAAWG,QAAQ,CAAC,CAACC,WAAW,CAAC,CAAC,KAAK,IAAI,EAAE;MACtD,IAAI,CAACzB,IAAI,GAAG,IAAI,CAACA,IAAI,CAACC,aAAa;IACrC;EACF;EACAyB,MAAMA,CAAA,EAAG;IACP,IAAI,CAACC,IAAI,CAAC,CAAC;IACX,IAAI,CAAC9B,gBAAgB,CAAC,CAAC;IACvB,IAAI,CAACF,WAAW,GAAG,KAAK;IACxB,IAAI,CAACP,YAAY,GAAG,IAAI;IACxB,IAAI,CAACC,UAAU,GAAG,IAAI;IACtB,IAAI,CAACW,IAAI,GAAG,IAAI;IAChB,IAAI,CAACb,KAAK,GAAG,MAAM;IACnB,IAAI,IAAI,CAACyC,QAAQ,IAAI,IAAI,CAAC3C,WAAW,EAAE;MACrC4C,YAAY,CAAC,IAAI,CAACC,aAAa,CAAC;MAChC5C,MAAM,CAAC0B,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACgB,QAAQ,CAAC;IACrD;EACF;EACAG,SAASA,CAAA,EAAG;IAAA,IAAAC,WAAA;IACV,OAAOC,UAAU,CAAChE,MAAM,EAAA+D,WAAA,GAAC,IAAI,CAAChC,IAAI,cAAAgC,WAAA,uBAATA,WAAA,CAAWE,YAAY,CAAC,CAAC,IAAI,IAAI;EAC5D;EACAC,QAAQA,CAAA,EAAG;IACT,IAAI,CAAC,IAAI,CAAClD,WAAW,EAAE;MACrB,OAAO,IAAI;IACb;IACA,OAAOC,MAAM,CAACkD,gBAAgB,CAAC,IAAI,CAACpC,IAAI,CAAC,CAACM,KAAK;EACjD;EACA+B,gBAAgBA,CAAA,EAAG;IACjB,IAAI,CAAC,IAAI,CAACrC,IAAI,EAAE;MACd,OAAO,IAAI;IACb;IAEA,IAAI,IAAI,CAACL,WAAW,IAAI,IAAI,CAACC,eAAe,EAAE;MAC5C,OAAO,IAAI,CAACA,eAAe;IAC7B;IAEA,IAAI,CAACI,IAAI,CAACE,KAAK,CAACI,KAAK,GAAG,IAAI,CAAC6B,QAAQ,CAAC,CAAC;IAEvC,IAAI,IAAI,CAACnC,IAAI,CAACC,aAAa,EAAE;MAC3B,IAAI,CAACD,IAAI,CAACC,aAAa,CAACC,KAAK,CAACC,QAAQ,GAAG,UAAU;IACrD;IACA,IAAI,CAACH,IAAI,CAACE,KAAK,CAACC,QAAQ,GAAG,UAAU;IACrC,IAAI,CAACH,IAAI,CAACE,KAAK,CAACE,UAAU,GAAG,QAAQ;IACrC,IAAI,CAACJ,IAAI,CAACE,KAAK,CAACG,MAAM,GAAG,MAAM;IAE/B,IAAI,CAACT,eAAe,GAAG,IAAI,CAACmC,SAAS,CAAC,CAAC;IAEvC,IAAI,CAAChC,QAAQ,CAAC,CAAC;IAEf,OAAO,IAAI,CAACH,eAAe;EAC7B;EAEA0C,OAAOA,CAAC7C,EAAkC,EAAE;IAC1C,IAAI,CAACL,YAAY,CAACqB,IAAI,CAAChB,EAAE,CAAC;EAC5B;EACA8C,KAAKA,CAAC9C,EAAgC,EAAE;IACtC,IAAI,CAACJ,UAAU,CAACoB,IAAI,CAAChB,EAAE,CAAC;EAC1B;EACA+C,KAAKA,CACHC,UAAqC,EACrCC,QAAiC,EAEjC;IAAA,IAAAC,OAAA,EAAAC,gBAAA,EAAAC,qBAAA,EAAAC,UAAA;IAAA,IADA;MAAEC,OAAO,GAAG;IAA6B,CAAC,GAAAhE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;IAE/C,KAAA4D,OAAA,GAAIzD,MAAM,cAAAyD,OAAA,gBAAAC,gBAAA,GAAND,OAAA,CAAQK,QAAQ,cAAAJ,gBAAA,gBAAAC,qBAAA,GAAhBD,gBAAA,CAAkBK,IAAI,cAAAJ,qBAAA,eAAtBA,qBAAA,CAAwBK,QAAQ,CAAC,kBAAkB,CAAC,EAAE;MACxDH,OAAO,GAAG,KAAK;IACjB;IAEA,IACEN,UAAU,KAAKC,QAAQ,IACvBK,OAAO,KAAK,KAAK,IACjB,EAAAD,UAAA,OAAI,CAAChE,IAAI,cAAAgE,UAAA,uBAATA,UAAA,CAAWC,OAAO,MAAK,KAAK,EAC5B;MACA,IAAI,CAAC/C,IAAI,CAACE,KAAK,CAACG,MAAM,GAAI,GAAEqC,QAAS,IAAG;MAExC,IAAI,CAACnD,YAAY,CAAC,CAAC;MAEnB,IAAI,CAACuB,kBAAkB,CAAC,CAAC;MAEzB;IACF;IAEA,IACE,IAAI,CAAC7B,WAAW,IAChB,OAAOC,MAAM,CAACiE,qBAAqB,KAAK,UAAU,EAClD;MACA,IAAI,CAACxB,IAAI,CAAC,CAAC;MAEX,IAAI,CAAChC,WAAW,GAAG,IAAI;MAGvB,IAAI,CAACJ,YAAY,CAAC,CAAC;MAGnB,IAAI,CAAC6D,MAAM,GAAGlE,MAAM,CAACiE,qBAAqB,CAAC,MAAM;QAC/C,IAAI,CAAC,IAAI,CAACnD,IAAI,EAAE;UACd;QACF;QAEA,IAAI,CAACA,IAAI,CAACE,KAAK,CAACG,MAAM,GAAI,GAAEoC,UAAW,IAAG;QAE1C,IAAI,CAACY,MAAM,GAAGnE,MAAM,CAACiE,qBAAqB,CAAC,MAAM;UAC/C,IAAI,CAACnD,IAAI,CAACE,KAAK,CAACG,MAAM,GAAI,GAAEqC,QAAS,IAAG;QAC1C,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ;EACF;EACAf,IAAIA,CAAA,EAAG;IACL,IACE,IAAI,CAAC1C,WAAW,IAChB,OAAOC,MAAM,CAACiE,qBAAqB,KAAK,UAAU,EAClD;MACAjE,MAAM,CAACoE,oBAAoB,CAAC,IAAI,CAACF,MAAM,CAAC;MACxClE,MAAM,CAACoE,oBAAoB,CAAC,IAAI,CAACD,MAAM,CAAC;IAC1C;EACF;EAMAE,UAAUA,CAAA,EAA2C;IAAA,IAA1ClD,MAAiC,GAAAtB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,IAAI;IACjD,IAAI,CAAC,IAAI,CAACiB,IAAI,EAAE;MACd;IACF;IAEAK,MAAM,GAAGA,MAAM,IAAI,IAAI,CAAC0B,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC/B,IAAI,CAACE,KAAK,CAACG,MAAM,GAAI,GAAEA,MAAO,IAAG;IACtC,OAAOA,MAAM;EACf;EACAmD,QAAQA,CAAA,EAIN;IAAA,IAHAf,UAAqC,GAAA1D,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,IAAI;IAAA,IAC5C2D,QAAiC,GAAA3D,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,IAAI;IAAA,IACxC;MAAEgE,OAAO,GAAG;IAA6B,CAAC,GAAAhE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;IAE/C,IAAI,CAAC,IAAI,CAACiB,IAAI,EAAE;MACd;IACF;IAEA,IAAIyC,UAAU,KAAK,IAAI,EAAE;MACvBA,UAAU,GAAG,IAAI,CAACV,SAAS,CAAC,CAAC;IAC/B;IACA,IAAIW,QAAQ,KAAK,IAAI,EAAE;MACrBA,QAAQ,GAAG,IAAI,CAACL,gBAAgB,CAAC,CAAC;IACpC;IAEA,IAAI,CAAC9B,aAAa,CAAEW,CAAC,IAAK;MACxB,IAAIA,CAAC,CAACuC,MAAM,KAAKvC,CAAC,CAACwC,aAAa,EAAE;QAChC,IAAI,IAAI,CAAC1D,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAACE,KAAK,CAACG,MAAM,GAAG,MAAM;QACjC;QAEA,IAAI,CAAClB,KAAK,GAAG,UAAU;QACvB,IAAI,CAACO,UAAU,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEF,IAAI,CAACP,KAAK,GAAG,WAAW;IACxB,IAAI,CAACqD,KAAK,CAACC,UAAU,EAAEC,QAAQ,EAAE;MAAEK;IAAQ,CAAC,CAAC;EAC/C;EACAY,IAAIA,CAAA,EAAkD;IAAA,IAAjD;MAAEZ,OAAO,GAAG;IAA6B,CAAC,GAAAhE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;IAClD,IACE,CAAC,IAAI,CAACiB,IAAI,IACV,IAAI,CAACb,KAAK,KAAK,QAAQ,IACvB,IAAI,CAACA,KAAK,KAAK,SAAS,EACxB;MACA;IACF;IAEA,MAAMkB,MAAM,GAAG,IAAI,CAACgC,gBAAgB,CAAC,CAAC;IAEtC,IAAI,CAAC9B,aAAa,CAAEW,CAAC,IAAK;MACxB,IAAIA,CAAC,CAACuC,MAAM,KAAKvC,CAAC,CAACwC,aAAa,EAAE;QAChC,IAAI,IAAI,CAAC1D,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAACE,KAAK,CAACG,MAAM,GAAG,MAAM;QACjC;QAEA,IAAI,CAAClB,KAAK,GAAG,QAAQ;QACrB,IAAI,CAACO,UAAU,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEF,IAAI,CAACP,KAAK,GAAG,SAAS;IACtB,IAAI,CAACqD,KAAK,CAAC,CAAC,EAAEnC,MAAM,EAAE;MAAE0C;IAAQ,CAAC,CAAC;EACpC;EACAa,KAAKA,CAAA,EAAkD;IAAA,IAAjD;MAAEb,OAAO,GAAG;IAA6B,CAAC,GAAAhE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;IACnD,IACE,CAAC,IAAI,CAACiB,IAAI,IACV,IAAI,CAACb,KAAK,KAAK,QAAQ,IACvB,IAAI,CAACA,KAAK,KAAK,SAAS,EACxB;MACA;IACF;IAEA,IAAIkB,MAAM,GAAG,IAAI,CAAC0B,SAAS,CAAC,CAAC;IAC7B,IAAI,IAAI,CAAC5C,KAAK,KAAK,MAAM,EAAE;MACzBkB,MAAM,GAAG,IAAI,CAACgC,gBAAgB,CAAC,CAAC;IAClC;IAEA,IAAI,CAAC9B,aAAa,CAAEW,CAAC,IAAK;MACxB,IAAIA,CAAC,CAACuC,MAAM,KAAKvC,CAAC,CAACwC,aAAa,EAAE;QAChC,IAAI,IAAI,CAAC1D,IAAI,EAAE;UACb,IAAI,CAACA,IAAI,CAACE,KAAK,CAACE,UAAU,GAAG,QAAQ;QACvC;QAEA,IAAI,CAACjB,KAAK,GAAG,QAAQ;QACrB,IAAI,CAACO,UAAU,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEF,IAAI,CAACP,KAAK,GAAG,SAAS;IACtB,IAAI,CAACqD,KAAK,CAACnC,MAAM,EAAE,CAAC,EAAE;MAAE0C;IAAQ,CAAC,CAAC;EACpC;AACF;AAACc,OAAA,CAAAC,OAAA,GAAAlF,eAAA"}

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

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _HeightAnimation = _interopRequireWildcard(require("./HeightAnimation"));
-
 Object.keys(_HeightAnimation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -19,10 +17,8 @@ Object.keys(_HeightAnimation).forEach(function (key) {
     }
   });
 });
-
 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; }
-
 var _default = _HeightAnimation.default;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_HeightAnimation","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set","_default","HeightAnimation"],"sources":["../../../../src/components/height-animation/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport HeightAnimation from './HeightAnimation'\nexport default HeightAnimation\nexport * from './HeightAnimation'\n"],"mappings":";;;;;;;AAKA,IAAAA,gBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,gBAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,gBAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,gBAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAiC,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAAA,IAAAK,QAAA,GADlBC,wBAAe;AAAApB,OAAA,CAAAW,OAAA,GAAAQ,QAAA"}

package/cjs/components/height-animation/style/index.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-height-animation.min.css");
+require("./dnb-height-animation.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/components/height-animation/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../src/components/height-animation/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-height-animation.scss'\n"],"mappings":";;AAKAA,OAAA"}

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

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./style/dnb-height-animation.min.css");
+require("./style/dnb-height-animation.min.css");
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../src/components/height-animation/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-height-animation.scss'\n"],"mappings":";;AAKAA,OAAA"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import HeightAnimationInstance from './HeightAnimationInstance';
-export declare type useHeightAnimationOptions = {
+export type useHeightAnimationOptions = {
     /**
      * Set to `true`, when initially `false` was given, to animate from 0px to auto.
      * Default: true
@@ -28,8 +28,8 @@ export declare type useHeightAnimationOptions = {
      */
     onAnimationEnd?: (state: HeightAnimationOnEndTypes) => void;
 };
-export declare type HeightAnimationOnStartTypes = 'opening' | 'closing' | 'adjusting';
-export declare type HeightAnimationOnEndTypes = 'opened' | 'closed' | 'adjusted';
+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): {
     open: boolean;
     isOpen: boolean;

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHeightAnimation = useHeightAnimation;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HeightAnimationInstance = _interopRequireDefault(require("./HeightAnimationInstance"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
-
 function useHeightAnimation(targetRef) {
   let {
     open = true,
@@ -22,38 +17,26 @@ function useHeightAnimation(targetRef) {
     onOpen = 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), []);
-
   useLayoutEffect(() => {
     animRef.current = new _HeightAnimationInstance.default({
       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) {
@@ -62,12 +45,10 @@ function useHeightAnimation(targetRef) {
             setParallax(true);
             setIsAnimating(true);
             break;
-
           case 'closing':
             setParallax(false);
             setIsAnimating(true);
             break;
-
           case 'adjusting':
             setIsAnimating(true);
             break;
@@ -80,7 +61,6 @@ function useHeightAnimation(targetRef) {
             setIsAnimating(false);
             onOpen === null || onOpen === void 0 ? void 0 : onOpen(true);
             break;
-
           case 'closed':
             setIsVisible(false);
             setIsOpen(false);
@@ -88,19 +68,15 @@ function useHeightAnimation(targetRef) {
             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);
       });
     }
-
     return () => {
       var _animRef$current;
-
       return (_animRef$current = animRef.current) === null || _animRef$current === void 0 ? void 0 : _animRef$current.remove();
     };
   }, [animate]);
@@ -124,7 +100,6 @@ function useHeightAnimation(targetRef) {
     isAnimating
   };
 }
-
 function useOpenClose(_ref) {
   let {
     open,
@@ -136,10 +111,8 @@ function useOpenClose(_ref) {
     if (!targetRef.current) {
       return;
     }
-
     const anim = animRef.current;
     anim.setElement(targetRef.current);
-
     if (open) {
       anim.open({
         animate: !isInitialRender
@@ -153,41 +126,34 @@ function useOpenClose(_ref) {
     }
   }, [open, targetRef, animRef]);
 }
-
 function useAdjust(_ref2) {
   let {
     children,
     animRef,
     isInitialRender
   } = _ref2;
-
   const fromHeight = _react.default.useRef(0);
-
   const shouldAdjust = () => {
     var _animRef$current2;
-
     switch ((_animRef$current2 = animRef.current) === null || _animRef$current2 === void 0 ? void 0 : _animRef$current2.state) {
       case 'opened':
       case 'adjusted':
       case 'adjusting':
         return !isInitialRender;
     }
-
     return false;
   };
-
   _react.default.useMemo(() => {
     if (shouldAdjust()) {
       var _animRef$current3;
-
       fromHeight.current = (_animRef$current3 = animRef.current) === null || _animRef$current3 === void 0 ? void 0 : _animRef$current3.getHeight();
     }
   }, [children]);
-
   useLayoutEffect(() => {
     if (shouldAdjust()) {
       animRef.current.elem.style.height = '';
       animRef.current.adjustTo(fromHeight.current, animRef.current.getHeight());
     }
   }, [children]);
-}
+}
+//# sourceMappingURL=useHeightAnimation.js.map

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

@@ -0,0 +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 manipupation\n      )\n    }\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"mappings":"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"}

package/cjs/components/help-button/HelpButton.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import type { ButtonProps } from '../button/Button';
-export declare type HelpButtonProps = {
+export type HelpButtonProps = {
     render?: (children: React.ReactNode, props: ButtonProps) => React.ReactElement;
 } & ButtonProps;
 export default function HelpButton(localProps: HelpButtonProps): JSX.Element;