@zohodesk/components 1.2.34 → 1.2.36

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

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

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

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

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,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropDownSearch rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="search mediumSearch "
+    data-id="DropDownSearch"
+    data-test-id="DropDownSearch"
+  >
+    <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/DropDown/props/defaultProps.js

@@ -16,5 +16,6 @@ export const DropDownItem_defaultProps = {
 export const DropDownSearch_defaultProps = {
   size: 'medium',
   textBoxSize: 'medium',
-  customClass: {}
+  customClass: {},
+  dataId: 'DropDownSearch'
 };

package/es/DropDown/props/propTypes.js

@@ -58,7 +58,8 @@ export const DropDownSearch_propTypes = {
   customClass: PropTypes.shape({
     searchClass: PropTypes.string,
     customTextBox: PropTypes.string
-  })
+  }),
+  dataId: PropTypes.string
 };
 export const DropDownSeparator_propTypes = {
   customClass: PropTypes.string

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/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/ListItemWithCheckBox.js

@@ -93,7 +93,8 @@ export default class ListItemWithCheckBox extends React.Component {
       customProps: ListItemProps,
       ...ContainerProps
     }, /*#__PURE__*/React.createElement(Box, {
-      className: style.iconBox
+      className: style.iconBox,
+      dataId: `${dataId ? dataId : value}_checkBox`
     }, /*#__PURE__*/React.createElement(CheckBox, {
       checked: checked,
       a11y: {

package/es/ListItem/ListItemWithRadio.js

@@ -94,7 +94,8 @@ export default class ListItemWithRadio extends React.Component {
       customProps: ListItemProps,
       ...ContainerProps
     }, /*#__PURE__*/React.createElement(Box, {
-      className: style.iconBox
+      className: style.iconBox,
+      dataId: `${dataId}_radio`
     }, /*#__PURE__*/React.createElement(Radio, {
       checked: checked,
       id: id,

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="List_checkBox"
+      data-selector-id="box"
+      data-test-id="List_checkBox"
+    >
+      <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="listItemWithRadioComp_radio"
+      data-selector-id="box"
+      data-test-id="listItemWithRadioComp_radio"
+    >
+      <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>
+`;