@zohodesk/components 1.0.0-temp-196.1 → 1.0.0-temp-201

package/es/DropDown/__tests__/DropDownItem.spec.js

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

package/es/DropDown/__tests__/DropDownSearch.spec.js

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

package/es/DropDown/__tests__/DropDownSeparator.spec.js

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

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

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropDown rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="popup"
+  >
+    <div
+      class="target"
+    >
+      <div>
+        test 1
+      </div>
+    </div>
+    <div
+      class="main hidden container bottomMid default"
+      data-a11y-focus-main-area="true"
+      data-id="dropBox"
+      data-position="bottomMid"
+      data-selector-id="dropBox"
+      data-test-id="dropBox"
+    >
+      <div
+        class="subContainer bottom_shadow radius defaultPalette"
+        data-id="dropBox_subcontainer"
+        data-selector-id="dropBox_subcontainer"
+        data-test-id="dropBox_subcontainer"
+        tabindex="-1"
+      >
+        <div
+          class="flex rowdir"
+          data-id="containerComponent"
+          data-selector-id="container"
+          data-test-id="containerComponent"
+        >
+          <div
+            class="grow basis shrinkOn scrolly"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <div>
+              test 2
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropDownHeading rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="light "
+    data-id="DropDownHeading"
+    data-selector-id="dropdownHeading"
+    data-test-id="DropDownHeading"
+  />
+</DocumentFragment>
+`;

package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropDownItem rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="list   "
+    data-id="dropDwnItemContainer"
+    data-test-id="dropDwnItemContainer"
+  />
+</DocumentFragment>
+`;

package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropDownSearch rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="search mediumSearch "
+  >
+    <input
+      class="  container medium  default border effect  borderColor_default  "
+      data-id="textBox"
+      data-selector-id="textBox"
+      data-test-id="textBox"
+      type="text"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropDownSeparator rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="separator "
+  />
+</DocumentFragment>
+`;

package/es/Heading/Heading.js

@@ -12,7 +12,8 @@ export default class Heading extends React.Component {
       title,
       dataTitle,
       dataId,
-      a11y
+      a11y,
+      customAttributes
     } = this.props;
     return /*#__PURE__*/React.createElement(tagName, {
       className: `${style.reset} ${className}`,
@@ -21,6 +22,7 @@ export default class Heading extends React.Component {
       'data-title': dataTitle || title,
       'data-id': dataId,
       'data-test-id': dataId,
+      ...customAttributes,
       ...a11y
     }, title);
   }

package/es/Heading/__tests__/Heading.spec.js

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

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

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Heading rendering the defult props 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset "
+  />
+</DocumentFragment>
+`;

package/es/Heading/props/defaultProps.js

@@ -1,5 +1,6 @@
 export const defaultProps = {
   tagName: 'h1',
   a11y: {},
-  className: ''
+  className: '',
+  customAttributes: {}
 };

package/es/Heading/props/propTypes.js

@@ -7,5 +7,6 @@ export const propTypes = {
   dataTitle: PropTypes.string,
   onClick: PropTypes.func,
   onDoubleClick: PropTypes.func,
-  a11y: PropTypes.object
+  a11y: PropTypes.object,
+  customAttributes: PropTypes.object
 };

package/es/Layout/__tests__/Box.spec.js

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

package/es/Layout/__tests__/Container.spec.js

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

package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Box rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="shrinkOff"
+    data-id="boxComponent"
+    data-selector-id="box"
+    data-test-id="boxComponent"
+  >
+    <div>
+      Test
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Container rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex cover coldir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div>
+      Test
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/ListItem/__tests__/ListContainer.spec.js

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

package/es/ListItem/__tests__/ListItem.spec.js

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

package/es/ListItem/__tests__/ListItemWithAvatar.spec.js

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

package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js

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

package/es/ListItem/__tests__/ListItemWithIcon.spec.js

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

package/es/ListItem/__tests__/ListItemWithRadio.spec.js

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

package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListContainer rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder  flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="containerComponent"
+    data-selector-id="listContainer"
+    data-test-id="containerComponent"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;

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

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListItem rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder  flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="listItem"
+    data-selector-id="listItem"
+    data-test-id="listItem"
+    role="option"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;

