linear-react-components-ui 0.4.75-beta.1 → 0.4.75-beta.13

package/lib/badge/badge.spec.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = _interopRequireDefault(require("."));
+
+var _icons = _interopRequireDefault(require("../icons"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var mockBadge = function mockBadge(props) {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
+    customClass: "mockBadge",
+    customClassForBadge: "classforbadge",
+    content: "10"
+  }, props), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    name: "bell_alert"
+  }));
+};
+
+describe('Badges', function () {
+  it('should render correctly', function () {
+    var _render = (0, _react2.render)(mockBadge()),
+        container = _render.container;
+
+    expect(container.firstChild).toBeTruthy();
+  });
+  it('should render children', function () {
+    var _render2 = (0, _react2.render)(mockBadge()),
+        container = _render2.container,
+        getByTestId = _render2.getByTestId;
+
+    expect(container.firstChild).toContainElement(getByTestId('icon'));
+  });
+  it('should render content', function () {
+    var _render3 = (0, _react2.render)(mockBadge()),
+        container = _render3.container;
+
+    expect(container.firstChild).toHaveTextContent('10');
+  });
+  it('should apply custom class', function () {
+    var _render4 = (0, _react2.render)(mockBadge()),
+        container = _render4.container;
+
+    expect(container.firstChild).toHaveClass('mockBadge');
+  });
+  it('should apply custom class', function () {
+    var _render5 = (0, _react2.render)(mockBadge()),
+        container = _render5.container;
+
+    expect(container.firstChild).toHaveClass('mockBadge');
+  });
+  it('should apply custom class for badge', function () {
+    var _render6 = (0, _react2.render)(mockBadge()),
+        container = _render6.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('classforbadge');
+  });
+  it('should apply custom top', function () {
+    var _render7 = (0, _react2.render)(mockBadge({
+      top: '10px'
+    })),
+        container = _render7.container;
+
+    expect(container.querySelector('.badge')).toHaveStyle('top: 10px;');
+  });
+  it('should apply custom right', function () {
+    var _render8 = (0, _react2.render)(mockBadge({
+      right: '10px'
+    })),
+        container = _render8.container;
+
+    expect(container.querySelector('.badge')).toHaveStyle('right: 10px;');
+  });
+  it('should apply default color', function () {
+    var _render9 = (0, _react2.render)(mockBadge()),
+        container = _render9.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('-default');
+  });
+  it('should apply primary color', function () {
+    var _render10 = (0, _react2.render)(mockBadge({
+      color: 'primary'
+    })),
+        container = _render10.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('-primary');
+  });
+  it('should apply danger color', function () {
+    var _render11 = (0, _react2.render)(mockBadge({
+      color: 'danger'
+    })),
+        container = _render11.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('-danger');
+  });
+  it('should apply warning color', function () {
+    var _render12 = (0, _react2.render)(mockBadge({
+      color: 'warning'
+    })),
+        container = _render12.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('-warning');
+  });
+  it('should apply success color', function () {
+    var _render13 = (0, _react2.render)(mockBadge({
+      color: 'success'
+    })),
+        container = _render13.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('-success');
+  });
+  it('should apply info color', function () {
+    var _render14 = (0, _react2.render)(mockBadge({
+      color: 'info'
+    })),
+        container = _render14.container;
+
+    expect(container.querySelector('.badge')).toHaveClass('-info');
+  });
+});

package/lib/badge/index.js

@@ -13,8 +13,6 @@ require("../assets/styles/badge.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var Badge = function Badge(props) {
   var color = props.color,
       customClass = props.customClass,
@@ -23,9 +21,9 @@ var Badge = function Badge(props) {
       content = props.content,
       top = props.top,
       right = props.right;
-  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "badge-component ".concat(customClass)
-  }, props), children, /*#__PURE__*/_react["default"].createElement("span", {
+  }, children, /*#__PURE__*/_react["default"].createElement("span", {
     className: "badge -".concat(color, " ").concat(customClassForBadge),
     style: {
       top: "".concat(top),
@@ -49,7 +47,7 @@ Badge.propTypes = {
   children: _propTypes["default"].element.isRequired,
   customClass: _propTypes["default"].string,
   customClassForBadge: _propTypes["default"].string,
-  content: _propTypes["default"].object
+  content: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].string])
 };
 var _default = Badge;
 exports["default"] = _default;

package/lib/buttons/DefaultButton.js

@@ -69,8 +69,7 @@ var DefaultButton = function DefaultButton(props) {
       boxShadow = props.boxShadow,
       transparent = props.transparent,
       round = props.round,
-      permissionAttr = props.permissionAttr,
-      _onBlur = props.onBlur;
+      permissionAttr = props.permissionAttr;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -148,9 +147,6 @@ var DefaultButton = function DefaultButton(props) {
       if (dropdown) showDropdown();
       if (_onClick && toggleable) setActiveButton(!activeButton);
     },
-    onBlur: function onBlur(e) {
-      if (_onBlur) _onBlur(e);
-    },
     disabled: shouldDisable(),
     className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : ''),
     ref: function ref(r) {
@@ -180,7 +176,6 @@ DefaultButton.propTypes = {
   boxShadow: _propTypes["default"].bool,
   icon: _propTypes["default"].instanceOf(Object),
   onClick: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
   targetRef: _propTypes["default"].func,
   tabIndex: _propTypes["default"].string,
   dropdown: _propTypes["default"].bool,
@@ -216,7 +211,6 @@ DefaultButton.defaultProps = {
   icon: null,
   content: null,
   onClick: null,
-  onBlur: null,
   targetRef: undefined,
   tabIndex: undefined,
   isLoading: false,