@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-252

package/lib/Tab/__tests__/Tab.spec.js

@@ -1,67 +1,60 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _Tab = _interopRequireDefault(require("../Tab"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 describe('Tab Component', function () {
   it('Is Contains alpha class', function () {
     var _setup = setup(_Tab["default"], {
-      type: 'alpha',
-      needAppearance: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
+        type: 'alpha',
+        needAppearance: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup.props,
+      renderedDOM = _setup.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabAlpha')).toBe(true);
   });
   it('Is Contains beta class', function () {
     var _setup2 = setup(_Tab["default"], {
-      type: 'beta',
-      needAppearance: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
+        type: 'beta',
+        needAppearance: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup2.props,
+      renderedDOM = _setup2.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabBeta')).toBe(true);
   });
   it('Is Contains gamma class', function () {
     var _setup3 = setup(_Tab["default"], {
-      type: 'gamma',
-      needAppearance: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup3.props,
-        renderedDOM = _setup3.renderedDOM;
-
+        type: 'gamma',
+        needAppearance: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup3.props,
+      renderedDOM = _setup3.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
   });
   it('Is Contains delta class', function () {
     var _setup4 = setup(_Tab["default"], {
-      type: 'delta',
-      needAppearance: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup4.props,
-        renderedDOM = _setup4.renderedDOM;
-
+        type: 'delta',
+        needAppearance: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup4.props,
+      renderedDOM = _setup4.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabDelta')).toBe(true);
   });
   it('Is Contains zeta class', function () {
     var _setup5 = setup(_Tab["default"], {
-      type: 'zeta',
-      needAppearance: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup5.props,
-        renderedDOM = _setup5.renderedDOM;
-
+        type: 'zeta',
+        needAppearance: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup5.props,
+      renderedDOM = _setup5.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
-  }); // it('Is Contains special class', () => {
+  });
+  // it('Is Contains special class', () => {
   //   const { props, renderedDOM } = setup(Tab, { type: 'special', getActiveRef: () => {} });
   //   expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('special')).toBe(true);
   //
@@ -69,41 +62,38 @@ describe('Tab Component', function () {
 
   it('Is Contains active class', function () {
     var _setup6 = setup(_Tab["default"], {
-      type: 'alpha',
-      needAppearance: true,
-      id: '0',
-      selectedTab: '0',
-      isActive: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup6.props,
-        renderedDOM = _setup6.renderedDOM;
-
+        type: 'alpha',
+        needAppearance: true,
+        id: '0',
+        selectedTab: '0',
+        isActive: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup6.props,
+      renderedDOM = _setup6.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive')).toBe(true);
   });
   it('Is Contains border class', function () {
     var _setup7 = setup(_Tab["default"], {
-      isActive: true,
-      type: 'alpha',
-      needAppearance: true,
-      needBorder: true,
-      getActiveRef: function getActiveRef() {}
-    }),
-        props = _setup7.props,
-        renderedDOM = _setup7.renderedDOM;
-
+        isActive: true,
+        type: 'alpha',
+        needAppearance: true,
+        needBorder: true,
+        getActiveRef: function getActiveRef() {}
+      }),
+      props = _setup7.props,
+      renderedDOM = _setup7.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive_border')).toBe(true);
   });
   it('Is call onClick', function () {
     var _setup8 = setup(_Tab["default"], {
-      id: '2',
-      onClick: jest.fn(),
-      onSelect: jest.fn(),
-      getActiveRef: function getActiveRef() {}
-    }),
-        renderedDOM = _setup8.renderedDOM,
-        props = _setup8.props;
-
+        id: '2',
+        onClick: jest.fn(),
+        onSelect: jest.fn(),
+        getActiveRef: function getActiveRef() {}
+      }),
+      renderedDOM = _setup8.renderedDOM,
+      props = _setup8.props;
     var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
     TestUtils.Simulate.click(tabElement, {
       currentTarget: {
@@ -116,14 +106,13 @@ describe('Tab Component', function () {
   });
   it('is render text span', function () {
     var _setup9 = setup(_Tab["default"], {
-      type: 'alpha',
-      dataId: 'taskSubtab1',
-      text: 'Tab1',
-      getActiveRef: function getActiveRef() {}
-    }),
-        renderedDOM = _setup9.renderedDOM,
-        props = _setup9.props;
-
+        type: 'alpha',
+        dataId: 'taskSubtab1',
+        text: 'Tab1',
+        getActiveRef: function getActiveRef() {}
+      }),
+      renderedDOM = _setup9.renderedDOM,
+      props = _setup9.props;
     var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab1_Tab');
     expect(tabElement.getAttribute('data-id')).toBe('taskSubtab1_Tab');
   });

package/lib/Tab/__tests__/TabContent.spec.js

@@ -1,21 +1,17 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _TabContent = _interopRequireDefault(require("../TabContent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 describe('TabContent Component', function () {
   it('render TabContent', function () {
     var _setup = setup(_TabContent["default"], {
-      children: /*#__PURE__*/_react["default"].createElement("div", {
-        "data-id": "tabcontent"
-      }, "Tab Content")
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
+        children: /*#__PURE__*/_react["default"].createElement("div", {
+          "data-id": "tabcontent"
+        }, "Tab Content")
+      }),
+      props = _setup.props,
+      renderedDOM = _setup.renderedDOM;
     var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabcontent');
     expect(component.getAttribute('data-id')).toBe('tabcontent');
   });

package/lib/Tab/__tests__/TabContentWrapper.spec.js

@@ -1,32 +1,27 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _TabContentWrapper = _interopRequireDefault(require("../TabContentWrapper"));
-
 var _TabContent = _interopRequireDefault(require("../TabContent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 describe('TabContentWrapper Component', function () {
   it('is children rendered class', function () {
     var _setup = setup(_TabContentWrapper["default"], {
-      selectedTab: '0',
-      children: [/*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-        id: '0',
-        key: 0
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        "data-id": "child1"
-      }, " Tab 1")), /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-        id: '1',
-        key: 1
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        "data-id": "child2"
-      }, " Tab 2"))]
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
+        selectedTab: '0',
+        children: [/*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
+          id: '0',
+          key: 0
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          "data-id": "child1"
+        }, " Tab 1")), /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
+          id: '1',
+          key: 1
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          "data-id": "child2"
+        }, " Tab 2"))]
+      }),
+      props = _setup.props,
+      renderedDOM = _setup.renderedDOM;
     var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'child1');
     expect(component.getAttribute('data-id')).toBe('child1');
   });
@@ -38,21 +33,18 @@ describe('TabContentWrapper Component', function () {
       className: "not-render",
       "data-id": "child1"
     }, ' ', "Tab 1"));
-
     var Tab2 = /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
       id: '1',
       key: 1
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "not-render"
     }, " Tab 2"), "TabContent 2");
-
     var _setup2 = setup(_TabContentWrapper["default"], {
-      selectedTab: '0',
-      children: [Tab1, Tab2]
-    }),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
+        selectedTab: '0',
+        children: [Tab1, Tab2]
+      }),
+      props = _setup2.props,
+      renderedDOM = _setup2.renderedDOM;
     var component = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'not-render');
     expect(component.length).toBe(1);
   });

package/lib/Tab/__tests__/TabWrapper.spec.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _TabWrapper = _interopRequireDefault(require("../TabWrapper"));
-
 var _Tab = _interopRequireDefault(require("../Tab"));
-
 var _Tabs = _interopRequireDefault(require("../Tabs"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 describe('TabWrapper Component', function () {
   it('is Tab rendered', function () {
     var onSelect = jest.fn();
@@ -66,7 +60,6 @@ describe('TabWrapper Component', function () {
   });
   it('change selectedTab id', function () {
     var node = document.createElement('div');
-
     var children = /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
       isResponsive: false
     }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
@@ -77,23 +70,18 @@ describe('TabWrapper Component', function () {
       id: "1"
     }, "Two"));
     /*eslint-disable */
-
-
     var renderedDOM = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
       defaultTab: '0',
       type: "alpha",
       hookToDisableInternalState: true
     }, children), node);
-
     var tab = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
     expect(tab[0].className.contains('Active')).toBe(true);
-
     _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
       defaultTab: '1',
       type: "alpha",
       hookToDisableInternalState: true
     }, children), node);
-
     expect(tab[0].className.contains('Active')).toBe(false);
     expect(tab[1].className.contains('Active')).toBe(true);
   });

package/lib/Tab/__tests__/Tabs.spec.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _Tab = _interopRequireDefault(require("../Tab"));
-
 var _Tabs = _interopRequireDefault(require("../Tabs"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var defaultProps = {
   type: 'alpha',
   selectedTab: '0',
@@ -34,89 +29,80 @@ var tabChildrenProps = {
 describe('Tabs Component', function () {
   it('is contains alpha class', function () {
     var _setup = setup(_Tabs["default"], {
-      type: 'alpha',
-      isResponsive: false
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
+        type: 'alpha',
+        isResponsive: false
+      }),
+      props = _setup.props,
+      renderedDOM = _setup.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('alpha')).toBe(true);
   });
   it('is contains special class', function () {
     var _setup2 = setup(_Tabs["default"], {
-      type: 'special'
-    }),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
+        type: 'special'
+      }),
+      props = _setup2.props,
+      renderedDOM = _setup2.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('special')).toBe(true);
   });
   it('is contains border class', function () {
     var _setup3 = setup(_Tabs["default"], {
-      type: 'alpha',
-      needBorder: true
-    }),
-        props = _setup3.props,
-        renderedDOM = _setup3.renderedDOM;
-
+        type: 'alpha',
+        needBorder: true
+      }),
+      props = _setup3.props,
+      renderedDOM = _setup3.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('border')).toBe(true);
   });
   it('is contains padding class', function () {
     var _setup4 = setup(_Tabs["default"], {
-      type: 'alpha',
-      needPadding: true
-    }),
-        props = _setup4.props,
-        renderedDOM = _setup4.renderedDOM;
-
+        type: 'alpha',
+        needPadding: true
+      }),
+      props = _setup4.props,
+      renderedDOM = _setup4.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('padding')).toBe(true);
   });
   it('is contains custom class', function () {
     var _setup5 = setup(_Tabs["default"], {
-      type: 'alpha',
-      className: 'customClass'
-    }),
-        props = _setup5.props,
-        renderedDOM = _setup5.renderedDOM;
-
+        type: 'alpha',
+        className: 'customClass'
+      }),
+      props = _setup5.props,
+      renderedDOM = _setup5.renderedDOM;
     expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('customClass')).toBe(true);
   });
   it('did render custom tab', function () {
     var _setup6 = setup(_Tabs["default"], defaultProps),
-        props = _setup6.props,
-        renderedDOM = _setup6.renderedDOM;
-
+      props = _setup6.props,
+      renderedDOM = _setup6.renderedDOM;
     var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'customtab');
     expect(component.getAttribute('data-id')).toBe('customtab');
   });
   it('did render Tab', function () {
     var _setup7 = setup(_Tabs["default"], tabChildrenProps),
-        props = _setup7.props,
-        renderedDOM = _setup7.renderedDOM;
-
+      props = _setup7.props,
+      renderedDOM = _setup7.renderedDOM;
     var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab');
     expect(component.getAttribute('data-id')).toBe('taskSubtab');
   });
   it('move Highlight called', function () {
     var _setup8 = setup(_Tabs["default"], Object.assign({}, tabChildrenProps, {
-      isAnimate: true,
-      needTabBorder: true
-    })),
-        props = _setup8.props,
-        renderedDOM = _setup8.renderedDOM;
-
+        isAnimate: true,
+        needTabBorder: true
+      })),
+      props = _setup8.props,
+      renderedDOM = _setup8.renderedDOM;
     var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'highlight');
     expect(component.getAttribute('style')).toBe('left: 0; width: 0;');
   });
   fit('isResponsive called', function () {
     var _setup9 = setup(_Tabs["default"], Object.assign({}, tabChildrenProps, {
-      isAnimate: true,
-      isResponsive: true,
-      needTabBorder: true
-    })),
-        props = _setup9.props,
-        renderedDOM = _setup9.renderedDOM;
-
+        isAnimate: true,
+        isResponsive: true,
+        needTabBorder: true
+      })),
+      props = _setup9.props,
+      renderedDOM = _setup9.renderedDOM;
     var component = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'taskSubtab');
     expect(component.length).toBe(0);
   });

