npm - @zohodesk/dot - Versions diffs - 1.7.12 → 1.7.13 - Mend

@zohodesk/dot 1.7.12 → 1.7.13

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

package/coverage/src/Onboarding/hooks/useOnboarding.js.html CHANGED Viewed

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/7</span>
+                <span class='fraction'>7/9</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/7</span>
+                <span class='fraction'>7/9</span>
             </div>
@@ -93,18 +93,27 @@
 <a name='L28'></a><a href='#L28'>28</a>
 <a name='L29'></a><a href='#L29'>29</a>
 <a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -112,21 +121,26 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import useMergeState from '@zohodesk/hooks/es/utils/useMergeState';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useRef } from 'react';
+import useMergeState from '@zohodesk/hooks/es/utils/useMergeState';
+import useDragger from '../../Hooks/Dragger/useDragger';
 &nbsp;
-const useOnboarding = (props) =&gt; {
+const useOnboarding = ({ dragBoundaryLimit,isDraggable }) =&gt; {
 &nbsp;
+    const dragRef = useRef(null);
+    useDragger({ isActive: isDraggable, ChildRef: dragRef, boundaryLimit: dragBoundaryLimit });
     const [state, setState] = useMergeState({
         videoLookupLink: '',
         isVideoLookupOpen: false,
@@ -148,6 +162,7 @@ const useOnboarding = (props) =&gt; {
 &nbsp;
     return {
         state,
+        dragRef,
         openVideoLookup,
         closeVideoLookup
     };
@@ -160,7 +175,7 @@ export default useOnboarding;</pre></td></tr></table></pre>
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/hooks/useOnboardingSlider.js.html CHANGED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.96% </span>
+                <span class="strong">63.33% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>17/27</span>
+                <span class='fraction'>19/30</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">55.55% </span>
+                <span class="strong">45.45% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>5/9</span>
+                <span class='fraction'>5/11</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">37.5% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/8</span>
+                <span class='fraction'>3/9</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.53% </span>
+                <span class="strong">62.06% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>16/26</span>
+                <span class='fraction'>18/29</span>
             </div>
@@ -122,40 +122,52 @@
 <a name='L57'></a><a href='#L57'>57</a>
 <a name='L58'></a><a href='#L58'>58</a>
 <a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</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-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -164,13 +176,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -185,12 +199,13 @@
 &nbsp;
 const autoplayDelay = 50; // 5000ms divided by 100 for smoother animation
 &nbsp;
-const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
+const useOnboardingSlider = ({isAutoPlayAnimation,sliderData,animationClass}) =&gt; {
 &nbsp;
   const [currentSlide, setCurrentSlide] = useState(0);
   const [autoplay, setAutoplay] = useState(true);
 &nbsp;
   const progressRef = useRef(0);
+  const mainContainerEleRef = useRef(null);
   const totalSlidesArrayLen = sliderData.length;
 &nbsp;
   const handleSliderIndexChange = useCallback(<span class="fstat-no" title="function not covered" >(i</span>ndex) =&gt; {
@@ -202,7 +217,7 @@ const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
 <span class="cstat-no" title="statement not covered" >    progressRef.current = 0 </span>
 <span class="cstat-no" title="statement not covered" >    setCurrentSlide( currentSlide+1);</span>
 <span class="cstat-no" title="statement not covered" >    setAutoplay(false); </span>
-  }, [currentSlide]);
+  }, []);
 &nbsp;
   const handleMouseEnter = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >    setAutoplay(false);</span>
@@ -211,6 +226,10 @@ const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
   const handleMouseLeave = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >    setAutoplay(true);</span>
   }, []);
+&nbsp;
+  const handleAnimationEnd = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >    mainContainerEleRef.current &amp;&amp; mainContainerEleRef.current.classList.remove(animationClass);</span>
+  }, [animationClass]);
 &nbsp;
   useEffect(() =&gt; {
     let progressInterval;
@@ -233,10 +252,12 @@ const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
     sliderIndex: currentSlide,
     isAnimationPaused: !autoplay,
     translateMovementVal,
+    mainContainerEleRef,
     handleMouseEnter,
     handleMouseLeave,
     handleSliderIndexChange,
-    handleSliderNext
+    handleSliderNext,
+    handleAnimationEnd
   };
 };
 &nbsp;
@@ -247,7 +268,7 @@ export default useOnboardingSlider;</pre></td></tr></table></pre>
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/index.html CHANGED Viewed

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>26/34</span>
+                <span class='fraction'>28/36</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">87.01% </span>
+                <span class="strong">87.36% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>67/77</span>
+                <span class='fraction'>83/95</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">80% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>26/34</span>
+                <span class='fraction'>28/35</span>
             </div>
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="Onboarding.js"><a href="Onboarding.js.html">Onboarding.js</a></td>
-	<td data-value="76.47" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 76%"></div><div class="cover-empty" style="width: 24%"></div></div>
+	<td data-value="77.77" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
 	</td>
-	<td data-value="76.47" class="pct medium">76.47%</td>
-	<td data-value="34" class="abs medium">26/34</td>
-	<td data-value="87.01" class="pct high">87.01%</td>
-	<td data-value="77" class="abs high">67/77</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="36" class="abs medium">28/36</td>
+	<td data-value="87.36" class="pct high">87.36%</td>
+	<td data-value="95" class="abs high">83/95</td>
 	<td data-value="57.14" class="pct medium">57.14%</td>
 	<td data-value="7" class="abs medium">4/7</td>
