@zohodesk/components 1.0.0-temp-154 → 1.0.0-temp-156

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

@@ -1,15 +1,20 @@
 "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();
   });
@@ -18,6 +23,7 @@ describe('Ribbon component', function () {
       palette: "danger",
       text: "danger"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -26,6 +32,7 @@ describe('Ribbon component', function () {
       palette: "secondary",
       text: "secondary"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -34,6 +41,7 @@ describe('Ribbon component', function () {
       palette: "info",
       text: "info"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -42,6 +50,7 @@ describe('Ribbon component', function () {
       palette: "primary",
       text: "primary"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -50,6 +59,7 @@ describe('Ribbon component', function () {
       palette: "dark",
       text: "dark"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -59,6 +69,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "small"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -68,6 +79,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "small"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -77,6 +89,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "large"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -86,6 +99,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -95,6 +109,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -104,6 +119,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -113,6 +129,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -122,6 +139,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -131,6 +149,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -140,6 +159,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -149,6 +169,7 @@ describe('Ribbon component', function () {
       text: "default",
       size: "xlarge"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });
@@ -158,6 +179,7 @@ describe('Ribbon component', function () {
       text: "default",
       type: "tag"
     }));
+
     var tree = ele.toJSON();
     expect(tree).toMatchSnapshot();
   });

package/lib/Ribbon/props/propTypes.js

@@ -4,8 +4,11 @@ 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,31 +4,39 @@ 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.defaultProps = _defaultProps.defaultProps;
+RippleEffect.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   RippleEffect.docs = {
 //     componentGroup: 'RippleEffect',
 //     folderName: 'Style Guide'

package/lib/RippleEffect/props/propTypes.js

@@ -4,8 +4,11 @@ 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']),