npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.65 → 1.0.0-beta.68 - Mend

@rabbitio/ui-kit 1.0.0-beta.65 → 1.0.0-beta.68

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 (254) hide show

package/coverage/{rabbit-ui-kit → ui-kit}/src/components/organisms/Dialog/Dialog.jsx.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/organisms/Dialog/Dialog.jsx</title>
+    <title>Code coverage report for ui-kit/src/components/organisms/Dialog/Dialog.jsx</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../base.css" />
@@ -19,13 +19,13 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/organisms/Dialog</a> Dialog.jsx</h1>
+        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">ui-kit/src/components/organisms/Dialog</a> Dialog.jsx</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/515</span>
+                <span class='fraction'>0/465</span>
             </div>
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/515</span>
+                <span class='fraction'>0/465</span>
             </div>
@@ -528,107 +528,7 @@
 <a name='L463'></a><a href='#L463'>463</a>
 <a name='L464'></a><a href='#L464'>464</a>
 <a name='L465'></a><a href='#L465'>465</a>
-<a name='L466'></a><a href='#L466'>466</a>
-<a name='L467'></a><a href='#L467'>467</a>
-<a name='L468'></a><a href='#L468'>468</a>
-<a name='L469'></a><a href='#L469'>469</a>
-<a name='L470'></a><a href='#L470'>470</a>
-<a name='L471'></a><a href='#L471'>471</a>
-<a name='L472'></a><a href='#L472'>472</a>
-<a name='L473'></a><a href='#L473'>473</a>
-<a name='L474'></a><a href='#L474'>474</a>
-<a name='L475'></a><a href='#L475'>475</a>
-<a name='L476'></a><a href='#L476'>476</a>
-<a name='L477'></a><a href='#L477'>477</a>
-<a name='L478'></a><a href='#L478'>478</a>
-<a name='L479'></a><a href='#L479'>479</a>
-<a name='L480'></a><a href='#L480'>480</a>
-<a name='L481'></a><a href='#L481'>481</a>
-<a name='L482'></a><a href='#L482'>482</a>
-<a name='L483'></a><a href='#L483'>483</a>
-<a name='L484'></a><a href='#L484'>484</a>
-<a name='L485'></a><a href='#L485'>485</a>
-<a name='L486'></a><a href='#L486'>486</a>
-<a name='L487'></a><a href='#L487'>487</a>
-<a name='L488'></a><a href='#L488'>488</a>
-<a name='L489'></a><a href='#L489'>489</a>
-<a name='L490'></a><a href='#L490'>490</a>
-<a name='L491'></a><a href='#L491'>491</a>
-<a name='L492'></a><a href='#L492'>492</a>
-<a name='L493'></a><a href='#L493'>493</a>
-<a name='L494'></a><a href='#L494'>494</a>
-<a name='L495'></a><a href='#L495'>495</a>
-<a name='L496'></a><a href='#L496'>496</a>
-<a name='L497'></a><a href='#L497'>497</a>
-<a name='L498'></a><a href='#L498'>498</a>
-<a name='L499'></a><a href='#L499'>499</a>
-<a name='L500'></a><a href='#L500'>500</a>
-<a name='L501'></a><a href='#L501'>501</a>
-<a name='L502'></a><a href='#L502'>502</a>
-<a name='L503'></a><a href='#L503'>503</a>
-<a name='L504'></a><a href='#L504'>504</a>
-<a name='L505'></a><a href='#L505'>505</a>
-<a name='L506'></a><a href='#L506'>506</a>
-<a name='L507'></a><a href='#L507'>507</a>
-<a name='L508'></a><a href='#L508'>508</a>
-<a name='L509'></a><a href='#L509'>509</a>
-<a name='L510'></a><a href='#L510'>510</a>
-<a name='L511'></a><a href='#L511'>511</a>
-<a name='L512'></a><a href='#L512'>512</a>
-<a name='L513'></a><a href='#L513'>513</a>
-<a name='L514'></a><a href='#L514'>514</a>
-<a name='L515'></a><a href='#L515'>515</a>
-<a name='L516'></a><a href='#L516'>516</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<a name='L466'></a><a href='#L466'>466</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -1098,19 +998,12 @@
 <span class="cstat-no" title="statement not covered" >import { CSSTransition } from "react-transition-group";</span>
 <span class="cstat-no" title="statement not covered" >import AnimateHeight from "react-animate-height";</span>
 <span class="cstat-no" title="statement not covered" >import ResizeObserver from "resize-observer-polyfill";</span>
