@zohodesk/components 1.2.44 → 1.2.46

package/README.md

@@ -32,12 +32,29 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.2.46
+
+- **AppContainer (v1)**
+
+  - Removed color, zoom size, font size and font family variable files imports
+
+# 1.2.45
+
+- **GroupSelect**
+
+  - The issue with TextBoxIcon_i18n returning an undefined value while using the needSelectDownIcon prop has been fixed.
+
+- **MultiSelect**
+  - Functionality Added - If the container is non-scrollable, the API call is triggered to fetch the next set of data upon selecting an option.
+
 # 1.2.44
 
 - **Tabs (v0&v1), AdvancedGroupMultiSelect (v1)**
+
   - `isAbsolutePositioningNeeded` `isRestrictScroll` `positionsOffset` `targetOffset` props supported for fixed position.
 
 - **Tabs (v0&v1)**
+
   - padding css fix
 
 - **DropDownSearch (v1)**
@@ -53,16 +70,17 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.2.42
 
-- **Heading (v0&v1)** - 
+- **Heading (v0&v1)** -
+
   - whiteSpace prop added
 
-- **Tooltip (v0&v1)** - 
+- **Tooltip (v0&v1)** -
   - whiteSpace prop added
   - `data-title-wrap` now accepts whitespace CSS values instead of a boolean, allowing the tooltip to support all whitespace options. Default value is `normal`.
 
 # 1.2.41
 
-- **Tabs** 
+- **Tabs**
   - Search implemented in more popup (v0& v1)
 
 # 1.2.40
@@ -78,9 +96,9 @@ In this Package, we Provide Some Basic Components to Build Web App
 # 1.2.38
 
 - **renderRightPlaceholderNode**
-- renderRightPlaceholderNode support given for `CheckBox` `Textarea` `Select` `MultiSelect`  `TextBoxIcon`.
-- Json File Import Changed to JS modules in `Popup/PositionMapping` `DropBox/DropBoxPositionMapping`. 
-- **DateWidget** 
+- renderRightPlaceholderNode support given for `CheckBox` `Textarea` `Select` `MultiSelect` `TextBoxIcon`.
+- Json File Import Changed to JS modules in `Popup/PositionMapping` `DropBox/DropBoxPositionMapping`.
+- **DateWidget**
 - TextBoxIconProps key supported in customProps prop
 - **MultiSelect**
 - customProps prop added and TextBoxIconProps customization given (Prop Spreaded).
@@ -91,17 +109,17 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.2.37
 
-- **Tabs** 
+- **Tabs**
 - dataID prop import missing for more menu dropdown issue fix (v0 and v1)
 
 # 1.2.36
 
-- **dataID & dataTestID** 
+- **dataID & dataTestID**
 - support has been added for the `DropDownSearch` `ListItemWithRadio` `AdvancedGroupMultiSelect` `AdvancedMultiSelect` `MultiSelect` `MultiSelectWithAvatar` `SelectedOptions` `SelectWithAvatar` `SelectWithIcon` `Tabs` Component (v0 and v1).
 
 # 1.2.35
 
-- **MultiSelect** 
+- **MultiSelect**
 - `dataId` support has been added for the ResponsiveDropBox Component.
 - The `dataId` will be reflected as `dataId` with the suffix "_dropbox".
 - **DateWidget**
@@ -141,13 +159,13 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.2.27
 
-- **DateWidget** -  The issue with the YearView Open State Reset on Blur Event in DidMount has been resolved
+- **DateWidget** - The issue with the YearView Open State Reset on Blur Event in DidMount has been resolved
 
 # 1.2.26
 
 - **MultiSelect, MultiSelectWithAvatar** - Mobile Header Render Issue in Mobile Responsive Fixed.
 - **isMobilePopover** - Function added in Dropbox.
-- **Tag** -  closeTitle not working issue fixed ( because value sends in wrong prop key data-title)
+- **Tag** - closeTitle not working issue fixed ( because value sends in wrong prop key data-title)
 
 # 1.2.25
 
@@ -171,25 +189,25 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 - **v1/Tabs** - converted to functional component
 - **TextBox** - Tooltip Issue fixed
-- **Tooltip** -  Input Element Based Tooltip Fix Related Fix Added
+- **Tooltip** - Input Element Based Tooltip Fix Related Fix Added
 
 # 1.2.20
 
 - **Avatar, ListContainer, Suggestions, Select, Switch** - Accessibility issue fixes.
 
