@zohodesk/dot 1.9.12 → 1.9.14

package/es/Onboarding/CarouselDots/CarouselDots.js

@@ -5,38 +5,35 @@ 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
-  })));
-};
+const CarouselDots = ({
+  sliderDetails,
+  currentSliderIndex,
+  isAnimationPaused,
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  testId,
+  customId
+}) => /*#__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;

package/es/Onboarding/Onboarding.js

@@ -33,30 +33,29 @@ import { DUMMY_OBJECT } from "../utils/General";
 
 import defaultStyle from "./css/Onboarding.module.css";
 
-const Onboarding = _ref => {
-  let {
-    hasCloseIcon,
-    onClose,
-    ribbonText,
-    hasRibbon,
-    videoLookupCloseText,
-    customStyle,
-    sliderData,
-    isAutoPlayAnimation,
-    hasBouncAnimationOnMount,
-    customId,
-    testId,
-    hasExpandedButton,
-    onPrimaryButtonClick,
-    onSecondaryButtonClick,
-    customProps,
-    tagAttributes,
-    a11yAttributes,
-    closeIconTooltip,
-    dragBoundaryLimit,
-    isDraggable,
-    position
-  } = _ref;
+const Onboarding = ({
+  hasCloseIcon,
+  onClose,
+  ribbonText,
+  hasRibbon,
+  videoLookupCloseText,
+  customStyle,
+  sliderData,
+  isAutoPlayAnimation,
+  hasBouncAnimationOnMount,
+  customId,
+  testId,
+  hasExpandedButton,
+  onPrimaryButtonClick,
+  onSecondaryButtonClick,
+  customProps,
+  tagAttributes,
+  a11yAttributes,
+  closeIconTooltip,
+  dragBoundaryLimit,
+  isDraggable,
+  position
+}) => {
   const getNextIndex = useZIndex();
   const style = useMergeStyle(defaultStyle, customStyle);
   const {

package/es/Onboarding/hooks/useOnboarding.js

@@ -2,11 +2,10 @@ import { useRef } from 'react';
 import useMergeState from '@zohodesk/hooks/es/utils/useMergeState';
 import useDragger from "../../Hooks/Dragger/useDragger";
 
-const useOnboarding = _ref => {
-  let {
-    dragBoundaryLimit,
-    isDraggable
-  } = _ref;
+const useOnboarding = ({
+  dragBoundaryLimit,
+  isDraggable
+}) => {
   const dragRef = useRef(null);
   useDragger({
     isActive: isDraggable,

package/es/Onboarding/hooks/useOnboardingSlider.js

@@ -1,12 +1,11 @@
 import { useState, useEffect, useCallback, useRef } from 'react';
 const autoplayDelay = 50; // 5000ms divided by 100 for smoother animation
 
-const useOnboardingSlider = _ref => {
-  let {
-    isAutoPlayAnimation,
-    sliderData,
-    animationClass
-  } = _ref;
+const useOnboardingSlider = ({
+  isAutoPlayAnimation,
+  sliderData,
+  animationClass
+}) => {
   const [currentSlide, setCurrentSlide] = useState(0);
   const [autoplay, setAutoplay] = useState(true);
   const progressRef = useRef(0);

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -33,10 +33,9 @@ class SelectDropdown extends React.Component {
     togglePopup(e, 'bottomRight');
   }
 
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
+  responsiveFunc({
+    mediaQueryOR
+  }) {
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -78,49 +77,46 @@ class SelectDropdown extends React.Component {
     })), /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, _ref2 => {
-      let {
-        tabletMode
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-        size: "medium",
-        boxPosition: "bottomRight",
-        isArrow: true,
-        isAnimate: true,
-        right: "-25",
-        isActive: isPopupOpen && isPopupReady,
-        getRef: getContainerRef,
-        isResponsivePadding: true,
-        alignBox: "row"
-      }, /*#__PURE__*/React.createElement(Box, {
-        flexible: true
-      }, /*#__PURE__*/React.createElement(Container, {
-        alignBox: "column",
-        className: `${tabletMode ? '' : style.rulesPopup}`
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: style.rulesDepart
-      }, /*#__PURE__*/React.createElement(DropDownHeading, {
-        text: title
-      })), isSearchRequired ? /*#__PURE__*/React.createElement(Box, {
-        className: style.searchDepart
-      }, /*#__PURE__*/React.createElement(TextBox, {
-        name: "Test",
-        id: "Test",
-        maxLength: "150",
-        placeHolder: "Search Department"
-      })) : null, /*#__PURE__*/React.createElement(Box, {
-        scroll: "vertical",
-        flexible: true,
-        shrink: true
-      }, options && options.length && options.map((obj, index) => /*#__PURE__*/React.createElement(ListItem, {
-        key: index,
-        autoHover: true,
-        value: obj[valueKey],
-        active: selectedId == obj[idKey],
-        id: obj[idKey],
-        onClick: this.handleClick
-      }))))));
-    }));
+    }, ({
+      tabletMode
+    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+      size: "medium",
+      boxPosition: "bottomRight",
+      isArrow: true,
+      isAnimate: true,
+      right: "-25",
+      isActive: isPopupOpen && isPopupReady,
+      getRef: getContainerRef,
+      isResponsivePadding: true,
+      alignBox: "row"
+    }, /*#__PURE__*/React.createElement(Box, {
+      flexible: true
+    }, /*#__PURE__*/React.createElement(Container, {
+      alignBox: "column",
+      className: `${tabletMode ? '' : style.rulesPopup}`
+    }, /*#__PURE__*/React.createElement(Box, {
+      className: style.rulesDepart
+    }, /*#__PURE__*/React.createElement(DropDownHeading, {
+      text: title
+    })), isSearchRequired ? /*#__PURE__*/React.createElement(Box, {
+      className: style.searchDepart
+    }, /*#__PURE__*/React.createElement(TextBox, {
+      name: "Test",
+      id: "Test",
+      maxLength: "150",
+      placeHolder: "Search Department"
+    })) : null, /*#__PURE__*/React.createElement(Box, {
+      scroll: "vertical",
+      flexible: true,
+      shrink: true
+    }, options && options.length && options.map((obj, index) => /*#__PURE__*/React.createElement(ListItem, {
+      key: index,
+      autoHover: true,
+      value: obj[valueKey],
+      active: selectedId == obj[idKey],
+      id: obj[idKey],
+      onClick: this.handleClick
+    }))))))));
   }
 
 }