@zohodesk/dot 1.0.0-temp-197.4 → 1.0.0-temp-195.2

package/README.md

@@ -2,17 +2,6 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
-# 1.5.5
-- **TextEditor (v0&v1)**
-  - `inlineImageProps={allowedFileExtensions, fileNameMaxCharacters, fileSizeMaxBytes}` props added.
-      - default props, 
-        - `allowedFileExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"]`
-        - `fileNameMaxCharacters: 200,`
-        - `fileSizeMaxBytes: 3 * 1024 * 1024`
-  - `customInitOptions` prop added, using this can initialize the editor details.
-  - `customCSS` prop suppported to customize the style to apply for editor, it adds css in style tag.
-  - In `handleUpload` method reverted the `TicketReply` editor specific case handle.
-  
 # 1.5.4
 - **CheckBoxField (v0&v1)**
   - children prop added.

package/es/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 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 Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/lib/Button/Button';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import style from './ActionButton.module.css';
+import style from "./ActionButton.module.css";
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export class ActionButton extends React.Component {
   constructor(props) {

package/es/ActionButton/__tests__/ActionButton.spec.js

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

package/es/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
-import style from './AlphabeticList.module.css';
+import style from "./AlphabeticList.module.css";
 export default class AlphabeticList extends React.PureComponent {
   constructor(props) {
     super(props);

package/es/AlphabeticList/__tests__/AlphabeticList.spec.js

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

package/es/Attachment/Attachment.js

@@ -1,10 +1,10 @@
 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 { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Link from '../Link/Link';
-import style from './Attachment.module.css';
+import Link from "../Link/Link";
+import style from "./Attachment.module.css";
 export default class Attachment extends React.Component {
   render() {
     let {

package/es/Attachment/__tests__/Attachment.spec.js

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

package/es/AttachmentViewer/AttachmentImage.js

@@ -2,12 +2,12 @@
 
 /** * Libraries ** */
 import React, { Component } from 'react';
-import { AttachmentImage_defaultProps } from './props/defaultProps';
-import { AttachmentImage_propTypes } from './props/propTypes';
-import Image from '../Image/Image';
+import { AttachmentImage_defaultProps } from "./props/defaultProps";
+import { AttachmentImage_propTypes } from "./props/propTypes";
+import Image from "../Image/Image";
 /** * CSS ** */
 
-import style from './AttachmentViewer.module.css';
+import style from "./AttachmentViewer.module.css";
 export default class AttachmentImage extends Component {
   constructor(props) {
     super(props);

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,18 +1,18 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from './props/defaultProps';
-import { AttachmentViewer_propTypes } from './props/propTypes';
+import { AttachmentViewer_defaultProps } from "./props/defaultProps";
+import { AttachmentViewer_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import AttachmentImage from './AttachmentImage';
-import Link from '../Link/Link';
-import IconButton from '../IconButton/IconButton';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import { isAudioFile, getExtensionFromFileName } from './Attachment';
-import { shallowDiff } from '../utils/General';
-import style from './AttachmentViewer.module.css';
+import AttachmentImage from "./AttachmentImage";
+import Link from "../Link/Link";
+import IconButton from "../IconButton/IconButton";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { isAudioFile, getExtensionFromFileName } from "./Attachment";
+import { shallowDiff } from "../utils/General";
+import style from "./AttachmentViewer.module.css";
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);

package/es/AttachmentViewer/__tests__/AttachmentImage.spec.js

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

package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js

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

package/es/ChannelIcon/ChannelIcon.js

@@ -1,11 +1,11 @@
 import React, { Component } 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 '@zohodesk/components/lib/Avatar/Avatar';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { getChannelMappingObj } from '../utils/ChannelIconMapping';
-import style from './ChannelIcon.module.css';
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { getChannelMappingObj } from "../utils/ChannelIconMapping";
+import style from "./ChannelIcon.module.css";
 export default class ChannelIcon extends Component {
   constructor(props) {
     super(props);

package/es/ChannelIcon/__tests__/ChannelIcon.spec.js

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

package/es/Drawer/Drawer.js

@@ -1,17 +1,17 @@
 import React from 'react';
-import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
-import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from "./props/defaultProps";
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from "./props/propTypes";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import FormAction from '../FormAction/FormAction';
+import FormAction from "../FormAction/FormAction";
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Heading from '@zohodesk/components/lib/Heading/Heading';
-import IconButton from '../IconButton/IconButton';
+import IconButton from "../IconButton/IconButton";
 import { Icon } from '@zohodesk/icons';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import style from './Drawer.module.css';
+import style from "./Drawer.module.css";
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 export class Header extends React.Component {
   render() {

package/es/Drawer/__tests__/Drawer.spec.js

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

package/es/Drawer/index.js

@@ -1 +1 @@
-export { Header, Content, Footer, default as Drawer } from './Drawer';
+export { Header, Content, Footer, default as Drawer } from "./Drawer";

package/es/ExternalLink/ExternalLink.js

@@ -1,10 +1,10 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** CSS ****/
 
-import style from './ExternalLink.module.css';
+import style from "./ExternalLink.module.css";
 export default class ExternalLink extends React.Component {
   addHttp(url) {
     const regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);

package/es/ExternalLink/__tests__/ExternalLink.spec.js

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

package/es/FlipCard/FlipCard.js

@@ -1,14 +1,14 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import AvatarUser from '../avatar/AvatarUser/AvatarUser';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import AvatarUser from "../avatar/AvatarUser/AvatarUser";
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
 import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/lib/Layout';
-import ChannelIcon from '../ChannelIcon/ChannelIcon';
+import ChannelIcon from "../ChannelIcon/ChannelIcon";
 import AvatarSize from '@zohodesk/components/lib/Provider/AvatarSize';
-import style from './FlipCard.module.css';
-import { stopBubbling } from '../utils/General';
+import style from "./FlipCard.module.css";
+import { stopBubbling } from "../utils/General";
 export default class FlipCard extends Component {
   constructor(props) {
     super(props);

package/es/FlipCard/__tests__/FlipCard.spec.js

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

package/es/FormAction/FormAction.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './FormAction.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./FormAction.module.css";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 export const LeftSide = props => {
   props.children;

package/es/FormAction/__tests__/FormAction.spec.js

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

package/es/FreezeLayer/FreezeLayer.js

@@ -1,13 +1,13 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
 import { mergeStyle } from '@zohodesk/utils';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import cssJSLogic from './css/cssJSLogic';
-import useFreezeLayer from '../Hooks/useFreezeLayer';
-import style from './css/FreezeLayer.module.css';
+import cssJSLogic from "./css/cssJSLogic";
+import useFreezeLayer from "../Hooks/useFreezeLayer";
+import style from "./css/FreezeLayer.module.css";
 export default function FreezeLayer(props) {
   let {
     isActive: propsActive,

package/es/FreezeLayer/__tests__/FreezeLayer.spec.js

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

package/es/FreezeLayer/index.js

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

package/es/Hooks/Dragger/useDragger.js

@@ -1,14 +1,14 @@
 //Hooks from React
 import { useEffect, useRef, useCallback } from 'react'; //CustomFunction
 
-import { DragPosCalc } from './utils/DraggerUtil'; //GlobalConfig
+import { DragPosCalc } from "./utils/DraggerUtil"; //GlobalConfig
 
-import { getDotLibraryConfig } from '../../Provider/Config'; //Props
+import { getDotLibraryConfig } from "../../Provider/Config"; //Props
 
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes'; //CSS
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes"; //CSS
 
-import style from './css/Dragger.module.css';
+import style from "./css/Dragger.module.css";
 export default function useDragger(_ref) {
   let {
     isActive,

package/es/Hooks/useFreezeLayer.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { isTextSelected, cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import { getDotLibraryConfig } from '../Provider/Config';
+import { getDotLibraryConfig } from "../Provider/Config";
 export default function useFreezeLayer(_ref) {
   let {
     isActive: propsActive,

package/es/IconButton/IconButton.js

@@ -1,11 +1,11 @@
 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 { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/lib/Layout';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 import RippleEffect from '@zohodesk/components/lib/RippleEffect/RippleEffect';
-import style from './IconButton.module.css';
+import style from "./IconButton.module.css";
 export default class IconButton extends React.Component {
   constructor(props) {
     super(props);

package/es/IconButton/__tests__/IconButton.spec.js

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

package/es/Image/Image.js

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

package/es/Image/__tests__/Image.spec.js

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

package/es/ImportantNotes/ImportantNotes.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 { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
-import style from './ImportantNotes.module.css';
+import style from "./ImportantNotes.module.css";
 export default class ImportantNotes extends React.Component {
   constructor(props) {
     super(props);

package/es/ImportantNotes/__tests__/ImportantNotes.spec.js

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

package/es/Link/Link.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 { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import style from './Link.module.css';
-import LinkContext from './LinkContext';
+import style from "./Link.module.css";
+import LinkContext from "./LinkContext";
 export default class Link extends React.Component {
   constructor(props, context) {
     super(props, context);

package/es/Link/__tests__/Link.spec.js

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

package/es/Loader/Loader.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import style from './Loader.module.css';
+import style from "./Loader.module.css";
 export default class Loader extends React.Component {
   constructor(props) {
     super(props);

package/es/Loader/__tests__/Loader.spec.js

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

package/es/Message/Message.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
-import AutoClose from '../actions/AutoClose';
-import style from './Message.module.css';
+import AutoClose from "../actions/AutoClose";
+import style from "./Message.module.css";
 export default class Message extends React.Component {
   constructor(props) {
     super(props);

package/es/Message/__tests__/Message.spec.js

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

package/es/Message/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { propTypes as AutoClose_PropTypes } from '../../actions/props/propTypes';
+import { propTypes as AutoClose_PropTypes } from "../../actions/props/propTypes";
 export const propTypes = {
   hideMessage: PropTypes.func,
   showMessage: PropTypes.bool,

package/es/MessageBanner/MessageBanner.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../Link/Link';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../Link/Link";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './MessageBanner.module.css';
+import style from "./MessageBanner.module.css";
 export default class MessageBanner extends React.Component {
   render() {
     let {

package/es/MessageBanner/__tests__/MessageBanner.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import MessageBanner from '../MessageBanner';
+import MessageBanner from "../MessageBanner";
 describe('MessageBanner', () => {
   const PALETTE = ['default', 'blue', 'white'];
   const TYPE = ['primary', 'secondary'];

package/es/NewStar/NewStar.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 { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/lib/Layout';
-import style from './NewStar.module.css';
+import style from "./NewStar.module.css";
 export default class NewStar extends React.Component {
   render() {
     let {

package/es/NewStar/__tests__/NewStar.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import NewStar from '../NewStar';
+import NewStar from "../NewStar";
 describe('NewStar', () => {
   const PALETTE = ['green', 'blue', 'yellow'];
   const POSITION = ['topRight', 'topLeft', 'bottomRight', 'bottomLeft'];

package/es/PlusIcon/PlusIcon.js

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

package/es/PlusIcon/__tests__/PlusIcon.spec.js

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

package/es/Separator/Separator.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './Separator.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./Separator.module.css";
 export default class Separator extends React.Component {
   constructor(props) {
     super(props);