@zohodesk/components 1.1.0 → 1.2.0

package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam"));
-
-var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('AvatarTeam component', function () {
-  it('should display initial', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should is filled', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      isFilled: true
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is secondary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      palette: "secondary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is info', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      palette: "info"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is small', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      size: "small"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xsmall', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      size: "xsmall"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xmedium', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      size: "xmedium"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is large', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      size: "large"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xlarge', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
-      name: "vimalesan a",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap

@@ -1,226 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AvatarTeam component should display initial 1`] = `
-<span
-  className="container medium primary"
-  data-id="avatarTeamComp"
->
-  <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>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should is filled 1`] = `
-<span
-  className="container medium primary"
-  data-id="avatarTeamComp"
->
-  <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>
-  <span
-    className="team filled"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the palette is info 1`] = `
-<span
-  className="container medium info"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar medium medium circle info text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the palette is secondary 1`] = `
-<span
-  className="container medium secondary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar medium medium circle secondary text_white
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is large 1`] = `
-<span
-  className="container large primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar large large 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>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is small 1`] = `
-<span
-  className="container small primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar small small 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>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is xlarge 1`] = `
-<span
-  className="container xlarge primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar xlarge xlarge 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>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is xmedium 1`] = `
-<span
-  className="container xmedium primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar xmedium xmedium 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>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is xsmall 1`] = `
-<span
-  className="container xsmall primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar xsmall xsmall 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>
-  <span
-    className="team nofill"
-  />
-</span>
-`;

package/lib/Buttongroup/__test__/Buttongroup.spec.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Buttongroup = _interopRequireDefault(require("../Buttongroup"));
-
-var _Button = _interopRequireDefault(require("../../Button/Button"));
-
-var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Button component', function () {
-  it('should the type is footer', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
-      type: "footer"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is header', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
-      type: "header"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the button position is left', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
-      type: "footer"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the button position is right', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
-      type: "footer",
-      buttonPosition: "right"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the button position is center', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
-      type: "footer",
-      buttonPosition: "center"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap

@@ -1,146 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button component should the button position is center 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="aligncenter"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the button position is left 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the button position is right 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignright"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the type is footer 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the type is header 1`] = `
-<div
-  className="buttonGroup header"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;

package/lib/Card/__tests__/Card.spec.js

@@ -1,56 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _Card = _interopRequireWildcard(require("../Card"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-//https://github.com/facebook/react/issues/4971
-var data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29];
-describe('Button component', function () {
-  it('should display text', function () {
-    var div = document.createElement('div');
-    document.body.appendChild(div);
-    var scrollElement;
-
-    _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        height: '400px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-      from: 0,
-      limit: 10,
-      fetchData: function fetchData() {
-        return Promise.resolve();
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement("div", null, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
-      eleRef: function eleRef(ref) {
-        scrollElement = ref;
-      }
-    }, data.map(function (val) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: val,
-        style: {
-          padding: '10px 0px',
-          borderBottom: '1px solid #ddd'
-        }
-      }, val);
-    })), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement("div", null, "Footer")))), div);
-
-    scrollElement.scrollTop = 310;
-    TestUtils.Simulate.scroll(scrollElement, {
-      deltaY: 310
-    });
-
-    _reactDom["default"].unmountComponentAtNode(div);
-  });
-});

package/lib/CheckBox/__tests__/CheckBox.spec.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CheckBox = _interopRequireDefault(require("../CheckBox"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('CheckBox component', function () {
-  it('should display', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_CheckBox["default"], {
-      id: "c1",
-      name: "vimalesan",
-      text: "primary"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').textContent.contains('primary')).toBe(true);
-  });
-});

package/lib/DateTime/__tests__/CalendarView.spec.js

@@ -1,45 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-var _CalendarView = _interopRequireWildcard(require("../CalendarView"));
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* eslint-disable no-undef */
-
-/*eslint-disable no-unused-vars*/
-var defaultProps = {
-  onSelect: jest.fn(),
-  handleSelect: jest.fn(),
-  incremday: 27,
-  userSeeYear: 2018,
-  userSeeMonth: 12,
-  i: 1
-};
-describe('CalendarView testing', function () {
-  it('Should set date onSelecting date', function () {
-    var _setup = setup(_CalendarView.Span, defaultProps),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'calendar-view');
-    TestUtils.Simulate.click(component);
-    expect(props.handleSelect).toHaveBeenCalled();
-  });
-  it('Should call handleSelect with specified arguments', function () {
-    var _setup2 = setup(_CalendarView.Span, defaultProps),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'calendar-view');
-    TestUtils.Simulate.click(component);
-    expect(props.handleSelect).toHaveBeenLastCalledWith(props.incremday, props.userSeeMonth, props.userSeeYear);
-  });
-});