@zohodesk/components 1.0.0-alpha-269 → 1.0.0-alpha-271

package/lib/Ribbon/__tests__/Ribbon.spec.js

@@ -1,20 +1,15 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _Ribbon = _interopRequireDefault(require("../Ribbon"));
-
 var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 describe('Ribbon component', function () {
   it('should the palette is default', function () {
     var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
       palette: "default",
       text: "default"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -23,7 +18,6 @@ describe('Ribbon component', function () {
       palette: "danger",
       text: "danger"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -32,7 +26,6 @@ describe('Ribbon component', function () {
       palette: "secondary",
       text: "secondary"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -41,7 +34,6 @@ describe('Ribbon component', function () {
       palette: "info",
       text: "info"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -50,7 +42,6 @@ describe('Ribbon component', function () {
       palette: "primary",
       text: "primary"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -59,7 +50,6 @@ describe('Ribbon component', function () {
       palette: "dark",
       text: "dark"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -69,7 +59,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "small"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -79,7 +68,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "small"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -89,7 +77,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "large"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -99,7 +86,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -109,7 +95,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -119,7 +104,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -129,7 +113,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -139,7 +122,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -149,7 +131,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -159,7 +140,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -169,7 +149,6 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -179,7 +158,6 @@ describe('Ribbon component', function () {
       text: "default",
       type: "tag"
     }));
-
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });

package/lib/Ribbon/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   children: _propTypes["default"].element,
   dataId: _propTypes["default"].string,

package/lib/RippleEffect/RippleEffect.js

@@ -4,39 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = RippleEffect;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
-
 var _RippleEffectModule = _interopRequireDefault(require("./RippleEffect.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function RippleEffect(props) {
   var children = props.children,
-      isActive = props.isActive,
-      isDisabled = props.isDisabled,
-      palette = props.palette,
-      hoverType = props.hoverType,
-      isNeedEffect = props.isNeedEffect,
-      needBorder = props.needBorder,
-      isCopyTextEnabled = props.isCopyTextEnabled;
+    isActive = props.isActive,
+    isDisabled = props.isDisabled,
+    palette = props.palette,
+    hoverType = props.hoverType,
+    isNeedEffect = props.isNeedEffect,
+    needBorder = props.needBorder,
+    isCopyTextEnabled = props.isCopyTextEnabled;
   var className = isNeedEffect ? "".concat(_RippleEffectModule["default"].effect, " ").concat(_RippleEffectModule["default"][palette], " ").concat(needBorder ? _RippleEffectModule["default"].border : '', " ").concat(_RippleEffectModule["default"]["".concat(hoverType, "Hover")] ? _RippleEffectModule["default"]["".concat(hoverType, "Hover")] : '', " ").concat(isActive && !isDisabled ? _RippleEffectModule["default"].active : '', " ").concat(isDisabled ? '' : _RippleEffectModule["default"].hoverEffect, " ").concat(isCopyTextEnabled ? _RippleEffectModule["default"].notAllowed : isDisabled ? (0, _CssProvider["default"])('isDisabled') : '') : '';
-
   var child = _react["default"].Children.only(children);
-
   return /*#__PURE__*/_react["default"].cloneElement(child, {
     className: "".concat(child.props.className || '', " ").concat(className)
   });
 }
-
 RippleEffect.defaultProps = _defaultProps.defaultProps;
-RippleEffect.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+RippleEffect.propTypes = _propTypes.propTypes;
+
+// if (__DOCS__) {
 //   RippleEffect.docs = {
 //     componentGroup: 'RippleEffect',
 //     folderName: 'Style Guide'

package/lib/RippleEffect/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   children: _propTypes["default"].node,
   hoverType: _propTypes["default"].oneOf(['default', 'border', 'bg']),