linear-react-components-ui 0.4.77-beta.2 → 0.4.77-beta.5

package/lib/treeview/treeview.spec.js

@@ -10,7 +10,7 @@ require("babel-polyfill");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -67,7 +67,7 @@ var dataMock = {
 };
 
 var treeviewRenderMock = function treeviewRenderMock(props) {
-  return /*#__PURE__*/_react2["default"].createElement(_["default"], _extends({
+  return /*#__PURE__*/_react2.default.createElement(_.default, _extends({
     data: dataMock,
     valuePropName: "id",
     labelPropName: "titulo",
@@ -96,15 +96,15 @@ describe('Treeview', function () {
       expect(queryByText(dataMock.itens[0].titulo)).not.toBeTruthy();
     });
     it('should open on click', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _render4, queryByText, getByRole;
+      var _render4, container, queryByText;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _render4 = (0, _react.render)(treeviewRenderMock()), queryByText = _render4.queryByText, getByRole = _render4.getByRole;
+              _render4 = (0, _react.render)(treeviewRenderMock()), container = _render4.container, queryByText = _render4.queryByText;
 
-              _react.fireEvent.click(getByRole('button'));
+              _react.fireEvent.click(container.querySelector('.treeviewitem .opencloseicon'));
 
               _context.next = 4;
               return (0, _react.waitFor)(function () {
@@ -123,15 +123,15 @@ describe('Treeview', function () {
       }, _callee);
     })));
     it('should open all layers', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var _render5, queryByText, getByRole, queryAllByRole;
+      var _render5, container, queryByText;
 
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              _render5 = (0, _react.render)(treeviewRenderMock()), queryByText = _render5.queryByText, getByRole = _render5.getByRole, queryAllByRole = _render5.queryAllByRole;
+              _render5 = (0, _react.render)(treeviewRenderMock()), container = _render5.container, queryByText = _render5.queryByText;
 
-              _react.fireEvent.click(getByRole('button'));
+              _react.fireEvent.click(container.querySelector('.treeviewitem .opencloseicon'));
 
               _context2.next = 4;
               return (0, _react.waitFor)(function () {
@@ -139,7 +139,7 @@ describe('Treeview', function () {
               });
 
             case 4:
-              _react.fireEvent.click(queryAllByRole('button')[1]);
+              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[1]);
 
               _context2.next = 7;
               return (0, _react.waitFor)(function () {
@@ -147,7 +147,7 @@ describe('Treeview', function () {
               });
 
             case 7:
-              _react.fireEvent.click(queryAllByRole('button')[2]);
+              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[2]);
 
               _context2.next = 10;
               return (0, _react.waitFor)(function () {
@@ -155,7 +155,7 @@ describe('Treeview', function () {
               });
 
             case 10:
-              _react.fireEvent.click(queryAllByRole('button')[3]);
+              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[3]);
 
               _context2.next = 13;
               return (0, _react.waitFor)(function () {
@@ -163,7 +163,7 @@ describe('Treeview', function () {
               });
 
             case 13:
-              _react.fireEvent.click(queryAllByRole('button')[4]);
+              _react.fireEvent.click(container.querySelectorAll('.treeviewitem .opencloseicon')[4]);
 
               _context2.next = 16;
               return (0, _react.waitFor)(function () {
@@ -216,7 +216,7 @@ describe('Treeview', function () {
       })),
           container = _render8.container;
 
-      expect(container.querySelector('input.checkbox-component')).toBeChecked();
+      expect(container.querySelector('.checkbox-component input[type=checkbox]')).toBeChecked();
     });
     it('should start checkbox unchecked', function () {
       var _render9 = (0, _react.render)(treeviewRenderMock({
@@ -224,7 +224,7 @@ describe('Treeview', function () {
       })),
           container = _render9.container;
 
-      expect(container.querySelector('input.checkbox-component')).not.toBeChecked();
+      expect(container.querySelector('.checkbox-component input[type=checkbox]')).not.toBeChecked();
     });
     it('should start nodes open', function () {
       var _render10 = (0, _react.render)(treeviewRenderMock({

package/lib/treeview_old/Header.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Header = function Header(props) {
   var title = props.title,
       customClass = props.customClass;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "treeviewheader ".concat(customClass)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "title"
   }, title));
 };
@@ -26,8 +26,8 @@ Header.defaultProps = {
   customClass: ''
 };
 Header.propTypes = {
-  title: _propTypes["default"].string,
-  customClass: _propTypes["default"].string
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string
 };
 var _default = Header;
-exports["default"] = _default;
+exports.default = _default;

package/lib/treeview_old/Node.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,11 +17,11 @@ var _icons = _interopRequireDefault(require("../icons"));
 
 require("../assets/styles/treeview.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -35,7 +35,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -79,24 +79,24 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       var span = '';
 
       if (node.itens.length > 0) {
-        span = /*#__PURE__*/_react["default"].createElement("span", {
+        span = /*#__PURE__*/_react.default.createElement("span", {
           onKeyPress: null,
           tabIndex: 0,
           role: "button",
           className: "opencloseicon",
           onClick: this.openCloseTree
-        }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_icons.default, {
           name: this.state.isVisible ? 'up' : 'down',
           size: 10
         }));
       }
 
-      return /*#__PURE__*/_react["default"].createElement("li", {
+      return /*#__PURE__*/_react.default.createElement("li", {
         className: "treeviewitem"
-      }, span, showCheckBox ? /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      }, span, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
         id: node.id,
         label: node.titulo
-      }) : node.titulo, /*#__PURE__*/_react["default"].createElement("ul", {
+      }) : node.titulo, /*#__PURE__*/_react.default.createElement("ul", {
         className: "nodelist"
       }, this.state.isVisible && this.props.children));
     }
@@ -110,10 +110,10 @@ TreeNode.defaultProps = {
   data: []
 };
 TreeNode.propTypes = {
-  showCheckBox: _propTypes["default"].bool,
-  data: _propTypes["default"].arrayOf(_propTypes["default"].element),
-  node: _propTypes["default"].object.isRequired,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired
+  showCheckBox: _propTypes.default.bool,
+  data: _propTypes.default.arrayOf(_propTypes.default.element),
+  node: _propTypes.default.object.isRequired,
+  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired
 };
 var _default = TreeNode;
-exports["default"] = _default;
+exports.default = _default;

package/lib/treeview_old/index.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
   get: function get() {
-    return _Node["default"];
+    return _Node.default;
   }
 });
 Object.defineProperty(exports, "TreeViewHeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -27,12 +27,12 @@ var _Header = _interopRequireDefault(require("./Header"));
 
 require("../assets/styles/treeview.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var TreeView = function TreeView(props) {
   var customClass = props.customClass,
       defaultBorder = props.defaultBorder;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("ul", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
     className: "treeview-component ".concat(customClass, " ").concat(defaultBorder && '-defaultborder')
   }, props.children));
 };
@@ -42,9 +42,9 @@ TreeView.defaultProps = {
   defaultBorder: true
 };
 TreeView.propTypes = {
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired,
-  customClass: _propTypes["default"].string,
-  defaultBorder: _propTypes["default"].bool
+  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
+  customClass: _propTypes.default.string,
+  defaultBorder: _propTypes.default.bool
 };
 var _default = TreeView;
-exports["default"] = _default;
+exports.default = _default;

package/lib/uitour/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.STEP_POSITIONS = exports.ARROW_HEIGHT = exports.ARROW_WIDTH = void 0;
+exports.STEP_POSITIONS = exports.ARROW_WIDTH = exports.ARROW_HEIGHT = void 0;
 var ARROW_WIDTH = 26;
 exports.ARROW_WIDTH = ARROW_WIDTH;
 var ARROW_HEIGHT = 20;

package/lib/uitour/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,11 +17,11 @@ require("../assets/styles/uitour.scss");
 
 var _helpers = require("./helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+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 _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); }
 
@@ -33,7 +33,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -201,16 +201,16 @@ var UiTour = function UiTour(props) {
     }
   }, [visible, data]);
   if (!showTour) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "uitour-component"
-  }, currentStep && /*#__PURE__*/_react["default"].createElement("div", {
+  }, currentStep && /*#__PURE__*/_react.default.createElement("div", {
     ref: stepRef,
     className: "step -".concat(stepPosition),
     key: currentStep.id,
     style: _extends({}, stepDimensions)
-  }, showCloseButton && /*#__PURE__*/_react["default"].createElement("div", {
+  }, showCloseButton && /*#__PURE__*/_react.default.createElement("div", {
     className: "closebutton"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     iconName: "cancel2",
     iconAlign: "center",
     size: "large",
@@ -220,30 +220,30 @@ var UiTour = function UiTour(props) {
       padding: 0
     },
     onClick: onCloseTour
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "content"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "number"
-  }, currentStep.number), /*#__PURE__*/_react["default"].createElement("div", {
+  }, currentStep.number), /*#__PURE__*/_react.default.createElement("div", {
     className: "about"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, currentStep.title), /*#__PURE__*/_react["default"].createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement("h3", null, currentStep.title), /*#__PURE__*/_react.default.createElement("p", {
     className: "description",
     ref: descriptionRef
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "footer"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     label: backButtonLabel,
     onClick: handleBackStep,
     disabled: !hasBackStep,
     visible: showBackButton,
     customClass: "back-button"
-  }), /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+  }), /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     label: nextButtonLabel,
     onClick: handleNextStep,
     disabled: !hasNextStep,
     visible: !isLastStep,
     customClass: "next-button"
-  }), /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+  }), /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     label: finishButtonLabel,
     visible: isLastStep,
     onClick: onCloseTour,
@@ -252,14 +252,14 @@ var UiTour = function UiTour(props) {
 };
 
 UiTour.propTypes = {
-  data: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  nextButtonLabel: _propTypes["default"].string.isRequired,
-  backButtonLabel: _propTypes["default"].string.isRequired,
-  finishButtonLabel: _propTypes["default"].string.isRequired,
-  showCloseButton: _propTypes["default"].bool,
-  showBackButton: _propTypes["default"].bool,
-  visible: _propTypes["default"].bool,
-  onFinish: _propTypes["default"].func
+  data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  nextButtonLabel: _propTypes.default.string.isRequired,
+  backButtonLabel: _propTypes.default.string.isRequired,
+  finishButtonLabel: _propTypes.default.string.isRequired,
+  showCloseButton: _propTypes.default.bool,
+  showBackButton: _propTypes.default.bool,
+  visible: _propTypes.default.bool,
+  onFinish: _propTypes.default.func
 };
 UiTour.defaultProps = {
   showCloseButton: true,
@@ -268,4 +268,4 @@ UiTour.defaultProps = {
   onFinish: undefined
 };
 var _default = UiTour;
-exports["default"] = _default;
+exports.default = _default;

package/lib/uitour/uitour.spec.js

@@ -14,7 +14,7 @@ var _ = _interopRequireDefault(require("."));
 
 var _helpers = require("./helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var data = [{
   id: '1',
@@ -36,14 +36,14 @@ var UiTourMock = function UiTourMock(_ref) {
       visible = _ref.visible,
       showCloseButton = _ref.showCloseButton,
       showBackButton = _ref.showBackButton;
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h1", {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", {
     style: {
       width: 100
     },
     id: "uitour-teste"
-  }, "Teste UiTour"), /*#__PURE__*/_react["default"].createElement("button", {
+  }, "Teste UiTour"), /*#__PURE__*/_react.default.createElement("button", {
     id: "uitour-button"
-  }, "Teste button"), /*#__PURE__*/_react["default"].createElement(_["default"], {
+  }, "Teste button"), /*#__PURE__*/_react.default.createElement(_.default, {
     data: data,
     backButtonLabel: backButtonLabel,
     nextButtonLabel: nextButtonLabel,
@@ -56,10 +56,10 @@ var UiTourMock = function UiTourMock(_ref) {
 };
 
 UiTourMock.propTypes = {
-  onFinish: _propTypes["default"].func,
-  visible: _propTypes["default"].bool,
-  showCloseButton: _propTypes["default"].bool,
-  showBackButton: _propTypes["default"].bool
+  onFinish: _propTypes.default.func,
+  visible: _propTypes.default.bool,
+  showCloseButton: _propTypes.default.bool,
+  showBackButton: _propTypes.default.bool
 };
 UiTourMock.defaultProps = {
   onFinish: undefined,
@@ -69,14 +69,14 @@ UiTourMock.defaultProps = {
 };
 describe('UiTour', function () {
   it('should render correctly', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         container = _render.container;
 
     var uitourComponent = container.querySelector('.uitour-component');
     expect(container.firstChild).toContainElement(uitourComponent);
   });
   it('should go to next step', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         container = _render2.container;
 
     var nextButton = container.querySelector('.next-button');
@@ -88,7 +88,7 @@ describe('UiTour', function () {
   it('should execute callback on finish and close', function () {
     var mockFinish = jest.fn();
 
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, {
       onFinish: mockFinish
     })),
         container = _render3.container;
@@ -105,7 +105,7 @@ describe('UiTour', function () {
     expect(container.querySelector('.uitour-component')).not.toBeInTheDocument();
   });
   it('should step render aside target position', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         container = _render4.container;
 
     var targetRect = container.querySelector('#uitour-teste');
@@ -115,19 +115,19 @@ describe('UiTour', function () {
     expect(stepDimensions.style.top).toBe("".concat(targetDimensions.top - _helpers.ARROW_HEIGHT, "px"));
   });
   it('should render with backButtonLabel', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         getByText = _render5.getByText;
 
     expect(getByText(backButtonLabel)).toBeInTheDocument();
   });
   it('should render with nextButtonLabel', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         getByText = _render6.getByText;
 
     expect(getByText(nextButtonLabel)).toBeInTheDocument();
   });
   it('should render with finishButtonLabel', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         container = _render7.container,
         getByText = _render7.getByText;
 
@@ -138,13 +138,13 @@ describe('UiTour', function () {
     expect(getByText(finishButtonLabel)).toBeInTheDocument();
   });
   it('should render close button', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         container = _render8.container;
 
-    expect(container.querySelector('.close-button')).toBeInTheDocument();
+    expect(container.querySelector('.closebutton')).toBeInTheDocument();
   });
   it('should not render close button', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, {
       showCloseButton: false
     })),
         container = _render9.container;
@@ -152,13 +152,13 @@ describe('UiTour', function () {
     expect(container.querySelector('.close-button')).not.toBeInTheDocument();
   });
   it('should render back button', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, null)),
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, null)),
         getByText = _render10.getByText;
 
     expect(getByText(backButtonLabel)).toBeInTheDocument();
   });
   it('should not render back button', function () {
-    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, {
       showBackButton: false
     })),
         container = _render11.container;
@@ -166,7 +166,7 @@ describe('UiTour', function () {
     expect(container.querySelector('.back-button')).not.toBeInTheDocument();
   });
   it('should not visible', function () {
-    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(UiTourMock, {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(UiTourMock, {
       visible: false
     })),
         container = _render12.container;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.77-beta.2",
+  "version": "0.4.77-beta.5",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "scripts": {
-    "lib": "babel src/lib/ -d lib/ && babel src/lib/assets -d lib/assets --copy-files",
+    "lib": "babel src/lib/ -d lib/ --extensions \".js,.jsx,.ts,.tsx\" && babel src/lib/assets -d lib/assets --copy-files",
     "lib:watch": "babel src/lib -w -d lib/ ",
-    "demo": "webpack-dev-server",
+    "demo": "node scripts/start.js",
     "demo:prod": "webpack -p",
-    "check:js": "./node_modules/.bin/eslint ./src/* --ext .js, --ext .jsx",
+    "check:js": "./node_modules/.bin/eslint ./src/* --ext=.jsx,.js,.tsx,.ts",
     "deploy:heroku": "npm run demo:prod && cd demo && git commit -am 'Deploy' && git push heroku master",
     "publish:npm": "npm run lib && npm publish",
     "publish:npm:beta": "npm run lib && npm publish --tag beta",
@@ -32,21 +32,30 @@
     "@babel/plugin-proposal-object-rest-spread": "7.0.0-beta.36",
     "@babel/preset-env": "^7.0.0-beta.36",
     "@babel/preset-react": "^7.0.0-beta.36",
+    "@babel/preset-typescript": "^7.16.7",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
+    "@types/lodash": "^4.14.182",
+    "@types/node": "^17.0.31",
+    "@types/react": "^18.0.9",
+    "@types/react-dev-utils": "^9.0.10",
+    "@typescript-eslint/eslint-plugin": "^5.23.0",
+    "@typescript-eslint/parser": "^5.23.0",
     "babel-eslint": "^7.2.3",
     "babel-jest": "^27.0.5",
     "babel-loader": "^8.0.0-beta.0",
     "babel-polyfill": "^6.26.0",
     "css-loader": "^0.28.8",
-    "eslint": "4.18.0",
+    "eslint": "^8.15.0",
     "eslint-config-airbnb": "16.1.0",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-import-resolver-typescript": "^2.7.1",
     "eslint-plugin-class-property": "1.1.0",
-    "eslint-plugin-import": "2.8.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "6.0.3",
     "eslint-plugin-react": "7.5.1",
     "file-loader": "^1.1.6",
-    "html-webpack-plugin": "^2.30.1",
+    "html-webpack-plugin": "^5.5.0",
     "husky": "^6.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.5",
@@ -55,8 +64,7 @@
     "react-router-dom": "^5.1.2",
     "react-transition-group": "^4.3.0",
     "style-loader": "^0.23.1",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "^2.9.7"
+    "typescript": "^4.6.4"
   },
   "author": "Deivisson Bruno <deivisson.bruno@linearsistemas.com.br>",
   "homepage": "",
@@ -66,6 +74,7 @@
   },
   "dependencies": {
     "attach-dom-events": "^1.0.0",
+    "browserslist": "^4.18.1",
     "history": "^5.0.0",
     "imask": "^3.1.1",
     "init": "^0.1.2",
@@ -73,8 +82,25 @@
     "moment": "^2.29.1",
     "node-sass": "^4.13.0",
     "prop-types": "^15.7.2",
+    "react-dev-utils": "^12.0.0",
     "react-syntax-highlighter": "^6.1.1",
     "sass-loader": "^7.3.1",
-    "uuid": "^3.3.3"
+    "semver": "^7.3.5",
+    "uuid": "^3.3.3",
+    "webpack": "^5.64.4",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-manifest-plugin": "^4.0.2"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }