@zohodesk/components 1.0.0-test-252 → 1.1.0

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/__tests__/__snapshots__/Ribbon.spec.js.snap

@@ -1,163 +1,163 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ribbon component should the palette is danger 1`] = `
-<span
-  className="basic palette_danger large default"
-  data-id="ribbonComp"
->
-  danger
-</span>
-`;
-
-exports[`Ribbon component should the palette is dark 1`] = `
-<span
-  className="basic palette_dark large default"
-  data-id="ribbonComp"
->
-  dark
-</span>
-`;
-
-exports[`Ribbon component should the palette is default 1`] = `
-<span
-  className="basic palette_default large default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the palette is info 1`] = `
-<span
-  className="basic palette_info large default"
-  data-id="ribbonComp"
->
-  info
-</span>
-`;
-
-exports[`Ribbon component should the palette is primary 1`] = `
-<span
-  className="basic palette_primary large default"
-  data-id="ribbonComp"
->
-  primary
-</span>
-`;
-
-exports[`Ribbon component should the palette is secondary 1`] = `
-<span
-  className="basic palette_secondary large default"
-  data-id="ribbonComp"
->
-  secondary
-</span>
-`;
-
-exports[`Ribbon component should the size is large 1`] = `
-<span
-  className="basic palette_default large default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the size is medium 1`] = `
-<span
-  className="basic palette_default small default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the size is small 1`] = `
-<span
-  className="basic palette_default small default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the size is xlarge 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is box 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is dafault 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is flag 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is plain 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is ribbon 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is stamp 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is sticker 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is tag 1`] = `
-<span
-  className="basic  large tag"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Ribbon component should the palette is danger 1`] = `
+<span
+  className="basic palette_danger large default"
+  data-id="ribbonComp"
+>
+  danger
+</span>
+`;
+
+exports[`Ribbon component should the palette is dark 1`] = `
+<span
+  className="basic palette_dark large default"
+  data-id="ribbonComp"
+>
+  dark
+</span>
+`;
+
+exports[`Ribbon component should the palette is default 1`] = `
+<span
+  className="basic palette_default large default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the palette is info 1`] = `
+<span
+  className="basic palette_info large default"
+  data-id="ribbonComp"
+>
+  info
+</span>
+`;
+
+exports[`Ribbon component should the palette is primary 1`] = `
+<span
+  className="basic palette_primary large default"
+  data-id="ribbonComp"
+>
+  primary
+</span>
+`;
+
+exports[`Ribbon component should the palette is secondary 1`] = `
+<span
+  className="basic palette_secondary large default"
+  data-id="ribbonComp"
+>
+  secondary
+</span>
+`;
+
+exports[`Ribbon component should the size is large 1`] = `
+<span
+  className="basic palette_default large default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the size is medium 1`] = `
+<span
+  className="basic palette_default small default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the size is small 1`] = `
+<span
+  className="basic palette_default small default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the size is xlarge 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is box 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is dafault 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is flag 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is plain 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is ribbon 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is stamp 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is sticker 1`] = `
+<span
+  className="basic palette_default xlarge default"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;
+
+exports[`Ribbon component should the type is tag 1`] = `
+<span
+  className="basic  large tag"
+  data-id="ribbonComp"
+>
+  default
+</span>
+`;

package/lib/Ribbon/props/defaultProps.js

@@ -10,6 +10,7 @@ var defaultProps = {
   text: 'Ribbon',
   type: 'default',
   dataId: 'ribbonComp',
-  customClass: ''
+  customClass: '',
+  dataSelectorId: 'ribbon'
 };
 exports.defaultProps = defaultProps;

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,
@@ -13,6 +16,7 @@ var propTypes = {
   size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'xlarge']),
   text: _propTypes["default"].string,
   type: _propTypes["default"].oneOf(['default', 'flag', 'plain', 'ribbon', 'box', 'stamp', 'sticker', 'tag']),
-  customClass: _propTypes["default"].string
+  customClass: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/RippleEffect/RippleEffect.js

@@ -4,32 +4,41 @@ 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 (false) {
-  RippleEffect.docs = {
-    componentGroup: 'RippleEffect',
-    folderName: 'Style Guide'
-  };
-}
+RippleEffect.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   RippleEffect.docs = {
+//     componentGroup: 'RippleEffect',
+//     folderName: 'Style Guide'
+//   };
+// }