@zohodesk/dot 1.4.16 → 1.4.18

package/es/list/index.js

@@ -1,16 +1,16 @@
-export { default as AvatarFlip } from './AvatarFlip/AvatarFlip';
-export { default as BluePrintStatus } from './BluePrintStatus/BluePrintStatus';
-export { default as Comment } from './Comment/Comment';
-export { default as DepartmentDropDown } from './DepartmentDropDown/DepartmentDropDown';
-export { default as Dot } from './Dot/Dot';
-export { default as DotNew } from './DotNew/DotNew';
-export { default as GridStencils } from './GridStencils/GridStencils';
-export { default as ListLayout, Column } from './ListLayout/ListLayout';
-export { default as ListStencils } from './ListStencils/ListStencils';
-export { default as SecondryPanel, SecondryPanelUL, SecondryPanelLI, SecondryPanelItem } from './SecondryPanel/SecondryPanel';
-export { default as SentimentStatus } from './SentimentStatus/SentimentStatus';
-export { default as StatusDropdown } from './status/StatusDropdown/StatusDropdown';
-export { default as StatusListItem } from './status/StatusListItem/StatusListItem';
-export { default as Subject } from './Subject/Subject';
-export { default as TagNew } from './TagNew/TagNew';
-export { default as Thread } from './Thread/Thread';
+export { default as AvatarFlip } from "./AvatarFlip/AvatarFlip";
+export { default as BluePrintStatus } from "./BluePrintStatus/BluePrintStatus";
+export { default as Comment } from "./Comment/Comment";
+export { default as DepartmentDropDown } from "./DepartmentDropDown/DepartmentDropDown";
+export { default as Dot } from "./Dot/Dot";
+export { default as DotNew } from "./DotNew/DotNew";
+export { default as GridStencils } from "./GridStencils/GridStencils";
+export { default as ListLayout, Column } from "./ListLayout/ListLayout";
+export { default as ListStencils } from "./ListStencils/ListStencils";
+export { default as SecondryPanel, SecondryPanelUL, SecondryPanelLI, SecondryPanelItem } from "./SecondryPanel/SecondryPanel";
+export { default as SentimentStatus } from "./SentimentStatus/SentimentStatus";
+export { default as StatusDropdown } from "./status/StatusDropdown/StatusDropdown";
+export { default as StatusListItem } from "./status/StatusListItem/StatusListItem";
+export { default as Subject } from "./Subject/Subject";
+export { default as TagNew } from "./TagNew/TagNew";
+export { default as Thread } from "./Thread/Thread";

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -1,6 +1,6 @@
 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 Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
@@ -8,14 +8,14 @@ import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import StatusListItem from '../StatusListItem/StatusListItem';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
+import StatusListItem from "../StatusListItem/StatusListItem";
 import commonStyle from '@zohodesk/components/lib/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
