@zohodesk/dot 1.4.15 → 1.4.17

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

@@ -1,27 +1,11 @@
 import React from 'react';
+import { render } from '@testing-library/react';
 import ExternalLink from '../ExternalLink';
-import renderer from 'react-test-renderer';
-describe('ExternalLink Component', () => {
-  it('should add http/https to href tag if it is not already present', () => {
-    const checkLinks = ['javascript:alert(1)', 'www.test.com', 'test.com', '#'];
-    checkLinks.forEach(link => {
-      let ele = renderer.create( /*#__PURE__*/React.createElement(ExternalLink, {
-        href: link
-      }, link));
-      const renderedElement = ele.toJSON();
-      expect(renderedElement.props.href).toEqual(`http://${link}`);
-    });
-  });
-  it('should not add http/https to href tag if it is already present', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(ExternalLink, {
-      href: "https://www.google.com"
-    }, "www.google.com"));
-    const renderedElement = ele.toJSON();
-    expect(renderedElement.props.href).toEqual('https://www.google.com');
-  });
-  it('should default to / if href is undefined', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(ExternalLink, null, "www.google.com"));
-    const renderedElement = ele.toJSON();
-    expect(renderedElement.props.href).toEqual('javascript:void(0);');
+describe('ExternalLink', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ExternalLink, null));
+    expect(asFragment()).toMatchSnapshot();
   });
 });

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

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ExternalLink rendering the defult props 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;

package/es/FlipCard/FlipCard.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -89,16 +87,17 @@ export default class FlipCard extends Component {
     }, !noNeedFlip ? /*#__PURE__*/React.createElement(Container, {
       align: "both",
       className: `${style.front} ${frontClass ? frontClass : ''}`
-    }, /*#__PURE__*/React.createElement(CheckBox, _extends({
+    }, /*#__PURE__*/React.createElement(CheckBox, {
       isFilled: isFilledCheckbox,
       checked: isChecked,
       onChange: this.onChange,
       id: `checkbox_${id}`,
-      dataId: `listViewCheckBox_${id}`
-    }, CheckBoxProps))) : null, /*#__PURE__*/React.createElement(Container, {
+      dataId: `listViewCheckBox_${id}`,
+      ...CheckBoxProps
+    })) : null, /*#__PURE__*/React.createElement(Container, {
       align: "both",
       className: style.back
-    }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, _extends({
+    }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, {
       name: channel,
       action: action,
       size: size,
@@ -111,8 +110,9 @@ export default class FlipCard extends Component {
       customTextClass: customTextClass,
       iconColor: iconColor,
       title: channelTitle,
-      iconTitle: channelTitle
-    }, ChannelIconProps)) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
+      iconTitle: channelTitle,
+      ...ChannelIconProps
+    }) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, {
       name: icon,
       iconSize: iconSize,
       size: size,
@@ -120,8 +120,9 @@ export default class FlipCard extends Component {
       dataId: icon,
       className: className,
       iconColor: iconColor,
-      title: needTitle ? name : ''
-    }, AvatarIconProps)) : /*#__PURE__*/React.createElement(AvatarUser, _extends({
+      title: needTitle ? name : '',
+      ...AvatarIconProps
+    }) : /*#__PURE__*/React.createElement(AvatarUser, {
       name: name,
       initial: initial,
       size: size,
@@ -132,8 +133,9 @@ export default class FlipCard extends Component {
       needTitle: needTitle,
       palette: palette,
       textPalette: textPalette,
-      customTextClass: customTextClass
-    }, AvatarUserProps)))));
+      customTextClass: customTextClass,
+      ...AvatarUserProps
+    }))));
   }
 
 }

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import FlipCard from '../FlipCard';
+describe('FlipCard', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(FlipCard, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FlipCard rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="medium  flip"
+  >
+    <div
+      class="container"
+    >
+      <div
+        class="front  flex cover coldir both"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          aria-checked="false"
+          class="container pointer primary 
+          inflex rowdir vCenter"
+          data-id="listViewCheckBox_undefined"
+          data-selector-id="container"
+          data-test-id="listViewCheckBox_undefined"
+          role="checkbox"
+          tabindex="0"
+        >
+          <div
+            class="boxContainer medium  filled shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <input
+              id="checkbox_undefined"
+              type="hidden"
+            />
+            <label
+              class="checkbox pointer medium "
+            >
+              <svg
+                viewBox="0 0 40 40"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <rect
+                  class="cbBox"
+                  height="38"
+                  rx="4"
+                  width="38"
+                  x="1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  y="1"
+                />
+              </svg>
+            </label>
+          </div>
+        </div>
+      </div>
+      <div
+        class="back flex cover coldir both"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="container medium"
+          data-selector-id="avatarUser"
+        >
+          <div
+            class="avatar medium medium circle primary black border   "
+            data-id="Avatar"
+            data-selector-id="avatar"
+            data-test-id="Avatar"
+          >
+            <span
+              class="initial"
+              data-id="Avatar_AvatarInitial"
+              data-selector-id="avatar_AvatarInitial"
+              data-test-id="Avatar_AvatarInitial"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import FormAction from '../FormAction';
+describe('FormAction', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(FormAction, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FormAction rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapperDiv"
+    data-selector-id="formAction"
+  >
+    <div
+      class="footerParent mediumPadding 
+
+                        mediumFooter
+                     flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import FreezeLayer from '../FreezeLayer';
+describe('FreezeLayer', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(FreezeLayer, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering isActive is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(FreezeLayer, {
+      isActive: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FreezeLayer rendering isActive is true 1`] = `
+<DocumentFragment>
+  <div
+    class="container index5 default"
+    data-drag-parent="true"
+    style="z-index: 4;"
+  />
+</DocumentFragment>
+`;
+
+exports[`FreezeLayer rendering the defult props 1`] = `<DocumentFragment />`;

package/es/IconButton/IconButton.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -107,7 +105,7 @@ export default class IconButton extends React.Component {
       hoverType: hoverType,
       isDisabled: isDisabled,
       isNeedEffect: isNeedEffect
-    }, /*#__PURE__*/React.createElement(Container, _extends({
+    }, /*#__PURE__*/React.createElement(Container, {
       "aria-label": ariaLabel,
       "aria-haspopup": ariaHaspopup,
       "aria-expanded": ariaExpanded,
@@ -131,8 +129,9 @@ export default class IconButton extends React.Component {
       onKeyDown: this.handleToggle,
       onFocus: this.triggerMouseOver,
       onBlur: this.onBlur,
-      disabled: isDisabled
-    }, customProps), iconName ? /*#__PURE__*/React.createElement(Icon, {
+      disabled: isDisabled,
+      ...customProps
+    }, iconName ? /*#__PURE__*/React.createElement(Icon, {
       isBold: isBold,
       size: iconSize,
       name: iconName,

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ImportantNotes from '../ImportantNotes';
+describe('ImportantNotes', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ImportantNotes, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ImportantNotes rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Link/Link.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -80,20 +78,20 @@ export default class Link extends React.Component {
       return res;
     }, {}); //urlOutput = this.addHttp(urlOutput);
 
-    return /*#__PURE__*/React.createElement("a", _extends({
+    return /*#__PURE__*/React.createElement("a", {
       href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
       target: target,
       "data-title": title,
-      className: `${style.container}  ${className ? className : ''}`
-    }, option, {
+      className: `${style.container}  ${className ? className : ''}`,
+      ...option,
       rel: rel,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, others, {
-      onClick: this.onCallBack.bind(this, urlOutput, href)
-    }, customProps, {
+      "data-test-id": dataId,
+      ...others,
+      onClick: this.onCallBack.bind(this, urlOutput, href),
+      ...customProps,
       "aria-label": ariaLabel
-    }), children);
+    }, children);
   }
 
 }

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Link from '../Link';
+describe('Link', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Link, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Link rendering the defult props 1`] = `
+<DocumentFragment>
+  <a
+    class="container  "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+  />
+</DocumentFragment>
+`;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Loader from '../Loader';
+describe('Loader', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Loader, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Loader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="ajaxLoader"
+    style="z-index: 4;"
+  >
+    <div
+      class="loader"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/Message/Message.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
@@ -43,7 +41,8 @@ export default class Message extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(MessageUI, this.props);
+    return /*#__PURE__*/React.createElement(MessageUI, { ...this.props
+    });
   }
 
 }
@@ -111,8 +110,8 @@ export function MessageUI(props) {
 }
 MessageUI.propTypes = MessageUI_propTypes;
 export function MessageNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: MessageUI
-  }));
+  });
 }
 MessageNew.propTypes = MessageNew_propTypes;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Message from '../Message';
