linear-react-components-ui 1.0.11-beta.2 → 1.0.11-beta.3

package/lib/gridlayout/gridLayout.spec.js

@@ -0,0 +1,142 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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 ? Object.assign.bind() : 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

@@ -591,6 +591,14 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    videoCamFill: {
+        viewbox: string;
+        paths: string[];
+    };
+    videoCamOutline: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -596,6 +596,14 @@ var _default = {
   download: {
     viewbox: '0 0 16 16',
     paths: ['M12.5 6h-3.5v-4h-2v4h-3.5l4.5 4zM11.611 8.322l-0.525 0.462c1.746 0.35 2.914 0.987 2.914 1.716 0 1.105-2.686 2-6 2s-6-0.895-6-2c0-0.728 1.168-1.366 2.914-1.716l-0.525-0.462c-2.604 0.495-4.389 1.508-4.389 2.678 0 1.657 3.582 3 8 3s8-1.343 8-3c0-1.17-1.785-2.183-4.389-2.678z']
+  },
+  videoCamFill: {
+    viewbox: '0 0 16 16',
+    paths: ['M15.294 4.004c-0.165 0-0.335 0.058-0.491 0.168l-2.803 1.978v-1.651c0-0.825-0.675-1.5-1.5-1.5h-9c-0.825 0-1.5 0.675-1.5 1.5v7c0 0.825 0.675 1.5 1.5 1.5h9c0.825 0 1.5-0.675 1.5-1.5v-1.65l2.803 1.978c0.156 0.11 0.326 0.168 0.491 0.168 0 0 0 0 0 0 0.22 0 0.421-0.101 0.551-0.278 0.101-0.137 0.154-0.313 0.154-0.51v-6.415c-0-0.518-0.355-0.788-0.706-0.788zM4 11v-6l5 3-5 3z']
+  },
+  videoCamOutline: {
+    viewbox: '0 0 16 16',
+    paths: ['M15.294 4.004c-0.165 0-0.335 0.058-0.491 0.168l-2.803 1.978v-1.651c0-0.825-0.675-1.5-1.5-1.5h-9c-0.825 0-1.5 0.675-1.5 1.5v7c0 0.825 0.675 1.5 1.5 1.5h9c0.825 0 1.5-0.675 1.5-1.5v-1.65l2.803 1.978c0.156 0.11 0.326 0.168 0.491 0.168 0 0 0 0 0 0 0.22 0 0.421-0.101 0.551-0.278 0.101-0.137 0.154-0.313 0.154-0.51v-6.415c-0-0.518-0.355-0.788-0.706-0.788zM15 10.743l-2.469-1.743h-1.531v2.5c0 0.271-0.229 0.5-0.5 0.5h-9c-0.271 0-0.5-0.229-0.5-0.5v-7c0-0.271 0.229-0.5 0.5-0.5h9c0.271 0 0.5 0.229 0.5 0.5v2.5h1.531l2.469-1.743v5.486z', 'M4 5l5 3-5 3z']
   }
 };
 exports.default = _default;

package/lib/icons/icons.spec.js

@@ -0,0 +1,70 @@
+"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 ? Object.assign.bind() : 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]);
+  });
+});