-# 1.2.19 
+# 1.2.19
 
 - Typography - lineheight unitless prop added
 - v1/Modal - converted to functional component
 - DateWidget - Manual Type TimeZone Issue Fixed
 
- # 1.2.18
+# 1.2.18
 
- - TextBox - MaxLength Default Prop Removed
+- TextBox - MaxLength Default Prop Removed
 
- # 1.2.17
+# 1.2.17
 
- - DateWidget TimeZone Exception Supported
+- DateWidget TimeZone Exception Supported
 
 # 1.2.15, # 1.2.16
 
@@ -245,11 +263,11 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.2.4
 
-- **Typography**  new component added
+- **Typography** new component added
 
 # 1.2.3
 
-- **MultiSelect , MultiSelectWithAvatar**  mobile responsive features added
+- **MultiSelect , MultiSelectWithAvatar** mobile responsive features added
 - **Mobile Header** Component added
 - Proptype validation fixed
 
@@ -265,7 +283,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.2.0
 
-- **utils** and **hooks** packages  added as dependency
+- **utils** and **hooks** packages added as dependency
 
 - **mergeStyle** and **compileClassNames** - deprecated and used from `utils` package
 
@@ -321,7 +339,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 - `stopPropagation` method added in common utils.
 
 - **DropBox**
-  
+
   cancelBubblingEffect fix.
 
   `fadeIn` and `scaleIn` animations added.
@@ -362,11 +380,11 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-263
 
-- **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio**  - Line height changed 20px and Padding also changed.
+- **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Line height changed 20px and Padding also changed.
 
 # 1.0.0-alpha-262
 
-- **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio**  - Added New Prop `needMultiLineText`
+- **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Added New Prop `needMultiLineText`
 
 - **MultiSelect, MultiSelectWithAvatar** - `keepSelectedOptions` prop added. When this prop is true, it won't remove selected items from the dropdown instead it highlights each selected item with tick mark.
 
@@ -378,7 +396,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 - compileClassNames , mergeStyle utils added.
 
-- index  export object fixed.
+- index export object fixed.
 
 # 1.0.0-alpha-260
 
@@ -393,7 +411,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-259
 
 - **Avatar**
-  
+
   `needInnerBorder` and `needDefaultBorder` prop has been added.
 
   `xxsmall` option added for size prop.
@@ -408,7 +426,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-257
 
-- **Avatar** - Avatar initial render issue and image border issue  solved
+- **Avatar** - Avatar initial render issue and image border issue solved
 
 - **DateWidget** - `boxSize` and `onError` prop has been added.
 
@@ -418,7 +436,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 - **Switch** - Click handling issue fix.
 
-- **Tabs, Tab** -  Screen Reader fix.
+- **Tabs, Tab** - Screen Reader fix.
 
 # 1.0.0-alpha-255
 
@@ -436,7 +454,7 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-253
 
-- **Tabs, Tooltip** - If condition check added  to reduce murphy error logs.
+- **Tabs, Tooltip** - If condition check added to reduce murphy error logs.
 
 - `Accesssility`- Screen Reader support for some components.
 
@@ -446,9 +464,9 @@ In this Package, we Provide Some Basic Components to Build Web App
 
 - **componentAppearanceVariableJson**
 
-   `zdt_datetime_today_bg` variable renamed as `zdt_datetime_selected_bg`
+  `zdt_datetime_today_bg` variable renamed as `zdt_datetime_selected_bg`
 
-   `zdt_datetime_today_border` variable added.
+  `zdt_datetime_today_border` variable added.
 
 - **CalendarView** - `isToday` prop added to display today's date as a separate style.
 

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/__tests__/Accordion.spec.js

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

package/es/Accordion/__tests__/AccordionItem.spec.js

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

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/__tests__/Animation.spec.js

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

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,9 +1,9 @@
 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';
@@ -11,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);

package/es/AppContainer/__tests__/AppContainer.spec.js

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

package/es/Avatar/Avatar.js

@@ -1,9 +1,9 @@
 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

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,8 +1,8 @@
 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
 

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,9 +1,9 @@
 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

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,9 +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 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 */
 
 /*

package/es/Card/__tests__/Card.spec.js

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

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,10 +1,10 @@
 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);

package/es/CheckBox/__tests__/CheckBox.spec.js

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

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) {