-<span class="cstat-no" title="statement not covered" >import {</span>
-<span class="cstat-no" title="statement not covered" >    disableBodyScroll,</span>
-<span class="cstat-no" title="statement not covered" >    enableBodyScroll,</span>
-<span class="cstat-no" title="statement not covered" >    clearAllBodyScrollLocks,</span>
-<span class="cstat-no" title="statement not covered" >} from "body-scroll-lock";</span>
+<span class="cstat-no" title="statement not covered" >import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from "body-scroll-lock";</span>
 <span class="cstat-no" title="statement not covered" >import animateScrollTo from "animated-scroll-to";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >import { useReferredState } from "../../hooks/useReferredState";</span>
 <span class="cstat-no" title="statement not covered" >import { logErrorOrOutputToConsole } from "../../../common/errorUtils";</span>
-<span class="cstat-no" title="statement not covered" >import {</span>
-<span class="cstat-no" title="statement not covered" >    DIALOG_TRANSITION_STEP_DURATION,</span>
-<span class="cstat-no" title="statement not covered" >    DIALOG_SIZES,</span>
-<span class="cstat-no" title="statement not covered" >} from "../../../constants/organisms/dialog/dialog";</span>
+<span class="cstat-no" title="statement not covered" >import { DIALOG_TRANSITION_STEP_DURATION, DIALOG_SIZES } from "../../../constants/organisms/dialog/dialog";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >import s from "./dialog.module.scss";</span>
 <span class="cstat-no" title="statement not covered" >import { Close } from "../../atoms/buttons/Close/Close";</span>
@@ -1171,16 +1064,12 @@
 <span class="cstat-no" title="statement not covered" >        dialogContainerOverflowDisabled: false,</span>
 <span class="cstat-no" title="statement not covered" >        hideMobileBottomButtonSection: false,</span>
 <span class="cstat-no" title="statement not covered" >    });</span>
-<span class="cstat-no" title="statement not covered" >    const [stepAnimationFinishedTrigger, setStepAnimationFinishedTrigger] =</span>
-<span class="cstat-no" title="statement not covered" >        useState(0);</span>
+<span class="cstat-no" title="statement not covered" >    const [stepAnimationFinishedTrigger, setStepAnimationFinishedTrigger] = useState(0);</span>
 <span class="cstat-no" title="statement not covered" >    const [dialogVerticalHeight, setDialogVerticalHeight] = useState(300);</span>
 <span class="cstat-no" title="statement not covered" >    const [currentStepRef, setCurrentStepRef] = useState({});</span>
 <span class="cstat-no" title="statement not covered" >    const [dimensions, setDimensions] = useState({ width: 0, height: 0 });</span>
-<span class="cstat-no" title="statement not covered" >    const [buttonsConfiguration, updateButtonsConfigurationState] = useState(</span>
-<span class="cstat-no" title="statement not covered" >        buttonsConfigurationDefault</span>
-<span class="cstat-no" title="statement not covered" >    );</span>
-<span class="cstat-no" title="statement not covered" >    const [buttonControllingStep, updateButtonControllingStep] =</span>
-<span class="cstat-no" title="statement not covered" >        useReferredState("");</span>
+<span class="cstat-no" title="statement not covered" >    const [buttonsConfiguration, updateButtonsConfigurationState] = useState(buttonsConfigurationDefault);</span>
+<span class="cstat-no" title="statement not covered" >    const [buttonControllingStep, updateButtonControllingStep] = useReferredState("");</span>
 <span class="cstat-no" title="statement not covered" >    const [isMultiStep, setIsMultiStep] = useState(false);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const dialogWrapperRef = useRef();</span>
