linear-react-components-ui 1.0.5 → 1.0.6

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

@@ -563,6 +563,14 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    moneyListCash: {
+        viewbox: string;
+        paths: string[];
+    };
+    moneyDocuments: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -568,6 +568,14 @@ 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']
   }
 };
 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]);
+  });
+});