linear-react-components-ui 1.0.10-rc.0 → 1.0.10-rc.2

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/buttons/DefaultButton.js

@@ -12,7 +12,7 @@ var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-var _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef"];
+var _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "errorMessage", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -60,6 +60,7 @@ var DefaultButton = function DefaultButton(_ref) {
     permissionAttr = _ref.permissionAttr,
     skeletonize = _ref.skeletonize,
     tooltipPosition = _ref.tooltipPosition,
+    errorMessage = _ref.errorMessage,
     tooltipWidth = _ref.tooltipWidth,
     isFloatMenu = _ref.isFloatMenu,
     dropdownAlign = _ref.dropdownAlign,

package/lib/buttons/SpinnerLoading.js

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var SpinnerLoading = function SpinnerLoading() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    className: "lds-spinner spinnerloading",
+    width: "50px",
+    viewBox: "0 0 100 100",
+    preserveAspectRatio: "xMidYMid",
+    style: {
+      background: 'none',
+      float: 'right'
+    }
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(0 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.9166666666666666s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(30 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.8333333333333334s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(60 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.75s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(90 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.6666666666666666s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(120 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.5833333333333334s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(150 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.5s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(180 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.4166666666666667s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(210 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.3333333333333333s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(240 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.25s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(270 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.16666666666666666s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(300 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "-0.08333333333333333s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    transform: "rotate(330 50 50)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "47",
+    y: "24",
+    rx: "9.4",
+    ry: "4.8",
+    width: "6",
+    height: "12",
+    fill: "#3B3B3B"
+  }, /*#__PURE__*/_react.default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0",
+    keyTimes: "0;1",
+    dur: "1s",
+    begin: "0s",
+    repeatCount: "indefinite"
+  }))));
+};
+
+var _default = SpinnerLoading;
+exports.default = _default;