@zohodesk/components 1.0.0-temp-49 → 1.0.0-temp-52

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

@@ -1,193 +0,0 @@
-"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();
-  });
-  it('should the palette is danger', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "danger",
-      text: "danger"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is secondary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "secondary",
-      text: "secondary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is info', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "info",
-      text: "info"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is primary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "primary",
-      text: "primary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is dark', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "dark",
-      text: "dark"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is small', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "small"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is medium', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "small"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is large', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      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(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is dafault', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is flag', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is plain', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is ribbon', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is box', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is stamp', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is sticker', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is tag', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      palette: "default",
-      text: "default",
-      type: "tag"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display text', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
-      text: "primary",
-      palette: "primary"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ribbonComp').textContent.contains('primary')).toBe(true);
-  });
-});

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

@@ -1,163 +0,0 @@
-// 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/RippleEffect/RippleEffect.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = RippleEffect;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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;
-  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 = {
-  isActive: false,
-  isDisabled: false,
-  isNeedEffect: true,
-  needBorder: true,
-  hoverType: 'default',
-  palette: 'default',
-  isCopyTextEnabled: false
-};
-RippleEffect.propTypes = {
-  children: _propTypes["default"].node,
-  hoverType: _propTypes["default"].oneOf(['default', 'border', 'bg']),
-  isActive: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isNeedEffect: _propTypes["default"].bool,
-  needBorder: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
-  isCopyTextEnabled: _propTypes["default"].bool
-};
-
-if (false) {
-  RippleEffect.docs = {
-    componentGroup: 'RippleEffect',
-    folderName: 'Style Guide'
-  };
-}

package/lib/RippleEffect/RippleEffect.module.css

@@ -1,70 +0,0 @@
-.effect {
-  position: relative;
-  border-radius: var(--zd_size4);
-}
-.border {
-  border: solid 1px var(--zdt_rippleeffect_default_border);
-}
-.default.defaultHover {
-  border-color: var(--zdt_rippleeffect_hover_border);
-}
-.hoverEffect:hover.primary.defaultHover, .hoverEffect:focus.primary.defaultHover, .hoverEffect:hover.primary.borderHover, .hoverEffect:focus.primary.borderHover {
-  border-color: var(--zdt_rippleeffect_primary_border);
-}
-.primary.defaultHover, .hoverEffect:hover.primary.active.border, .hoverEffect:focus.primary.active.border {
-  border-color: var(--zdt_rippleeffect_primary_active_border);
-}
-.primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover, .hoverEffect:focus.primaryLight.borderHover {
-  border-color: var(--zdt_rippleeffect_primary_light_border);
-}
-.green.defaultHover, .hoverEffect:hover.green.borderHover, .hoverEffect:focus.green.borderHover {
-  border-color: var(--zdt_rippleeffect_green_border);
-}
-.hoverEffect:hover.default.defaultHover, .hoverEffect:focus.default.defaultHover {
-  border-color: var(--zdt_rippleeffect_slate_border);
-}
-.hoverEffect:hover.default.borderHover, .hoverEffect:focus.default.borderHover {
-  border-color: var(--zdt_rippleeffect_navy_border);
-}
-.hoverEffect:hover.default.bgHover, .hoverEffect:focus.default.bgHover {
-  background-color: var(--zdt_rippleeffect_hover_bg);
-}
-.hoverEffect:hover.primaryLight.bgHover, .hoverEffect:focus.primaryLight.bgHover {
-  background-color: var(--zdt_rippleeffect_primary_light_bg);
-}
-.primaryFilled {
-  background-color: var(--zdt_rippleeffect_primary_bg);
-}
-.hoverEffect:hover.primaryFilled, .hoverEffect:focus.primaryFilled, .primaryFilled.active {
-  background-color: var(--zdt_rippleeffect_primaryfilled_bg);
-}
-.hoverEffect:hover.green.bgHover, .hoverEffect:focus.green.bgHover {
-  background-color: var(--zdt_rippleeffect_green_bg);
-}
-.default.active, .hoverEffect:hover.default.active, .hoverEffect:focus.default.active, .primaryLight.active, .primaryDark.active {
-  background-color: var(--zdt_rippleeffect_primary_light_bg);
-}
-.default.active.border, .hoverEffect:hover.default.active.border, .hoverEffect:focus.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
-  border-color: var(--zdt_rippleeffect_primary_light_border);
-}
-.green.active {
-  background-color: var(--zdt_rippleeffect_green_bg);
-}
-.green.active.border {
-  border-color: var(--zdt_rippleeffect_green_border);
-}
-.primary.active {
-  background-color: var(--zdt_rippleeffect_primary_bg);
-}
-.danger.defaultHover, .hoverEffect:hover.danger.borderHover, .hoverEffect:focus.danger.borderHover {
-  border-color: var(--zdt_rippleeffect_danger_border);
-}
-.hoverEffect:hover.danger.bgHover, .hoverEffect:focus.danger.bgHover, .danger.active {
-  background-color: var(--zdt_rippleeffect_danger_bg);
-}
-.hoverEffect:hover.primaryDark.bgHover, .hoverEffect:focus.primaryDark.bgHover {
-  background-color: var(--zdt_rippleeffect_primary_dark_bg);
-}
-.notAllowed {
-  cursor: not-allowed;
-}