npm - @dnb/eufemia - Versions diffs - 10.20.0 → 10.22.0 - Mend

@dnb/eufemia 10.20.0 → 10.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1062) hide show

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

@@ -30,6 +30,11 @@ class HeightAnimation {
     _defineProperty(this, "duration", 0);
     _defineProperty(this, "isAnimating", void 0);
     _defineProperty(this, "__currentHeight", void 0);
+    _defineProperty(this, "firstPaintStyle", {
+      visibility: 'hidden',
+      opacity: '0',
+      height: 'auto'
+    });
     this.isInBrowser = typeof window !== 'undefined';
     this.setState('init');
     this.setOptions(opts);
@@ -135,14 +140,6 @@ class HeightAnimation {
     var _this$elem4;
     return parseFloat(String((_this$elem4 = this.elem) === null || _this$elem4 === void 0 ? void 0 : _this$elem4.clientHeight)) || null;
   }
-  firstPaintStyle() {
-    return {
-      position: 'absolute',
-      visibility: 'hidden',
-      opacity: '0',
-      height: 'auto'
-    };
-  }
   getUnknownHeight() {
     var _this$elem$parentNode, _clonedElem$parentNod;
     if (!this.elem) {
@@ -151,12 +148,14 @@ class HeightAnimation {
     if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {
       return this.__currentHeight;
     }
+    const width = this.elem.clientWidth;
     const clonedElem = this.elem.cloneNode(true);
     (_this$elem$parentNode = this.elem.parentNode) === null || _this$elem$parentNode === void 0 ? void 0 : _this$elem$parentNode.insertBefore(clonedElem, this.elem.nextSibling);
     for (const key in this.firstPaintStyle) {
       clonedElem.style[key] = this.firstPaintStyle[key];
     }
-    clonedElem.style.height = 'auto';
+    clonedElem.style.width = width ? `${String(width)}px` : 'auto';
+    clonedElem.style.position = 'absolute';
     const height = parseFloat(String(clonedElem.clientHeight)) || parseFloat(clonedElem.getAttribute('data-height')) || null;
     (_clonedElem$parentNod = clonedElem.parentNode) === null || _clonedElem$parentNod === void 0 ? void 0 : _clonedElem$parentNod.removeChild(clonedElem);
     if (height) {
@@ -178,6 +177,7 @@ class HeightAnimation {
     if (opts.animate === false) {
       return;
     }
+    this.stop();
     this.isAnimating = true;
     this.reqId1 = window.requestAnimationFrame(() => {
       if (!this.elem) {
@@ -209,7 +209,7 @@ class HeightAnimation {
     this.callAnimationStart();
     const toHeight = this.getUnknownHeight();
     this.addEndEvent(e => {
-      if (e.target === e.currentTarget) {
+      if (e.target === e.currentTarget || !e.currentTarget) {
         this.setState('opened');
         this.readjust();
       }
@@ -225,7 +225,7 @@ class HeightAnimation {
     this.callAnimationStart();
     const fromHeight = this.getHeight();
     this.addEndEvent(e => {
-      if (e.target === e.currentTarget) {
+      if (e.target === e.currentTarget || !e.currentTarget) {
         if (this.elem) {
           this.elem.style.visibility = 'hidden';
           this.elem.style.overflowY = 'clip';
@@ -256,7 +256,7 @@ class HeightAnimation {
     this.setState('adjusting');
     this.callAnimationStart();
     this.addEndEvent(e => {
-      if (this.state === 'adjusting' && e.target === e.currentTarget) {
+      if (this.state === 'adjusting' && (e.target === e.currentTarget || !e.currentTarget)) {
         if (this.elem) {
           this.elem.style.height = 'auto';
         }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HeightAnimationInstance.js","names":["HeightAnimation","constructor","opts","arguments","length","undefined","_defineProperty","animate","isInBrowser","window","setState","setOptions","callAnimationStart","startTime","Date","now","firstTime","onStartStack","forEach","fn","state","callAnimationEnd","isAnimating","__currentHeight","removeEndEvents","onEndStack","addEndEvent","listener","_this$elem","_this$elem$addEventLi","handleTransitionEnd","e","canFinish","delay","duration","timeouts","push","setTimeout","events","elem","addEventListener","call","_this$elem2","_this$elem2$removeEve","removeEventListener","setElement","_this$elem3","_globalThis$animation","document","createElement","String","nodeName","toLowerCase","parentElement","globalThis","animationDuration","parseFloat","getComputedStyle","transitionDuration","Object","freeze","_objectSpread","getOptions","remove","stop","setAsOpen","setAsClosed","getHeight","_this$elem4","clientHeight","firstPaintStyle","position","visibility","opacity","height","getUnknownHeight","_this$elem$parentNode","_clonedElem$parentNod","clonedElem","cloneNode","parentNode","insertBefore","nextSibling","key","style","getAttribute","removeChild","onStart","onEnd","start","fromHeight","toHeight","requestAnimationFrame","reqId1","reqId2","id","clearTimeout","cancelAnimationFrame","open","shouldBypassAnimation","target","currentTarget","readjust","close","overflowY","adjustTo","endHeight","newHeight","_globalThis$animation2","Boolean","_globalThis$bypassTim","IS_TEST","bypassTime","exports","default"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["export 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 private state: Readonly<HeightAnimationStates>\n isInBrowser: boolean\n onStartStack: HeightAnimationOnStartStack = []\n onEndStack: HeightAnimationOnEndStack = []\n events: HeightAnimationEvents = []\n opts: HeightAnimationOptions = { animate: true }\n elem: HeightAnimationElement\n reqId1: number\n reqId2: number\n resizeTimeout: NodeJS.Timeout\n timeouts: NodeJS.Timeout[] = []\n firstTime?: number = 0\n startTime?: number = 0\n duration?: number = 0\n isAnimating: boolean\n __currentHeight: number\n\n constructor(opts: HeightAnimationOptions = {}) {\n this.isInBrowser = typeof window !== 'undefined'\n this.setState('init')\n this.setOptions(opts)\n }\n\n callAnimationStart() {\n this.startTime = Date.now()\n if (!this.firstTime) {\n this.firstTime = this.startTime\n }\n if (this.onStartStack) {\n this.onStartStack.forEach((fn) => {\n if (typeof fn === 'function') {\n fn(this.state)\n }\n })\n }\n }\n callAnimationEnd() {\n this.isAnimating = false\n\n if (this.state !== 'opened') {\n delete this.__currentHeight\n }\n\n this.removeEndEvents()\n\n if (this.onEndStack) {\n this.onEndStack.forEach((fn) => {\n if (typeof fn === 'function') {\n fn(this.state)\n }\n })\n }\n }\n addEndEvent(listener: HeightAnimationEventListener) {\n this.removeEndEvents() // also, remove events on every open (but not on close!)\n\n const handleTransitionEnd = (e) => {\n if (this.canFinish()) {\n listener(e)\n } else {\n const delay = this.duration - (Date.now() - this.startTime)\n\n if (delay === -1) {\n listener(e)\n } else {\n this.timeouts.push(setTimeout(() => listener(e), delay))\n }\n }\n }\n\n this.events.push(handleTransitionEnd)\n this.elem?.addEventListener?.('transitionend', handleTransitionEnd)\n }\n removeEndEvents() {\n this.events.forEach((listener) => {\n this.elem?.removeEventListener?.('transitionend', listener)\n })\n this.events = []\n }\n\n // Public methods\n setElement(elem: HeightAnimationElement) {\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 this.duration =\n globalThis.animationDuration ??\n (parseFloat(window.getComputedStyle(this.elem).transitionDuration) \n 1000 \|\|\n 400) // The default duration\n }\n setState(state: HeightAnimationStates) {\n this.state = Object.freeze(state)\n }\n setOptions(opts: HeightAnimationOptions) {\n this.opts = Object.freeze({ ...this.opts, ...opts })\n }\n getOptions() {\n return this.opts\n }\n remove() {\n this.stop()\n this.removeEndEvents()\n this.setState('init')\n this.isAnimating = false\n this.onEndStack = []\n this.onStartStack = []\n this.__currentHeight = undefined\n this.elem = undefined\n }\n setAsOpen() {\n if (this.state === 'opened') {\n return\n }\n this.setState('opening')\n this.callAnimationStart()\n this.setState('opened')\n this.callAnimationEnd()\n }\n setAsClosed() {\n if (this.state === 'closed') {\n return\n }\n this.setState('closing')\n this.callAnimationStart()\n this.setState('closed')\n this.callAnimationEnd()\n }\n getHeight() {\n return parseFloat(String(this.elem?.clientHeight)) \|\| null\n }\n firstPaintStyle() {\n return {\n position: 'absolute',\n visibility: 'hidden',\n opacity: '0', // prevents before/after elements to be visible\n height: 'auto',\n }\n }\n getUnknownHeight() {\n if (!this.elem) {\n return null\n }\n\n if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {\n return this.__currentHeight\n }\n\n const clonedElem = this.elem.cloneNode(true) as HTMLElement\n this.elem.parentNode?.insertBefore(clonedElem, this.elem.nextSibling)\n\n for (const key in this.firstPaintStyle) {\n clonedElem.style[key] = this.firstPaintStyle[key]\n }\n clonedElem.style.height = 'auto'\n\n const height =\n parseFloat(String(clonedElem.clientHeight)) \|\|\n // data-height is used for mockup testing with \"mockHeight\"\n parseFloat(clonedElem.getAttribute('data-height')) \|\|\n null\n\n clonedElem.parentNode?.removeChild(clonedElem)\n\n if (height) {\n this.__currentHeight = height\n }\n\n return height\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 ) {\n if (\n !this.elem \|\|\n !(\n this.isInBrowser &&\n typeof window.requestAnimationFrame === 'function'\n )\n ) {\n return\n }\n\n const opts = this.getOptions()\n if (opts.animate === false) {\n return\n }\n\n this.isAnimating = true\n\n // make the animation\n this.reqId1 = window.requestAnimationFrame(() => {\n if (!this.elem) {\n return\n }\n\n this.elem.style.height = `${fromHeight}px`\n\n this.reqId2 = window.requestAnimationFrame(() => {\n if (!this.elem) {\n return\n }\n\n this.elem.style.height = `${toHeight}px`\n })\n })\n }\n stop() {\n this.timeouts.forEach((id) => clearTimeout(id))\n this.timeouts = []\n\n if (\n this.isInBrowser &&\n typeof window.requestAnimationFrame === 'function'\n ) {\n window.cancelAnimationFrame(this.reqId1)\n window.cancelAnimationFrame(this.reqId2)\n }\n }\n open() {\n if (\n this.state === 'opened' \|\|\n this.state === 'opening' \|\|\n this.shouldBypassAnimation()\n ) {\n this.setAsOpen()\n return\n }\n\n this.setState('opening')\n this.callAnimationStart()\n\n const toHeight = this.getUnknownHeight()\n\n this.addEndEvent((e) => {\n if (e.target === e.currentTarget) {\n this.setState('opened')\n this.readjust()\n }\n })\n\n this.start(0, toHeight)\n }\n close() {\n if (\n this.state === 'closed' \|\|\n this.state === 'closing' \|\|\n this.shouldBypassAnimation()\n ) {\n this.setAsClosed()\n return\n }\n\n this.setState('closing')\n this.callAnimationStart()\n\n const fromHeight = this.getHeight()\n\n this.addEndEvent((e) => {\n if (e.target === e.currentTarget) {\n if (this.elem) {\n this.elem.style.visibility = 'hidden'\n this.elem.style.overflowY = 'clip'\n }\n this.setState('closed')\n this.callAnimationEnd()\n }\n })\n\n this.start(fromHeight, 0)\n }\n adjustTo(\n fromHeight: HeightAnimationFromHeight = null,\n toHeight: HeightAnimationToHeight = null\n ) {\n const opts = this.getOptions()\n\n if (\n !this.elem \|\|\n opts.animate === false \|\|\n this.state === 'opening' \|\|\n this.state === 'closing'\n ) {\n return\n }\n\n if (fromHeight === 0 \|\| fromHeight === null) {\n fromHeight = this.getHeight()\n }\n if (toHeight === null) {\n toHeight = this.getUnknownHeight()\n }\n\n if (fromHeight === toHeight) {\n this.setState('adjusted')\n return\n }\n\n this.setState('adjusting')\n this.callAnimationStart()\n\n this.addEndEvent((e) => {\n if (this.state === 'adjusting' && e.target === e.currentTarget) {\n if (this.elem) {\n this.elem.style.height = 'auto'\n }\n this.setState('adjusted')\n this.callAnimationEnd()\n }\n })\n\n this.start(fromHeight, toHeight)\n }\n readjust() {\n const endHeight = this.getHeight()\n\n if (this.elem) {\n this.elem.style.height = 'auto'\n }\n\n this.__currentHeight = undefined\n const newHeight = this.getUnknownHeight()\n\n // If the height has changed during the animation, we need to adjust it\n if (endHeight !== newHeight) {\n this.adjustTo(endHeight, newHeight)\n } else {\n this.callAnimationEnd()\n }\n }\n /\n Determines whether the animation can finish.\n * Check for certain states and if the time passed is too short.\n * With a so short first state change, we do not call animation end.\n /\n canFinish() {\n return Boolean(\n this.startTime &&\n Date.now() - this.startTime >\n (globalThis.animationDuration ?? this.duration)\n )\n }\n /\n Determines whether the animation should be bypassed.\n * Check for certain states and if the time passed is too short to be correct.\n * With a very short first state change, we skip animation.\n */\n shouldBypassAnimation() {\n const opts = this.getOptions()\n\n if (!this.elem \|\| opts.animate === false) {\n return true\n }\n\n if (\n this.isInBrowser &&\n (globalThis.IS_TEST \|\| globalThis.bypassTime === -1)\n ) {\n return false\n }\n\n return Boolean(\n this.firstTime &&\n Date.now() - this.firstTime < (globalThis.bypassTime ?? 100)\n )\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"HeightAnimationInstance.js","names":["HeightAnimation","constructor","opts","arguments","length","undefined","_defineProperty","animate","visibility","opacity","height","isInBrowser","window","setState","setOptions","callAnimationStart","startTime","Date","now","firstTime","onStartStack","forEach","fn","state","callAnimationEnd","isAnimating","__currentHeight","removeEndEvents","onEndStack","addEndEvent","listener","_this$elem","_this$elem$addEventLi","handleTransitionEnd","e","canFinish","delay","duration","timeouts","push","setTimeout","events","elem","addEventListener","call","_this$elem2","_this$elem2$removeEve","removeEventListener","setElement","_this$elem3","_globalThis$animation","document","createElement","String","nodeName","toLowerCase","parentElement","globalThis","animationDuration","parseFloat","getComputedStyle","transitionDuration","Object","freeze","_objectSpread","getOptions","remove","stop","setAsOpen","setAsClosed","getHeight","_this$elem4","clientHeight","getUnknownHeight","_this$elem$parentNode","_clonedElem$parentNod","width","clientWidth","clonedElem","cloneNode","parentNode","insertBefore","nextSibling","key","firstPaintStyle","style","position","getAttribute","removeChild","onStart","onEnd","start","fromHeight","toHeight","requestAnimationFrame","reqId1","reqId2","id","clearTimeout","cancelAnimationFrame","open","shouldBypassAnimation","target","currentTarget","readjust","close","overflowY","adjustTo","endHeight","newHeight","_globalThis$animation2","Boolean","_globalThis$bypassTim","IS_TEST","bypassTime","exports","default"],"sources":["../../../../src/components/height-animation/HeightAnimationInstance.ts"],"sourcesContent":["export 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 private state: Readonly<HeightAnimationStates>\n isInBrowser: boolean\n onStartStack: HeightAnimationOnStartStack = []\n onEndStack: HeightAnimationOnEndStack = []\n events: HeightAnimationEvents = []\n opts: HeightAnimationOptions = { animate: true }\n elem: HeightAnimationElement\n reqId1: number\n reqId2: number\n resizeTimeout: NodeJS.Timeout\n timeouts: NodeJS.Timeout[] = []\n firstTime?: number = 0\n startTime?: number = 0\n duration?: number = 0\n isAnimating: boolean\n __currentHeight: number\n\n firstPaintStyle = {\n visibility: 'hidden',\n opacity: '0', // prevents before/after elements to be visible\n height: 'auto',\n }\n\n constructor(opts: HeightAnimationOptions = {}) {\n this.isInBrowser = typeof window !== 'undefined'\n this.setState('init')\n this.setOptions(opts)\n }\n\n callAnimationStart() {\n this.startTime = Date.now()\n if (!this.firstTime) {\n this.firstTime = this.startTime\n }\n if (this.onStartStack) {\n this.onStartStack.forEach((fn) => {\n if (typeof fn === 'function') {\n fn(this.state)\n }\n })\n }\n }\n callAnimationEnd() {\n this.isAnimating = false\n\n if (this.state !== 'opened') {\n delete this.__currentHeight\n }\n\n this.removeEndEvents()\n\n if (this.onEndStack) {\n this.onEndStack.forEach((fn) => {\n if (typeof fn === 'function') {\n fn(this.state)\n }\n })\n }\n }\n addEndEvent(listener: HeightAnimationEventListener) {\n this.removeEndEvents() // also, remove events on every open (but not on close!)\n\n const handleTransitionEnd = (e) => {\n if (this.canFinish()) {\n listener(e)\n } else {\n const delay = this.duration - (Date.now() - this.startTime)\n\n if (delay === -1) {\n listener(e)\n } else {\n this.timeouts.push(setTimeout(() => listener(e), delay))\n }\n }\n }\n\n this.events.push(handleTransitionEnd)\n this.elem?.addEventListener?.('transitionend', handleTransitionEnd)\n }\n removeEndEvents() {\n this.events.forEach((listener) => {\n this.elem?.removeEventListener?.('transitionend', listener)\n })\n this.events = []\n }\n\n // Public methods\n setElement(elem: HeightAnimationElement) {\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 this.duration =\n globalThis.animationDuration ??\n (parseFloat(window.getComputedStyle(this.elem).transitionDuration) \n 1000 \|\|\n 400) // The default duration\n }\n setState(state: HeightAnimationStates) {\n this.state = Object.freeze(state)\n }\n setOptions(opts: HeightAnimationOptions) {\n this.opts = Object.freeze({ ...this.opts, ...opts })\n }\n getOptions() {\n return this.opts\n }\n remove() {\n this.stop()\n this.removeEndEvents()\n this.setState('init')\n this.isAnimating = false\n this.onEndStack = []\n this.onStartStack = []\n this.__currentHeight = undefined\n this.elem = undefined\n }\n setAsOpen() {\n if (this.state === 'opened') {\n return\n }\n this.setState('opening')\n this.callAnimationStart()\n this.setState('opened')\n this.callAnimationEnd()\n }\n setAsClosed() {\n if (this.state === 'closed') {\n return\n }\n this.setState('closing')\n this.callAnimationStart()\n this.setState('closed')\n this.callAnimationEnd()\n }\n getHeight() {\n return parseFloat(String(this.elem?.clientHeight)) \|\| null\n }\n getUnknownHeight() {\n if (!this.elem) {\n return null\n }\n\n if (this.isAnimating && typeof this.__currentHeight !== 'undefined') {\n return this.__currentHeight\n }\n\n const width = this.elem.clientWidth\n const clonedElem = this.elem.cloneNode(true) as HTMLElement\n this.elem.parentNode?.insertBefore(clonedElem, this.elem.nextSibling)\n\n for (const key in this.firstPaintStyle) {\n clonedElem.style[key] = this.firstPaintStyle[key]\n }\n clonedElem.style.width = width ? `${String(width)}px` : 'auto' // set width because of the \"position: absolute\"\n clonedElem.style.position = 'absolute' // not a part of the \"firstPaintStyle\"\n\n const height =\n parseFloat(String(clonedElem.clientHeight)) \|\|\n // data-height is used for mockup testing with \"mockHeight\"\n parseFloat(clonedElem.getAttribute('data-height')) \|\|\n null\n\n clonedElem.parentNode?.removeChild(clonedElem)\n\n if (height) {\n this.__currentHeight = height\n }\n\n return height\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 ) {\n if (\n !this.elem \|\|\n !(\n this.isInBrowser &&\n typeof window.requestAnimationFrame === 'function'\n )\n ) {\n return\n }\n\n const opts = this.getOptions()\n if (opts.animate === false) {\n return\n }\n\n this.stop()\n this.isAnimating = true\n\n // make the animation\n this.reqId1 = window.requestAnimationFrame(() => {\n if (!this.elem) {\n return\n }\n\n this.elem.style.height = `${fromHeight}px`\n\n this.reqId2 = window.requestAnimationFrame(() => {\n if (!this.elem) {\n return\n }\n\n this.elem.style.height = `${toHeight}px`\n })\n })\n }\n stop() {\n this.timeouts.forEach((id) => clearTimeout(id))\n this.timeouts = []\n\n if (\n this.isInBrowser &&\n typeof window.requestAnimationFrame === 'function'\n ) {\n window.cancelAnimationFrame(this.reqId1)\n window.cancelAnimationFrame(this.reqId2)\n }\n }\n open() {\n if (\n this.state === 'opened' \|\|\n this.state === 'opening' \|\|\n this.shouldBypassAnimation()\n ) {\n this.setAsOpen()\n return\n }\n\n this.setState('opening')\n this.callAnimationStart()\n\n const toHeight = this.getUnknownHeight()\n\n this.addEndEvent((e) => {\n if (e.target === e.currentTarget \|\| !e.currentTarget) {\n this.setState('opened')\n this.readjust()\n }\n })\n\n this.start(0, toHeight)\n }\n close() {\n if (\n this.state === 'closed' \|\|\n this.state === 'closing' \|\|\n this.shouldBypassAnimation()\n ) {\n this.setAsClosed()\n return\n }\n\n this.setState('closing')\n this.callAnimationStart()\n\n const fromHeight = this.getHeight()\n\n this.addEndEvent((e) => {\n if (e.target === e.currentTarget \|\| !e.currentTarget) {\n if (this.elem) {\n this.elem.style.visibility = 'hidden'\n this.elem.style.overflowY = 'clip'\n }\n this.setState('closed')\n this.callAnimationEnd()\n }\n })\n\n this.start(fromHeight, 0)\n }\n adjustTo(\n fromHeight: HeightAnimationFromHeight = null,\n toHeight: HeightAnimationToHeight = null\n ) {\n const opts = this.getOptions()\n\n if (\n !this.elem \|\|\n opts.animate === false \|\|\n this.state === 'opening' \|\|\n this.state === 'closing'\n ) {\n return\n }\n\n if (fromHeight === 0 \|\| fromHeight === null) {\n fromHeight = this.getHeight()\n }\n if (toHeight === null) {\n toHeight = this.getUnknownHeight()\n }\n\n if (fromHeight === toHeight) {\n this.setState('adjusted')\n return\n }\n\n this.setState('adjusting')\n this.callAnimationStart()\n\n this.addEndEvent((e) => {\n if (\n this.state === 'adjusting' &&\n (e.target === e.currentTarget \|\| !e.currentTarget)\n ) {\n if (this.elem) {\n this.elem.style.height = 'auto'\n }\n this.setState('adjusted')\n this.callAnimationEnd()\n }\n })\n\n this.start(fromHeight, toHeight)\n }\n readjust() {\n const endHeight = this.getHeight()\n\n if (this.elem) {\n this.elem.style.height = 'auto'\n }\n\n this.__currentHeight = undefined\n const newHeight = this.getUnknownHeight()\n\n // If the height has changed during the animation, we need to adjust it\n if (endHeight !== newHeight) {\n this.adjustTo(endHeight, newHeight)\n } else {\n this.callAnimationEnd()\n }\n }\n /\n Determines whether the animation can finish.\n * Check for certain states and if the time passed is too short.\n * With a so short first state change, we do not call animation end.\n /\n canFinish() {\n return Boolean(\n this.startTime &&\n Date.now() - this.startTime >\n (globalThis.animationDuration ?? this.duration)\n )\n }\n /\n Determines whether the animation should be bypassed.\n * Check for certain states and if the time passed is too short to be correct.\n * With a very short first state change, we skip animation.\n */\n shouldBypassAnimation() {\n const opts = this.getOptions()\n\n if (!this.elem \|\| opts.animate === false) {\n return true\n }\n\n if (\n this.isInBrowser &&\n (globalThis.IS_TEST \|\| globalThis.bypassTime === -1)\n ) {\n return false\n }\n\n return Boolean(\n this.firstTime &&\n Date.now() - this.firstTime < (globalThis.bypassTime ?? 100)\n )\n }\n}\n"],"mappings":"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"}

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

@@ -63,7 +63,9 @@ function useHeightAnimation(targetRef) {
           setIsAnimating(true);
           break;
       }
-      onAnimationStart === null || onAnimationStart === void 0 ? void 0 : onAnimationStart(state);
+      if (!isInitialRenderRef.current) {
+        onAnimationStart === null || onAnimationStart === void 0 ? void 0 : onAnimationStart(state);
+      }
     });
     instRef.current.onEnd(state => {
       switch (state) {
@@ -101,7 +103,7 @@ function useHeightAnimation(targetRef) {
     isInitialRenderRef,
     targetRef
   });
-  const firstPaintStyle = open && !isVisible && !isAnimating && ((_instRef$current2 = instRef.current) === null || _instRef$current2 === void 0 ? void 0 : _instRef$current2.firstPaintStyle()) || {};
+  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,
@@ -120,6 +122,7 @@ function useOpenClose(_ref) {
     isInitialRenderRef,
     targetRef
   } = _ref;
+  const isTest = typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof globalThis.IS_TEST === 'undefined';
   useLayoutEffect(() => {
     instRef.current.setElement(targetRef.current);
     if (!targetRef.current || instRef.current.state === 'init' && isInitialRenderRef.current) {
@@ -128,21 +131,19 @@ function useOpenClose(_ref) {
       } else {
         instRef.current.setAsClosed();
       }
-    }
-  }, [open, targetRef, instRef, isInitialRenderRef]);
-  const isTest = typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof globalThis.IS_TEST === 'undefined';
-  useLayoutEffect(() => {
-    if (open) {
-      instRef.current.open();
     } else {
-      instRef.current.close();
+      if (open) {
+        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]);
+  }, [open, targetRef, instRef, isInitialRenderRef, isTest]);
   useLayoutEffect(() => {
     const run = () => {
       isInitialRenderRef.current = false;

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

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"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","isTest","process","env","NODE_ENV","setElement","setAsOpen","setAsClosed","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 if (!isInitialRenderRef.current) {\n onAnimationStart?.(state)\n }\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 const isTest =\n typeof process !== 'undefined' &&\n process.env.NODE_ENV === 'test' &&\n typeof globalThis.IS_TEST === 'undefined'\n\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 } else {\n if (open) {\n instRef.current.open()\n } else {\n instRef.current.close()\n }\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, targetRef, instRef, isInitialRenderRef, 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/info-card/InfoCard.d.ts CHANGED Viewed

@@ -15,6 +15,11 @@ export interface InfoCardProps {
      * Default: false
      */
     centered?: boolean;
+    /**
+     * Determines whether to display a drop shadow around the card.
+     * Default: true
+     */
+    dropShadow?: boolean;
     /**
      * Replace the default icon with custom icon.
      * Default: Lightbulb (icon)
@@ -79,6 +84,7 @@ export interface InfoCardProps {
 export type InfoCardAllProps = InfoCardProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & SpacingProps;
 export declare const defaultProps: {
     centered: boolean;
+    dropShadow: boolean;
     skeleton: boolean;
     icon: (props: any) => import("react/jsx-runtime").JSX.Element;
 };

package/cjs/components/info-card/InfoCard.js CHANGED Viewed

@@ -17,7 +17,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _Provider = _interopRequireDefault(require("../../shared/Provider"));
 var _componentHelper = require("../../shared/component-helper");
-const _excluded = ["alt", "centered", "title", "skeleton", "className", "icon", "src", "imgProps", "text", "onClose", "onAccept", "closeButtonText", "acceptButtonText", "closeButtonAttributes", "acceptButtonAttributes"];
+const _excluded = ["alt", "centered", "dropShadow", "title", "skeleton", "className", "icon", "src", "imgProps", "text", "onClose", "onAccept", "closeButtonText", "acceptButtonText", "closeButtonAttributes", "acceptButtonAttributes"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -29,6 +29,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const defaultProps = {
   centered: false,
+  dropShadow: true,
   skeleton: false,
   icon: _icons.lightbulb_medium
 };
@@ -42,6 +43,7 @@ const InfoCard = localProps => {
   const {
       alt,
       centered,
+      dropShadow,
       title,
       skeleton,
       className,
@@ -62,7 +64,7 @@ const InfoCard = localProps => {
   const acceptButtonIsHidden = !onAccept && !acceptButtonText;
   (0, _componentHelper.validateDOMAttributes)(allProps, props);
   return _react.default.createElement("div", _extends({
-    className: (0, _classnames.default)('dnb-info-card', spacingClasses, className, centered && 'dnb-info-card--centered')
+    className: (0, _classnames.default)('dnb-info-card', spacingClasses, className, centered && 'dnb-info-card--centered', dropShadow && 'dnb-info-card--shadow')
   }, props), _react.default.createElement(_Provider.default, {
     skeleton: skeleton
   }, _react.default.createElement(_Space.default, {

package/cjs/components/info-card/InfoCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoCard.js","names":["_react","_interopRequireDefault","require","_classnames","_Button","_IconPrimary2","_Img","_Space","_P","_icons","_SpacingHelper","_Context","_Provider","_componentHelper","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_extends","assign","bind","prototype","hasOwnProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","centered","skeleton","icon","LightbulbIcon","exports","InfoCard","localProps","_IconPrimary","context","React","useContext","Context","allProps","extendPropsWithContext","alt","title","className","src","imgProps","text","onClose","onAccept","closeButtonText","acceptButtonText","closeButtonAttributes","acceptButtonAttributes","props","spacingClasses","createSpacingClasses","closeButtonIsHidden","acceptButtonIsHidden","validateDOMAttributes","createElement","classnames","right","bottom","getIllustration","size","modifier","getButtons","top","type","variant","on_click","icon_position","imageProps","_supportsSpacingProps","_default"],"sources":["../../../../src/components/info-card/InfoCard.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button, { ButtonProps } from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport Img, { ImgProps } from '../../elements/img/Img'\nimport Space from '../space/Space'\nimport P from '../../elements/P'\n\n// Icons\nimport { lightbulb_medium as LightbulbIcon } from '../../icons'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n extendPropsWithContext,\n validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport interface InfoCardProps {\n /*\n Used in combination with `src` to provide an alt attribute for the `img` element.\n * Default: null\n /\n alt?: React.ReactNode\n /\n Aligns the content to center, rather than left\n * Default: false\n /\n centered?: boolean\n /\n Replace the default icon with custom icon.\n * Default: Lightbulb (icon)\n /\n icon?: IconIcon\n /\n Props applied to the `img` element if the component is used to display an image. Replace the 'icon'\n * Default: null\n /\n imgProps?: ImgProps\n /\n Skeleton should be applied when loading content\n * Default: null\n /\n skeleton?: SkeletonShow\n /\n Specifies the path to the image\n * Default: null\n /\n src?: string\n /\n Image src, will replace the 'icon' with the image\n * Default: null\n /\n text: React.ReactNode\n /\n Component title\n * Default: null\n /\n title?: React.ReactNode\n /\n Is called when the close button is clicked\n * Default: null\n /\n onClose?: React.MouseEventHandler<HTMLButtonElement>\n /\n The text of the close button.\n * Default: null\n /\n closeButtonText?: React.ReactNode\n /\n Is called when the accept button is clicked\n * Default: null\n /\n onAccept?: React.MouseEventHandler<HTMLButtonElement>\n /\n The text of the accept button.\n * Default: null\n /\n acceptButtonText?: React.ReactNode\n /\n Additional attributes for the close button.\n * Default: null\n /\n closeButtonAttributes?: ButtonProps\n /\n Additional attributes for the accept button\n * Default: null\n */\n acceptButtonAttributes?: ButtonProps\n}\n\nexport type InfoCardAllProps = InfoCardProps &\n Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> &\n SpacingProps\n\nexport const defaultProps = {\n centered: false,\n skeleton: false,\n icon: LightbulbIcon,\n}\n\nconst InfoCard = (localProps: InfoCardAllProps) => {\n // Every component should have a context\n const context = React.useContext(Context)\n\n const allProps = extendPropsWithContext(localProps, defaultProps, {\n skeleton: context?.skeleton,\n })\n\n // Extract additional props from global context\n const {\n alt,\n centered,\n title,\n skeleton,\n className,\n icon,\n src,\n imgProps,\n text,\n onClose,\n onAccept,\n closeButtonText,\n acceptButtonText,\n closeButtonAttributes,\n acceptButtonAttributes,\n ...props\n } = allProps\n\n const spacingClasses = createSpacingClasses(props)\n\n const closeButtonIsHidden = !onClose && !closeButtonText\n const acceptButtonIsHidden = !onAccept && !acceptButtonText\n\n validateDOMAttributes(allProps, props)\n\n return (\n <div\n className={classnames(\n 'dnb-info-card',\n centered && 'dnb-info-card--centered',\n spacingClasses,\n className\n )}\n {...props}\n >\n <Provider skeleton={skeleton}>\n <Space\n right={!centered ? 'small' : false}\n bottom={centered ? 'small' : false}\n >\n {getIllustration()}\n </Space>\n\n <div className=\"dnb-info-card__content\">\n {title && (\n <P\n className=\"dnb-info-card__title\"\n size=\"small\"\n modifier=\"medium\"\n bottom=\"x-small\"\n >\n {title}\n </P>\n )}\n\n <P size=\"small\" className=\"dnb-info-card__text\" bottom=\"0\">\n {text}\n </P>\n\n {getButtons()}\n </div>\n </Provider>\n </div>\n )\n\n function getButtons() {\n if (closeButtonIsHidden && acceptButtonIsHidden) return null\n\n return (\n <div className=\"dnb-info-card__buttons\">\n {!acceptButtonIsHidden && (\n <Button\n top={centered ? 'medium' : 'small'}\n type=\"button\"\n className=\"dnb-info-card__buttons__accept-button\"\n variant=\"secondary\"\n right={centered ? 'zero' : 'small'}\n on_click={onAccept}\n text={acceptButtonText}\n {...acceptButtonAttributes}\n />\n )}\n {!closeButtonIsHidden && (\n <Button\n type=\"button\"\n className=\"dnb-info-card__buttons__close-button\"\n variant=\"tertiary\"\n top=\"small\"\n on_click={onClose}\n icon=\"close\"\n icon_position=\"left\"\n text={closeButtonText}\n {...closeButtonAttributes}\n />\n )}\n </div>\n )\n }\n\n function getIllustration() {\n if (src \|\| imgProps) {\n const imageProps = { src, alt, ...imgProps }\n return <Img className=\"dnb-info-card__image\" {...imageProps} />\n }\n return (\n <IconPrimary\n size=\"medium\"\n className=\"dnb-info-card__icon\"\n icon={icon}\n />\n )\n }\n}\n\nInfoCard._supportsSpacingProps = true\n\nexport default InfoCard\n"],"mappings":"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"}
1	+ {"version":3,"file":"InfoCard.js","names":["_react","_interopRequireDefault","require","_classnames","_Button","_IconPrimary2","_Img","_Space","_P","_icons","_SpacingHelper","_Context","_Provider","_componentHelper","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_extends","assign","bind","prototype","hasOwnProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","centered","dropShadow","skeleton","icon","LightbulbIcon","exports","InfoCard","localProps","_IconPrimary","context","React","useContext","Context","allProps","extendPropsWithContext","alt","title","className","src","imgProps","text","onClose","onAccept","closeButtonText","acceptButtonText","closeButtonAttributes","acceptButtonAttributes","props","spacingClasses","createSpacingClasses","closeButtonIsHidden","acceptButtonIsHidden","validateDOMAttributes","createElement","classnames","right","bottom","getIllustration","size","modifier","getButtons","top","type","variant","on_click","icon_position","imageProps","_supportsSpacingProps","_default"],"sources":["../../../../src/components/info-card/InfoCard.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button, { ButtonProps } from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport Img, { ImgProps } from '../../elements/img/Img'\nimport Space from '../space/Space'\nimport P from '../../elements/P'\n\n// Icons\nimport { lightbulb_medium as LightbulbIcon } from '../../icons'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n extendPropsWithContext,\n validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport interface InfoCardProps {\n /*\n Used in combination with `src` to provide an alt attribute for the `img` element.\n * Default: null\n /\n alt?: React.ReactNode\n /\n Aligns the content to center, rather than left\n * Default: false\n /\n centered?: boolean\n /\n Determines whether to display a drop shadow around the card.\n * Default: true\n /\n dropShadow?: boolean\n /\n Replace the default icon with custom icon.\n * Default: Lightbulb (icon)\n /\n icon?: IconIcon\n /\n Props applied to the `img` element if the component is used to display an image. Replace the 'icon'\n * Default: null\n /\n imgProps?: ImgProps\n /\n Skeleton should be applied when loading content\n * Default: null\n /\n skeleton?: SkeletonShow\n /\n Specifies the path to the image\n * Default: null\n /\n src?: string\n /\n Image src, will replace the 'icon' with the image\n * Default: null\n /\n text: React.ReactNode\n /\n Component title\n * Default: null\n /\n title?: React.ReactNode\n /\n Is called when the close button is clicked\n * Default: null\n /\n onClose?: React.MouseEventHandler<HTMLButtonElement>\n /\n The text of the close button.\n * Default: null\n /\n closeButtonText?: React.ReactNode\n /\n Is called when the accept button is clicked\n * Default: null\n /\n onAccept?: React.MouseEventHandler<HTMLButtonElement>\n /\n The text of the accept button.\n * Default: null\n /\n acceptButtonText?: React.ReactNode\n /\n Additional attributes for the close button.\n * Default: null\n /\n closeButtonAttributes?: ButtonProps\n /\n Additional attributes for the accept button\n * Default: null\n */\n acceptButtonAttributes?: ButtonProps\n}\n\nexport type InfoCardAllProps = InfoCardProps &\n Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> &\n SpacingProps\n\nexport const defaultProps = {\n centered: false,\n dropShadow: true,\n skeleton: false,\n icon: LightbulbIcon,\n}\n\nconst InfoCard = (localProps: InfoCardAllProps) => {\n // Every component should have a context\n const context = React.useContext(Context)\n\n const allProps = extendPropsWithContext(localProps, defaultProps, {\n skeleton: context?.skeleton,\n })\n\n // Extract additional props from global context\n const {\n alt,\n centered,\n dropShadow,\n title,\n skeleton,\n className,\n icon,\n src,\n imgProps,\n text,\n onClose,\n onAccept,\n closeButtonText,\n acceptButtonText,\n closeButtonAttributes,\n acceptButtonAttributes,\n ...props\n } = allProps\n\n const spacingClasses = createSpacingClasses(props)\n\n const closeButtonIsHidden = !onClose && !closeButtonText\n const acceptButtonIsHidden = !onAccept && !acceptButtonText\n\n validateDOMAttributes(allProps, props)\n\n return (\n <div\n className={classnames(\n 'dnb-info-card',\n centered && 'dnb-info-card--centered',\n dropShadow && 'dnb-info-card--shadow',\n spacingClasses,\n className\n )}\n {...props}\n >\n <Provider skeleton={skeleton}>\n <Space\n right={!centered ? 'small' : false}\n bottom={centered ? 'small' : false}\n >\n {getIllustration()}\n </Space>\n\n <div className=\"dnb-info-card__content\">\n {title && (\n <P\n className=\"dnb-info-card__title\"\n size=\"small\"\n modifier=\"medium\"\n bottom=\"x-small\"\n >\n {title}\n </P>\n )}\n\n <P size=\"small\" className=\"dnb-info-card__text\" bottom=\"0\">\n {text}\n </P>\n\n {getButtons()}\n </div>\n </Provider>\n </div>\n )\n\n function getButtons() {\n if (closeButtonIsHidden && acceptButtonIsHidden) return null\n\n return (\n <div className=\"dnb-info-card__buttons\">\n {!acceptButtonIsHidden && (\n <Button\n top={centered ? 'medium' : 'small'}\n type=\"button\"\n className=\"dnb-info-card__buttons__accept-button\"\n variant=\"secondary\"\n right={centered ? 'zero' : 'small'}\n on_click={onAccept}\n text={acceptButtonText}\n {...acceptButtonAttributes}\n />\n )}\n {!closeButtonIsHidden && (\n <Button\n type=\"button\"\n className=\"dnb-info-card__buttons__close-button\"\n variant=\"tertiary\"\n top=\"small\"\n on_click={onClose}\n icon=\"close\"\n icon_position=\"left\"\n text={closeButtonText}\n {...closeButtonAttributes}\n />\n )}\n </div>\n )\n }\n\n function getIllustration() {\n if (src \|\| imgProps) {\n const imageProps = { src, alt, ...imgProps }\n return <Img className=\"dnb-info-card__image\" {...imageProps} />\n }\n return (\n <IconPrimary\n size=\"medium\"\n className=\"dnb-info-card__icon\"\n icon={icon}\n />\n )\n }\n}\n\nInfoCard._supportsSpacingProps = true\n\nexport default InfoCard\n"],"mappings":"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"}

package/cjs/components/info-card/style/dnb-info-card.css CHANGED Viewed

@@ -12,7 +12,6 @@
   padding: 1rem;
   overflow: hidden;
   background: var(--color-white);
-  box-shadow: var(--shadow-default);
 }
 .dnb-info-card::after {
   content: "";
@@ -29,6 +28,9 @@
   align-items: center;
   text-align: center;
 }
+.dnb-info-card--shadow {
+  box-shadow: var(--shadow-default);
+}
 .dnb-info-card__content {
   flex-direction: column;
   margin-top: 0.1875rem;

package/cjs/components/info-card/style/dnb-info-card.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-info-card{background:var(--color-white);~~box-shadow:var(--shadow-default);~~display:flex;flex-direction:row;overflow:hidden;padding:1rem;position:relative}.dnb-info-card:after{border:1px solid var(--color-black-8);content:"";inset:0;pointer-events:none;position:absolute}.dnb-info-card,.dnb-info-card:after{border-radius:.25rem}.dnb-info-card--centered{align-items:center;flex-direction:column;text-align:center}.dnb-info-card__content{flex-direction:column;margin-top:.1875rem;max-width:70ch}.dnb-info-card--centered .dnb-info-card__content{margin-top:0}.dnb-info-card__icon{color:var(--color-emerald-green)}.dnb-info-card__image{height:4rem;width:4rem}.dnb-info-card__buttons{display:flex;flex-flow:row wrap}.dnb-info-card--centered .dnb-info-card__buttons{align-items:center;flex-direction:column;text-align:center}
1	+ .dnb-info-card{background:var(--color-white);display:flex;flex-direction:row;overflow:hidden;padding:1rem;position:relative}.dnb-info-card:after{border:1px solid var(--color-black-8);content:"";inset:0;pointer-events:none;position:absolute}.dnb-info-card,.dnb-info-card:after{border-radius:.25rem}.dnb-info-card--centered{align-items:center;flex-direction:column;text-align:center}.dnb-info-card--shadow{box-shadow:var(--shadow-default)}.dnb-info-card__content{flex-direction:column;margin-top:.1875rem;max-width:70ch}.dnb-info-card--centered .dnb-info-card__content{margin-top:0}.dnb-info-card__icon{color:var(--color-emerald-green)}.dnb-info-card__image{height:4rem;width:4rem}.dnb-info-card__buttons{display:flex;flex-flow:row wrap}.dnb-info-card--centered .dnb-info-card__buttons{align-items:center;flex-direction:column;text-align:center}

package/cjs/components/info-card/style/dnb-info-card.scss CHANGED Viewed

@@ -29,14 +29,16 @@
     border-radius: 0.25rem;
   }
-  @include defaultDropShadow();
   &--centered {
     flex-direction: column;
     align-items: center;
     text-align: center;
   }
+  &--shadow {
+    @include defaultDropShadow();
+  }
   &__content {
     flex-direction: column;
     margin-top: 0.1875rem;

package/cjs/components/input/Input.d.ts CHANGED Viewed

@@ -37,7 +37,7 @@ export interface InputProps
    */
   type?: string;
   /**
-   * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size="2"` then it will be forwarded as the input element attribute.
+   * The sizes you can choose is `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size={2}` then it will be forwarded as the input element attribute.
    */
   size?: InputSize;
   /**
@@ -62,7 +62,7 @@ export interface InputProps
    */
   status?: FormStatusText;
   /**
-   * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
+   * The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).
    */
   globalStatus?: GlobalStatusConfigObject;
   /**
@@ -79,7 +79,7 @@ export interface InputProps
    */
   input_state?: string;
   /**
-   * Defaults to `off`. Set to `on` or any of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete">allowed `attributes`</a>. Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.
+   * Defaults to `off`. Set to `on` or any of [allowed `attributes`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete). Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.
    */
   autocomplete?: string;
   /**
@@ -88,7 +88,7 @@ export interface InputProps
   submit_button_title?: string;
   clear_button_title?: string;
   /**
-   * The placeholder which shows up once the input value is empty
+   * The placeholder which shows up once the input value is empty.
    */
   placeholder?: string;
   /**
@@ -126,11 +126,11 @@ export interface InputProps
    */
   input_class?: string;
   /**
-   * Provide the Input element with any attributes by using an Object `input_attributes={{size:&#39;2&#39;}}` or a JSON Object `input_attributes=&#39;{"size":"2"}&#39;`. "NB:" Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.
+   * Provide the Input element with any attributes by using an Object `input_attributes={{size:'2'}}` or a JSON Object `input_attributes='{"size":"2"}'`. **NB:** Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.
    */
   input_attributes?: InputInputAttributes;
   /**
-   * <em>(internal)</em> by providing a new component we can change the internally used element. Also supports a string only, like `input_element="input"`.
+   * By providing a new component we can change the internally used element. Also supports a string only, like `input_element="input"`.
    */
   input_element?: InputInputElement;
   /**
@@ -151,7 +151,7 @@ export interface InputProps
   inner_ref?: React.Ref;
   readOnly?: boolean;
   /**
-   * <em>(internal)</em> by providing a new component to be rendered inside the "shell" – we can add a freely customizable internal element. Used by the Autocomplete component.
+   * By providing a new component to be rendered inside the "shell" – we can add a freely customizable internal element. Used by the Autocomplete component.
    */
   inner_element?: React.ReactNode;
   /**
@@ -196,7 +196,7 @@ export default class Input extends React.Component<InputProps, any> {
   render(): JSX.Element;
 }
 export interface SubmitButtonProps
-  extends React.HTMLProps<HTMLInputElement> {
+  extends React.HTMLProps<HTMLButtonElement> {
   id?: string;
   /**
    * The content value of the input.
@@ -222,7 +222,7 @@ export interface SubmitButtonProps
    */
   status?: FormStatusText;
   /**
-   * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
+   * The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).
    */
   globalStatus?: GlobalStatusConfigObject;
   /**

package/cjs/components/input/InputDocs.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { PropertiesTableProps } from '../../shared/types';
2	+ export declare const inputProperties: PropertiesTableProps;