@zohodesk/components 1.0.0-temp-199.4 → 1.0.0-temp-213

package/es/v1/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/DateTime.module.css";
+import style from '../../DateTime/DateTime.module.css';
 
 class Span extends React.PureComponent {
   constructor(props) {

package/es/v1/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 "../../DateTime/DateWidget.module.css";
+import style from '../../DateTime/DateWidget.module.css';
 /**** Methods ****/
 
-import validator from "../../DateTime/validator";
-import { formatDate } from "../../utils/datetime/common";
-import { getIsSupportedKey, arrayIsNotEqual } from "../../DateTime/dateFormatUtils";
-import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from "../../DateTime/dateFormatUtils/dateFormat";
-import { getChangedDay } from "../../DateTime/dateFormatUtils/dayChange";
-import { getChangedMonth } from "../../DateTime/dateFormatUtils/monthChange";
-import { getChangedYear } from "../../DateTime/dateFormatUtils/yearChange";
-import { getChangedHour, getChangedMinute, getChangedNoon } from "../../DateTime/dateFormatUtils/timeChange";
-import { getIsEmptyValue } from "../../utils/Common";
+import validator from '../../DateTime/validator';
+import { formatDate } from '../../utils/datetime/common';
+import { getIsSupportedKey, arrayIsNotEqual } from '../../DateTime/dateFormatUtils';
+import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from '../../DateTime/dateFormatUtils/dateFormat';
+import { getChangedDay } from '../../DateTime/dateFormatUtils/dayChange';
+import { getChangedMonth } from '../../DateTime/dateFormatUtils/monthChange';
+import { getChangedYear } from '../../DateTime/dateFormatUtils/yearChange';
+import { getChangedHour, getChangedMinute, getChangedNoon } from '../../DateTime/dateFormatUtils/timeChange';
+import { getIsEmptyValue } from '../../utils/Common';
 /** * Constants ** */
 
-import { INVALID_DATE, i18nShortMonths, i18nMonths } from "../../DateTime/constants";
+import { INVALID_DATE, i18nShortMonths, i18nMonths } from '../../DateTime/constants';
 /* eslint-disable react/no-unused-prop-types */
 
 /* eslint css-modules/no-unused-class: [0, { markAsUsed: 'inputLine'] }] */
@@ -1006,6 +1006,8 @@ class DateWidgetComponent extends React.Component {
       onError,
       startDate,
       endDate,
+      weekStartDay,
+      holidays,
       customProps = {}
     } = this.props;
     const {
@@ -1105,7 +1107,9 @@ class DateWidgetComponent extends React.Component {
       onError: onError,
       startDate: startDate,
       endDate: endDate,
-      customProps: DateTimeProps
+      customProps: DateTimeProps,
+      weekStartDay: weekStartDay,
+      holidays: holidays
     }));
   }
 

package/es/v1/DateTime/DaysRow.js

@@ -2,18 +2,19 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DaysRow_propTypes } from "./props/propTypes";
+import { DaysRow_propTypes } from './props/propTypes';
 /** ** CSS *** */
 
-import style from "../../DateTime/DateTime.module.css";
+import style from '../../DateTime/DateTime.module.css';
 /** ** Components *** */
 