package/lib/Tab/docs/Tab__default.docs.js

@@ -1,59 +1,37 @@
 "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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("../");
-
 var _Layout = require("../../Layout");
-
 var _tabdocsModule = _interopRequireDefault(require("./tabdocs.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var Tab__default = /*#__PURE__*/function (_React$Component) {
   _inherits(Tab__default, _React$Component);
-
   var _super = _createSuper(Tab__default);
-
   function Tab__default(props) {
     var _this;
-
     _classCallCheck(this, Tab__default);
-
     _this = _super.call(this, props);
     _this.state = {
       tab: 'home'
     };
     return _this;
   }
-
   _createClass(Tab__default, [{
     key: "tabs",
     value: function tabs(selected) {
@@ -293,12 +271,9 @@ var Tab__default = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return Tab__default;
 }(_react["default"].Component);
-
 exports["default"] = Tab__default;
-
 if (false) {
   Tab__default.docs = {
     componentGroup: 'Tab',

package/lib/Tab/index.js

@@ -33,15 +33,9 @@ Object.defineProperty(exports, "Tabs", {
     return _Tabs["default"];
   }
 });
-
 var _TabWrapper = _interopRequireDefault(require("./TabWrapper"));
-
 var _TabContentWrapper = _interopRequireDefault(require("./TabContentWrapper"));
-
 var _TabContent = _interopRequireDefault(require("./TabContent"));
-
 var _Tabs = _interopRequireDefault(require("./Tabs"));
-
 var _Tab = _interopRequireDefault(require("./Tab"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Tab/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tabs_propTypes = exports.Tab_propTypes = exports.TabWrapper_propTypes = exports.TabContent_propTypes = exports.TabContentWrapper_propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Tab_propTypes = {
   activeClass: _propTypes["default"].string,
   align: _propTypes["default"].string,