@zohodesk/components 1.0.0-temp-192.1 → 1.0.0-temp-195.1

package/es/Accordion/Accordion.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Accordion_defaultProps } from './props/defaultProps';
-import { Accordion_propTypes } from './props/propTypes';
+import { Accordion_defaultProps } from "./props/defaultProps";
+import { Accordion_propTypes } from "./props/propTypes";
 export default class Accordion extends React.Component {
   constructor(props) {
     super(props);

package/es/Accordion/AccordionItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { AccordionItem_defaultProps } from './props/defaultProps';
-import { AccordionItem_propTypes } from './props/propTypes';
-import VelocityAnimation from '../VelocityAnimation/VelocityAnimation/VelocityAnimation';
-import VelocityAnimationGroup from '../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
+import { AccordionItem_defaultProps } from "./props/defaultProps";
+import { AccordionItem_propTypes } from "./props/propTypes";
+import VelocityAnimation from "../VelocityAnimation/VelocityAnimation/VelocityAnimation";
+import VelocityAnimationGroup from "../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup";
 export default class AccordionItem extends React.Component {
   constructor(props) {
     super(props);

package/es/Accordion/index.js

@@ -1,2 +1,2 @@
-export { default as Accordion } from './Accordion';
-export { default as AccordionItem } from './AccordionItem';
+export { default as Accordion } from "./Accordion";
+export { default as AccordionItem } from "./AccordionItem";

package/es/Animation/Animation.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { CSSTransition } from 'react-transition-group';
-import { animationStyle } from './utils';
+import { animationStyle } from "./utils";
 export default class Animation extends React.Component {
   constructor(props) {
     super(props);

package/es/Animation/utils.js

@@ -1,4 +1,4 @@
-import style from '../common/transition.module.css';
+import style from "../common/transition.module.css";
 export const animationStyle = {
   zoomIn: {
     enter: style.zoomInEnter,

package/es/AppContainer/AppContainer.js

@@ -1,11 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { Container, Box } from '../Layout';
-import Tooltip from '../Tooltip/Tooltip';
-import '../common/basic.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { Container, Box } from "../Layout";
+import Tooltip from "../Tooltip/Tooltip";
+import "../common/basic.module.css";
 import '@zohodesk/variables/assets/colorVariables.module.css';
 import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/variables/assets/sizeVariables.module.css';
@@ -13,10 +11,10 @@ import '@zohodesk/variables/assets/fontsizeVariables.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/variables/assets/transitionVariables.module.css';
 import '@zohodesk/variables/assets/no_transitionVariables.module.css';
-import '../common/a11y.module.css';
-import '../common/boxShadow.module.css';
-import style from './AppContainer.module.css';
-import { getLibraryConfig, setLibraryConfig } from '../Provider/Config';
+import "../common/a11y.module.css";
+import "../common/boxShadow.module.css";
+import style from "./AppContainer.module.css";
+import { getLibraryConfig, setLibraryConfig } from "../Provider/Config";
 export default class AppContainer extends React.Component {
   constructor(props) {
     super(props);
@@ -108,23 +106,26 @@ export default class AppContainer extends React.Component {
       TooltipProps = {},
       ExtraProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
       className: `${style.container} ${className}`,
       dataId: dataId,
       dataSelectorId: dataSelectorId,
       tagName: tagName,
-      eleRef: this.getContainerRef
-    }, ContainerProps, ExtraProps), /*#__PURE__*/React.createElement(Box, {
+      eleRef: this.getContainerRef,
+      ...ContainerProps,
+      ...ExtraProps
+    }, /*#__PURE__*/React.createElement(Box, {
       flexible: true
-    }, children)), needTooltip ? /*#__PURE__*/React.createElement("div", _extends({}, ExtraProps, {
+    }, children)), needTooltip ? /*#__PURE__*/React.createElement("div", { ...ExtraProps,
       className: `${style.container} ${style.tooltip} ${tooltipParentClass}`,
       "data-id": `${dataId}_tooltip`,
       "data-test-id": `${dataId}_tooltip`,
       "data-selector-id": `${dataSelectorId}_tooltip`
-    }), /*#__PURE__*/React.createElement(Tooltip, _extends({
+    }, /*#__PURE__*/React.createElement(Tooltip, {
       ref: this.setTooltipRef,
-      customClass: tooltipClass
-    }, TooltipProps))) : null);
+      customClass: tooltipClass,
+      ...TooltipProps
+    })) : null);
   }
 
 }

package/es/Avatar/Avatar.js

@@ -1,11 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { getInitial } from '../utils/getInitial';
-import AvatarSize from '../Provider/AvatarSize';
-import style from './Avatar.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { getInitial } from "../utils/getInitial";
+import AvatarSize from "../Provider/AvatarSize";
+import style from "./Avatar.module.css";
 /*
 1. need to change name into firstName lastName
 2. pattern support via context as well as props
@@ -156,15 +154,16 @@ export default class Avatar extends React.Component {
     let showDefaultBorder = src && !isInvalidImageList && needDefaultBorder;
     let borderStyle = (showDefaultBorder || !src || !showAvatar || showInitial) && needBorder ? `${style.border} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} ` : '';
     borderStyle = showAlternateAvatar ? '' : borderStyle;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.avatar} ${style[size]} ${AvatarSize(size)} ${style[shapeStyle]} ${style[palette]} ${textStyle} ${borderStyle} ${customClass ? customClass : ''}`,
       "data-title": needTitle ? title ? title : name : null,
       "data-id": dataId,
       "data-test-id": dataId,
       onClick: onClick,
       "data-selector-id": dataSelectorId,
-      tabIndex: onClick ? 0 : null
-    }, AvatarProps), showInitial && !showAlternateAvatar && /*#__PURE__*/React.createElement("span", {
+      tabIndex: onClick ? 0 : null,
+      ...AvatarProps
+    }, showInitial && !showAlternateAvatar && /*#__PURE__*/React.createElement("span", {
       className: `${style.initial}`,
       "data-id": `${dataId}_AvatarInitial`,
       "data-test-id": `${dataId}_AvatarInitial`,

package/es/Avatar/__tests__/Avatar.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Avatar from '../Avatar.js';
+import Avatar from "../Avatar.js";
 describe('Avatar', () => {
   test('rendering the defult props', () => {
     const {

package/es/AvatarTeam/AvatarTeam.js

@@ -1,10 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Avatar from '../Avatar/Avatar';
-import style from './AvatarTeam.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Avatar from "../Avatar/Avatar";
+import style from "./AvatarTeam.module.css";
 /* once avatar support firstname lastname and pattern
 pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
 
@@ -47,12 +45,13 @@ export default class AvatarTeam extends React.Component {
       customAvatarTeam = ''
     } = customClass;
     let border = borderOnHover || onClick;
-    return /*#__PURE__*/React.createElement("span", _extends({
+    return /*#__PURE__*/React.createElement("span", {
       className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} `,
       "data-id": dataId,
       "data-test-id": dataId,
-      "data-selector-id": dataSelectorId
-    }, AvatarTeamProps), /*#__PURE__*/React.createElement(Avatar, _extends({
+      "data-selector-id": dataSelectorId,
+      ...AvatarTeamProps
+    }, /*#__PURE__*/React.createElement(Avatar, {
       name: name,
       onClick: onClick,
       palette: palette,
@@ -66,8 +65,9 @@ export default class AvatarTeam extends React.Component {
       borderOnHover: border,
       needInnerBorder: needInnerBorder,
       needBorder: needBorder,
-      needDefaultBorder: needDefaultBorder
-    }, AvatarProps)), /*#__PURE__*/React.createElement("span", {
+      needDefaultBorder: needDefaultBorder,
+      ...AvatarProps
+    }), /*#__PURE__*/React.createElement("span", {
       className: `${style.team} ${isFilled ? `${style[`${palette}Filled`]}` : style.nofill} 
           ${style[`${size}team`]} ${customAvatarTeam}`
     }));

package/es/AvatarTeam/__tests__/AvatarTeam.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AvatarTeam from '../AvatarTeam.js';
+import AvatarTeam from "../AvatarTeam.js";
 describe('AvatarTeam', () => {
   test('rendering the defult props', () => {
     const {

package/es/Button/Button.js

@@ -1,11 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import cssJSLogic from './css/cssJSLogic';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import cssJSLogic from "./css/cssJSLogic";
 import { mergeStyle } from '@zohodesk/utils';
-import style from './css/Button.module.css';
+import style from "./css/Button.module.css";
 /*
 Button text and children props?
 use children for both cases
@@ -41,7 +39,7 @@ export default function Button(props) {
     style: finalStyle
   });
   let statusLower = status.toLowerCase();
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", {
     className: buttonClass,
     "data-id": disabled ? `${dataId}_disabled` : dataId,
     "data-test-id": disabled ? `${dataId}_disabled` : dataId,
@@ -50,10 +48,11 @@ export default function Button(props) {
     "data-title": title,
     type: "button",
     ref: getRef,
-    "data-selector-id": dataSelectorId
-  }, customProps, a11y, {
+    "data-selector-id": dataSelectorId,
+    ...customProps,
+    ...a11y,
     id: id
-  }), children ? children : text, statusLower !== 'none' && needAppearance && /*#__PURE__*/React.createElement("div", {
+  }, children ? children : text, statusLower !== 'none' && needAppearance && /*#__PURE__*/React.createElement("div", {
     className: finalStyle.overlay
   }, /*#__PURE__*/React.createElement("div", {
     className: loaderParentClass

package/es/Button/__tests__/Button.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from '../Button';
+import Button from "../Button";
 import { render } from "@testing-library/react";
 describe('Button component', () => {
   test('Should be render with the basic set of default props', () => {

package/es/Button/index.js

@@ -1,2 +1,2 @@
-export { default as Button } from './Button';
-export { default as ButtonPropTypes } from './props/propTypes';
+export { default as Button } from "./Button";
+export { default as ButtonPropTypes } from "./props/propTypes";

package/es/Button/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { dummyFunction } from '../../utils/dummyFunction';
+import { dummyFunction } from "../../utils/dummyFunction";
 export const defaultProps = {
   children: null,
   dataId: 'buttonComp',

package/es/Buttongroup/Buttongroup.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './Buttongroup.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./Buttongroup.module.css";
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['footer','header',
 'tab','alignleft','alignright','aligncenter' ] }] */
 

package/es/Buttongroup/__tests__/Buttongroup.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Buttongroup from '../Buttongroup.js';
+import Buttongroup from "../Buttongroup.js";
 import { render } from "@testing-library/react";
 describe('Buttongrop - ', () => {
   test('rendering the default props', () => {

package/es/Card/Card.js

@@ -1,10 +1,9 @@
 import React, { Component } from 'react';
-import { CardHeader_propTypes, CardContent_propTypes, Card_propTypes, CardFooter_propTypes } from './props/propTypes';
-import { Card_defaultProps, CardHeader_defaultProps, CardContent_defaultProps, CardFooter_defaultProps } from './props/defaultProps';
-import { Container, Box } from '../Layout';
-import { getLibraryConfig } from '../Provider/Config';
-import { cancelBubblingEffect } from '../utils/Common';
-import style from './Card.module.css';
+import { CardHeader_propTypes, CardContent_propTypes, Card_propTypes, CardFooter_propTypes } from "./props/propTypes";
+import { Card_defaultProps, CardHeader_defaultProps, CardContent_defaultProps, CardFooter_defaultProps } from "./props/defaultProps";
+import { Container, Box } from "../Layout";
+import { getLibraryConfig } from "../Provider/Config";
+import style from "./Card.module.css";
 /* eslint-disable react/forbid-component-props */
 
 /*
@@ -108,7 +107,6 @@ export default class Card extends Component {
   }
 
   onScroll(e) {
-    cancelBubblingEffect(e);
     let scrollContainerObj = e.currentTarget;
     let {
       scrollHeight

package/es/Card/index.js

@@ -1,4 +1,4 @@
-export { default as Card } from './Card';
-export { CardHeader } from './Card';
-export { CardContent } from './Card';
-export { CardFooter } from './Card';
+export { default as Card } from "./Card";
+export { CardHeader } from "./Card";
+export { CardContent } from "./Card";
+export { CardFooter } from "./Card";

package/es/CheckBox/CheckBox.js

@@ -1,12 +1,10 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import { defaultProps } from './props/defaultProps';
-import Label from '../Label/Label';
-import { Container, Box } from '../Layout';
-import CssProvider from '../Provider/CssProvider';
-import style from './CheckBox.module.css';
+import { propTypes } from "./props/propTypes";
+import { defaultProps } from "./props/defaultProps";
+import Label from "../Label/Label";
+import { Container, Box } from "../Layout";
+import CssProvider from "../Provider/CssProvider";
+import style from "./CheckBox.module.css";
 export default class CheckBox extends React.Component {
   constructor(props) {
     super(props);
@@ -75,7 +73,7 @@ export default class CheckBox extends React.Component {
       role = 'checkbox',
       ariaChecked = checked
     } = a11y;
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       dataId: dataId,
       isCover: false,
       isInline: text ? false : true,
@@ -92,8 +90,9 @@ export default class CheckBox extends React.Component {
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
       "aria-hidden": ariaHidden,
-      "data-selector-id": dataSelectorId || id
-    }, CheckBoxProps), /*#__PURE__*/React.createElement(Box, {
+      "data-selector-id": dataSelectorId || id,
+      ...CheckBoxProps
+    }, /*#__PURE__*/React.createElement(Box, {
       className: `${style.boxContainer} ${style[size]} ${customCBoxSize} ${isFilled ? style.filled : ''}`
     }, /*#__PURE__*/React.createElement("input", {
       type: "hidden",
@@ -145,7 +144,7 @@ export default class CheckBox extends React.Component {
     }) : null))), text && /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       className: style.text
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: text,
       palette: disabled ? 'disable' : labelPalette,
       id: id,
@@ -156,8 +155,9 @@ export default class CheckBox extends React.Component {
       customClass: `${active && !disabled ? `${style[`active${palette}Label`]}` : ''}
                             ${checked && active ? `${style[`checked${palette}Label`]}` : ''} 
                             ${accessMode} ${customLabel}`,
-      title: toolTip ? toolTip : text
-    }, LabelProps))));
+      title: toolTip ? toolTip : text,
+      ...LabelProps
+    })));
   }
 
 }

package/es/DateTime/CalendarView.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Span_propTypes, CalendarView_propTypes } from './props/propTypes';
-import { CalendarView_defaultProps, Span_defaultProps } from './props/defaultProps';
-import { Container, Box } from '../Layout';
-import style from './DateTime.module.css';
-import { getMonthEnd } from '../utils/datetime/common';
-import DaysRow from './DaysRow';
+import { Span_propTypes, CalendarView_propTypes } from "./props/propTypes";
+import { CalendarView_defaultProps, Span_defaultProps } from "./props/defaultProps";
+import { Container, Box } from "../Layout";
+import style from "./DateTime.module.css";
+import { getMonthEnd } from "../utils/datetime/common";
+import DaysRow from "./DaysRow";
 /* eslint css-modules/no-unused-class: [0, { markAsUsed: ['container', 'header', 'thArrowConatainer', 'thArrow', 'thMonYear', 'days', 'daysStr', 'timesection', 'timeStr', 'dropDownContainer', 'dropDown', 'footer', 'space'] }] */
 
 export default class CalendarView extends React.PureComponent {

package/es/DateTime/DateTime.js

@@ -2,22 +2,22 @@
 
 /* eslint-disable react/forbid-component-props */
 import React from 'react';
-import { DateTime_propTypes } from './props/propTypes';
-import { DateTime_defaultProps } from './props/defaultProps';
+import { DateTime_propTypes } from "./props/propTypes";
+import { DateTime_defaultProps } from "./props/defaultProps";
 import datetime from '@zohodesk/datetimejs';
-import CalendarView from './CalendarView';
-import YearView from './YearView';
-import DateTimePopupHeader from './DateTimePopupHeader';
-import DateTimePopupFooter from './DateTimePopupFooter';
-import Time from './Time';
-import style from './DateTime.module.css';
-import { formatDate, getMonthEnd } from '../utils/datetime/common';
-import { getIsEmptyValue } from '../utils/Common';
-import { monthNamesDefault, monthNamesShortDefault, dayNamesDefault, dayNamesShortDefault, ampmTextDefault } from './constants';
-import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
-import { Box } from '../Layout';
-import { getHourSuggestions, getMinuteSuggestions, addZeroIfNeeded } from './dateFormatUtils';
-import { getDateText } from './dateFormatUtils/dateFormat';
+import CalendarView from "./CalendarView";
+import YearView from "./YearView";
+import DateTimePopupHeader from "./DateTimePopupHeader";
+import DateTimePopupFooter from "./DateTimePopupFooter";
+import Time from "./Time";
+import style from "./DateTime.module.css";
+import { formatDate, getMonthEnd } from "../utils/datetime/common";
+import { getIsEmptyValue } from "../utils/Common";
+import { monthNamesDefault, monthNamesShortDefault, dayNamesDefault, dayNamesShortDefault, ampmTextDefault } from "./constants";
+import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
+import { Box } from "../Layout";
+import { getHourSuggestions, getMinuteSuggestions, addZeroIfNeeded } from "./dateFormatUtils";
+import { getDateText } from "./dateFormatUtils/dateFormat";
 
 function title(date, year, month) {
   let monthNames = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];

package/es/DateTime/DateTimePopupFooter.js

@@ -2,15 +2,15 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DateTimePopupFooter_propTypes } from './props/propTypes';
-import { DateTimePopupFooter_defaultProps } from './props/defaultProps';
+import { DateTimePopupFooter_propTypes } from "./props/propTypes";
+import { DateTimePopupFooter_defaultProps } from "./props/defaultProps";
 /** ** Components *** */
 
-import { Container } from '../Layout';
-import Button from '../Button/Button';
+import { Container } from "../Layout";
+import Button from "../Button/Button";
 /** ** CSS *** */
 
-import style from './DateTime.module.css';
+import style from "./DateTime.module.css";
 export default class DateTimePopupFooter extends PureComponent {
   render() {
     const {

package/es/DateTime/DateTimePopupHeader.js

@@ -2,15 +2,15 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DateTimePopupHeader_propTypes } from './props/propTypes';
+import { DateTimePopupHeader_propTypes } from "./props/propTypes";
 /** ** Components *** */
 
-import { Container, Box } from '../Layout';
+import { Container, Box } from "../Layout";
 import { Icon } from '@zohodesk/icons';
-import Heading from '../Heading/Heading';
+import Heading from "../Heading/Heading";
 /** ** CSS *** */
 
-import style from './DateTime.module.css';
+import style from "./DateTime.module.css";
 
 class Span extends React.PureComponent {
   constructor(props) {

package/es/DateTime/DateWidget.js

@@ -1,31 +1,31 @@
 /**** Libraries ****/
 import React from 'react';
-import { DateWidget_propTypes } from './props/propTypes';
-import { DateWidget_defaultProps } from './props/defaultProps';
+import { DateWidget_propTypes } from "./props/propTypes";
+import { DateWidget_defaultProps } from "./props/defaultProps";
 /**** Components ****/
 
-import DateTime from './DateTime';
-import Popup from '../Popup/Popup';
+import DateTime from "./DateTime";
+import Popup from "../Popup/Popup";
 import { Icon } from '@zohodesk/icons';
-import { Container } from '../Layout';
-import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
+import { Container } from "../Layout";
+import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
 /**** CSS ****/
 
-import style from './DateWidget.module.css';
+import style from "./DateWidget.module.css";
 /**** Methods ****/
 
-import validator from './validator';
-import { formatDate } from '../utils/datetime/common';
-import { getIsSupportedKey, arrayIsNotEqual } from './dateFormatUtils';
-import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from './dateFormatUtils/dateFormat';
-import { getChangedDay } from './dateFormatUtils/dayChange';
-import { getChangedMonth } from './dateFormatUtils/monthChange';
-import { getChangedYear } from './dateFormatUtils/yearChange';
-import { getChangedHour, getChangedMinute, getChangedNoon } from './dateFormatUtils/timeChange';
-import { getIsEmptyValue } from '../utils/Common';
+import validator from "./validator";
+import { formatDate } from "../utils/datetime/common";
+import { getIsSupportedKey, arrayIsNotEqual } from "./dateFormatUtils";
+import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from "./dateFormatUtils/dateFormat";
+import { getChangedDay } from "./dateFormatUtils/dayChange";
+import { getChangedMonth } from "./dateFormatUtils/monthChange";
+import { getChangedYear } from "./dateFormatUtils/yearChange";
+import { getChangedHour, getChangedMinute, getChangedNoon } from "./dateFormatUtils/timeChange";
+import { getIsEmptyValue } from "../utils/Common";
 /** * Constants ** */
 
-import { INVALID_DATE, i18nShortMonths, i18nMonths } from './constants';
+import { INVALID_DATE, i18nShortMonths, i18nMonths } from "./constants";
 /* eslint-disable react/no-unused-prop-types */
 
 /* eslint css-modules/no-unused-class: [0, { markAsUsed: 'inputLine'] }] */

package/es/DateTime/DaysRow.js

@@ -2,13 +2,13 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DaysRow_propTypes } from './props/propTypes';
+import { DaysRow_propTypes } from "./props/propTypes";
 /** ** CSS *** */
 
-import style from './DateTime.module.css';
+import style from "./DateTime.module.css";
 /** ** Components *** */
 
-import { Container, Box } from '../Layout';
+import { Container, Box } from "../Layout";
 export default class DaysRow extends PureComponent {
   render() {
     const {

package/es/DateTime/Time.js

@@ -2,15 +2,15 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { Time_propTypes } from './props/propTypes';
-import { Time_defaultProps } from './props/defaultProps';
+import { Time_propTypes } from "./props/propTypes";
+import { Time_defaultProps } from "./props/defaultProps";
 /**** Components ****/
 
-import { Container, Box } from '../Layout';
-import Select from '../Select/Select';
+import { Container, Box } from "../Layout";
+import Select from "../Select/Select";
 /** ** CSS *** */
 
-import style from './DateTime.module.css';
+import style from "./DateTime.module.css";
 export default class Time extends PureComponent {
   render() {
     const {

package/es/DateTime/YearView.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React from 'react';
-import { YearView_propTypes } from './props/propTypes';
-import { YearView_defaultProps } from './props/defaultProps';
+import { YearView_propTypes } from "./props/propTypes";
+import { YearView_defaultProps } from "./props/defaultProps";
 /**** Components ****/
 
 import { Virtualizer } from '@zohodesk/virtualizer';
-import { Container, Box } from '../Layout';
+import { Container, Box } from "../Layout";
 import { Icon } from '@zohodesk/icons';
-import Heading from '../Heading/Heading';
+import Heading from "../Heading/Heading";
 /**** CSS ****/
 
-import style from './YearView.module.css';
+import style from "./YearView.module.css";
 /**** Methods ****/
 
-import { getYearDetails } from './dateFormatUtils';
+import { getYearDetails } from "./dateFormatUtils";
 const monthNamesData = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 
 function getYears() {