@zohodesk/components 1.0.0-temp-206.5 → 1.0.0-temp-207

package/es/Textarea/utils/getSizingData.js

@@ -0,0 +1,27 @@
+import ownerWindow from "./ownerWindow";
+
+const getStyleValue = value => {
+  return parseInt(value, 10) || 0;
+};
+
+const getSizingData = node => {
+  const containerWindow = ownerWindow(node);
+  const computedStyle = containerWindow.getComputedStyle(node);
+
+  if (computedStyle === null) {
+    return null;
+  }
+
+  const boxSizing = computedStyle.boxSizing;
+  const paddingSize = getStyleValue(computedStyle.paddingBottom) + getStyleValue(computedStyle.paddingTop);
+  const borderSize = getStyleValue(computedStyle.borderBottomWidth) + getStyleValue(computedStyle.borderTopWidth);
+  return {
+    boxSizing,
+    paddingSize,
+    borderSize,
+    containerWindow,
+    computedStyle
+  };
+};
+
+export default getSizingData;

package/es/Textarea/utils/ownerDocument.js

@@ -0,0 +1,5 @@
+const ownerDocument = node => {
+  return node && node.ownerDocument || document;
+};
+
+export default ownerDocument;

package/es/Textarea/utils/ownerWindow.js

@@ -0,0 +1,8 @@
+import ownerDocument from "./ownerDocument";
+
+const ownerWindow = node => {
+  const document = ownerDocument(node);
+  return document.defaultView || window;
+};
+
+export default ownerWindow;

package/es/Textarea/utils/updateState.js

@@ -0,0 +1,30 @@
+const updateState = (prevState, newState, renderRef) => {
+  const {
+    height,
+    overflow
+  } = newState;
+  const renders = renderRef; // Need a large enough difference to update the height.
+  // This prevents infinite rendering loop.
+
+  if (renders.current < 20 && (height > 0 && Math.abs((prevState.height || 0) - height) > 1 || prevState.overflow !== overflow)) {
+    renders.current += 1;
+    return {
+      overflow,
+      height
+    };
+  } // if (process.env.NODE_ENV !== "production") {
+  //   if (renders.current === 20) {
+  //     console.error(
+  //       [
+  //         "MUI: Too many re-renders. The layout is unstable.",
+  //         "TextareaAutosize limits the number of renders to prevent an infinite loop."
+  //       ].join("\n")
+  //     )
+  //   }
+  // }
+
+
+  return prevState;
+};
+
+export default updateState;