-import style from './StatusDropdown.module.css';
+import style from "./StatusDropdown.module.css";
 export class StatusDropdown extends React.Component {
   constructor(props) {
     super(props);
@@ -209,7 +209,8 @@ export class StatusDropdown extends React.Component {
       className: `${style.value} toggleDropText`,
       shrink: true,
       tagName: "span",
-      "data-title": dataTitle
+      "data-title": dataTitle,
+      dataId: `${dataId}_value`
     }, value), isEditable ? /*#__PURE__*/React.createElement(Icon, {
       "aria-hidden": true,
       size: "7",
@@ -242,6 +243,7 @@ export class StatusDropdown extends React.Component {
         isResponsivePadding: true,
         needFocusScope: true,
         onClose: this.handleTogglePopup,
+        dataId: `${dataId}_dropbox`,
         customProps: {
           focusScopeProps: {
             loadNextOptions: getNextOptions,
@@ -268,7 +270,8 @@ export class StatusDropdown extends React.Component {
           role: 'combobox',
           ariaActivedescendant: isPopupReady ? value : '',
           ariaOwns: ariaTitleId
-        }
+        },
+        dataId: `${dataId}_search`
       })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
         className: style.title
       }, /*#__PURE__*/React.createElement(DropDownHeading, {

package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js

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

package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap

@@ -17,9 +17,9 @@ exports[`StatusDropdown rendering the defult props 1`] = `
     >
       <span
         class="value toggleDropText shrinkOn"
-        data-id="boxComponent"
+        data-id="undefined_value"
         data-selector-id="box"
-        data-test-id="boxComponent"
+        data-test-id="undefined_value"
       />
       <i
         aria-hidden="true"

package/es/list/status/StatusListItem/StatusListItem.js

@@ -1,7 +1,7 @@
 /**** 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";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /**** Components ****/
 
@@ -9,7 +9,7 @@ import { Icon } from '@zohodesk/icons';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
 /**** CSS ****/
 
-import style from './StatusListItem.module.css';
+import style from "./StatusListItem.module.css";
 export default class StatusListItem extends React.Component {
   constructor(props) {
     super(props);

package/es/list/status/StatusListItem/__tests__/StatusListItem.spec.js

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

package/es/list/status/index.js

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

package/es/lookup/EmptyPage/EmptyPage.js

@@ -1,14 +1,14 @@
 /*** Libraries ***/
 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 EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import EmptyAccounts from '@zohodesk/svg/lib/emptystate/version3/EmptyAccounts';
 import EmptyContact from '@zohodesk/svg/lib/emptystate/version3/EmptyContact';
 import EmptyProducts from '@zohodesk/svg/lib/emptystate/version3/EmptyProducts';
 /*** CSS ***/
 
-import style from './LookupEmptyPage.module.css';
+import style from "./LookupEmptyPage.module.css";
 export default class EmptyPage extends Component {
   constructor(props) {
     super(props);

package/es/lookup/EmptyPage/__tests__/EmptyPage.spec.js

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

package/es/lookup/Lookup/Lookup.js

@@ -1,14 +1,14 @@
 /*** Libraries ***/
 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";
 /*** Components ***/
 
-import FreezeLayer from '../../FreezeLayer/FreezeLayer';
+import FreezeLayer from "../../FreezeLayer/FreezeLayer";
 import { Container } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
-import style from './Lookup.module.css';
+import style from "./Lookup.module.css";
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 /*eslint-disable react/forbid-component-props */
 

package/es/lookup/Lookup/__tests__/Lookup.spec.js

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

package/es/lookup/Section/Section.js

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

package/es/lookup/Section/__tests__/Section.spec.js

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

package/es/lookup/header/Close/Close.js

@@ -1,10 +1,10 @@
 /*** Libraries ***/
 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";
 /*** FontIcons ***/
 
-import IconButton from '../../../IconButton/IconButton';
+import IconButton from "../../../IconButton/IconButton";
 export default class Close extends PureComponent {
   render() {
     let {

package/es/lookup/header/Close/__tests__/Close.spec.js

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

package/es/lookup/header/ModuleHeader/ModuleHeader.js

@@ -1,19 +1,19 @@
 /*** Libraries ***/
 import React, { memo, useRef } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
-import Title from '../Title/Title';
-import Close from '../Close/Close';
-import Search from '../Search/Search';
+import Title from "../Title/Title";
+import Close from "../Close/Close";
+import Search from "../Search/Search";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
-import commonStyle from '../lookupHeaderCommon.module.css';
-import commonResponsive from '../lookupHeaderCommonResponsive.module.css'; //customHooks
+import commonStyle from "../lookupHeaderCommon.module.css";
+import commonResponsive from "../lookupHeaderCommonResponsive.module.css"; //customHooks
 
-import useDragger from '../../../Hooks/Dragger/useDragger';
+import useDragger from "../../../Hooks/Dragger/useDragger";
 /*eslint-disable react/forbid-component-props */
 
 function ModuleHeader(props) {

package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js

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

package/es/lookup/header/Search/Search.js

@@ -2,21 +2,21 @@
 
 /*** Libraries ***/
 import React, { Component } from 'react';
-import { SearchUI_defaultProps } from './props/defaultProps';
-import { Search_propTypes, SearchUI_propTypes } from './props/propTypes';
+import { SearchUI_defaultProps } from "./props/defaultProps";
+import { Search_propTypes, SearchUI_propTypes } from "./props/propTypes";
 /** * Components ** */
 
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
-import ToggleDropDown from '../../../dropdown/ToggleDropDown/ToggleDropDown';
+import ToggleDropDown from "../../../dropdown/ToggleDropDown/ToggleDropDown";
 /** * Methods ** */
 
 import { debounce } from '@zohodesk/components/lib/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 /** * CSS ** */
 
-import style from './LookupSearch.module.css';
+import style from "./LookupSearch.module.css";
 export default class Search extends Component {
   constructor(props) {
     super(props);

package/es/lookup/header/Search/__tests__/Search.spec.js

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

package/es/lookup/header/TicketHeader/TicketHeader.js

@@ -1,20 +1,20 @@
 /*** Libraries ***/
 import React, { memo, useRef } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
-import Title from '../Title/Title';
-import Close from '../Close/Close';
-import Search from '../Search/Search';
-import ViewDropDown from '../ViewDropDown/ViewDropDown';
+import Title from "../Title/Title";
+import Close from "../Close/Close";
+import Search from "../Search/Search";
+import ViewDropDown from "../ViewDropDown/ViewDropDown";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import useDragger from '../../../Hooks/Dragger/useDragger';
+import useDragger from "../../../Hooks/Dragger/useDragger";
 /*** CSS ***/
 
-import commonStyle from '../lookupHeaderCommon.module.css';
-import commonResponsive from '../lookupHeaderCommonResponsive.module.css';
-import style from './TicketHeader.module.css';
+import commonStyle from "../lookupHeaderCommon.module.css";
+import commonResponsive from "../lookupHeaderCommonResponsive.module.css";
+import style from "./TicketHeader.module.css";
 /* eslint-disable react/forbid-component-props */
 
 function TicketHeader(props) {

package/es/lookup/header/TicketHeader/__tests__/TicketHeader.spec.js

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

package/es/lookup/header/Title/Title.js

@@ -1,10 +1,10 @@
 /*** Libraries ***/
 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";
 /*** CSS ***/
 
-import style from './LookupTitle.module.css';
+import style from "./LookupTitle.module.css";
 export default class Title extends PureComponent {
   render() {
     let {

package/es/lookup/header/Title/__tests__/Titles.spec.js

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

package/es/lookup/header/ViewDropDown/ViewDropDown.js

@@ -1,7 +1,7 @@
 /**** 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";
 /**** Components ****/
 
 import { SelectComponent } from '@zohodesk/components/lib/Select/Select';
@@ -16,7 +16,7 @@ import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomRe
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
-import style from './ViewDropDown.module.css';
+import style from "./ViewDropDown.module.css";
 /* eslint-disable react/forbid-component-props */
 
 /*eslint-disable  react/sort-prop-types*/
@@ -69,7 +69,8 @@ class DropDown extends SelectComponent {
       searchBoxSize,
       searchBoxVariant,
       searchBoxPlaceHolder,
-      maxLength
+      maxLength,
+      dataId
     } = this.props;
     const {
       hoverIndex,
@@ -80,7 +81,9 @@ class DropDown extends SelectComponent {
     } = this.state;
     const suggestions = this.handleFilterSuggestions();
     return /*#__PURE__*/React.createElement("div", {
-      className: style.container
+      className: style.container,
+      "data-id": dataId,
+      "data-test-id": dataId
     }, /*#__PURE__*/React.createElement("div", {
       onClick: this.togglePopup,
       ref: getTargetRef
@@ -88,11 +91,14 @@ class DropDown extends SelectComponent {
       className: `${style.labelCnt} ${isPopupOpen ? style.focused : ''}`
     }, /*#__PURE__*/React.createElement("span", {
       className: style.labelText,
-      "data-title": selected
+      "data-title": selected,
+      "data-id": `${dataId}_selectedValue`,
+      "data-test-id": `${dataId}_selectedValue`
     }, selected), /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-down",
       size: "7",
-      iconClass: style.arrowIcon
+      iconClass: style.arrowIcon,
+      dataId: `${dataId}_icon`
     }))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
@@ -110,7 +116,8 @@ class DropDown extends SelectComponent {
         animationStyle: animationStyle,
         size: "large",
         alignBox: "row",
-        isResponsivePadding: true
+        isResponsivePadding: true,
+        dataId: `${dataId}_dropbox`
       }, /*#__PURE__*/React.createElement(Box, {
         flexible: true
       }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
@@ -121,13 +128,15 @@ class DropDown extends SelectComponent {
         size: searchBoxSize,
         variant: searchBoxVariant,
         placeHolder: searchBoxPlaceHolder,
-        maxLength: maxLength
+        maxLength: maxLength,
+        dataId: `${dataId}_search`
       })) : null, /*#__PURE__*/React.createElement(CardContent, {
         shrink: true,
         eleRef: this.suggestionContainerRef,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
       }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
-        className: style.listItemContainer
+        className: style.listItemContainer,
+        "data-id": `${dataId}_Options`
       }, suggestions.map(function () {
         let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         let index = arguments.length > 1 ? arguments[1] : undefined;

package/es/lookup/header/ViewDropDown/__test__/ViewDropDown.spec.js

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

package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap

@@ -4,6 +4,8 @@ exports[`ViewDropDown rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     class="container"
+    data-id="ViewDropDown"
+    data-test-id="ViewDropDown"
   >
     <div>
       <div
@@ -11,14 +13,16 @@ exports[`ViewDropDown rendering the defult props 1`] = `
       >
         <span
           class="labelText"
+          data-id="ViewDropDown_selectedValue"
+          data-test-id="ViewDropDown_selectedValue"
           data-title=""
         />
         <i
           aria-hidden="true"
           class="zd_font_icons basic icon-down  arrowIcon  "
-          data-id="fontIcon"
+          data-id="ViewDropDown_icon"
           data-selector-id="fontIcon"
-          data-test-id="fontIcon"
+          data-test-id="ViewDropDown_icon"
           style="--zd-iconfont-size: var(--zd_font_size7);"
         />
       </div>

package/es/lookup/header/ViewDropDown/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   needLocalSearch: true,
   needSearch: true,
   textField: 'text',
-  valueField: 'id'
+  valueField: 'id',
+  dataId: 'ViewDropDown'
 };

package/es/lookup/header/ViewDropDown/props/propTypes.js

@@ -5,6 +5,7 @@ export const propTypes = {
   searchBoxPlaceHolder: PropTypes.string,
   searchEmptyMessage: PropTypes.string,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  dataId: PropTypes.string,
 
   /**** Popup props ****/
   isPopupOpen: PropTypes.bool,

package/es/lookup/header/index.js

@@ -1,5 +1,5 @@
-export { default as Close } from './Close/Close';
-export { default as ModuleHeader } from './ModuleHeader/ModuleHeader';
-export { default as Search } from './Search/Search';
-export { default as TicketHeader } from './TicketHeader/TicketHeader';
-export { default as ViewDropDown } from './ViewDropDown/ViewDropDown';
+export { default as Close } from "./Close/Close";
+export { default as ModuleHeader } from "./ModuleHeader/ModuleHeader";
+export { default as Search } from "./Search/Search";
+export { default as TicketHeader } from "./TicketHeader/TicketHeader";
+export { default as ViewDropDown } from "./ViewDropDown/ViewDropDown";

package/es/lookup/index.js

@@ -1,5 +1,5 @@
-export { default as EmptyPage } from './EmptyPage/EmptyPage';
-export { default as Lookup } from './Lookup/Lookup';
-export { default as Section } from './Section/Section';
-import * as _Header from './header';
+export { default as EmptyPage } from "./EmptyPage/EmptyPage";
+export { default as Lookup } from "./Lookup/Lookup";
+export { default as Section } from "./Section/Section";
+import * as _Header from "./header";
 export { _Header as Header };

package/es/setup/header/Button/Button.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 GenButton from '@zohodesk/components/lib/Button/Button';
-import style from './HeaderButton.module.css';
+import style from "./HeaderButton.module.css";
 export default class Button extends React.Component {
   constructor(props) {
     super(props);

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

package/es/setup/header/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 {