-import { Container, Box } from "../Layout";
+import { Container, Box } from '../Layout';
 export default class DaysRow extends PureComponent {
   render() {
     const {
       dayNames,
-      dayNamesShort
+      dayNamesShort,
+      holidays
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -21,7 +22,7 @@ export default class DaysRow extends PureComponent {
       className: style.days
     }, dayNames.map((dayName, index) => /*#__PURE__*/React.createElement(Box, {
       key: dayName,
-      className: `${style.daysStr} ${style.grid} ${index === 0 ? style.sunday : ''}`,
+      className: `${style.daysStr} ${style.grid} ${holidays.includes(index) ? style.holiday : ''}`,
       "data-title": dayName,
       "aria-label": dayName
     }, dayNamesShort[index])));

package/es/v1/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/DateTime.module.css";
+import style from '../../DateTime/DateTime.module.css';
 export default class Time extends PureComponent {
   render() {
     const {

package/es/v1/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 "../../DateTime/YearView.module.css";
+import style from '../../DateTime/YearView.module.css';
 /**** Methods ****/
 
-import { getYearDetails } from "../../DateTime/dateFormatUtils";
+import { getYearDetails } from '../../DateTime/dateFormatUtils';
 const monthNamesData = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 
 function getYears() {

package/es/v1/DateTime/index.js

@@ -1 +1 @@
-export { default as DateWidget } from "./DateWidget";
+export { default as DateWidget } from './DateWidget';

package/es/v1/DateTime/props/defaultProps.js

@@ -1,6 +1,8 @@
 export const CalendarView_defaultProps = {
   dataId: 'dateContainer',
-  needBorder: true
+  needBorder: true,
+  weekStartDay: 0,
+  holidays: [0]
 };
 export const Span_defaultProps = {
   dataId: 'calendar-view'
@@ -20,7 +22,9 @@ export const DateTime_defaultProps = {
   i18nKeys: {},
   is24Hour: false,
   isDefaultPosition: false,
-  customDateFormat: null
+  customDateFormat: null,
+  weekStartDay: 0,
+  holidays: [0]
 };
 export const DateWidget_defaultProps = {
   borderColor: 'default',
@@ -43,7 +47,9 @@ export const DateWidget_defaultProps = {
   needErrorOnBlur: false,
   isEditable: false,
   iconOnHover: false,
-  is24Hour: false
+  is24Hour: false,
+  weekStartDay: 0,
+  holidays: [0]
 };
 export const YearView_defaultProps = {
   dataId: 'dateContainer',

package/es/v1/DateTime/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { dataFormatList } from "../../../DateTime/dateFormatUtils/dateFormats";
+import { dataFormatList } from '../../../DateTime/dateFormatUtils/dateFormats';
 export const CalendarView_propTypes = {
   dataId: PropTypes.string,
   date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -13,7 +13,9 @@ export const CalendarView_propTypes = {
   todayDate: PropTypes.string,
   todayYear: PropTypes.string,
   startDate: PropTypes.string,
-  endDate: PropTypes.string
+  endDate: PropTypes.string,
+  weekStartDay: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
+  holidays: PropTypes.arrayOf(PropTypes.number)
 };
 export const Span_propTypes = {
   dataId: PropTypes.string,
@@ -79,7 +81,9 @@ export const DateTime_propTypes = {
   dropBoxPortalId: PropTypes.string,
   startDate: PropTypes.string,
   endDate: PropTypes.string,
-  customProps: PropTypes.object
+  customProps: PropTypes.object,
+  weekStartDay: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
+  holidays: PropTypes.arrayOf(PropTypes.number)
 };
 export const DateWidget_propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
@@ -150,7 +154,9 @@ export const DateWidget_propTypes = {
   startDate: PropTypes.string,
   endDate: PropTypes.string,
   getPopupProps: PropTypes.func,
-  customProps: PropTypes.object
+  customProps: PropTypes.object,
+  weekStartDay: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
+  holidays: PropTypes.arrayOf(PropTypes.number)
 };
 export const YearView_propTypes = {
   onSelectMonth: PropTypes.func,
@@ -177,7 +183,8 @@ export const DateTimePopupHeader_propTypes = {
 };
 export const DaysRow_propTypes = {
   dayNames: PropTypes.array,
-  dayNamesShort: PropTypes.object
+  dayNamesShort: PropTypes.object,
+  holidays: PropTypes.arrayOf(PropTypes.number)
 };
 export const Time_propTypes = {
   timeText: PropTypes.string,

package/es/v1/DropBox/DropBox.js

@@ -1,14 +1,14 @@
 import React, { useRef, useContext } from 'react';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-import Modal from "../Modal/Modal";
-import LibraryContext from "../../Provider/LibraryContextInit";
-import cssJSLogic from "../../DropBox/css/cssJSLogic";
-import DropBoxElement from "./DropBoxElement/DropBoxElement";
-import { DropBoxDefaultProps } from "./props/defaultProps";
-import { DropBoxPropTypes } from "./props/propTypes";
-import { stopPropagation } from "../../utils/Common";
-import isMobilePopover from "./utils/isMobilePopover";
-import style from "../../DropBox/css/DropBox.module.css";
+import Modal from '../Modal/Modal';
+import LibraryContext from '../../Provider/LibraryContextInit';
+import cssJSLogic from '../../DropBox/css/cssJSLogic';
+import DropBoxElement from './DropBoxElement/DropBoxElement';
+import { DropBoxDefaultProps } from './props/defaultProps';
+import { DropBoxPropTypes } from './props/propTypes';
+import { stopPropagation } from '../../utils/Common';
+import isMobilePopover from './utils/isMobilePopover';
+import style from '../../DropBox/css/DropBox.module.css';
 export default function DropBox(props) {
   const dropBoxRef = useRef(null);
   const DropBoxContext = useContext(LibraryContext);

package/es/v1/DropBox/DropBoxElement/DropBoxElement.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import useDropboxPosCalc from "../../../DropBox/DropBoxElement/useDropboxPosCalc";
-import cssJSLogic from "../../../DropBox/DropBoxElement/css/cssJSLogic";
-import { positionMapping } from "../../../DropBox/DropBoxPositionMapping.js";
-import { DropBoxElementDefaultProps } from "./props/defaultProps";
-import { DropBoxElementPropTypes } from "./props/propTypes";
+import useDropboxPosCalc from '../../../DropBox/DropBoxElement/useDropboxPosCalc';
+import cssJSLogic from '../../../DropBox/DropBoxElement/css/cssJSLogic';
+import { positionMapping } from '../../../DropBox/DropBoxPositionMapping.js';
+import { DropBoxElementDefaultProps } from './props/defaultProps';
+import { DropBoxElementPropTypes } from './props/propTypes';
 import { mergeStyle } from '@zohodesk/utils';
-import style from "../../../DropBox/DropBoxElement/css/DropBoxElement.module.css";
+import style from '../../../DropBox/DropBoxElement/css/DropBoxElement.module.css';
 export default function DropBoxElement(props) {
   let {
     children,

package/es/v1/DropBox/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { DropBoxElementDefaultProps } from "../DropBoxElement/props/defaultProps";
+import { DropBoxElementDefaultProps } from '../DropBoxElement/props/defaultProps';
 export const defaultProps = {
   needResponsive: true,
   portalId: 'portal1',

package/es/v1/DropBox/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { DropBoxElementPropTypes } from "../DropBoxElement/props/propTypes";
+import { DropBoxElementPropTypes } from '../DropBoxElement/props/propTypes';
 export const propTypes = {
   needResponsive: PropTypes.bool,
   portalId: PropTypes.string,

package/es/v1/DropBox/utils/isMobilePopover.js

@@ -1,4 +1,4 @@
-import { getLibraryConfig } from "../../../Provider/Config";
+import { getLibraryConfig } from '../../../Provider/Config';
 export default function isMobilePopover(needResponsive) {
   //   let { needResponsive } = props;
   let windowWidth,

package/es/v1/DropDown/DropDown.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from "./props/propTypes";
-import { DropDownItemContainer_defaultProps } from "./props/defaultProps";
-import style from "../../DropDown/DropDown.module.css";
-import PopOver, { PopOverTarget, PopOverContainer } from "../PopOver/PopOver";
+import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from './props/propTypes';
+import { DropDownItemContainer_defaultProps } from './props/defaultProps';
+import style from '../../DropDown/DropDown.module.css';
+import PopOver, { PopOverTarget, PopOverContainer } from '../PopOver/PopOver';
 export default function DropDown(props) {
   let {
     children

package/es/v1/DropDown/DropDownHeading.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DropDownHeading_propTypes } from "./props/propTypes";
-import { DropDownHeading_defaultProps } from "./props/defaultProps";
-import style from "../../DropDown/DropDownHeading.module.css";
+import { DropDownHeading_propTypes } from './props/propTypes';
+import { DropDownHeading_defaultProps } from './props/defaultProps';
+import style from '../../DropDown/DropDownHeading.module.css';
 export default function DropDownHeading(props) {
   let {
     text,

package/es/v1/DropDown/DropDownItem.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
-import { DropDownItem_propTypes } from "./props/propTypes";
-import { DropDownItem_defaultProps } from "./props/defaultProps";
-import style from "../../DropDown/DropDownItem.module.css";
+import { DropDownItem_propTypes } from './props/propTypes';
+import { DropDownItem_defaultProps } from './props/defaultProps';
+import style from '../../DropDown/DropDownItem.module.css';
 export default function DropDownItem(props) {
   let {
     value,

package/es/v1/DropDown/DropDownSearch.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef } from 'react';
-import { DropDownSearch_propTypes } from "./props/propTypes";
-import { DropDownSearch_defaultProps } from "./props/defaultProps";
-import TextBox from "../TextBox/TextBox";
-import style from "../../DropDown/DropDownSearch.module.css";
+import { DropDownSearch_propTypes } from './props/propTypes';
+import { DropDownSearch_defaultProps } from './props/defaultProps';
+import TextBox from '../TextBox/TextBox';
+import style from '../../DropDown/DropDownSearch.module.css';
 export default function DropDownSearch(props) {
   let {
     name,

package/es/v1/DropDown/DropDownSeparator.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DropDownSeparator_propTypes } from "./props/propTypes";
-import style from "../../DropDown/DropDownSeparator.module.css";
+import { DropDownSeparator_propTypes } from './props/propTypes';
+import style from '../../DropDown/DropDownSeparator.module.css';
 export default function DropDownSeparator(props) {
   let {
     customClass = ''

package/es/v1/DropDown/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { PopOver_propTypes } from "./../../PopOver/props/propTypes";
+import { PopOver_propTypes } from './../../PopOver/props/propTypes';
 export const DropDown_propTypes = { ...PopOver_propTypes
 };
 export const DropDownTarget_propTypes = {

package/es/v1/Heading/Heading.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { whiteSpaceClassMapping } from "../../utils/cssUtils";
-import style from "../../Heading/Heading.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { whiteSpaceClassMapping } from '../../utils/cssUtils';
+import style from '../../Heading/Heading.module.css';
 export default function Heading(props) {
   let {
     tagName,

package/es/v1/Label/Label.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Label/Label.module.css";
-import colors from "../../Label/LabelColors.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../Label/Label.module.css';
+import colors from '../../Label/LabelColors.module.css';
 export default function Label(props) {
   const {
     text,

package/es/v1/Layout/Box.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { BoxProps as propTypes } from "./props/propTypes";
-import { BoxDefaultProps as defaultProps } from "./props/defaultProps";
+import { BoxProps as propTypes } from './props/propTypes';
+import { BoxDefaultProps as defaultProps } from './props/defaultProps';
 /* eslint css-modules/no-unused-class: 0 */
 
-import { createProps, getClass, setProps } from "../../Layout/utils";
-import style from "../../Layout/Layout.module.css";
+import { createProps, getClass, setProps } from '../../Layout/utils';
+import style from '../../Layout/Layout.module.css';
 /* eslint-disable  react/no-unused-prop-types*/
 
 function getBoxClassNames(props) {

package/es/v1/Layout/Container.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ContainerProps as propTypes } from "./props/propTypes";
-import { ContainerDefaultProps as defaultProps } from "./props/defaultProps";
+import { ContainerProps as propTypes } from './props/propTypes';
+import { ContainerDefaultProps as defaultProps } from './props/defaultProps';
 /* eslint css-modules/no-unused-class: 0 */
 
-import { createProps, getClass, setProps } from "../../Layout/utils";
-import style from "../../Layout/Layout.module.css";
+import { createProps, getClass, setProps } from '../../Layout/utils';
+import style from '../../Layout/Layout.module.css';
 /* eslint-disable  react/no-unused-prop-types*/
 
 function getContainerClassNames(props) {

package/es/v1/Layout/index.js

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

package/es/v1/ListItem/ListContainer.js

@@ -1,11 +1,11 @@
 /**** Libraries ****/
 import React, { useCallback } from 'react';
-import { Container } from "../Layout";
-import CssProvider from "../../Provider/CssProvider";
-import style from "../../ListItem/ListItem.module.css";
-import { ListContainerDefaultProps } from "./props/defaultProps";
-import { ListContainer_Props } from "./props/propTypes";
-import { useResponsiveReceiver } from "../../Responsive/CustomResponsive";
+import { Container } from '../Layout';
+import CssProvider from '../../Provider/CssProvider';
+import style from '../../ListItem/ListItem.module.css';
+import { ListContainerDefaultProps } from './props/defaultProps';
+import { ListContainer_Props } from './props/propTypes';
+import { useResponsiveReceiver } from '../../Responsive/CustomResponsive';
 
 const ListContainer = props => {
   const {

package/es/v1/ListItem/ListItem.js

@@ -1,15 +1,15 @@
 /**** Libraries ****/
 import React from 'react';
-import { Box } from "../Layout";
-import ListContainer from "./ListContainer";
-import { ListItemDefaultProps } from "./props/defaultProps";
-import { ListItem_Props } from "./props/propTypes";
+import { Box } from '../Layout';
+import ListContainer from './ListContainer';
+import { ListItemDefaultProps } from './props/defaultProps';
+import { ListItem_Props } from './props/propTypes';
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 
-import style from "../../ListItem/ListItem.module.css";
+import style from '../../ListItem/ListItem.module.css';
 
 const ListItem = props => {
   let {

package/es/v1/ListItem/ListItemWithAvatar.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { memo } from 'react';
-import { Box } from "../Layout";
-import ListContainer from "./ListContainer";
-import { ListItemWithAvatarDefaultProps } from "./props/defaultProps";
-import { ListItemWithAvatar_Props } from "./props/propTypes";
+import { Box } from '../Layout';
+import ListContainer from './ListContainer';
+import { ListItemWithAvatarDefaultProps } from './props/defaultProps';
+import { ListItemWithAvatar_Props } from './props/propTypes';
 /**** Components ****/
 
-import Avatar from "../Avatar/Avatar";
-import AvatarTeam from "../AvatarTeam/AvatarTeam";
+import Avatar from '../Avatar/Avatar';
+import AvatarTeam from '../AvatarTeam/AvatarTeam';
 import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 
-import style from "../../ListItem/ListItem.module.css";
+import style from '../../ListItem/ListItem.module.css';
 
 const ListItemWithAvatar = props => {
   let {

package/es/v1/ListItem/ListItemWithCheckBox.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import ListContainer from "./ListContainer";
-import { ListItemWithCheckBoxDefaultProps } from "./props/defaultProps";
-import { ListItemWithCheckBox_Props } from "./props/propTypes";
-import CheckBox from "../CheckBox/CheckBox";
-import { Box } from "../Layout";
-import style from "../../ListItem/ListItem.module.css";
+import ListContainer from './ListContainer';
+import { ListItemWithCheckBoxDefaultProps } from './props/defaultProps';
+import { ListItemWithCheckBox_Props } from './props/propTypes';
+import CheckBox from '../CheckBox/CheckBox';
+import { Box } from '../Layout';
+import style from '../../ListItem/ListItem.module.css';
 
 const ListItemWithCheckBox = props => {
   let {

package/es/v1/ListItem/ListItemWithIcon.js

@@ -1,13 +1,13 @@
 /**** Libraries ****/
 import React from 'react';
-import { Box } from "../Layout";
+import { Box } from '../Layout';
 import { Icon } from '@zohodesk/icons';
-import ListContainer from "./ListContainer";
-import { ListItemWithIconDefaultProps } from "./props/defaultProps";
-import { ListItemWithIcon_Props } from "./props/propTypes";
+import ListContainer from './ListContainer';
+import { ListItemWithIconDefaultProps } from './props/defaultProps';
+import { ListItemWithIcon_Props } from './props/propTypes';
 /**** CSS ****/
 
-import style from "../../ListItem/ListItem.module.css";
+import style from '../../ListItem/ListItem.module.css';
 
 const ListItemWithIcon = props => {
   let {

package/es/v1/ListItem/ListItemWithRadio.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import Radio from "../Radio/Radio";
-import { Box } from "../Layout";
-import ListContainer from "./ListContainer";
-import { ListItemWithRadioDefaultProps } from "./props/defaultProps";
-import { ListItemWithRadio_Props } from "./props/propTypes";
-import style from "../../ListItem/ListItem.module.css";
+import Radio from '../Radio/Radio';
+import { Box } from '../Layout';
+import ListContainer from './ListContainer';
+import { ListItemWithRadioDefaultProps } from './props/defaultProps';
+import { ListItemWithRadio_Props } from './props/propTypes';
+import style from '../../ListItem/ListItem.module.css';
 
 const ListItemWithRadio = props => {
   let {

package/es/v1/ListItem/index.js

@@ -1,6 +1,6 @@
-export { default as ListContainer } from "./ListContainer";
-export { default as ListItem } from "./ListItem";
-export { default as ListItemWithAvatar } from "./ListItemWithAvatar";
-export { default as ListItemWithCheckBox } from "./ListItemWithCheckBox";
-export { default as ListItemWithIcon } from "./ListItemWithIcon";
-export { default as ListItemWithRadio } from "./ListItemWithRadio";
+export { default as ListContainer } from './ListContainer';
+export { default as ListItem } from './ListItem';
+export { default as ListItemWithAvatar } from './ListItemWithAvatar';
+export { default as ListItemWithCheckBox } from './ListItemWithCheckBox';
+export { default as ListItemWithIcon } from './ListItemWithIcon';
+export { default as ListItemWithRadio } from './ListItemWithRadio';

package/es/v1/Modal/Modal.js

@@ -1,9 +1,9 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import ReactDOM from 'react-dom';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../AppContainer/AppContainer.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../AppContainer/AppContainer.module.css';
 let createdPortalIds = [];
 let newPortalPrefix = 'CPortal';
 let portalChildrenTopIndexValues;