package/es/Tooltip/Tooltip.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { getLibraryConfig } from '../Provider/Config';
-import style from './Tooltip.module.css';
-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";
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);
@@ -192,7 +193,8 @@ export default class Tooltip extends React.Component {
 
         let isHtml = titleDiv.getAttribute('data-ishtml');
         let dataTooltipnoArrow = titleDiv.getAttribute('data-tooltip-noarrow') === 'true' ? true : false;
-        let dataTooltipWrap = titleDiv.getAttribute('data-title-wrap') === 'true' ? true : false;
+        let dataTooltipWrap = titleDiv.getAttribute('data-title-wrap') || 'normal'; // values: normal, pre, pre-wrap, pre-line, nowrap, break-spaces
+
         let clientRect = titleDiv.getBoundingClientRect();
         let boxLayout = this.getClientRectOfContEl(containerElement);
         this.setState({
@@ -481,7 +483,15 @@ export default class Tooltip extends React.Component {
     } = this.props;
     let arrowStyle = isArrowHorizontal ? isArrowRight ? style.arrowRight : style.arrowLeft : isArrowDown ? style.arrowDown : style.arrowUp;
     title = title ? title.trim() : null;
-    let tooltipCss = `${style.tooltipcont} ${dataTooltipWrap ? style.tooltipWrapCont : style.tooltipNormalCont}`;
+    let tooltipWhiteSpaceModification = dataTooltipWrap;
+
+    if (dataTooltipWrap == 'pre') {
+      tooltipWhiteSpaceModification = 'preWrap';
+    } else if (dataTooltipWrap == 'nowrap') {
+      tooltipWhiteSpaceModification = 'normal';
+    }
+
+    let tooltipCss = `${style.tooltipcont} ${whiteSpaceClassMapping[tooltipWhiteSpaceModification]}`;
     return title ? /*#__PURE__*/React.createElement("div", {
       className: `${customClass} ${style.tooltiptext}`,
       style: {

package/es/Tooltip/Tooltip.module.css

@@ -26,14 +26,6 @@
   border-color: transparent;
   border-radius: var(--zd_size4);
 }
-
-.tooltipWrapCont {
-  white-space: pre-wrap;
-}
-
-.tooltipNormalCont {
-  white-space: normal;
-}
 .tooltiparrow {
   content: '';
   position: absolute;

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/common/common.module.css

@@ -522,4 +522,28 @@
 .fitContHeight {
   height: fit-content ;
   height: -moz-fit-content ;
+}
+
+.whiteSpace_normal {
+  white-space: normal;
+}
+
+.whiteSpace_nowrap {
+  white-space: nowrap;
+}
+
+.whiteSpace_pre {
+  white-space: pre;
+}
+
+.whiteSpace_preLine {
+  white-space: pre-line;
+}
+
+.whiteSpace_preWrap {
+  white-space: pre-wrap;
+}
+
+.whiteSpace_breakSpaces {
+  white-space: break-spaces
 }

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 './v1/Typography/Typography';
+export * from "./VelocityAnimation";
+export * from "./semantic";
+export { default as Typography } from "./v1/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

@@ -0,0 +1,11 @@
+import commonStyle from "../common/common.module.css";
+export const whiteSpaceClassMapping = {
+  // eslint-disable-next-line dot-notation
+  'normal': commonStyle.whiteSpace_normal,
+  'pre': commonStyle.whiteSpace_pre,
+  'pre-wrap': commonStyle.whiteSpace_preWrap,
+  'pre-line': commonStyle.whiteSpace_preLine,
+  // eslint-disable-next-line dot-notation
+  'nowrap': commonStyle.whiteSpace_nowrap,
+  'break-spaces': commonStyle.whiteSpace_breakSpaces
+};

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";

package/es/v1/Accordion/Accordion.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { Accordion_defaultProps } from './props/defaultProps';
-import { Accordion_propTypes } from './props/propTypes';
+import { Accordion_defaultProps } from "./props/defaultProps";
+import { Accordion_propTypes } from "./props/propTypes";
 export default function Accordion(props) {
   const {
     className,

package/es/v1/Accordion/AccordionItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { AccordionItem_defaultProps } from './props/defaultProps';
-import { AccordionItem_propTypes } from './props/propTypes';
-import VelocityAnimation from '../VelocityAnimation/VelocityAnimation/VelocityAnimation';
-import VelocityAnimationGroup from '../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
+import { AccordionItem_defaultProps } from "./props/defaultProps";
+import { AccordionItem_propTypes } from "./props/propTypes";
+import VelocityAnimation from "../VelocityAnimation/VelocityAnimation/VelocityAnimation";
+import VelocityAnimationGroup from "../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup";
 export default function AccordionItem(props) {
   let {
     id,

package/es/v1/Accordion/index.js

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

package/es/v1/Animation/Animation.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { CSSTransition } from 'react-transition-group';
-import { animationStyle } from './utils';
+import { animationStyle } from "./utils";
 export default function Animation(props) {
   let {
     name,

package/es/v1/Animation/utils.js

@@ -1,4 +1,4 @@
-import style from '../../common/transition.module.css';
+import style from "../../common/transition.module.css";
 export const animationStyle = {
   zoomIn: {
     enter: style.zoomInEnter,

package/es/v1/AppContainer/AppContainer.js

@@ -1,9 +1,9 @@
 import React, { useEffect, useRef, useLayoutEffect } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { Container, Box } from '../Layout';
-import Tooltip from '../Tooltip/Tooltip';
-import '../../common/basic.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { Container, Box } from "../Layout";
+import Tooltip from "../Tooltip/Tooltip";
+import "../../common/basic.module.css";
 import '@zohodesk/variables/assets/colorVariables.module.css';
 import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/variables/assets/sizeVariables.module.css';
@@ -11,10 +11,10 @@ import '@zohodesk/variables/assets/fontsizeVariables.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/variables/assets/transitionVariables.module.css';
 import '@zohodesk/variables/assets/no_transitionVariables.module.css';
-import '../../common/a11y.module.css';
-import '../../common/boxShadow.module.css';
-import style from '../../AppContainer/AppContainer.module.css';
-import { getLibraryConfig, setLibraryConfig } from '../../Provider/Config';
+import "../../common/a11y.module.css";
+import "../../common/boxShadow.module.css";
+import style from "../../AppContainer/AppContainer.module.css";
+import { getLibraryConfig, setLibraryConfig } from "../../Provider/Config";
 export default function AppContainer(props) {
   let {
     className,

package/es/v1/Avatar/Avatar.js

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { getInitial } from '../../utils/getInitial';
-import AvatarSize from '../../Provider/AvatarSize';
-import style from '../../Avatar/Avatar.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { getInitial } from "../../utils/getInitial";
+import AvatarSize from "../../Provider/AvatarSize";
+import style from "../../Avatar/Avatar.module.css";
 /*
 1. need to change name into firstName lastName
 2. pattern support via context as well as props

package/es/v1/AvatarTeam/AvatarTeam.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Avatar from '../Avatar/Avatar';
-import style from '../../AvatarTeam/AvatarTeam.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Avatar from "../Avatar/Avatar";
+import style from "../../AvatarTeam/AvatarTeam.module.css";
 /* once avatar support firstname lastname and pattern
 pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
 

package/es/v1/Button/Button.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import cssJSLogic from '../../Button/css/cssJSLogic';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import cssJSLogic from "../../Button/css/cssJSLogic";
 import { mergeStyle } from '@zohodesk/utils';
-import style from '../../Button/css/Button.module.css';
+import style from "../../Button/css/Button.module.css";
 /*
 Button text and children props?
 use children for both cases

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

@@ -1,4 +1,4 @@
-import { dummyFunction } from '../../../utils/dummyFunction';
+import { dummyFunction } from "../../../utils/dummyFunction";
 export const defaultProps = {
   children: null,
   dataId: 'buttonComp',