@@ -1189,10 +1078,7 @@
 <span class="cstat-no" title="statement not covered" >    const resizeObserverRef = useRef(null);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const updateButtonsConfiguration = (newConfiguration, stepName) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        if (</span>
-<span class="cstat-no" title="statement not covered" >            buttonControllingStep.current === stepName ||</span>
-<span class="cstat-no" title="statement not covered" >            buttonControllingStep.current === ""</span>
-<span class="cstat-no" title="statement not covered" >        )</span>
+<span class="cstat-no" title="statement not covered" >        if (buttonControllingStep.current === stepName || buttonControllingStep.current === "")</span>
 <span class="cstat-no" title="statement not covered" >            updateButtonsConfigurationState(newConfiguration);</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
@@ -1205,20 +1091,17 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const showCornerButtonForStep = (stepName, stepButtonShowParam) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (stepName !== "") {</span>
-<span class="cstat-no" title="statement not covered" >            let stepNameId = steps.findIndex((step) =&gt; step.name === stepName);</span>
-<span class="cstat-no" title="statement not covered" >            return stepButtonShowParam !== null &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                typeof stepButtonShowParam === "boolean"</span>
+<span class="cstat-no" title="statement not covered" >            let stepNameId = steps.findIndex(step =&gt; step.name === stepName);</span>
+<span class="cstat-no" title="statement not covered" >            return stepButtonShowParam !== null &amp;&amp; typeof stepButtonShowParam === "boolean"</span>
 <span class="cstat-no" title="statement not covered" >                ? stepButtonShowParam</span>
-<span class="cstat-no" title="statement not covered" >                : stepNameId &gt; steps.findIndex((step) =&gt; step.hidden === false);</span>
+<span class="cstat-no" title="statement not covered" >                : stepNameId &gt; steps.findIndex(step =&gt; step.hidden === false);</span>
 <span class="cstat-no" title="statement not covered" >        } else {</span>
 <span class="cstat-no" title="statement not covered" >            return false;</span>
 <span class="cstat-no" title="statement not covered" >        }</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const nextStep = (animationControlEnabled = true) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        const nextStep = steps.find(</span>
-<span class="cstat-no" title="statement not covered" >            (step, index) =&gt; index &gt; currentStep &amp;&amp; step.hidden === false</span>
-<span class="cstat-no" title="statement not covered" >        );</span>
+<span class="cstat-no" title="statement not covered" >        const nextStep = steps.find((step, index) =&gt; index &gt; currentStep &amp;&amp; step.hidden === false);</span>
 <span class="cstat-no" title="statement not covered" >        if (nextStep) {</span>
 <span class="cstat-no" title="statement not covered" >            goToStep(nextStep.name, animationControlEnabled);</span>
 <span class="cstat-no" title="statement not covered" >            return true;</span>
@@ -1230,11 +1113,9 @@
 <span class="cstat-no" title="statement not covered" >    const previousStep = (animationControlEnabled = true) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        const prevSteps = steps</span>
 <span class="cstat-no" title="statement not covered" >            .map((step, index) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >                return index &lt; currentStep &amp;&amp; step.hidden === false</span>
-<span class="cstat-no" title="statement not covered" >                    ? step.name</span>
-<span class="cstat-no" title="statement not covered" >                    : undefined;</span>
+<span class="cstat-no" title="statement not covered" >                return index &lt; currentStep &amp;&amp; step.hidden === false ? step.name : undefined;</span>
 <span class="cstat-no" title="statement not covered" >            })</span>