-	<td data-value="76.47" class="pct medium">76.47%</td>
-	<td data-value="34" class="abs medium">26/34</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="35" class="abs high">28/35</td>
 	</tr>
 </tbody>
@@ -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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/props/defaultProps.js.html CHANGED Viewed

@@ -76,7 +76,19 @@
 <a name='L11'></a><a href='#L11'>11</a>
 <a name='L12'></a><a href='#L12'>12</a>
 <a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -92,6 +104,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const defaultProps = {
     ribbonText: "New",
     videoLookupCloseText: "Esc",
+    closeIconTooltip: "Close",
     isAutoPlayAnimation:true,
     customId:"onboarding",
     testId: 'onboarding',
@@ -100,7 +113,12 @@
     customProps:{},
     hasBouncAnimationOnMount: true,
     hasCloseIcon:true,
-    hasRibbon: true
+    hasRibbon: true,
+    tagAttributes: {},
+    a11yAttributes: {},
+    isDraggable: true,
+    position: "static",
+    dragBoundaryLimit: {top: 0, left: 0, right: 0, bottom: 0}
 };
 &nbsp;</pre></td></tr></table></pre>
@@ -109,7 +127,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/props/index.html CHANGED Viewed

@@ -116,7 +116,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/props/propTypes.js.html CHANGED Viewed

@@ -123,7 +123,18 @@
 <a name='L58'></a><a href='#L58'>58</a>
 <a name='L59'></a><a href='#L59'>59</a>
 <a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -183,29 +194,51 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&nbsp;
 import PropTypes from 'prop-types';
-import FlexPropType  from '@zohodesk/layout/es/Flex/props/propTypes';
+import FlexPropType from '@zohodesk/layout/es/Flex/props/propTypes';
 import { propTypes as RibbonPropType } from '@zohodesk/components/es/Ribbon/props/propTypes';
 import { propTypes as ButtonPropType } from '@zohodesk/components/es/Button/props/propTypes';
 import { propTypes as LinkPropType } from '../../Link/props/propTypes'
 import { propTypes as VideoLookupPropType } from '../../VideoLookup/props/propTypes';
-import { propTypes as TypographyPropType }  from '@zohodesk/components/es/Typography/props/propTypes';
+import { propTypes as TypographyPropType } from '@zohodesk/components/es/Typography/props/propTypes';
 &nbsp;
 export const propTypes = {
   onClose: PropTypes.func,
   testId: PropTypes.string,
   hasRibbon: PropTypes.bool,
   customId: PropTypes.string,
+  position: PropTypes.string,
+  isDraggable: PropTypes.bool,
   ribbonText: PropTypes.string,
   hasCloseIcon: PropTypes.bool,
   customStyle: PropTypes.object,
+  tagAttributes: PropTypes.object,
+  a11yAttributes: PropTypes.object,
   hasExpandedButton: PropTypes.bool,
+  closeIconTooltip: PropTypes.string,
   isAutoPlayAnimation: PropTypes.bool,
   onPrimaryButtonClick: PropTypes.func,
   videoLookupCloseText: PropTypes.string,
   onSecondaryButtonClick: PropTypes.func,
   hasBouncAnimationOnMount: PropTypes.bool,
+  dragBoundaryLimit: PropTypes.shape({
+    top: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    bottom: PropTypes.number
+  }),
   sliderData: PropTypes.arrayOf(
     PropTypes.shape({
       heading: PropTypes.string,
@@ -214,7 +247,7 @@ export const propTypes = {
         link: PropTypes.string,
         videoFormat: PropTypes.string
       }),
-      mediaElement:PropTypes.node,
+      mediaElement: PropTypes.node,
       description: PropTypes.string,
       hasPrimaryButton: PropTypes.bool,
       hasVideoPlayButton: PropTypes.bool,
@@ -226,7 +259,7 @@ export const propTypes = {
         videoFormat: PropTypes.string
       }),
       tabName: PropTypes.string.isRequired,
-      hasSecondaryButtonLink:PropTypes.bool,
+      hasSecondaryButtonLink: PropTypes.bool,
       secondaryButttonLink: PropTypes.string,
       secondaryButttonText: PropTypes.string,
       hasEmbeddedVideoLookupSource: PropTypes.bool
@@ -250,7 +283,7 @@ export const propTypes = {
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/PlusIcon.js.html CHANGED Viewed

@@ -178,7 +178,7 @@ PlusIcon.propTypes = propTypes;
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/PlusIcon.module.css.html CHANGED Viewed

@@ -124,7 +124,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/index.html CHANGED Viewed

@@ -116,7 +116,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/props/defaultProps.js.html CHANGED Viewed

@@ -97,7 +97,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/props/index.html CHANGED Viewed

@@ -116,7 +116,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/PlusIcon/props/propTypes.js.html CHANGED Viewed

@@ -112,7 +112,7 @@ export const propTypes = {
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Provider/Config.js.html CHANGED Viewed

@@ -91,7 +91,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">34x</span>
+<span class="cline-any cline-yes">54x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -121,7 +121,7 @@ export function <span class="fstat-no" title="function not covered" >setDotLibra
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Provider/index.html CHANGED Viewed

@@ -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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Separator/Separator.js.html CHANGED Viewed

@@ -271,7 +271,7 @@ Separator.propTypes = propTypes;
             <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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Separator/Separator.module.css.html CHANGED Viewed

@@ -172,7 +172,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 2025-07-03T13:27:57.550Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>