@zohodesk/dot 1.0.0-temp-197.5 → 1.0.0-temp-195.3

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,11 +1,68 @@
 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 size = ['small', 'xsmall', 'xxsmall', 'medium', 'xmedium', 'xlarge'];
+  test('renders with default props', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(PlusIcon, null));
     expect(asFragment()).toMatchSnapshot();
   });
+  test('renders with dataId prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      dataId: "test-id"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconName prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      iconName: "ZD-plus"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconClass prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      iconClass: "custom-icon-class"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconSize prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      iconSize: "16"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('renders with  size is  - %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      size: size
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with title prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      title: "Plus Icon"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with customClass prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, {
+      customClass: "custom-plus-icon"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

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

@@ -1,11 +1,324 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`PlusIcon rendering the defult props 1`] = `
+exports[`PlusIcon renders with  size is  - medium 1`] = `
 <DocumentFragment>
   <span
     class="container"
     data-id="addreqNowbutton"
     data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  medium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - small 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  small default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xlarge 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xlarge default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xmedium 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xsmall 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xsmall default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xxsmall 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xxsmall default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with customClass prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default custom-plus-icon plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with dataId prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="test-id"
+    data-test-id="test-id"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with default props 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with iconClass prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus   custom-icon-class icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with iconName prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with iconSize prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with title prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+    data-title="Plus Icon"
   >
     <div
       class="container  xmedium default  plusIcon inflex coldir both"

package/es/PlusIcon/props/propTypes.js

@@ -5,7 +5,7 @@ export const propTypes = {
   iconName: PropTypes.string,
   iconSize: PropTypes.string,
   onClick: PropTypes.func,
-  size: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'xsmall', 'xxsmall', 'medium', 'xmedium', 'xlarge']),
   title: PropTypes.string,
   customClass: PropTypes.string
 };

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

package/es/Separator/__tests__/Separator.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Separator from '../Separator';
+import Separator from "../Separator";
 describe('Separator', () => {
   const PALETTE = ['default', 'primary', 'secondary'];
   const TYPE = ['dot', 'slash', 'arrow', 'comma', 'none'];

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

package/es/TagWithIcon/__tests__/TagWithIcon.spec.js

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