@zohodesk/components 1.0.0-temp-220.9 → 1.0.0-temp-225-1

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

package/es/DateTime/__tests__/CalendarView.spec.js

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

package/es/DateTime/__tests__/DateTime.spec.js

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

package/es/DateTime/__tests__/DateTimePopupFooter.spec.js

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

package/es/DateTime/__tests__/DateTimePopupHeader.spec.js

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

package/es/DateTime/__tests__/DateWidget.spec.js

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

package/es/DateTime/__tests__/DaysRow.spec.js

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

package/es/DateTime/__tests__/Time.spec.js

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

package/es/DateTime/__tests__/YearView.spec.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import YearView from "../YearView";
+import YearView from '../YearView';
 describe('YearView', () => {
   test('rendering the defult props', () => {
     const {
       asFragment
-    } = render( /*#__PURE__*/React.createElement(YearView, null)); // expect(asFragment()).toMatchSnapshot();
+    } = render( /*#__PURE__*/React.createElement(YearView, null));
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap

@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`YearView rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container virtualizer"
+    dataid="yearList"
+  >
+    <div
+      style="order: 0; height: 0px; width: 1px; flex-grow: 0; flex-shrink: 0;"
+    />
+    <div
+      class="yearBox flex coldir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+      style="order: 0;"
+    >
+      <div
+        class="year  shrinkOff"
+        data-id="year_1850"
+        data-selector-id="box"
+        data-test-id="year_1850"
+      >
+        <div
+          class="flex cover rowdir vCenter"
+          data-id="containerComponent"
+          data-selector-id="container"
+          data-test-id="containerComponent"
+        >
+          <div
+            class="grow basis shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <h4
+              class="reset  yearText"
+              data-title="1850"
+              tabindex="0"
+            >
+              1850
+            </h4>
+          </div>
+          <i
+            aria-hidden="true"
+            class="zd_font_icons basic icon-arrow-down-single fbold arrow  "
+            data-id="fontIcon"
+            data-selector-id="fontIcon"
+            data-test-id="fontIcon"
+            style="--zd-iconfont-size: var(--zd_font_size7);"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      style="order: 8150; height: 8149px; width: 1px; flex-grow: 0; flex-shrink: 0;"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/DateTime/dateFormatUtils/dateFormat.js

@@ -4,13 +4,13 @@
 import datetime from '@zohodesk/datetimejs';
 /** * Methods ** */
 
-import { getDayEnd, convertYearToTwoDigit, addZero, getMonthDetails, getYearDetails, getDayDetails, getHourDetails, getMinuteDetails, getNoonDetails, getIsCurrentYear, removeYearPattern } from "./index";
-import { getIsEmptyValue } from "../../utils/Common";
-import { formatDate } from "../../utils/datetime/common";
+import { getDayEnd, convertYearToTwoDigit, addZero, getMonthDetails, getYearDetails, getDayDetails, getHourDetails, getMinuteDetails, getNoonDetails, getIsCurrentYear, removeYearPattern } from './index';
+import { getIsEmptyValue } from '../../utils/Common';
+import { formatDate } from '../../utils/datetime/common';
 /** * Constants ** */
 
 import { defaultFormat, supportedPatterns, // patternChangeStr,
-patternSplitStr, INCONSTANT, flags } from "../constants";
+patternSplitStr, INCONSTANT, flags } from '../constants';
 
 function getDateFormatString() {
   let dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];

package/es/DateTime/dateFormatUtils/dayChange.js

@@ -1,6 +1,6 @@
 /** * Methods ** */
-import { getIsNewValueType, getDayDetails, getIsNumberTyped, getIsDeleteTyped } from "./index";
-import { getKeyValue } from "../../utils/Common";
+import { getIsNewValueType, getDayDetails, getIsNumberTyped, getIsDeleteTyped } from './index';
+import { getKeyValue } from '../../utils/Common';
 export function getChangedDay(values, event, focusOrders, keyActions) {
   const {
     keyCode,

package/es/DateTime/dateFormatUtils/index.js

@@ -1,11 +1,11 @@
 /* eslint-disable no-param-reassign */
 
 /** * Methods ** */
-import { getMonthEnd } from "../../utils/datetime/common";
+import { getMonthEnd } from '../../utils/datetime/common';
 /** * Constants ** */
 
-import { flags, INVALID_DATE } from "../constants";
-import { getDateText } from "./dateFormat";
+import { flags, INVALID_DATE } from '../constants';
+import { getDateText } from './dateFormat';
 export function convertYearToTwoDigit(year) {
   return parseInt(year.toString().slice(-2));
 }

package/es/DateTime/dateFormatUtils/monthChange.js

@@ -1,6 +1,6 @@
 /** * Methods ** */
-import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getMonthDetails, getDayEnd } from "./index";
-import { getKeyValue } from "../../utils/Common";
+import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getMonthDetails, getDayEnd } from './index';
+import { getKeyValue } from '../../utils/Common';
 export function getChangedMonth(values, event, focusOrders, keyActions) {
   const {
     keyCode,

package/es/DateTime/dateFormatUtils/timeChange.js

@@ -1,6 +1,6 @@
 /** * Methods ** */
-import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getHourDetails, getMinuteDetails, getNoonDetails, getIsNoonValueTyped, getIsEmptyHour } from "./index";
-import { getKeyValue, getIsEmptyValue } from "../../utils/Common";
+import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getHourDetails, getMinuteDetails, getNoonDetails, getIsNoonValueTyped, getIsEmptyHour } from './index';
+import { getKeyValue, getIsEmptyValue } from '../../utils/Common';
 export function getChangedHour(values, event, focusOrders, keyActions) {
   let {
     is24Hour = false

package/es/DateTime/dateFormatUtils/yearChange.js

@@ -1,6 +1,6 @@
 /** * Methods ** */
-import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getDayEnd, convertYearToTwoDigit, getYearDetails, convertTwoDigitToYear, getIsEmptyYear } from "./index";
-import { getKeyValue } from "../../utils/Common";
+import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getDayEnd, convertYearToTwoDigit, getYearDetails, convertTwoDigitToYear, getIsEmptyYear } from './index';
+import { getKeyValue } from '../../utils/Common';
 export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
   let {
     yearInfo

package/es/DateTime/index.js

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

package/es/DateTime/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { dataFormatList } from "../dateFormatUtils/dateFormats";
+import { dataFormatList } from '../dateFormatUtils/dateFormats';
 export const CalendarView_propTypes = {
   dataId: PropTypes.string,
   date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),

package/es/DateTime/validator.js

@@ -1,5 +1,5 @@
-import typeChecker from "./typeChecker";
-import { clone } from "./objectUtils";
+import typeChecker from './typeChecker';
+import { clone } from './objectUtils';
 const validator = {
   combinePropsValidation: (currentProps, type, validateOn, validationObj, defaultCheckPropsRules, defaultValidateRules) => {
     let newType = type.toLowerCase();

package/es/DropBox/DropBox.js

@@ -1,15 +1,15 @@
 import React, { useRef, useContext } from 'react';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-import Portal from "../Modal/Portal/Portal"; // import { getLibraryConfig } from '../Provider/Config';
+import Modal from '../Modal/Modal'; // import { getLibraryConfig } from '../Provider/Config';
 
-import LibraryContext from "../Provider/LibraryContextInit";
-import cssJSLogic from "./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 "./css/DropBox.module.css";
+import LibraryContext from '../Provider/LibraryContextInit';
+import cssJSLogic from './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 './css/DropBox.module.css';
 export default function DropBox(props) {
   const dropBoxRef = useRef(null);
   const DropBoxContext = useContext(LibraryContext);
@@ -62,13 +62,13 @@ export default function DropBox(props) {
     ...props,
     zIndexStyle: zIndexStyle
   });
-  return isModel && isActive ? /*#__PURE__*/React.createElement(Portal, {
+  return isModel && isActive ? /*#__PURE__*/React.createElement(Modal, {
     portalId: portalId
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `${style.freezeLayer} ${style.freeze}`,
     style: zIndexStyle,
     onClick: stopPropagation
-  }), dropBoxEle)) : !isAbsolutePositioningNeeded && isActive ? /*#__PURE__*/React.createElement(Portal, {
+  }), dropBoxEle)) : !isAbsolutePositioningNeeded && isActive ? /*#__PURE__*/React.createElement(Modal, {
     portalId: portalId
   }, /*#__PURE__*/React.createElement(React.Fragment, null, isRestrictScroll ? /*#__PURE__*/React.createElement("div", {
     className: style.freezeLayer,

package/es/DropBox/DropBoxElement/DropBoxElement.js

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

package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js

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

package/es/DropBox/DropBoxElement/css/cssJSLogic.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 import { compileClassNames } from '@zohodesk/utils';
 export default function cssJSLogic(_ref) {
   let {

package/es/DropBox/DropBoxElement/useDropboxPosCalc.js

@@ -1,4 +1,4 @@
-import { remConvert } from "../../utils/Common";
+import { remConvert } from '../../utils/Common';
 export default function useDropboxPosCalc(props) {
   let {
     right,

package/es/DropBox/__tests__/DropBox.spec.js

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

package/es/DropBox/css/cssJSLogic.js

@@ -1,4 +1,4 @@
-import { useZIndex } from "../../Provider/ZindexProvider";
+import { useZIndex } from '../../Provider/ZindexProvider';
 export default function cssJSLogic(props) {
   const {
     isActive,

package/es/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/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/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/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.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.module.css';
+import PopOver, { PopOverTarget, PopOverContainer } from '../PopOver/PopOver';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'shadow', 'target', 'menu', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', 'separator', 'small', 'search', 'medium', 'heading'] }] */
 
 export default class DropDown extends React.Component {

package/es/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 "./DropDownHeading.module.css";
+import { DropDownHeading_propTypes } from './props/propTypes';
+import { DropDownHeading_defaultProps } from './props/defaultProps';
+import style from './DropDownHeading.module.css';
 export default class DropDownHeading extends React.Component {
   render() {
     let {

package/es/DropDown/DropDownItem.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DropDownItem_propTypes } from "./props/propTypes";
-import { DropDownItem_defaultProps } from "./props/defaultProps";
-import style from "./DropDownItem.module.css";
+import { DropDownItem_propTypes } from './props/propTypes';
+import { DropDownItem_defaultProps } from './props/defaultProps';
+import style from './DropDownItem.module.css';
 export default class DropDownItem extends React.Component {
   constructor(props) {
     super(props);