linear-react-components-ui 1.0.5 → 1.0.7

package/lib/gridlayout/gridLayout.spec.js

@@ -0,0 +1,169 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = _interopRequireWildcard(require("."));
+
+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; }
+
+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 gridLayout = function gridLayout(propsRow, propsCol) {
+  return /*#__PURE__*/_react["default"].createElement(_.GridRow, _extends({
+    customClass: "mock-gridRow",
+    style: {
+      backgroundColor: 'red'
+    }
+  }, propsRow), /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
+    customClass: "mock-gridCol",
+    style: {
+      backgroundColor: 'blue'
+    }
+  }, propsCol), "Grid Layout"));
+};
+
+describe('GridLayout', function () {
+  it('should render correctly', function () {
+    var _render = (0, _react2.render)(gridLayout()),
+        container = _render.container;
+
+    expect(container.firstChild).toBeTruthy();
+  });
+  describe('GridRow', function () {
+    it('should apply custom class', function () {
+      var _render2 = (0, _react2.render)(gridLayout()),
+          container = _render2.container;
+
+      expect(container.querySelector('.row')).toHaveClass('mock-gridRow');
+    });
+    it('should apply style', function () {
+      var _render3 = (0, _react2.render)(gridLayout()),
+          container = _render3.container;
+
+      expect(container.querySelector('.row')).toHaveStyle('background-color: red;');
+    });
+    it('should apply with trim', function () {
+      var _render4 = (0, _react2.render)(gridLayout({
+        withTrim: true
+      })),
+          container = _render4.container;
+
+      expect(container.querySelector('.row')).toHaveClass('-withtrim');
+    });
+    it('should apply horizontal align start', function () {
+      var _render5 = (0, _react2.render)(gridLayout({
+        horizontalAlign: 'start'
+      })),
+          container = _render5.container;
+
+      expect(container.querySelector('.row')).toHaveClass('justify-content-start');
+    });
+    it('should apply horizontal align end', function () {
+      var _render6 = (0, _react2.render)(gridLayout({
+        horizontalAlign: 'end'
+      })),
+          container = _render6.container;
+
+      expect(container.querySelector('.row')).toHaveClass('justify-content-end');
+    });
+    it('should apply horizontal align center', function () {
+      var _render7 = (0, _react2.render)(gridLayout({
+        horizontalAlign: 'center'
+      })),
+          container = _render7.container;
+
+      expect(container.querySelector('.row')).toHaveClass('justify-content-center');
+    });
+    it('should apply horizontal align around', function () {
+      var _render8 = (0, _react2.render)(gridLayout({
+        horizontalAlign: 'around'
+      })),
+          container = _render8.container;
+
+      expect(container.querySelector('.row')).toHaveClass('justify-content-around');
+    });
+    it('should apply horizontal align between', function () {
+      var _render9 = (0, _react2.render)(gridLayout({
+        horizontalAlign: 'between'
+      })),
+          container = _render9.container;
+
+      expect(container.querySelector('.row')).toHaveClass('justify-content-between');
+    });
+    it('should apply vertical align items-start', function () {
+      var _render10 = (0, _react2.render)(gridLayout({
+        verticalAlign: 'items-start'
+      })),
+          container = _render10.container;
+
+      expect(container.querySelector('.row')).toHaveClass('align-items-start');
+    });
+    it('should apply vertical align items-center', function () {
+      var _render11 = (0, _react2.render)(gridLayout({
+        verticalAlign: 'items-center'
+      })),
+          container = _render11.container;
+
+      expect(container.querySelector('.row')).toHaveClass('align-items-center');
+    });
+    it('should apply vertical align items-end', function () {
+      var _render12 = (0, _react2.render)(gridLayout({
+        verticalAlign: 'items-end'
+      })),
+          container = _render12.container;
+
+      expect(container.querySelector('.row')).toHaveClass('align-items-end');
+    });
+    it('should hide component when visible is false', function () {
+      var _render13 = (0, _react2.render)(gridLayout({
+        visible: false
+      })),
+          container = _render13.container;
+
+      expect(container.querySelector('.row')).not.toBeInTheDocument();
+    });
+  });
+  describe('GridCol', function () {
+    it('should apply custom class', function () {
+      var _render14 = (0, _react2.render)(gridLayout()),
+          container = _render14.container;
+
+      expect(container.querySelector('.grid-container')).toHaveClass('mock-gridCol');
+    });
+    it('should apply style', function () {
+      var _render15 = (0, _react2.render)(gridLayout()),
+          container = _render15.container;
+
+      expect(container.querySelector('.grid-container')).toHaveStyle('background-color: blue;');
+    });
+    it('should apply columns to grid', function () {
+      var _render16 = (0, _react2.render)(gridLayout({}, {
+        cols: '12 12 12 12'
+      })),
+          container = _render16.container;
+
+      expect(container.querySelector('.grid-container')).toHaveClass('col-xs-12');
+      expect(container.querySelector('.grid-container')).toHaveClass('col-sm-12');
+      expect(container.querySelector('.grid-container')).toHaveClass('col-md-12');
+      expect(container.querySelector('.grid-container')).toHaveClass('col-lg-12');
+    });
+    it('should hide component when visible is false', function () {
+      var _render17 = (0, _react2.render)(gridLayout({}, {
+        visible: false
+      })),
+          container = _render17.container;
+
+      expect(container.querySelector('.grid-container')).not.toBeInTheDocument();
+    });
+  });
+});