-<span class="cstat-no" title="statement not covered" >            .filter((item) =&gt; typeof item !== "undefined");</span>
+<span class="cstat-no" title="statement not covered" >            .filter(item =&gt; typeof item !== "undefined");</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >        if (prevSteps.length &gt; 0) {</span>
 <span class="cstat-no" title="statement not covered" >            goToStep(prevSteps[prevSteps.length - 1], animationControlEnabled);</span>
@@ -1244,46 +1125,41 @@
 <span class="cstat-no" title="statement not covered" >        }</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    const getStepClass = (stepName) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    const getStepClass = stepName =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (steps.length &gt; 1) {</span>
-<span class="cstat-no" title="statement not covered" >            let stepNameId = steps.findIndex((step) =&gt; step.name === stepName);</span>
-<span class="cstat-no" title="statement not covered" >            let stepClass =</span>
-<span class="cstat-no" title="statement not covered" >                currentStep &gt; stepNameId</span>
-<span class="cstat-no" title="statement not covered" >                    ? "prev"</span>
-<span class="cstat-no" title="statement not covered" >                    : currentStep === stepNameId</span>
-<span class="cstat-no" title="statement not covered" >                      ? "current"</span>
-<span class="cstat-no" title="statement not covered" >                      : "next";</span>
+<span class="cstat-no" title="statement not covered" >            let stepNameId = steps.findIndex(step =&gt; step.name === stepName);</span>
+<span class="cstat-no" title="statement not covered" >            let stepClass = currentStep &gt; stepNameId ? "prev" : currentStep === stepNameId ? "current" : "next";</span>
 <span class="cstat-no" title="statement not covered" >            return stepClass;</span>
 <span class="cstat-no" title="statement not covered" >        } else {</span>
 <span class="cstat-no" title="statement not covered" >            return "current";</span>
 <span class="cstat-no" title="statement not covered" >        }</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    const isCurrentStep = (stepName) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    const isCurrentStep = stepName =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        return steps[currentStep].name === stepName;</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const toFirstStep = (animationControlEnabled = true) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (animationControlEnabled) enableAnimation();</span>
