@zohodesk/components 1.2.53 → 1.2.55

package/es/Tab/Tabs.js

@@ -9,20 +9,20 @@
 */
 import React from 'react';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
-import Tab from "./Tab";
-import { Tabs_defaultProps } from "./props/defaultProps";
-import { Tabs_propTypes } from "./props/propTypes";
-import { remConvert, getTotalDimension, cs, bind, throttle, cancelBubblingEffect } from "../utils/Common";
-import { Box, Container } from "../Layout";
-import ResizeObserver from "../Responsive/ResizeObserver";
-import ListItem from "../ListItem/ListItem";
+import Tab from './Tab';
+import { Tabs_defaultProps } from './props/defaultProps';
+import { Tabs_propTypes } from './props/propTypes';
+import { remConvert, getTotalDimension, cs, bind, throttle, cancelBubblingEffect } from '../utils/Common';
+import { Box, Container } from '../Layout';
+import ResizeObserver from '../Responsive/ResizeObserver';
+import ListItem from '../ListItem/ListItem';
 import { Icon } from '@zohodesk/icons';
-import tabsStyle from "./Tabs.module.css";
-import Popup from "../Popup/Popup";
-import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
-import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
-import { ResponsiveReceiver } from "../Responsive/CustomResponsive";
-import btnstyle from "../semantic/Button/semanticButton.module.css";
+import tabsStyle from './Tabs.module.css';
+import Popup from '../Popup/Popup';
+import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
+import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
+import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
+import btnstyle from '../semantic/Button/semanticButton.module.css';
 
 class Tabs extends React.Component {
   constructor(props) {

package/es/Tab/__tests__/Tab.spec.js

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

package/es/Tab/__tests__/TabContent.spec.js

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

package/es/Tab/__tests__/TabContentWrapper.spec.js

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

package/es/Tab/__tests__/TabWrapper.spec.js

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

package/es/Tab/__tests__/Tabs.spec.js

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

package/es/Tab/index.js

@@ -1,5 +1,5 @@
-export { default as TabWrapper } from "./TabWrapper";
-export { default as TabContentWrapper } from "./TabContentWrapper";
-export { default as TabContent } from "./TabContent";
-export { default as Tabs } from "./Tabs";
-export { default as Tab } from "./Tab";
+export { default as TabWrapper } from './TabWrapper';
+export { default as TabContentWrapper } from './TabContentWrapper';
+export { default as TabContent } from './TabContent';
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';

package/es/Tag/Tag.js

@@ -1,12 +1,12 @@
 import React, { PureComponent } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import Avatar from "../Avatar/Avatar";
-import { Container } from "../Layout";
-import Button from "../semantic/Button/Button";
-import { getUniqueId } from "../Provider/IdProvider";
-import style from "./Tag.module.css";
+import Avatar from '../Avatar/Avatar';
+import { Container } from '../Layout';
+import Button from '../semantic/Button/Button';
+import { getUniqueId } from '../Provider/IdProvider';
+import style from './Tag.module.css';
 /*
  * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
  * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
@@ -83,8 +83,13 @@ export default class Tag extends PureComponent {
       customAttributes,
       a11y,
       needEffect,
-      isReadOnly
+      isReadOnly,
+      customProps
     } = this.props;
+    const {
+      avatarProps = {},
+      iconProps = {}
+    } = customProps;
     let {
       customTag = '',
       customTagClose = '',
@@ -116,13 +121,15 @@ export default class Tag extends PureComponent {
       size: "small",
       src: imageURL,
       textPalette: isDarkPalette ? 'white' : '',
-      customClass: customAvatar
+      customClass: customAvatar,
+      ...avatarProps
     })) : null, iconName ? /*#__PURE__*/React.createElement("div", {
       className: `${style.icon} ${customTagIcon}`,
       "aria-hidden": true
     }, /*#__PURE__*/React.createElement(Icon, {
       name: iconName,
-      size: iconSize
+      size: iconSize,
+      ...iconProps
     })) : null, /*#__PURE__*/React.createElement("div", {
       className: `${style.text} ${textSizes}`,
       "aria-hidden": true,

package/es/Tag/__tests__/Tag.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Tag from "../Tag";
+import Tag from '../Tag';
 import { render } from "@testing-library/react";
 describe('Tag component', () => {
   const size = ['small', 'medium'];

package/es/Tag/props/defaultProps.js

@@ -11,5 +11,6 @@ export const defaultProps = {
   a11y: {},
   needEffect: true,
   isReadOnly: false,
-  dataSelectorId: 'tag'
+  dataSelectorId: 'tag',
+  customProps: {}
 };

package/es/Tag/props/propTypes.js

@@ -1,4 +1,6 @@
 import PropTypes from 'prop-types';
+import { propTypes as AvatarPropTypes } from '../../Avatar/props/propTypes.js';
+import { IconProps as IconPropTypes } from '@zohodesk/icons/es/Icon/props/propTypes';
 export const propTypes = {
   active: PropTypes.bool,
   avatarPalette: PropTypes.string,
@@ -32,5 +34,9 @@ export const propTypes = {
   }),
   needEffect: PropTypes.bool,
   isReadOnly: PropTypes.bool,
-  dataSelectorId: PropTypes.string
+  dataSelectorId: PropTypes.string,
+  customProps: PropTypes.shape({
+    avatarProps: PropTypes.exact(AvatarPropTypes),
+    iconProps: PropTypes.exact(IconPropTypes)
+  })
 };

package/es/TextBox/TextBox.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['xmedium', 'medium', 'small', 'default', 'primary', 'secondary'] }] */
 
-import style from "./TextBox.module.css";
+import style from './TextBox.module.css';
 export default class TextBox extends React.PureComponent {
   constructor(props) {
     super(props);

package/es/TextBox/__tests__/TextBox.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Textbox from "../Textbox";
+import Textbox from '../Textbox';
 import { render } from "@testing-library/react";
 describe('Textbox component', () => {
   const type = ['text', 'password', 'number'];

package/es/TextBoxIcon/TextBoxIcon.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import TextBox from "../TextBox/TextBox";
-import { Container, Box } from "../Layout";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import TextBox from '../TextBox/TextBox';
+import { Container, Box } from '../Layout';
 import { Icon } from '@zohodesk/icons';
-import btnStyle from "../semantic/Button/semanticButton.module.css";
-import style from "./TextBoxIcon.module.css";
+import btnStyle from '../semantic/Button/semanticButton.module.css';
+import style from './TextBoxIcon.module.css';
 /* eslint-disable react/forbid-component-props */
 
 export default class TextBoxIcon extends React.Component {

package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import TextBoxIcon from "../TextBoxIcon";
+import TextBoxIcon from '../TextBoxIcon';
 import { render } from "@testing-library/react";
 describe('TextBoxIcon component', () => {
   const type = ['text', 'password', 'number'];

package/es/TextBoxIcon/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { propTypes as TextBox_propTypes } from "../../TextBox/props/propTypes";
+import { propTypes as TextBox_propTypes } from '../../TextBox/props/propTypes';
 export const propTypes = { ...TextBox_propTypes,
   borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
   children: PropTypes.node,

package/es/Textarea/Textarea.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['resizeX', 'resizeY', 'noresize', 'resizeboth', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'default', 'primary'] }] */
 
-import style from "./Textarea.module.css";
+import style from './Textarea.module.css';
 export default class Textarea extends React.Component {
   constructor(props) {
     super(props);

package/es/Textarea/__tests__/Textarea.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Textarea from "../Textarea";
+import Textarea from '../Textarea';
 import { render } from "@testing-library/react";
 describe('Textarea component', () => {
   const size = ['xsmall', 'small', 'xmedium', 'medium', 'large'];

package/es/Tooltip/Tooltip.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { getLibraryConfig } from "../Provider/Config";
-import ResizeObserver from "../Responsive/ResizeObserver";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getLibraryConfig } from '../Provider/Config';
+import ResizeObserver from '../Responsive/ResizeObserver';
 import selectn from 'selectn';
-import { whiteSpaceClassMapping } from "../utils/cssUtils";
-import style from "./Tooltip.module.css";
+import { whiteSpaceClassMapping } from '../utils/cssUtils';
+import style from './Tooltip.module.css';
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);

package/es/Typography/Typography.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 defaultStyle from "./css/Typography.module.css";
+import defaultStyle from './css/Typography.module.css';
 
 const Typography = props => {
   const {

package/es/Typography/css/cssJSLogic.js

@@ -1,5 +1,5 @@
 import { compileClassNames } from '@zohodesk/utils';
-import { letterspacingMapping, lineheightMapping } from "../utils";
+import { letterspacingMapping, lineheightMapping } from '../utils';
 export default function cssJSLogic(_ref) {
   let {
     props,

package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,9 +1,9 @@
 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 { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../Provider/LibraryContextInit";
+import LibraryContext from '../../Provider/LibraryContextInit';
 export default class VelocityAnimation extends React.Component {
   constructor(props) {
     super(props);

package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js

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

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,9 +1,9 @@
 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 { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../Provider/LibraryContextInit";
+import LibraryContext from '../../Provider/LibraryContextInit';
 
 function clearProps(props) {
   let newProps = Object.assign({}, props);

package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js

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

package/es/VelocityAnimation/index.js

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

package/es/css.js

@@ -1,41 +1,41 @@
-import "./common/reset.module.css";
-import "./common/basic.module.css";
+import './common/reset.module.css';
+import './common/basic.module.css';
 import '@zohodesk/variables/lib/colorVariables.module.css';
 import '@zohodesk/variables/lib/sizeVariables.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/icons/lib/Icon/Icon.module.css';
-import "./common/animation.module.css";
-import "./common/transition.module.css";
-import "./common/common.module.css";
-import "./Layout/Layout.module.css";
-import "./Avatar/Avatar.module.css";
-import "./AvatarTeam/AvatarTeam.module.css";
-import "./Button/Button.module.css";
-import "./Switch/Switch.module.css";
-import "./TextBox/TextBox.module.css";
-import "./Radio/Radio.module.css";
-import "./Label/Label.module.css";
-import "./Label/LabelColors.module.css";
-import "./CheckBox/CheckBox.module.css";
-import "./Textarea/Textarea.module.css";
-import "./Tooltip/Tooltip.module.css";
-import "./Tab/Tab.module.css";
-import "./Tab/Tabs.module.css";
-import "./Tab/TabContent.module.css";
-import "./TextBoxIcon/TextBoxIcon.module.css";
-import "./Ribbon/Ribbon.module.css";
-import "./MultiSelect/MultiSelect.module.css";
-import "./Select/Select.module.css";
-import "./ListItem/ListItem.module.css";
-import "./Tag/Tag.module.css";
-import "./Stencils/Stencils.module.css";
-import "./PopOver/PopOver.module.css";
-import "./DropDown/DropDown.module.css";
-import "./DropBox/css/DropBox.module.css";
-import "./DropBox/DropBoxElement/css/DropBoxElement.module.css";
-import "./DateTime/DateTime.module.css";
-import "./DateTime/DateWidget.module.css";
-import "./Card/Card.module.css";
-import "./Buttongroup/Buttongroup.module.css";
-import "./AppContainer/AppContainer.module.css";
-import "./RippleEffect/RippleEffect.module.css";
+import './common/animation.module.css';
+import './common/transition.module.css';
+import './common/common.module.css';
+import './Layout/Layout.module.css';
+import './Avatar/Avatar.module.css';
+import './AvatarTeam/AvatarTeam.module.css';
+import './Button/Button.module.css';
+import './Switch/Switch.module.css';
+import './TextBox/TextBox.module.css';
+import './Radio/Radio.module.css';
+import './Label/Label.module.css';
+import './Label/LabelColors.module.css';
+import './CheckBox/CheckBox.module.css';
+import './Textarea/Textarea.module.css';
+import './Tooltip/Tooltip.module.css';
+import './Tab/Tab.module.css';
+import './Tab/Tabs.module.css';
+import './Tab/TabContent.module.css';
+import './TextBoxIcon/TextBoxIcon.module.css';
+import './Ribbon/Ribbon.module.css';
+import './MultiSelect/MultiSelect.module.css';
+import './Select/Select.module.css';
+import './ListItem/ListItem.module.css';
+import './Tag/Tag.module.css';
+import './Stencils/Stencils.module.css';
+import './PopOver/PopOver.module.css';
+import './DropDown/DropDown.module.css';
+import './DropBox/css/DropBox.module.css';
+import './DropBox/DropBoxElement/css/DropBoxElement.module.css';
+import './DateTime/DateTime.module.css';
+import './DateTime/DateWidget.module.css';
+import './Card/Card.module.css';
+import './Buttongroup/Buttongroup.module.css';
+import './AppContainer/AppContainer.module.css';
+import './RippleEffect/RippleEffect.module.css';

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { propTypes, RefElement_propTypes } from "./props/propTypes";
-import { defaultProps } from "./props/defaultProps"; //Components
+import { propTypes, RefElement_propTypes } from './props/propTypes';
+import { defaultProps } from './props/defaultProps'; //Components
 
-import Modal from "../../Modal/Modal";
+import Modal from '../../Modal/Modal';
 let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
   let {
     Element,

package/es/index.js

@@ -1,42 +1,42 @@
-export * from "./Accordion";
-export { default as Animation } from "./Animation/Animation";
-export { default as AppContainer } from "./AppContainer/AppContainer";
-export { default as Avatar } from "./Avatar/Avatar";
-export { default as AvatarTeam } from "./AvatarTeam/AvatarTeam";
-export { default as Button } from "./Button/Button";
-export { default as Buttongroup } from "./Buttongroup/Buttongroup";
-export * from "./Card";
-export { default as CheckBox } from "./CheckBox/CheckBox";
-export * from "./DateTime";
-export { default as DropBox } from "./DropBox/DropBox";
-export * from "./DropDown";
-export { default as Heading } from "./Heading/Heading";
-export { default as Label } from "./Label/Label";
-export * from "./Layout";
-export * from "./ListItem";
-export { default as Modal } from "./Modal/Modal";
-export * from "./MultiSelect";
-import * as _PopOver from "./PopOver";
+export * from './Accordion';
+export { default as Animation } from './Animation/Animation';
+export { default as AppContainer } from './AppContainer/AppContainer';
+export { default as Avatar } from './Avatar/Avatar';
+export { default as AvatarTeam } from './AvatarTeam/AvatarTeam';
+export { default as Button } from './Button/Button';
+export { default as Buttongroup } from './Buttongroup/Buttongroup';
+export * from './Card';
+export { default as CheckBox } from './CheckBox/CheckBox';
+export * from './DateTime';
+export { default as DropBox } from './DropBox/DropBox';
+export * from './DropDown';
+export { default as Heading } from './Heading/Heading';
+export { default as Label } from './Label/Label';
+export * from './Layout';
+export * from './ListItem';
+export { default as Modal } from './Modal/Modal';
+export * from './MultiSelect';
+import * as _PopOver from './PopOver';
 export { _PopOver as PopOver };
-export { default as Popup } from "./Popup/Popup";
-import * as _Providers from "./Provider";
+export { default as Popup } from './Popup/Popup';
+import * as _Providers from './Provider';
 export { _Providers as Providers };
-export { default as Radio } from "./Radio/Radio";
-export * from "./Responsive";
-export { default as ResponsiveDropBox } from "./ResponsiveDropBox/ResponsiveDropBox";
-export { default as Ribbon } from "./Ribbon/Ribbon";
-export { default as RippleEffect } from "./RippleEffect/RippleEffect";
-export * from "./Select";
-export { default as Stencils } from "./Stencils/Stencils";
-export { default as Switch } from "./Switch/Switch";
-export * from "./Tab";
-export { default as Tag } from "./Tag/Tag";
-export { default as Textarea } from "./Textarea/Textarea";
-export { default as TextBox } from "./TextBox/TextBox";
-export { default as TextBoxIcon } from "./TextBoxIcon/TextBoxIcon";
-export { default as Tooltip } from "./Tooltip/Tooltip";
-import * as _utils from "./utils";
+export { default as Radio } from './Radio/Radio';
+export * from './Responsive';
+export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
+export { default as Ribbon } from './Ribbon/Ribbon';
+export { default as RippleEffect } from './RippleEffect/RippleEffect';
+export * from './Select';
+export { default as Stencils } from './Stencils/Stencils';
+export { default as Switch } from './Switch/Switch';
+export * from './Tab';
+export { default as Tag } from './Tag/Tag';
+export { default as Textarea } from './Textarea/Textarea';
+export { default as TextBox } from './TextBox/TextBox';
+export { default as TextBoxIcon } from './TextBoxIcon/TextBoxIcon';
+export { default as Tooltip } from './Tooltip/Tooltip';
+import * as _utils from './utils';
 export { _utils as utils };
-export * from "./VelocityAnimation";
-export * from "./semantic";
-export { default as Typography } from "./Typography/Typography";
+export * from './VelocityAnimation';
+export * from './semantic';
+export { default as Typography } from './Typography/Typography';

package/es/semantic/Button/Button.js

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

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

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

package/es/semantic/index.js

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

package/es/utils/Common.js

@@ -1,5 +1,5 @@
 //$Id$//
-import viewPort from "../Popup/viewPort";
+import viewPort from '../Popup/viewPort';
 const {
   frameRelativeRects
 } = viewPort;

package/es/utils/ContextOptimizer.js

@@ -1,7 +1,7 @@
 /** ** Libraries *** */
 import { useContext, useRef } from 'react';
 import PropTypes from 'prop-types';
-import shallowEqual from "./shallowEqual"; // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
+import shallowEqual from './shallowEqual'; // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
 // Because below componends only rerender when children or calculation are changed, unless no changes will update below
 // this component logic based on return same children reference to stop rerender.
 // Think before change logic

package/es/utils/cssUtils.js

@@ -1,4 +1,4 @@
-import commonStyle from "../common/common.module.css";
+import commonStyle from '../common/common.module.css';
 export const whiteSpaceClassMapping = {
   // eslint-disable-next-line dot-notation
   'normal': commonStyle.whiteSpace_normal,

package/es/utils/datetime/common.js

@@ -1,4 +1,4 @@
-import { offsetMap } from "./GMTZones.js";
+import { offsetMap } from './GMTZones.js';
 let dateFormat = {
   dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
   monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],

package/es/utils/dropDownUtils.js

@@ -1,6 +1,6 @@
 /***** Libraries *****/
 import { createSelector } from 'reselect';
-import { getIsEmptyValue, getSearchString } from "./Common";
+import { getIsEmptyValue, getSearchString } from './Common';
 export const dummyArray = [];
 export const dummyObj = {};
 export const getOptions = props => props.options || dummyArray;

package/es/utils/index.js

@@ -1 +1 @@
-export { stopAllEventPropagation, capitalize, getFullName, bytesToSize, getMemSize, checkIsImageFile, getFullDateString, format12Hour, getDateOnly, doAfterScrollEnd, debounce, throttle, getElementSpace, getSearchString, findScrollEnd, isTextSelected } from "./Common";
+export { stopAllEventPropagation, capitalize, getFullName, bytesToSize, getMemSize, checkIsImageFile, getFullDateString, format12Hour, getDateOnly, doAfterScrollEnd, debounce, throttle, getElementSpace, getSearchString, findScrollEnd, isTextSelected } from './Common';