@zohodesk/components 1.0.0-temp-165 → 1.0.0-temp-167

package/assets/Contrast/defaultContrastLightness.module.css

@@ -1,39 +0,0 @@
-[data-mode='default']:global:not(.zd-contrast) {
-   --zd_default_default_lValue: calc(0 * 1%);
-   --zd_default_default_low_lValue: calc(0 * 1%);
-   --zd_default_default_inverse_lValue: calc(0 * 1%);
-   --zd_default_default_inverse_low_lValue: calc(0 * 1%);
-   --zd_default_default_inverse_lower_lValue: calc(0 * 1%);
-   --zd_default_default_inverse_medium_lValue: calc(0 * 1%);
-   --zd_default_darker_lValue: calc(0 * 1%);
-   --zd_default_darker_low_lValue: calc(0 * 1%);
-   --zd_default_darker_lower_lValue: calc(0 * 1%);
-   --zd_default_darker_lowest_lValue: calc(0 * 1%);
-   --zd_default_lighter_lValue: calc(0 * 1%);
-   --zd_default_lighter_low_lValue: calc(0 * 1%);
-   --zd_default_lighter_lower_lValue: calc(0 * 1%);
-   --zd_default_lighter_medium_lValue: calc(0 * 1%);
-   --zd_default_lighter_high_lValue: calc(0 * 1%);
-   --zd_alpha_high: 0;
-   --zd_alpha_low: 0;
-}
-
-[data-mode='default']:global(.zd-contrast) {
-   --zd_default_default_lValue: calc(var(--zd_contrastLevel) * 1%);
-   --zd_default_default_low_lValue: calc(var(--zd_contrastLevel) * 1%);
-   --zd_default_default_inverse_lValue: calc(var(--zd_contrastLevel) * -1%);
-   --zd_default_default_inverse_low_lValue: calc(var(--zd_contrastLevel) * -0.25%);
-   --zd_default_default_inverse_lower_lValue: calc(var(--zd_contrastLevel) * -0.10%);
-   --zd_default_default_inverse_medium_lValue: calc(var(--zd_contrastLevel) * -1.5%);
-   --zd_default_darker_lValue: calc(var(--zd_contrastLevel) * -1%);
-   --zd_default_darker_low_lValue: calc(var(--zd_contrastLevel) * -0.50%);
-   --zd_default_darker_lower_lValue: calc(var(--zd_contrastLevel) * -0.25%);
-   --zd_default_darker_lowest_lValue: calc(var(--zd_contrastLevel) * var(--zd_lightmode_grey_bg));
-   --zd_default_lighter_lValue: calc(var(--zd_contrastLevel) * 1%);
-   --zd_default_lighter_low_lValue: calc(var(--zd_contrastLevel) * 0.50%);
-   --zd_default_lighter_lower_lValue: calc(var(--zd_contrastLevel) * 0.25%);
-   --zd_default_lighter_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
-   --zd_default_lighter_high_lValue: calc(var(--zd_contrastLevel) * 20%);
-   --zd_alpha_high: 1;
-   --zd_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
-}

package/es/Accordion/__tests__/Accordion.spec.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import { Accordion, AccordionItem } from '../index';
-describe('Accordion component specification', () => {
-  it('open accordion item id 1 ', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
-  });
-  it('open accordion item id 1 ', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "2",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
-  });
-  it('accordion item 2 click check', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-id": "ah2"
-    }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data1"
-    }, "Data2"))));
-    let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
-    TestUtils.Simulate.click(acc2);
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
-  });
-  it('accordion click callback check ', () => {
-    let mockfn = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px",
-      onSelect: mockfn
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-id": "ah2"
-    }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
-    TestUtils.Simulate.click(acc2);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-});

package/es/Animation/__tests__/Animation.spec.js

@@ -1,17 +0,0 @@
-import Animation from '../Animation';
-import React from 'react';
-describe('Animation Component Test Cases', () => {
-  it('Animation component mount testcases', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Animation, {
-      children: /*#__PURE__*/React.createElement("div", {
-        "data-id": "animation"
-      }, "Hi all"),
-      isActive: true
-    });
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'animation');
-    expect(component.getAttribute('data-id')).toBe('animation');
-  });
-});

package/es/Avatar/__tests__/Avatar.spec.js

@@ -1,161 +0,0 @@
-import React from 'react';
-import Avatar from '../Avatar';
-import renderer from 'react-test-renderer';
-let avatarURL = 'avatar.jpg';
-describe('Avatar component', () => {
-  it('should display initial', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display avatar image and initial while avatar loading...', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display initial if invalid url', () => {
-    Avatar.invalidImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display image valid url', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is default', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      palette: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is secondary', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      palette: "secondary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is info', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      palette: "info"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the shape is square', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      shape: "square"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is small', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      size: "square"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xsmall', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      size: "xsmall"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xmedium', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      size: "xmedium"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is large', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      size: "large"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xlarge', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should have title', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      title: "Sample Title"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should no need title', () => {
-    Avatar.invalidImageURLs.length = 0;
-    Avatar.validImageURLs.push(avatarURL);
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
-      name: "vimalesan a",
-      src: avatarURL,
-      needTitle: false
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,288 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Avatar component should display avatar image and initial while avatar loading... 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          border"
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <span
-    className="initial initialTxt"
-    data-id="Avatar_AvatarInitial"
-  >
-    VA
-  </span>
-  <img
-    className="none"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should display image valid url 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should display initial 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          border"
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <span
-    className="initial initialTxt"
-    data-id="Avatar_AvatarInitial"
-  >
-    VA
-  </span>
-</div>
-`;
-
-exports[`Avatar component should display initial if invalid url 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          border"
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <span
-    className="initial initialTxt"
-    data-id="Avatar_AvatarInitial"
-  >
-    VA
-  </span>
-</div>
-`;
-
-exports[`Avatar component should have title 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="Sample Title"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should no need title 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title=""
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the palette is default 1`] = `
-<div
-  className="avatar medium medium circle default text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the palette is info 1`] = `
-<div
-  className="avatar medium medium circle info text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the palette is secondary 1`] = `
-<div
-  className="avatar medium medium circle secondary text_white
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the shape is square 1`] = `
-<div
-  className="avatar medium medium square primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is large 1`] = `
-<div
-  className="avatar large large circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is small 1`] = `
-<div
-  className="avatar square  circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is xlarge 1`] = `
-<div
-  className="avatar xlarge xlarge circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is xmedium 1`] = `
-<div
-  className="avatar xmedium xmedium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is xsmall 1`] = `
-<div
-  className="avatar xsmall xsmall circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;

package/es/AvatarTeam/__tests__/AvatarTeam.spec.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import AvatarTeam from '../AvatarTeam';
-import renderer from 'react-test-renderer';
-describe('AvatarTeam component', () => {
-  it('should display initial', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should is filled', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      isFilled: true
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is secondary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      palette: "secondary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is info', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      palette: "info"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is small', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      size: "small"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xsmall', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      size: "xsmall"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xmedium', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      size: "xmedium"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is large', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      size: "large"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xlarge', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
-      name: "vimalesan a",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});