package/lib/icons/helper.d.ts

@@ -123,11 +123,11 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
-    dollar: {
+    money: {
         viewbox: string;
         paths: string[];
     };
-    coin_dollar: {
+    coin_money: {
         viewbox: string;
         paths: string[];
     };
@@ -563,6 +563,22 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    moneyListCash: {
+        viewbox: string;
+        paths: string[];
+    };
+    moneyDocuments: {
+        viewbox: string;
+        paths: string[];
+    };
+    money2: {
+        viewbox: string;
+        paths: string[];
+    };
+    bills: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -129,11 +129,11 @@ var _default = {
     viewbox: '0 0 16 16',
     paths: ['M14.777 5.751l-7-4.667c-0.168-0.112-0.387-0.112-0.555 0l-7 4.667c-0.139 0.093-0.223 0.249-0.223 0.416v4.667c0 0.167 0.084 0.323 0.223 0.416l7 4.667c0.084 0.056 0.181 0.084 0.277 0.084s0.193-0.028 0.277-0.084l7-4.667c0.139-0.093 0.223-0.249 0.223-0.416v-4.667c0-0.167-0.084-0.323-0.223-0.416zM7.5 10.232l-2.599-1.732 2.599-1.732 2.599 1.732-2.599 1.732zM8 5.899v-3.465l5.599 3.732-2.599 1.732-3-2zM7 5.899l-3 2-2.599-1.732 5.599-3.732v3.465zM3.099 8.5l-2.099 1.399v-2.798l2.099 1.399zM4 9.101l3 2v3.465l-5.599-3.732 2.599-1.732zM8 11.101l3-2 2.599 1.732-5.599 3.732v-3.465zM11.901 8.5l2.099-1.399v2.798l-2.099-1.399z']
   },
-  dollar: {
+  money: {
     viewbox: '0 0 16 16',
     paths: ['M7.5 1c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5zM7.5 14.5c-3.314 0-6-2.686-6-6s2.686-6 6-6c3.314 0 6 2.686 6 6s-2.686 6-6 6zM8 8v-2h2v-1h-2v-1h-1v1h-2v4h2v2h-2v1h2v1h1v-1h2l-0-4h-2zM7 8h-1v-2h1v2zM9 11h-1v-2h1v2z']
   },
-  coin_dollar: {
+  coin_money: {
     viewbox: '0 0 16 16',
     paths: ['M10.479 4.958c-0.364 0-0.72 0.036-1.064 0.103-0.027-0.021-0.055-0.041-0.084-0.061 0.425-0.294 0.669-0.636 0.669-1v-1c0-1.105-2.239-2-5-2s-5 0.895-5 2v1c0 0.364 0.244 0.706 0.669 1-0.425 0.294-0.669 0.636-0.669 1v1c0 0.364 0.244 0.706 0.669 1-0.425 0.294-0.669 0.636-0.669 1v1c0 0.364 0.244 0.706 0.669 1-0.425 0.294-0.669 0.636-0.669 1v1c0 1.105 2.239 2 5 2 0.738 0 1.438-0.064 2.069-0.179 0.939 0.739 2.123 1.179 3.41 1.179 3.049 0 5.521-2.472 5.521-5.521s-2.472-5.521-5.521-5.521zM0.5 3c0-0.298 0.451-0.671 1.15-0.95 0.887-0.355 2.076-0.55 3.35-0.55s2.463 0.195 3.35 0.55c0.699 0.279 1.15 0.652 1.15 0.95s-0.451 0.671-1.15 0.95c-0.288 0.115-0.609 0.214-0.954 0.294-0.716 0.167-1.536 0.256-2.396 0.256s-1.68-0.089-2.396-0.256c-0.345-0.080-0.666-0.179-0.954-0.294-0.699-0.279-1.15-0.652-1.15-0.95zM0.5 9c0-0.221 0.249-0.483 0.663-0.718 0.917 0.439 2.296 0.718 3.837 0.718 0.053 0 0.106-0.001 0.159-0.001-0.131 0.471-0.201 0.968-0.201 1.481 0 0.007 0 0.014 0 0.021-0.844-0.003-1.65-0.091-2.354-0.256-0.345-0.080-0.666-0.179-0.954-0.294-0.699-0.279-1.15-0.652-1.15-0.95zM5 13.5c-1.273 0-2.463-0.195-3.35-0.55-0.699-0.279-1.15-0.652-1.15-0.95 0-0.221 0.249-0.483 0.663-0.718 0.917 0.439 2.296 0.718 3.837 0.718 0.057 0 0.114-0.001 0.17-0.002 0.151 0.527 0.378 1.022 0.668 1.472-0.274 0.019-0.554 0.029-0.839 0.029zM5 7.5c-0.859 0-1.68-0.089-2.396-0.256-0.345-0.080-0.666-0.179-0.954-0.294-0.699-0.279-1.15-0.652-1.15-0.95 0-0.221 0.249-0.483 0.663-0.718 0.917 0.439 2.296 0.718 3.837 0.718 1.030 0 1.987-0.125 2.782-0.339-0.781 0.438-1.444 1.060-1.932 1.808-0.278 0.020-0.562 0.030-0.85 0.030zM10.479 14.996c-2.495 0-4.517-2.022-4.517-4.517s2.022-4.517 4.517-4.517c2.495 0 4.517 2.022 4.517 4.517s-2.022 4.517-4.517 4.517zM11 7h-1v1h-2v3h2v1h-2v1h2v1h1v-1h2v-3h-2v-1h2v-1h-2v-1zM10 10h-1v-1h1v1zM12 11v1h-1v-1h1z']
   },
@@ -568,6 +568,22 @@ var _default = {
   records: {
     viewbox: '0 0 16 16',
     paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
+  },
+  moneyListCash: {
+    viewbox: '0 0 48 48',
+    paths: ['M15 3h2v2h-2zM15 43h2v2h-2zM22 43h2v2h-2zM8 43h2v2H8z', 'M29 48H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v7h-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v42a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-9h2v9a3 3 0 0 1-3 3z', 'M18 42H3a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3h-2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h15zM29 42h-4v-2h4a1 1 0 0 0 1-1h2a3 3 0 0 1-3 3zM34 30a4 4 0 0 1-4-4h2a2 2 0 1 0 2-2 4 4 0 1 1 4-4h-2a2 2 0 1 0-2 2 4 4 0 0 1 0 8z', 'M33 29h2v3h-2zM33 14h2v3h-2zM40 22h2v2h-2zM26 22h2v2h-2z', 'M21 42a1.12 1.12 0 0 1-.31 0 1 1 0 0 1-.69-1V23a14 14 0 1 1 14 14 13.86 13.86 0 0 1-7.36-2.1l-4.83 6.69A1 1 0 0 1 21 42zm13-31a12 12 0 0 0-12 12v14.91l3.59-5a1 1 0 0 1 .65-.4 1 1 0 0 1 .74.18A12 12 0 1 0 34 11zM13 22H9a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3zm-4-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM13 36H9a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3zm-4-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z']
+  },
+  moneyDocuments: {
+    viewbox: '0 0 48 48',
+    paths: ['M7 42H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v4h-2V2H2v38h5z', 'M39 48H9a1 1 0 0 1-1-1V17a1 1 0 0 1 .29-.71l10-10A1 1 0 0 1 19 6h20a1 1 0 0 1 1 1v5h-2V8H19.41L10 17.41V46h28v-6h2v7a1 1 0 0 1-1 1z', 'M19 18H9a1 1 0 0 1-.92-.62 1 1 0 0 1 .21-1.09l10-10a1 1 0 0 1 1.09-.21A1 1 0 0 1 20 7v10a1 1 0 0 1-1 1zm-7.59-2H18V9.41zM34 33a4 4 0 0 1-4-4h2a2 2 0 1 0 2-2 4 4 0 1 1 4-4h-2a2 2 0 1 0-2 2 4 4 0 0 1 0 8z', 'M33 32h2v3h-2zM33 17h2v3h-2zM40 25h2v2h-2zM26 25h2v2h-2z', 'M21 44a1 1 0 0 1-.34-.06A1 1 0 0 1 20 43V26a14 14 0 1 1 6.58 11.86l-4.81 5.78A1 1 0 0 1 21 44zm13-30a12 12 0 0 0-12 12v14.24l3.63-4.35a1 1 0 0 1 1.37-.17A12 12 0 1 0 34 14z']
+  },
+  money2: {
+    viewbox: '0 0 256 256',
+    paths: ['M204.21 82.47V67h-17.56V51.56H8.69v91h17.56V158h17.56v15.46h134.38a34.52 34.52 0 0 1-.2-3.69v-.31H68.9a23.18 23.18 0 0 0-18.67-21.13 21.33 21.33 0 0 0-2.42-.34v-40.45a23.17 23.17 0 0 0 21.06-21.07h127.89a9.24 9.24 0 0 0 .1.92 22.35 22.35 0 0 0 1 4.35 22.79 22.79 0 0 0 2.37 5 23.1 23.1 0 0 0 17.56 10.78v28a33 33 0 0 1 4 .84V82.47zM182.7 55.56V67h-11.61a19.13 19.13 0 0 1-5.44-11.46zm-170 0h17a19.18 19.18 0 0 1-17 17zm13.56 82.57H12.69v-17.05A19.17 19.17 0 0 1 26.25 129zm0-15.13a23.07 23.07 0 0 0-13.56-5.93V76.62a23.07 23.07 0 0 0 13.56-5.93zm7.5-67.44h127.88A22.83 22.83 0 0 0 165.89 67H29.51a22.91 22.91 0 0 0 4.24-11.44zM47.3 71a19.18 19.18 0 0 1-17 17V71zm-3.49 82.57H30.25v-17a19.23 19.23 0 0 1 12 6 17.91 17.91 0 0 1 1.56 1.9zm0-15.13a23.13 23.13 0 0 0-11.14-5.59 21.35 21.35 0 0 0-2.42-.34V92.08a23.07 23.07 0 0 0 13.56-5.93zm7.4 14.21A19.24 19.24 0 0 1 64.86 169h-17v-17a19.11 19.11 0 0 1 3.35.67zm-3.4-49.15v-17h17a19.18 19.18 0 0 1-17 17.02zm-.74-21.05A22.78 22.78 0 0 0 51.31 71H179.2a9 9 0 0 0 .1.91 21.79 21.79 0 0 0 1 4.35 22.77 22.77 0 0 0 2.37 5c.24.4.51.8.79 1.18zm153.19 0h-11.62a18.91 18.91 0 0 1-2-2.37 18.52 18.52 0 0 1-1.92-3.39 18.78 18.78 0 0 1-1.51-5.69h17zm17.56 21.05h-.05a19.13 19.13 0 0 1-13.56-8 19.28 19.28 0 0 1-3.44-9.09h17z', 'M132.79 155.26A27.29 27.29 0 1 1 160.08 128a27.32 27.32 0 0 1-27.29 27.26zm0-50.58A23.29 23.29 0 1 0 156.08 128a23.32 23.32 0 0 0-23.29-23.32zM212.65 204.44a34.67 34.67 0 1 1 34.67-34.67 34.71 34.71 0 0 1-34.67 34.67zm0-65.33a30.67 30.67 0 1 0 30.67 30.67 30.7 30.7 0 0 0-30.67-30.67z', 'M142 134.67c0 4.06-2.86 6.92-7.7 7.31v4.82h-2.66v-4.86a13.88 13.88 0 0 1-8.15-3.91l2.08-2.49a11.31 11.31 0 0 0 7.68 3.3c2.94 0 5.11-1.46 5.11-4 0-2.86-2.29-3.81-6-5-4.35-1.4-8.32-2.76-8.32-7.5 0-3.87 2.7-6.8 7.56-7v-5h2.66v5.21a16.29 16.29 0 0 1 6.78 2.9l-2 2.47a12.36 12.36 0 0 0-6.71-2.35c-2.78 0-4.72 1.3-4.72 3.64 0 2.49 2.41 3.4 5.73 4.49 4.9 1.56 8.61 2.86 8.61 8zM223.89 177.18c0 4.94-3.47 8.41-9.36 8.88v5.86h-3.23V186a16.87 16.87 0 0 1-9.9-4.75l2.53-3a13.74 13.74 0 0 0 9.33 4c3.57 0 6.21-1.77 6.21-4.82 0-3.47-2.79-4.63-7.25-6-5.29-1.7-10.11-3.35-10.11-9.12 0-4.7 3.28-8.27 9.19-8.55v-6.12h3.24V154a19.79 19.79 0 0 1 8.24 3.52l-2.43 3a15 15 0 0 0-8.15-2.86c-3.38 0-5.74 1.58-5.74 4.42 0 3 2.93 4.13 7 5.46 6 1.89 10.47 3.47 10.47 9.69z']
+  },
+  bills: {
+    viewbox: '0 0 256 256',
+    paths: ['M183.34 176.9a9.22 9.22 0 0 0-2.37.31V206h-9.18a9.2 9.2 0 0 0-18 0h-12.05a9.2 9.2 0 0 0-18 0h-12.06a9.2 9.2 0 0 0-18 0H81.63a9.2 9.2 0 0 0-17.95 0h-9.17V71.92h9.17A9.22 9.22 0 0 0 71 79a9.66 9.66 0 0 0 1.62.14A9.35 9.35 0 0 0 75 78.8v-4.27a5.2 5.2 0 0 1-2.38.58 5.09 5.09 0 0 1-1.62-.26 5.2 5.2 0 0 1-3.57-4.93v-2h-17V210h17v-2a5.19 5.19 0 0 1 10.39 0v2h19.69v-2a5.2 5.2 0 0 1 10.39 0v2h19.67v-2a5.2 5.2 0 0 1 10.43 0v2h19.65v-2a5.2 5.2 0 0 1 10.4 0v2h17v-33a8.75 8.75 0 0 0-1.71-.1z', 'M188.53 46v2a5.2 5.2 0 1 1-10.4 0v-2h-19.65v2a5.2 5.2 0 1 1-10.39 0v-2h-19.67v2A5.2 5.2 0 1 1 118 48v-2H98.37v2A5.2 5.2 0 1 1 88 48v-2H71v142.1h17v-2a5.2 5.2 0 0 1 10.39 0v2H118v-2a5.2 5.2 0 0 1 10.39 0v2h19.67v-2a5.2 5.2 0 0 1 10.39 0v2h19.65v-2a5.17 5.17 0 0 1 2.84-4.61 5 5 0 0 1 2.37-.58 5.18 5.18 0 0 1 5.19 5.19v2h17V46zm13 138.1h-9.18a9.2 9.2 0 0 0-7.34-7 8.75 8.75 0 0 0-1.63-.15 9.22 9.22 0 0 0-9 7.19h-12.12a9.2 9.2 0 0 0-18 0H132.2a9.2 9.2 0 0 0-18 0h-12.1a9.2 9.2 0 0 0-17.95 0H75V50h9.2a9.19 9.19 0 0 0 17.95 0h12.1a9.19 9.19 0 0 0 18 0h12.11a9.19 9.19 0 0 0 18 0h12.09a9.2 9.2 0 0 0 18 0h9.18z', 'M102.54 142.93c-3.09-1-5.33-1.87-5.33-4.18s1.8-3.38 4.39-3.38a11.54 11.54 0 0 1 6.24 2.19l1.86-2.3a15.26 15.26 0 0 0-6.31-2.69v-4.85h-2.48v4.69c-4.52.21-7 2.94-7 6.54 0 4.41 3.69 5.68 7.74 7 3.41 1.06 5.55 1.95 5.55 4.61 0 2.33-2 3.68-4.76 3.68a10.54 10.54 0 0 1-7.14-3.07l-1.93 2.31a12.89 12.89 0 0 0 7.57 3.64v4.52h2.48v-4.49c4.5-.36 7.16-3 7.16-6.79-.03-4.78-3.49-5.99-8.04-7.43zM93.34 73.71h89.36v4H93.34zM93.34 91.89h89.36v4H93.34zM93.34 110.07h89.36v4H93.34zM123 142.67h59.7v4H123z']
   }
 };
 exports.default = _default;

package/lib/icons/icons.spec.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _index = _interopRequireDefault(require("./index"));
+
+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 IconMock = function IconMock(props) {
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
+    name: "user"
+  }, props));
+};
+
+var mockSvgStruct = {
+  viewbox: '0 0 18 18',
+  paths: ['M17.064,4.656l-2.05-2.035C14.936,2.544,14.831,2.5,14.721,2.5H3.854c-0.229,0-0.417,0.188-0.417,417v14.167c0,0.229,0.188,0.417,0.417,0.417h12.917c0.229,0,0.416-0.188,0.416-0.417V4.952C17.188,4.84,17.144,4.733,17.064,4.656M6.354,3.333h7.917V10H6.354V3.333z M16.354,16.667H4.271V3.333h1.25v7.083c0,0.229,0.188,0.417,0.417,0.417h8.75c0.229,0,0.416-0.188,0.416-0.417V3.886l1.25,1.239V16.667z M13.402,4.688v3.958c0,0.229-0.186,0.417-0.417,0.417c-0.229,0-0.417-0.188-0.417-0.417V4.688c0-0.229,0.188-0.417,0.417-0.417C13.217,4.271,13.402,4.458,13.402,4.688']
+};
+describe('Icons', function () {
+  it('should render correctly', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, null)),
+        getByTestId = _render.getByTestId;
+
+    expect(getByTestId('icon')).toBeTruthy();
+  });
+  it('should change icon size', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
+      size: 64
+    })),
+        getByTestId = _render2.getByTestId;
+
+    expect(getByTestId('icon')).toHaveAttribute('width', '64px');
+    expect(getByTestId('icon')).toHaveAttribute('height', '64px');
+  });
+  it('should change icon color', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
+      color: "red"
+    })),
+        getByTestId = _render3.getByTestId;
+
+    expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
+  });
+  it('should change pointer-events', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
+      pointerEvents: "all"
+    })),
+        getByTestId = _render4.getByTestId;
+
+    expect(getByTestId('icon')).toHaveAttribute('pointer-events', 'all');
+  });
+  it('should fire click on icon', function () {
+    var mockOnClick = jest.fn();
+
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
+      onClick: mockOnClick
+    })),
+        getByTestId = _render5.getByTestId;
+
+    _react2.fireEvent.click(getByTestId('icon'));
+
+    expect(mockOnClick).toHaveBeenCalled();
+  });
+  it('should hide component when visible is false', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
+      visible: false
+    })),
+        container = _render6.container;
+
+    expect(container.firstChild).not.toBeInTheDocument();
+  });
+  it('should render icon when use svgStruct', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
+      svgStruct: mockSvgStruct
+    })),
+        getByTestId = _render7.getByTestId;
+
+    expect(getByTestId('icon')).toHaveAttribute('viewBox', mockSvgStruct.viewbox);
+    expect(getByTestId('icon-path')).toHaveAttribute('d', mockSvgStruct.paths[0]);
+  });
+});