package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListItemWithAvatar rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder  flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="List_ListItemWithAvatar"
+    data-selector-id="listItemWithAvatar"
+    data-test-id="List_ListItemWithAvatar"
+    role="option"
+    tabindex="0"
+  >
+    <div
+      class="value grow basis shrinkOn"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      List
+    </div>
+  </li>
+</DocumentFragment>
+`;

package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap

@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListItemWithCheckBox rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder  flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="List_ListItemWithCheckBox"
+    data-selector-id="listItemWithCheckBox"
+    data-test-id="List_ListItemWithCheckBox"
+    role="option"
+    tabindex="0"
+  >
+    <div
+      class="iconBox shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        aria-checked="false"
+        aria-hidden="true"
+        class="container pointer primary 
+          inflex rowdir vCenter"
+        data-id="checkBox"
+        data-selector-id="container"
+        data-test-id="checkBox"
+        role="checkbox"
+        tabindex="-1"
+      >
+        <div
+          class="boxContainer medium  filled shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            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="value grow basis shrinkOn"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      List
+    </div>
+  </li>
+</DocumentFragment>
+`;

package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListItemWithIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder  flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="list"
+    data-selector-id="listItemWithIcon"
+    data-test-id="list"
+    role="option"
+    tabindex="0"
+  >
+    <div
+      class="value grow basis shrinkOn"
+      data-id="list_Text"
+      data-selector-id="box"
+      data-test-id="list_Text"
+    >
+      List
+    </div>
+  </li>
+</DocumentFragment>
+`;

package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap

@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListItemWithRadio rendering the defult props 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder  flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="listItemWithRadioComp"
+    data-selector-id="listItemWithRadio"
+    data-test-id="listItemWithRadioComp"
+    role="option"
+    tabindex="0"
+  >
+    <div
+      class="iconBox shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        aria-checked="false"
+        aria-hidden="true"
+        aria-readonly="false"
+        class="container  pointer hoverEfffect   inflex rowdir both"
+        data-id="RadioComp"
+        data-selector-id="container"
+        data-test-id="RadioComp"
+        role="radio"
+        tabindex="-1"
+      >
+        <div
+          class="radio  
+            hoverprimary medium filled centerPathprimary  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            type="hidden"
+            value=""
+          />
+          <label
+            class="radioLabel pointer"
+          >
+            <svg
+              viewBox="0 0 40 40"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle
+                class="rdBox"
+                cx="20"
+                cy="20"
+                r="19"
+              />
+            </svg>
+          </label>
+        </div>
+      </div>
+    </div>
+    <div
+      class="value grow basis shrinkOn"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      List
+    </div>
+  </li>
+</DocumentFragment>
+`;

package/es/Modal/__tests__/Modal.spec.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Modal from '../Modal';
+describe('Modal', () => {
+  test('rendering the defult props', () => {
+    const {
+      baseElement
+    } = render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      "data-portal": "testPortal"
+    }), /*#__PURE__*/React.createElement(Modal, {
+      portalId: "testPortal"
+    }, /*#__PURE__*/React.createElement("div", null, "Modal Div Check")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Modal, null, /*#__PURE__*/React.createElement("div", null, "Modal outer div check")))));
+    expect(baseElement).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Modal rendering the defult props 1`] = `
+<body>
+  <div>
+    <div>
+      <div
+        data-portal="testPortal"
+      >
+        <div>
+          Modal Div Check
+        </div>
+      </div>
+      <div />
+    </div>
+  </div>
+  <div
+    class="container"
+    data-portal="CPortal1"
+  >
+    <div>
+      Modal outer div check
+    </div>
+  </div>
+</body>
+`;

package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js

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

package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap

@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MobileHeader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  >
+    <div
+      class="header flex rowdir alignBetween vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="cardHeading grow basis shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <button
+          class="buttonText bold plainprimary medium"
+          data-id="buttonComp"
+          data-selector-id="button"
+          data-test-id="buttonComp"
+          type="button"
+        >
+          Close
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;