@zohodesk/dot 1.7.8 → 1.7.9

package/coverage/src/version2/errorstate/WillBeRightBack/props/defaultProps.js.html

@@ -94,7 +94,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/props/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/props/propTypes.js.html

@@ -121,7 +121,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/AlertHeader.js.html

@@ -301,7 +301,7 @@ AlertHeader.defaultProps = defaultProps;
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css.html

@@ -250,7 +250,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/css/cssJSLogic.js.html

@@ -115,7 +115,7 @@ export default function cssJSLogic({ props, style }) {
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/css/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/props/defaultProps.js.html

@@ -91,7 +91,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/props/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/props/propTypes.js.html

@@ -151,7 +151,7 @@ export default {
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/AlertLookup.js.html

@@ -763,7 +763,7 @@ AlertLookup.defaultProps = defaultProps;
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/AlertLookupNew.module.css.html

@@ -187,7 +187,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/props/defaultProps.js.html

@@ -109,7 +109,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/props/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/props/propTypes.js.html

@@ -199,7 +199,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/DesktopNotification.js.html

@@ -697,7 +697,7 @@ DesktopNotification.defaultProps = defaultProps;
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/DesktopNotification.module.css.html

@@ -409,7 +409,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/defaultProps.js.html

@@ -124,7 +124,7 @@ export const defaultProps = {
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/propTypes.js.html

@@ -202,7 +202,7 @@ export const DesktopNotificationUI_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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js.html

@@ -346,7 +346,7 @@ DesktopNotificationHeader.defaultProps = defaultProps;
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css.html

@@ -370,7 +370,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/defaultProps.js.html

@@ -94,7 +94,7 @@ export const defaultProps = {
             <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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/index.html

@@ -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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/propTypes.js.html

@@ -109,7 +109,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-05-09T12:44:21.841Z
+                at 2025-05-13T10:16:14.830Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/es/Onboarding/CarouselDots/CarouselDot/CarouselDot.js

@@ -0,0 +1,34 @@
+import React from 'react';
+/* Props */
+
+import { propTypes } from "./props/propTypes.js";
+import { defaultProps } from "./props/defaultProps.js";
+/* Style */
+
+import style from "./css/CarouselDot.module.css";
+
+function CarouselDot(props) {
+  const {
+    onClick,
+    isActive,
+    index,
+    isAnimationPaused,
+    testId,
+    customId
+  } = props;
+
+  function handleClick() {
+    typeof onClick === "function" && onClick(index);
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.bullet} ${isAnimationPaused ? style.animationPaused : ''} ${isActive ? style.bulletActive : style.bulletNormal}`,
+    onClick: handleClick,
+    "data-id": customId,
+    "data-test-id": testId
+  });
+}
+
+CarouselDot.propTypes = propTypes;
+CarouselDot.defaultProps = defaultProps;
+export default CarouselDot;

package/es/Onboarding/CarouselDots/CarouselDot/__tests__/CarouselDot.spec.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import CarouselDot from "../CarouselDot";
+describe('CarouselDot', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(CarouselDot, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering of isActive', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(CarouselDot, {
+      isActive: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering of isAnimationPaused', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(CarouselDot, {
+      isAnimationPaused: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering with customId', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(CarouselDot, {
+      customId: "radar"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering with testId', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(CarouselDot, {
+      testId: "radar_test"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CarouselDot rendering of isActive 1`] = `
+<DocumentFragment>
+  <div
+    class="bullet  bulletActive"
+    data-id="carouselDot"
+    data-test-id="carouselDot"
+  />
+</DocumentFragment>
+`;
+
+exports[`CarouselDot rendering of isAnimationPaused 1`] = `
+<DocumentFragment>
+  <div
+    class="bullet animationPaused bulletNormal"
+    data-id="carouselDot"
+    data-test-id="carouselDot"
+  />
+</DocumentFragment>
+`;
+
+exports[`CarouselDot rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="bullet  bulletNormal"
+    data-id="carouselDot"
+    data-test-id="carouselDot"
+  />
+</DocumentFragment>
+`;
+
+exports[`CarouselDot rendering with customId 1`] = `
+<DocumentFragment>
+  <div
+    class="bullet  bulletNormal"
+    data-id="radar"
+    data-test-id="carouselDot"
+  />
+</DocumentFragment>
+`;
+
+exports[`CarouselDot rendering with testId 1`] = `
+<DocumentFragment>
+  <div
+    class="bullet  bulletNormal"
+    data-id="carouselDot"
+    data-test-id="radar_test"
+  />
+</DocumentFragment>
+`;

package/es/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css

@@ -0,0 +1,83 @@
+.bulletNormal{
+    composes: pointer from '~@zohodesk/components/lib/common/common.module.css';
+  }
+  .bulletNormal:hover {
+    transform: scale(1.4);
+  }
+  .bullet {
+    /* padding: 4px 3px; */
+    position: relative;
+    width: var(--zd_size8) ;
+    height: var(--zd_size8) ;
+    overflow: hidden;
+    border-radius: 20px;
+  }
+  .bullet,
+  .bullet::after {
+    transition: opacity var(--zd_transition2), background-color var(--zd_transition2), width var(--zd_transition6) cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.2s ease-in-out;
+  }
+  .bullet::before,
+  .bullet::after {
+    content: '';
+    width: inherit ;
+    height: inherit ;
+    position: absolute;
+    top: 50% ;
+  }
+  .bullet::before, .bullet::after {
+    border-radius: inherit;
+    transform: translateY(-50%);
+  }
+  [dir=ltr] .bullet::before, [dir=ltr] .bullet::after {
+    left: 0 ;
+  }
+  [dir=rtl] .bullet::before, [dir=rtl] .bullet::after {
+    right: 0 ;
+  }
+  .bullet::before {
+    opacity: .4;
+  }
+  .bullet::before, .bulletActive::after {
+    background-color: var(--zdt_button_primaryfill_bg);
+  }
+  .bulletActive {
+    width: var(--zd_size30) ;
+  }
+  .bulletActive::before,
+  .bulletActive::after {
+    width: 100% ;
+  }
+  .bulletActive::after {
+    opacity: 1;
+  }
+  [dir=ltr] .bulletActive::after {
+    left:-100% ;
+    animation:  progressLoading-ltr 5s linear infinite;
+  }
+  [dir=rtl] .bulletActive::after {
+    right:-100% ;
+    animation:  progressLoading-rtl 5s linear infinite;
+  }
+  [dir=ltr] .animationPaused::after {
+    animation-play-state: paused;
+  }
+  [dir=rtl] .animationPaused::after {
+    animation-play-state: paused;
+  }
+  @keyframes progressLoading-ltr {
+    0% {
+      left: -100% ;
+    }
+    100% {
+      left: 0% ;
+    }
+  }
+  @keyframes progressLoading-rtl {
+    0% {
+      left: -100% ;
+    }
+    100% {
+      left: 0% ;
+    }
+  }
+  

package/es/Onboarding/CarouselDots/CarouselDot/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  isActive: false,
+  isAnimationPaused: false,
+  customId: "carouselDot",
+  testId: 'carouselDot'
+};

package/es/Onboarding/CarouselDots/CarouselDot/props/propTypes.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  isAnimationPaused: PropTypes.bool,
+  isActive: PropTypes.bool,
+  onClick: PropTypes.func.isRequired,
+  index: PropTypes.number,
+  testId: PropTypes.string,
+  customId: PropTypes.string
+};

package/es/Onboarding/CarouselDots/CarouselDots.js

@@ -0,0 +1,43 @@
+import React, { memo } from 'react';
+import { Flex } from '@zohodesk/layout';
+import { propTypes } from "./props/propTypes";
+import { defaultProps } from "./props/defaultProps";
+import CarouselDot from "./CarouselDot/CarouselDot";
+import style from "./css/CarouselDots.module.css";
+
+const CarouselDots = _ref => {
+  let {
+    sliderDetails,
+    currentSliderIndex,
+    isAnimationPaused,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    testId,
+    customId
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Flex, {
+    $ui_displayMode: "flex",
+    $ui_alignItems: "center",
+    $ui_className: style.btnCnt,
+    $ui_justifyContent: "center",
+    $tagAttributes_container: {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    },
+    customId: customId,
+    testId: testId
+  }, sliderDetails.map((data, index) => /*#__PURE__*/React.createElement(CarouselDot, {
+    key: data.tabName,
+    isActive: index === currentSliderIndex,
+    isAnimationPaused: isAnimationPaused,
+    onClick: onClick,
+    index: index,
+    customId: customId + '_' + index,
+    testId: testId + '_' + index
+  })));
+};
+
+CarouselDots.propTypes = propTypes;
+CarouselDots.defaultProps = defaultProps;
+export default /*#__PURE__*/memo(CarouselDots);