+describe('Message', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Message, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Message rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="message"
+    data-id="show_undefined_message"
+    data-selector-id="message"
+    data-test-id="show_undefined_message"
+  >
+    <div
+      class="container"
+    >
+      <div>
+        <span
+          class="tickIcn"
+        >
+          <i
+            aria-hidden="true"
+            class="zd_font_icons basic icon-check fbold   "
+            data-id="fontIcon"
+            data-selector-id="fontIcon"
+            data-test-id="fontIcon"
+            style="--zd-iconfont-size: var(--zd_font_size10);"
+          />
+        </span>
+      </div>
+      <span
+        class="text"
+        data-id="infoMessage"
+        data-test-id="infoMessage"
+      />
+      <span
+        class="close"
+        data-id="close_undefined_message"
+        data-test-id="close_undefined_message"
+        data-title="Close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-close-e fbold   "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size10);"
+        />
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/MessageBanner/MessageBanner.js

@@ -40,10 +40,12 @@ export default class MessageBanner extends React.Component {
       href: href,
       onClick: onClick,
       className: style.link,
-      target: "_blank"
+      target: "_blank",
+      dataId: `${dataId}_link`
     }, urlText)))), onClose ? /*#__PURE__*/React.createElement(Box, {
       className: style.close,
-      onClick: onClose
+      onClick: onClose,
+      dataId: `${dataId}_close`
     }, /*#__PURE__*/React.createElement(Container, {
       align: "both"
     }, /*#__PURE__*/React.createElement(Icon, {

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import MessageBanner from '../MessageBanner';
+describe('MessageBanner', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(MessageBanner, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MessageBanner rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="type_primary palette_default  flex rowdir"
+    data-id="MessageBanner"
+    data-selector-id="messageBanner"
+    data-test-id="MessageBanner"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="flex cover rowdir both"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="message basisAuto shrinkOn"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import NewStar from '../NewStar';
+describe('NewStar', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(NewStar, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewStar rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="star topRight  flex rowdir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size10);"
+    />
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size10);"
+    />
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size10);"
+    />
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import PlusIcon from '../PlusIcon';
+describe('PlusIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PlusIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});