-<span class="cstat-no" title="statement not covered" >        setCurrentStep(steps.findIndex((step) =&gt; step.hidden === false));</span>
+<span class="cstat-no" title="statement not covered" >        setCurrentStep(steps.findIndex(step =&gt; step.hidden === false));</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const goToStep = (stepName, animationControlEnabled = true) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (animationControlEnabled) enableAnimation();</span>
 <span class="cstat-no" title="statement not covered" >        try {</span>
-<span class="cstat-no" title="statement not covered" >            let stepNameId = steps.findIndex((step) =&gt; step.name === stepName);</span>
+<span class="cstat-no" title="statement not covered" >            let stepNameId = steps.findIndex(step =&gt; step.name === stepName);</span>
 <span class="cstat-no" title="statement not covered" >            setCurrentStep(stepNameId);</span>
 <span class="cstat-no" title="statement not covered" >        } catch (e) {</span>
 <span class="cstat-no" title="statement not covered" >            logErrorOrOutputToConsole(e);</span>
 <span class="cstat-no" title="statement not covered" >        }</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    const provideCurrentStepRef = (ref) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >    const provideCurrentStepRef = ref =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        setCurrentStepRef(ref);</span>
 <span class="cstat-no" title="statement not covered" >    };</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const disableAnimation = (dispatch = false) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        updateAnimationConfiguration((prev) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        updateAnimationConfiguration(prev =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            return {</span>
 <span class="cstat-no" title="statement not covered" >                ...prev,</span>
 <span class="cstat-no" title="statement not covered" >                animateHeightTransitionEnabled: false,</span>
@@ -1295,7 +1171,7 @@
 <span class="cstat-no" title="statement not covered" >            };</span>
 <span class="cstat-no" title="statement not covered" >        });</span>
 <span class="cstat-no" title="statement not covered" >        if (dispatch) {</span>
-<span class="cstat-no" title="statement not covered" >            updateAnimationConfiguration((prev) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            updateAnimationConfiguration(prev =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >                return {</span>
 <span class="cstat-no" title="statement not covered" >                    ...prev,</span>
 <span class="cstat-no" title="statement not covered" >                    triggerAnimationFinishedDispatcher: true,</span>
@@ -1306,8 +1182,8 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (animationConfiguration.triggerAnimationFinishedDispatcher) {</span>
-<span class="cstat-no" title="statement not covered" >            setStepAnimationFinishedTrigger((prev) =&gt; prev + 1);</span>
-<span class="cstat-no" title="statement not covered" >            updateAnimationConfiguration((prev) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            setStepAnimationFinishedTrigger(prev =&gt; prev + 1);</span>
+<span class="cstat-no" title="statement not covered" >            updateAnimationConfiguration(prev =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >                return {</span>
 <span class="cstat-no" title="statement not covered" >                    ...prev,</span>
 <span class="cstat-no" title="statement not covered" >                    triggerAnimationFinishedDispatcher: false,</span>
@@ -1318,7 +1194,7 @@
 <span class="cstat-no" title="statement not covered" >    }, [animationConfiguration]);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const enableAnimation = () =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        updateAnimationConfiguration((prev) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        updateAnimationConfiguration(prev =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            return {</span>
 <span class="cstat-no" title="statement not covered" >                ...prev,</span>
 <span class="cstat-no" title="statement not covered" >                animateHeightTransitionEnabled: true,</span>
@@ -1350,7 +1226,7 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        initControls &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >            initControls((prev) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            initControls(prev =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >                return {</span>
 <span class="cstat-no" title="statement not covered" >                    ...prev,</span>
 <span class="cstat-no" title="statement not covered" >                    stepAnimationFinishedTrigger: stepAnimationFinishedTrigger,</span>
@@ -1361,7 +1237,7 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        initControls &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >            initControls((prev) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            initControls(prev =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >                return {</span>
 <span class="cstat-no" title="statement not covered" >                    ...prev,</span>
 <span class="cstat-no" title="statement not covered" >                    animationConfiguration: animationConfiguration,</span>
@@ -1373,32 +1249,28 @@
 <span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (currentStepRef.current) {</span>
 <span class="cstat-no" title="statement not covered" >            resizeObserverRef.current = new ResizeObserver((entries = []) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >                entries.forEach((entry) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >                entries.forEach(entry =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >                    const { width, height } = entry.contentRect;</span>
 <span class="cstat-no" title="statement not covered" >                    setDimensions({ width, height });</span>
 <span class="cstat-no" title="statement not covered" >                });</span>
 <span class="cstat-no" title="statement not covered" >            });</span>
-<span class="cstat-no" title="statement not covered" >            if (currentStepRef.current)</span>
-<span class="cstat-no" title="statement not covered" >                resizeObserverRef.current.observe(currentStepRef.current);</span>
+<span class="cstat-no" title="statement not covered" >            if (currentStepRef.current) resizeObserverRef.current.observe(currentStepRef.current);</span>
 <span class="cstat-no" title="statement not covered" >            return () =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >                if (resizeObserverRef.current)</span>
-<span class="cstat-no" title="statement not covered" >                    resizeObserverRef.current.disconnect();</span>
+<span class="cstat-no" title="statement not covered" >                if (resizeObserverRef.current) resizeObserverRef.current.disconnect();</span>
 <span class="cstat-no" title="statement not covered" >            };</span>
 <span class="cstat-no" title="statement not covered" >        }</span>
 <span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
 <span class="cstat-no" title="statement not covered" >    }, [currentStepRef]);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        setDialogVerticalHeight((prev) =&gt;</span>
-<span class="cstat-no" title="statement not covered" >            prev !== 0 &amp;&amp; dimensions.height === 0 ? prev : dimensions.height</span>
-<span class="cstat-no" title="statement not covered" >        );</span>
+<span class="cstat-no" title="statement not covered" >        setDialogVerticalHeight(prev =&gt; (prev !== 0 &amp;&amp; dimensions.height === 0 ? prev : dimensions.height));</span>
 <span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
 <span class="cstat-no" title="statement not covered" >    }, [dimensions]);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        const childrenFormatted = children.length &gt; 1 ? children : [children];</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >        let stepsArr = childrenFormatted.map((child) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        let stepsArr = childrenFormatted.map(child =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >            return {</span>
 <span class="cstat-no" title="statement not covered" >                name: child.props.stepName,</span>
 <span class="cstat-no" title="statement not covered" >                hidden: !!child.props.hidden,</span>
@@ -1487,9 +1359,7 @@
 <span class="cstat-no" title="statement not covered" >                className={</span>
 <span class="cstat-no" title="statement not covered" >                    s["dialog"] +</span>
 <span class="cstat-no" title="statement not covered" >                    " " +</span>
-<span class="cstat-no" title="statement not covered" >                    (dialogVerticalHeight &gt; 1 || !isMultiStep</span>
-<span class="cstat-no" title="statement not covered" >                        ? ""</span>
-<span class="cstat-no" title="statement not covered" >                        : " " + s["hidden"]) +</span>
+<span class="cstat-no" title="statement not covered" >                    (dialogVerticalHeight &gt; 1 || !isMultiStep ? "" : " " + s["hidden"]) +</span>
 <span class="cstat-no" title="statement not covered" >                    (animationConfiguration.dialogContainerOverflowDisabled</span>
 <span class="cstat-no" title="statement not covered" >                        ? " " + s["vertical-overflow-disabled"]</span>
 <span class="cstat-no" title="statement not covered" >                        : "") +</span>
@@ -1497,18 +1367,11 @@
 <span class="cstat-no" title="statement not covered" >                }</span>
 <span class="cstat-no" title="statement not covered" >                ref={dialogRef}</span>
 <span class="cstat-no" title="statement not covered" >            &gt;</span>
-<span class="cstat-no" title="statement not covered" >                &lt;div</span>
-<span class="cstat-no" title="statement not covered" >                    className={</span>
-<span class="cstat-no" title="statement not covered" >                        s["scrollable"] + (inline ? " " + s["inline"] : "")</span>
-<span class="cstat-no" title="statement not covered" >                    }</span>
-<span class="cstat-no" title="statement not covered" >                    ref={scrollableRef}</span>
-<span class="cstat-no" title="statement not covered" >                &gt;</span>
+<span class="cstat-no" title="statement not covered" >                &lt;div className={s["scrollable"] + (inline ? " " + s["inline"] : "")} ref={scrollableRef}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;div</span>
 <span class="cstat-no" title="statement not covered" >                        className={</span>
 <span class="cstat-no" title="statement not covered" >                            s["dialog-wrapper"] +</span>
-<span class="cstat-no" title="statement not covered" >                            (animationConfiguration.wrapperWidthAnimationEnabled</span>
-<span class="cstat-no" title="statement not covered" >                                ? ""</span>
-<span class="cstat-no" title="statement not covered" >                                : " " + s["animation-disabled"]) +</span>
+<span class="cstat-no" title="statement not covered" >                            (animationConfiguration.wrapperWidthAnimationEnabled ? "" : " " + s["animation-disabled"]) +</span>
 <span class="cstat-no" title="statement not covered" >                            (inline ? " " + s["inline"] : "")</span>
 <span class="cstat-no" title="statement not covered" >                        }</span>
 <span class="cstat-no" title="statement not covered" >                        ref={dialogWrapperRef}</span>
@@ -1538,11 +1401,7 @@
 <span class="cstat-no" title="statement not covered" >                                ""</span>
 <span class="cstat-no" title="statement not covered" >                            ) : (</span>
 <span class="cstat-no" title="statement not covered" >                                &lt;div className={s["dialog-wrapper-close"]}&gt;</span>
-<span class="cstat-no" title="statement not covered" >                                    &lt;Close</span>
-<span class="cstat-no" title="statement not covered" >                                        color="dark"</span>
-<span class="cstat-no" title="statement not covered" >                                        onClick={(e) =&gt; onClose()}</span>
-<span class="cstat-no" title="statement not covered" >                                        large</span>
-<span class="cstat-no" title="statement not covered" >                                    /&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                    &lt;Close color="dark" onClick={e =&gt; onClose()} large /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                                &lt;/div&gt;</span>
 <span class="cstat-no" title="statement not covered" >                            )}</span>
 <span class="cstat-no" title="statement not covered" >                            {children}</span>
@@ -1561,12 +1420,10 @@
 <span class="cstat-no" title="statement not covered" >                        // classNames={s["fixed-buttons-container"]}</span>
 <span class="cstat-no" title="statement not covered" >                        classNames={{</span>
 <span class="cstat-no" title="statement not covered" >                            enter: s["fixed-buttons-container-enter"],</span>
-<span class="cstat-no" title="statement not covered" >                            enterActive:</span>
-<span class="cstat-no" title="statement not covered" >                                s["fixed-buttons-container-enter-active"],</span>
+<span class="cstat-no" title="statement not covered" >                            enterActive: s["fixed-buttons-container-enter-active"],</span>
 <span class="cstat-no" title="statement not covered" >                            enterDone: s["fixed-buttons-container-enter-done"],</span>
 <span class="cstat-no" title="statement not covered" >                            exit: s["fixed-buttons-container-exit"],</span>
-<span class="cstat-no" title="statement not covered" >                            exitActive:</span>
-<span class="cstat-no" title="statement not covered" >                                s["fixed-buttons-container-exit-active"],</span>
+<span class="cstat-no" title="statement not covered" >                            exitActive: s["fixed-buttons-container-exit-active"],</span>
 <span class="cstat-no" title="statement not covered" >                            exitDone: s["fixed-buttons-container-exit-done"],</span>
 <span class="cstat-no" title="statement not covered" >                        }}</span>
 <span class="cstat-no" title="statement not covered" >                        unmountOnExit</span>
@@ -1586,14 +1443,7 @@
 <span class="cstat-no" title="statement not covered" >    onClose: PropTypes.func.isRequired,</span>
 <span class="cstat-no" title="statement not covered" >    initControls: PropTypes.func,</span>
 <span class="cstat-no" title="statement not covered" >    children: PropTypes.node,</span>
-<span class="cstat-no" title="statement not covered" >    width: PropTypes.oneOf([</span>
-<span class="cstat-no" title="statement not covered" >        "550px",</span>
-<span class="cstat-no" title="statement not covered" >        "600px",</span>
-<span class="cstat-no" title="statement not covered" >        "700px",</span>
-<span class="cstat-no" title="statement not covered" >        "750px",</span>
-<span class="cstat-no" title="statement not covered" >        "800px",</span>
-<span class="cstat-no" title="statement not covered" >        "1000px",</span>
-<span class="cstat-no" title="statement not covered" >    ]),</span>
+<span class="cstat-no" title="statement not covered" >    width: PropTypes.oneOf(["550px", "600px", "700px", "750px", "800px", "1000px"]),</span>
 <span class="cstat-no" title="statement not covered" >    dispatchDialogOpened: PropTypes.func,</span>
 <span class="cstat-no" title="statement not covered" >    dispatchDialogClosed: PropTypes.func,</span>
 <span class="cstat-no" title="statement not covered" >    inline: PropTypes.bool,</span>
@@ -1615,7 +1465,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-25T11:51:39.399Z
+                at 2024-05-26T06:51:59.642Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/{rabbit-ui-kit → ui-kit}/src/components/organisms/Dialog/DialogButtons/DialogButtons.jsx.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/organisms/Dialog/DialogButtons/DialogButtons.jsx</title>
+    <title>Code coverage report for ui-kit/src/components/organisms/Dialog/DialogButtons/DialogButtons.jsx</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/organisms/Dialog/DialogButtons</a> DialogButtons.jsx</h1>
+        <h1><a href="../../../../../../index.html">All files</a> / <a href="index.html">ui-kit/src/components/organisms/Dialog/DialogButtons</a> DialogButtons.jsx</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -436,7 +436,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-25T11:51:39.399Z
+                at 2024-05-26T06:51:59.642Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/{rabbit-ui-kit → ui-kit}/src/components/organisms/Dialog/DialogButtons/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/organisms/Dialog/DialogButtons</title>
+    <title>Code coverage report for ui-kit/src/components/organisms/Dialog/DialogButtons</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../../index.html">All files</a> rabbit-ui-kit/src/components/organisms/Dialog/DialogButtons</h1>
+        <h1><a href="../../../../../../index.html">All files</a> ui-kit/src/components/organisms/Dialog/DialogButtons</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-25T11:51:39.399Z
+                at 2024-05-26T06:51:59.642Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>