linear-react-components-ui 0.4.77-beta.20 → 0.4.77-beta.22

package/lib/assets/styles/treetable.scss

@@ -0,0 +1,155 @@
+@import "commons.scss";
+@import "colors.scss";
+@import "effects.scss";
+
+.table-container {
+  flex: 1;
+  overflow: auto;
+  margin-top: 1.5rem;
+}
+
+.table-content {
+  width: 100%;
+  height: auto;
+  border-collapse: collapse;
+  min-width: 600px;
+
+  padding: 2rem 2rem;
+
+  font-size: 1rem;
+
+  thead {
+    text-align: left;
+
+    th {
+      background-color: #23272f;
+      padding: 1rem;
+      text-align: left;
+      color: #f8f8f8;
+      font-size: 0.875rem;
+      line-height: 1.6;
+
+      &:first-child {
+        border-top-left-radius: 8px;
+        padding-left: 2.5rem;
+      }
+
+      &:last-child {
+        border-top-right-radius: 8px;
+        padding-right: 1.5rem;
+      }
+    }
+  }
+
+  tbody {
+    text-align: left;
+
+    td {
+      padding: 1rem;
+      border-top: 1px solid #8b8b8b;
+      border-bottom: 1px solid #8b8b8b;
+    }
+  }
+}
+
+// .button-expand-or-collapse-all {
+//   outline: 0;
+//   border: 0;
+
+//   padding: 1rem 2rem;
+
+//   font-size: 1rem;
+//   color: #f8f8f8;
+//   background-color: #23272f;
+
+//   border-radius: 6px;
+
+//   cursor: pointer;
+
+//   &:hover {
+//     filter: brightness(0.9);
+//     transition: filter 350ms;
+//   }
+
+//   &:focus {
+//     box-shadow: 0 0 0 2px #8b8b8b;
+//     transition: box-shadow 300ms;
+//   }
+// }
+
+.show-tr {
+  display: table-row;
+}
+
+.hidden-tr {
+  display: none;
+}
+
+.button-expand-tree {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+
+  gap: 0.875rem;
+}
+
+.text-first-column {
+  font-size: 1rem;
+  font-weight: 700;
+}
+
+.button-collapse {
+  width: 2rem;
+  height: 2rem;
+  font-size: 1.125rem;
+  outline: 0;
+  border: 0;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  background-color: transparent;
+  color: #8b8b8b;
+  padding: 8px;
+  border-radius: 4px;
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: background-color 300ms;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 2px #8b8b8b;
+    transition: box-shadow 300ms;
+  }
+}
+
+.button-expand {
+  width: 2rem;
+  height: 2rem;
+  font-size: 1.125rem;
+  outline: 0;
+  border: 0;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  background-color: transparent;
+  color: #8b8b8b;
+  padding: 8px;
+  border-radius: 4px;
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: background-color 300ms;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 2px #8b8b8b;
+    transition: box-shadow 300ms;
+  }
+}

package/lib/dialog/dialog.spec.js

@@ -65,7 +65,8 @@ var formDialog = function formDialog(props) {
       label: "Adicionar"
     }), /*#__PURE__*/_react["default"].createElement(_buttons.CancelButton, {
       label: "Cancelar"
-    })]
+    })],
+    content: /*#__PURE__*/_react["default"].createElement("p", null, "Modal Form Content")
   }, props), /*#__PURE__*/_react["default"].createElement("p", null, "Modal Form"));
 };
 
@@ -276,6 +277,12 @@ describe('Dialog', function () {
 
       expect(getByTestId(dialogTestId).querySelector('.footer')).not.toBeInTheDocument();
     });
+    it('should be content', function () {
+      var _render16 = (0, _react2.render)(formDialog()),
+          getByTestId = _render16.getByTestId;
+
+      expect(getByTestId(dialogTestId).querySelector('.dialog-content')).toHaveTextContent('Modal Form Content');
+    });
   });
   describe('Custom Dialog', function () {
     describe('Custom', function () {
@@ -293,41 +300,41 @@ describe('Dialog', function () {
       };
 
       it('should render correctly', function () {
-        var _render16 = (0, _react2.render)(defaultDialogCustom()),
-            getByTestId = _render16.getByTestId;
+        var _render17 = (0, _react2.render)(defaultDialogCustom()),
+            getByTestId = _render17.getByTestId;
 
         expect(getByTestId(dialogTestId)).toBeInTheDocument();
         expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Custom');
         expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Custom!');
       });
       it('should render icon', function () {
-        var _render17 = (0, _react2.render)(defaultDialogCustom()),
-            getByTestId = _render17.getByTestId;
+        var _render18 = (0, _react2.render)(defaultDialogCustom()),
+            getByTestId = _render18.getByTestId;
 
         expect(getByTestId(dialogTestId)).toContainElement(getByTestId('icon'));
       });
       it('should render buttons', function () {
-        var _render18 = (0, _react2.render)(defaultDialogCustom()),
-            getByTestId = _render18.getByTestId;
+        var _render19 = (0, _react2.render)(defaultDialogCustom()),
+            getByTestId = _render19.getByTestId;
 
         expect(getByTestId(dialogTestId).querySelectorAll('.button-component').length).toBe(1);
         expect(getByTestId(dialogTestId).querySelectorAll('.button-component')[0]).toHaveTextContent('Salvar');
       });
       it('should apply width', function () {
-        var _render19 = (0, _react2.render)(defaultDialogCustom({
+        var _render20 = (0, _react2.render)(defaultDialogCustom({
           width: '400px'
         })),
-            getByTestId = _render19.getByTestId;
+            getByTestId = _render20.getByTestId;
 
         expect(getByTestId(dialogTestId).querySelector('.dialog-alert-wrapper')).toHaveStyle({
           width: '400px'
         });
       });
       it('should apply height', function () {
-        var _render20 = (0, _react2.render)(defaultDialogCustom({
+        var _render21 = (0, _react2.render)(defaultDialogCustom({
           height: '400px'
         })),
-            getByTestId = _render20.getByTestId;
+            getByTestId = _render21.getByTestId;
 
         expect(getByTestId(dialogTestId).querySelector('.dialog-alert-wrapper')).toHaveStyle({
           height: '400px'
@@ -346,16 +353,16 @@ describe('Dialog', function () {
       };
 
       it('should render correctly', function () {
-        var _render21 = (0, _react2.render)(defaultDialogAlert()),
-            getByTestId = _render21.getByTestId;
+        var _render22 = (0, _react2.render)(defaultDialogAlert()),
+            getByTestId = _render22.getByTestId;
 
         expect(getByTestId(dialogTestId)).toBeInTheDocument();
         expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Alert');
         expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Alert!');
       });
       it('should fire event on confirm click', function () {
-        var _render22 = (0, _react2.render)(defaultDialogAlert()),
-            getByTestId = _render22.getByTestId;
+        var _render23 = (0, _react2.render)(defaultDialogAlert()),
+            getByTestId = _render23.getByTestId;
 
         _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
 
@@ -374,16 +381,16 @@ describe('Dialog', function () {
       };
 
       it('should render correctly', function () {
-        var _render23 = (0, _react2.render)(defaultDialogError()),
-            getByTestId = _render23.getByTestId;
+        var _render24 = (0, _react2.render)(defaultDialogError()),
+            getByTestId = _render24.getByTestId;
 
         expect(getByTestId(dialogTestId)).toBeInTheDocument();
         expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Error');
         expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Error!');
       });
       it('should fire event on confirm click', function () {
-        var _render24 = (0, _react2.render)(defaultDialogError()),
-            getByTestId = _render24.getByTestId;
+        var _render25 = (0, _react2.render)(defaultDialogError()),
+            getByTestId = _render25.getByTestId;
 
         _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
 
@@ -402,16 +409,16 @@ describe('Dialog', function () {
       };
 
       it('should render correctly', function () {
-        var _render25 = (0, _react2.render)(defaultDialogInformation()),
-            getByTestId = _render25.getByTestId;
+        var _render26 = (0, _react2.render)(defaultDialogInformation()),
+            getByTestId = _render26.getByTestId;
 
         expect(getByTestId(dialogTestId)).toBeInTheDocument();
         expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Information');
         expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Information!');
       });
       it('should fire event on confirm click', function () {
-        var _render26 = (0, _react2.render)(defaultDialogInformation()),
-            getByTestId = _render26.getByTestId;
+        var _render27 = (0, _react2.render)(defaultDialogInformation()),
+            getByTestId = _render27.getByTestId;
 
         _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
 
@@ -430,16 +437,16 @@ describe('Dialog', function () {
       };
 
       it('should render correctly', function () {
-        var _render27 = (0, _react2.render)(defaultDialogWarning()),
-            getByTestId = _render27.getByTestId;
+        var _render28 = (0, _react2.render)(defaultDialogWarning()),
+            getByTestId = _render28.getByTestId;
 
         expect(getByTestId(dialogTestId)).toBeInTheDocument();
         expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Warning');
         expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Warning!');
       });
       it('should fire event on confirm click', function () {
-        var _render28 = (0, _react2.render)(defaultDialogWarning()),
-            getByTestId = _render28.getByTestId;
+        var _render29 = (0, _react2.render)(defaultDialogWarning()),
+            getByTestId = _render29.getByTestId;
 
         _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
 
@@ -460,24 +467,24 @@ describe('Dialog', function () {
       };
 
       it('should render correctly', function () {
-        var _render29 = (0, _react2.render)(defaultDialogQuestion()),
-            getByTestId = _render29.getByTestId;
+        var _render30 = (0, _react2.render)(defaultDialogQuestion()),
+            getByTestId = _render30.getByTestId;
 
         expect(getByTestId(dialogTestId)).toBeInTheDocument();
         expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Question');
         expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Question!');
       });
       it('should fire event on confirm click', function () {
-        var _render30 = (0, _react2.render)(defaultDialogQuestion()),
-            getByTestId = _render30.getByTestId;
+        var _render31 = (0, _react2.render)(defaultDialogQuestion()),
+            getByTestId = _render31.getByTestId;
 
         _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-danger'));
 
         expect(mockOnConfirmClick).toBeCalledTimes(1);
       });
       it('should fire event on unconfirm click', function () {
-        var _render31 = (0, _react2.render)(defaultDialogQuestion()),
-            getByText = _render31.getByText;
+        var _render32 = (0, _react2.render)(defaultDialogQuestion()),
+            getByText = _render32.getByText;
 
         _react2.fireEvent.click(getByText('Não'));
 

package/lib/dialog/form/index.js

@@ -37,7 +37,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var ModalForm = function ModalForm(props) {
   var styleForContent = props.styleForContent,
-      isWaiting = props.isWaiting;
+      isWaiting = props.isWaiting,
+      content = props.content;
   var overlayStyle = isWaiting ? {
     opacity: 0.4,
     pointerEvent: 'none'
@@ -60,7 +61,7 @@ var ModalForm = function ModalForm(props) {
     className: "header-form"
   }, /*#__PURE__*/_react["default"].createElement(_Header["default"], props)), /*#__PURE__*/_react["default"].createElement(_Content["default"], {
     styleForContent: _extends({}, styleForContent, overlayStyle)
-  }, props.children), getSpinner(), props.showFooter && /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_index.ButtonContainer, _extends({}, props, {
+  }, content || props.children), getSpinner(), props.showFooter && /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_index.ButtonContainer, _extends({}, props, {
     style: _extends({}, overlayStyle)
   }), props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
@@ -85,7 +86,8 @@ ModalForm.propTypes = {
   showFooter: _propTypes["default"].bool,
   buttons: _propTypes["default"].any.isRequired,
   isWaiting: _propTypes["default"].bool,
-  handlerClose: _propTypes["default"].func
+  handlerClose: _propTypes["default"].func,
+  content: _propTypes["default"].any
 };
 ModalForm.defaultProps = {
   title: '',
@@ -94,7 +96,8 @@ ModalForm.defaultProps = {
   styleForContent: {},
   showFooter: true,
   isWaiting: false,
-  handlerClose: undefined
+  handlerClose: undefined,
+  content: undefined
 };
 
 var _default = (0, _withFormSecurity["default"])(ModalForm);

package/lib/drawer/Drawer.js

@@ -17,12 +17,16 @@ var _helpers = _interopRequireDefault(require("./helpers"));
 
 var _permissionValidations = require("../permissionValidations");
 
+var _ = require(".");
+
 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 _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); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -46,7 +50,10 @@ var BaseDrawer = function BaseDrawer(props) {
       overlay = props.overlay,
       handlerClose = props.handlerClose,
       permissionAttr = props.permissionAttr,
-      skeletonize = props.skeletonize;
+      skeletonize = props.skeletonize,
+      title = props.title,
+      customClassForDrawer = props.customClassForDrawer,
+      content = props.content;
   var drawerContainerEl = (0, _react.useRef)(document.createElement('div'));
   drawerContainerEl.current.className = 'drawercontainer';
   var drawerComponentEl = (0, _react.useRef)();
@@ -125,7 +132,9 @@ var BaseDrawer = function BaseDrawer(props) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       "data-testid": "drawercontent",
       className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
-    }, children)));
+    }, title && /*#__PURE__*/_react["default"].createElement(_.DrawerHeader, _extends({}, props, {
+      customClass: customClassForDrawer
+    })), content ? /*#__PURE__*/_react["default"].createElement(_.DrawerContent, null, content) : children)));
   };
 
   return /*#__PURE__*/_reactDom["default"].createPortal(drawerContent(), drawerContainerEl.current);
@@ -133,16 +142,21 @@ var BaseDrawer = function BaseDrawer(props) {
 
 BaseDrawer.propTypes = {
   overlay: _propTypes["default"].bool,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
+  children: _propTypes["default"].node,
   customClass: _propTypes["default"].string,
   customClassForContent: _propTypes["default"].string,
+  customClassForDrawer: _propTypes["default"].string,
   position: _propTypes["default"].string,
   style: _propTypes["default"].object,
   handlerClose: _propTypes["default"].func,
   closeOnEsc: _propTypes["default"].bool,
   targetId: _propTypes["default"].string,
   permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)]),
-  skeletonize: _propTypes["default"].bool
+  skeletonize: _propTypes["default"].bool,
+  title: _propTypes["default"].string,
+  subTitle: _propTypes["default"].string,
+  showCloseButton: _propTypes["default"].bool,
+  content: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].string])
 };
 BaseDrawer.defaultProps = {
   overlay: false,
@@ -150,11 +164,17 @@ BaseDrawer.defaultProps = {
   position: 'left',
   customClass: '',
   customClassForContent: '',
+  customClassForDrawer: '',
   handlerClose: undefined,
   closeOnEsc: false,
   targetId: undefined,
   permissionAttr: undefined,
-  skeletonize: false
+  skeletonize: false,
+  title: '',
+  subTitle: '',
+  showCloseButton: false,
+  content: null,
+  children: null
 };
 var _default = BaseDrawer;
 exports["default"] = _default;

package/lib/drawer/Drawer.spec.js

@@ -53,6 +53,20 @@ var drawerMock = function drawerMock(drawerProps, drawerHeaderProps) {
   }, "DrawerContent", /*#__PURE__*/_react["default"].createElement(_avatar["default"], null)));
 };
 
+var drawerRenderHeaderContentMock = function drawerRenderHeaderContentMock() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    position: "right",
+    title: "teste",
+    customClass: "customMockClass",
+    customClassForDrawer: "CustomForDrawerMockClass",
+    style: {
+      backgroundColor: '#FFF'
+    },
+    overlay: true,
+    content: "DrawerContent"
+  });
+};
+
 describe('Drawer', function () {
   describe('Drawer Container', function () {
     var DrawerTestId = 'drawercontainer-component';
@@ -75,7 +89,7 @@ describe('Drawer', function () {
 
       expect(getByTestId(DrawerTestId)).toHaveClass('customMockClass');
     });
-    it('should apply customClassContent', function () {
+    it('should apply customClassForContent', function () {
       var _render4 = (0, _react2.render)(drawerMock()),
           getByTestId = _render4.getByTestId;
 
@@ -147,81 +161,95 @@ describe('Drawer', function () {
 
       expect(getByAltText('imagem teste')).toBeInTheDocument();
     });
+    it('should apply title and renders DrawerHeader', function () {
+      var _render9 = (0, _react2.render)(drawerRenderHeaderContentMock({
+        title: 'teste'
+      })),
+          getByTestId = _render9.getByTestId;
+
+      expect(getByTestId('drawerheader')).toHaveClass('CustomForDrawerMockClass');
+    });
+    it('should render the drawer component with content', function () {
+      var _render10 = (0, _react2.render)(drawerRenderHeaderContentMock()),
+          getByTestId = _render10.getByTestId;
+
+      expect(getByTestId('drawercontent')).toHaveTextContent('DrawerContent');
+    });
     it('should render titleRightContent', function () {
-      var _render9 = (0, _react2.render)(drawerMock({}, {
+      var _render11 = (0, _react2.render)(drawerMock({}, {
         titleRightContent: mockImage
       })),
-          getByAltText = _render9.getByAltText;
+          getByAltText = _render11.getByAltText;
 
       expect(getByAltText('imagem teste')).toBeInTheDocument();
     });
     it('should render subtitle', function () {
-      var _render10 = (0, _react2.render)(DrawerHeaderMock),
-          getByText = _render10.getByText;
+      var _render12 = (0, _react2.render)(DrawerHeaderMock),
+          getByText = _render12.getByText;
 
       expect(getByText('Subtitle test')).toBeInTheDocument();
     });
     it('should render subTitleContent', function () {
-      var _render11 = (0, _react2.render)(drawerMock({}, {
+      var _render13 = (0, _react2.render)(drawerMock({}, {
         subTitleContent: mockImage
       })),
-          getByAltText = _render11.getByAltText;
+          getByAltText = _render13.getByAltText;
 
       expect(getByAltText('imagem teste')).toBeInTheDocument();
     });
     it('should render title icon', function () {
-      var _render12 = (0, _react2.render)(DrawerHeaderMock),
-          getByTestId = _render12.getByTestId;
+      var _render14 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render14.getByTestId;
 
       expect(getByTestId('icon-header')).toBeInTheDocument();
       expect(getByTestId('icon-header')).toHaveClass('icon-header');
     });
     it('should render icon', function () {
-      var _render13 = (0, _react2.render)(drawerMock({}, {
+      var _render15 = (0, _react2.render)(drawerMock({}, {
         icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
           name: "user"
         }),
         showCloseButton: true
       })),
-          getByTestId = _render13.getByTestId;
+          getByTestId = _render15.getByTestId;
 
       expect(getByTestId('icon-header')).toBeInTheDocument();
       expect(getByTestId('icon-header')).toHaveClass('icon-header');
     });
     it('should render close button', function () {
-      var _render14 = (0, _react2.render)(DrawerHeaderMock),
-          getByTestId = _render14.getByTestId;
+      var _render16 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render16.getByTestId;
 
       expect(getByTestId(CloseButtonTestId)).toBeInTheDocument();
       expect(getByTestId(CloseButtonTestId)).toHaveClass('closebutton');
     });
     it('should fire click in close button', function () {
-      var _render15 = (0, _react2.render)(DrawerHeaderMock),
-          getByTestId = _render15.getByTestId;
+      var _render17 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render17.getByTestId;
 
       _react2.fireEvent.click(getByTestId(CloseButtonTestId));
 
       expect(mockHandlerClose).toHaveBeenCalledTimes(1);
     });
     it('should apply customClass', function () {
-      var _render16 = (0, _react2.render)(DrawerHeaderMock),
-          getByTestId = _render16.getByTestId;
+      var _render18 = (0, _react2.render)(DrawerHeaderMock),
+          getByTestId = _render18.getByTestId;
 
       expect(getByTestId('drawerheader')).toHaveClass('customMockHeaderClass');
     });
   });
   describe('Drawer Content', function () {
     it('should DrawerContent renders correctly', function () {
-      var _render17 = (0, _react2.render)(drawerMock()),
-          getByText = _render17.getByText,
-          getByTestId = _render17.getByTestId;
+      var _render19 = (0, _react2.render)(drawerMock()),
+          getByText = _render19.getByText,
+          getByTestId = _render19.getByTestId;
 
       expect(getByText('DrawerContent')).toBeInTheDocument();
       expect(getByTestId('avatar')).toBeInTheDocument();
     });
     it('should apply inline style', function () {
-      var _render18 = (0, _react2.render)(drawerMock()),
-          getByText = _render18.getByText;
+      var _render20 = (0, _react2.render)(drawerMock()),
+          getByText = _render20.getByText;
 
       expect(getByText('DrawerContent')).toHaveStyle('background-color: #333; margin-top: 10px;');
     });
@@ -236,20 +264,20 @@ describe('Drawer', function () {
     it('should check permission', function () {
       defineStorageMock();
 
-      var _render19 = (0, _react2.render)(drawerMock({
+      var _render21 = (0, _react2.render)(drawerMock({
         permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('hideContent')
       })),
-          container = _render19.container;
+          container = _render21.container;
 
       expect(container.querySelector('.no-permission-component')).not.toBeInTheDocument();
     });
     it('should render non-permission', function () {
       defineStorageMock();
 
-      var _render20 = (0, _react2.render)(drawerMock({
+      var _render22 = (0, _react2.render)(drawerMock({
         permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('hideContent')
       })),
-          getByText = _render20.getByText;
+          getByText = _render22.getByText;
 
       expect(getByText('Acesso Negado')).toBeInTheDocument();
       expect(getByText('Você não tem permissão para acessar este conteúdo. Consulte o Administrador do sistema!')).toBeInTheDocument();

package/lib/form/helpers.js

@@ -38,10 +38,11 @@ var withFieldContext = /*#__PURE__*/_react["default"].createContext();
 
 exports.withFieldContext = withFieldContext;
 
-var changeValue = function changeValue(data, target) {
+var changeValue = function changeValue(newData, target) {
   var name = target.name,
       value = target.value;
-  return _lodash["default"].set(JSON.parse(JSON.stringify(data)), name, value);
+
+  _lodash["default"].set(newData, name, value);
 };
 
 exports.changeValue = changeValue;

package/lib/form/index.js

@@ -148,7 +148,10 @@ var Form = function Form(_ref) {
 
   var onFieldChange = function onFieldChange(event) {
     var target = event.target;
-    var newData = (0, _helpers.changeValue)(data, target);
+    (0, _helpers.changeValue)(dataSource, target);
+    (0, _helpers.changeValue)(data, target);
+
+    var newData = _extends({}, data);
 
     if (context && context.onChangedData) {
       var onChangedData = context.onChangedData;
@@ -296,13 +299,13 @@ Form.propTypes = {
   children: _propTypes["default"].any.isRequired,
   onSubmit: _propTypes["default"].func.isRequired,
   handlerSubmit: _propTypes["default"].func.isRequired,
-  onDataChange: _propTypes["default"].func.isRequired,
   handlerReset: _propTypes["default"].func,
   handlerValidates: _propTypes["default"].func,
   onValidateForm: _propTypes["default"].func,
   submitOnPressEnterKey: _propTypes["default"].bool,
   style: _propTypes["default"].object,
   customClass: _propTypes["default"].string,
+  onDataChange: _propTypes["default"].func,
   securityBeforeUnload: _propTypes["default"].bool,
   securityTitle: _propTypes["default"].string,
   securityText: _propTypes["default"].string,
@@ -317,6 +320,7 @@ Form.defaultProps = {
   handlerReset: undefined,
   handlerValidates: undefined,
   customClass: '',
+  onDataChange: undefined,
   securityBeforeUnload: false,
   securityTitle: null,
   securityText: null,

package/lib/menus/float/SubMenuContainer.js

@@ -0,0 +1,95 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icons = _interopRequireDefault(require("../../icons"));
+
+var _skeleton = _interopRequireWildcard(require("../../skeleton"));
+
+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; }
+
+var renderChildren = function renderChildren(skeletonize, skeletonQtty, children) {
+  if (skeletonize && skeletonQtty) {
+    var skeletons = Array.from({
+      length: skeletonQtty
+    }, function (_, i) {
+      return i + 1;
+    });
+    return /*#__PURE__*/_react["default"].createElement(_skeleton.SkeletonContainer, {
+      style: {
+        flexDirection: 'row',
+        flexFlow: 'row wrap'
+      }
+    }, skeletons.map(function (id) {
+      return /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
+        key: id,
+        height: 88,
+        width: 88,
+        style: {
+          flexGrow: 'unset',
+          marginBottom: 5
+        }
+      });
+    }));
+  }
+
+  return children;
+};
+
+var SubMenuContainer = function SubMenuContainer(_ref) {
+  var title = _ref.title,
+      customClass = _ref.customClass,
+      handlerGoBack = _ref.handlerGoBack,
+      skeletonize = _ref.skeletonize,
+      skeletonQtty = _ref.skeletonQtty,
+      children = _ref.children;
+  (0, _react.useEffect)(function () {
+    return function () {
+      handlerGoBack();
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "floatsubmenu ".concat(customClass)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "submenuheader"
+  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    onClick: handlerGoBack,
+    name: "arrowBack",
+    pointerEvents: "all",
+    style: {
+      cursor: 'pointer'
+    }
+  }), title && /*#__PURE__*/_react["default"].createElement("span", null, title)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "submenucontent"
+  }, renderChildren(skeletonize, skeletonQtty, children)));
+};
+
+SubMenuContainer.propTypes = {
+  children: _propTypes["default"].element.isRequired,
+  handlerGoBack: _propTypes["default"].func.isRequired,
+  title: _propTypes["default"].string,
+  customClass: _propTypes["default"].string,
+  skeletonize: _propTypes["default"].bool,
+  skeletonQtty: _propTypes["default"].number
+};
+SubMenuContainer.defaultProps = {
+  title: undefined,
+  customClass: undefined,
+  skeletonize: true,
+  skeletonQtty: 3
+};
+var _default = SubMenuContainer;
+exports["default"] = _default;

package/lib/treetable/helpers.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var generateTreeTableData = function generateTreeTableData(treeData) {
+  var nodeLength = 0;
+
+  var generateNewObjectAssignPerNode = function generateNewObjectAssignPerNode(children) {
+    var parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var rowLevel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+
+    if (children) {
+      return children.map(function (node) {
+        nodeLength += 1;
+        return Object.assign({}, node, {
+          rowID: nodeLength,
+          rowLevel: rowLevel,
+          parentRowID: parent,
+          visible: parent === 0,
+          expanded: false,
+          children: generateNewObjectAssignPerNode(node.children, nodeLength, rowLevel + 1)
+        });
+      });
+    }
+
+    return null;
+  };
+
+  return generateNewObjectAssignPerNode(treeData);
+};
+
+var _default = generateTreeTableData;
+exports["default"] = _default;

package/lib/treetable/index.js

@@ -0,0 +1,297 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttons = require("../buttons");
+
+var _table = _interopRequireWildcard(require("../table"));
+
+require("../assets/styles/treetable.scss");
+
+var _helpers = _interopRequireDefault(require("./helpers"));
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var TreeTable = function TreeTable(props) {
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      treeExpanded = _useState4[0],
+      setTreeExpanded = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    var objectArrayReturned = (0, _helpers["default"])(props.dataTable);
+    setData(objectArrayReturned);
+  }, [props.dataTable]);
+  var expandOrCollapseTreeTable = (0, _react.useCallback)(function (dataTree, selectedRowID, expandAll, collapseAll) {
+    var expandOrCollapse = function expandOrCollapse(children) {
+      var expand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : expandAll;
+      var collapse = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : collapseAll;
+      return children.map(function (node) {
+        var setExpanded = node.rowID === selectedRowID ? !node.expanded : node.expanded;
+        var setVisible = node.parentRowID === selectedRowID ? !node.visible : node.visible;
+
+        if (expand) {
+          setExpanded = true;
+          setVisible = true;
+        }
+
+        if (collapse) {
+          setExpanded = false;
+          setVisible = false;
+        } // if (node.parentRowID === selectedRowID && !setVisible) collapse = true;
+
+
+        return Object.assign({}, node, {
+          visible: setVisible,
+          expanded: setExpanded,
+          children: expandOrCollapse(node.children, expand, collapse)
+        });
+      });
+    };
+
+    return expandOrCollapse(dataTree);
+  }, []);
+
+  var rowExpandOrCollapse = function rowExpandOrCollapse(rowID) {
+    var treeExpandOrCollapse = expandOrCollapseTreeTable(data, rowID, false, false);
+    setData(treeExpandOrCollapse);
+  };
+
+  var expandOrCollapseAll = (0, _react.useCallback)(function () {
+    var isExpanded = !treeExpanded;
+
+    var newTreeNodeExpandOrCollapse = function newTreeNodeExpandOrCollapse(children) {
+      return children.map(function (node) {
+        var isVisible = node.rowLevel === 1 ? true : isExpanded;
+        return Object.assign({}, node, {
+          visible: isVisible,
+          expanded: isExpanded,
+          children: newTreeNodeExpandOrCollapse(node.children)
+        });
+      });
+    };
+
+    setTreeExpanded(isExpanded);
+    setData(newTreeNodeExpandOrCollapse(data));
+  }, [data, treeExpanded]);
+
+  var generateDataColumn = function generateDataColumn(row, key, dataField) {
+    if (row.children && row.children.length > 0) {
+      var iconCell = row.expanded ? /*#__PURE__*/_react["default"].createElement("button", {
+        "aria-label": "collapse-row",
+        type: "button",
+        className: "button-collapse",
+        onClick: function onClick() {
+          return rowExpandOrCollapse(row.rowID);
+        }
+      }, "\u25BC") : /*#__PURE__*/_react["default"].createElement("button", {
+        "aria-label": "expand-row",
+        type: "button",
+        className: "button-expand",
+        onClick: function onClick() {
+          return rowExpandOrCollapse(row.rowID);
+        }
+      }, "\u25BA");
+
+      if (props.tableColumns[0].isFixedWidth) {
+        return /*#__PURE__*/_react["default"].createElement(_table.Td, {
+          key: key,
+          style: {
+            width: "".concat(props.tableColumns[0].percentageWidth, "%")
+          }
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          className: "button-expand-tree",
+          style: {
+            marginLeft: "".concat(row.rowLevel, "rem")
+          }
+        }, iconCell, /*#__PURE__*/_react["default"].createElement("span", {
+          className: "text-first-column"
+        }, row.data[dataField])));
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_table.Td, {
+        key: key
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "button-expand-tree",
+        style: {
+          marginLeft: "".concat(row.rowLevel, "rem")
+        }
+      }, iconCell, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "text-first-column"
+      }, row.data[dataField])));
+    }
+
+    if (props.tableColumns[0].isFixedWidth) {
+      return /*#__PURE__*/_react["default"].createElement(_table.Td, {
+        key: key,
+        style: {
+          width: "".concat(props.tableColumns[0].percentageWidth, "%")
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "button-expand-tree",
+        style: {
+          marginLeft: "".concat(row.rowLevel, "rem")
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "text-first-column"
+      }, row.data[dataField])));
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_table.Td, {
+      key: key
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "button-expand-tree",
+      style: {
+        marginLeft: "".concat(row.rowLevel, "rem")
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "text-first-column"
+    }, row.data[dataField])));
+  };
+
+  var generateDataRow = function generateDataRow(row) {
+    var rowBody = [];
+    var mapPerCell = props.tableColumns.map(function (column, index) {
+      var outputCell = row.data[column.columnContent];
+      var keyCell = "".concat(row.parentRowID, "-").concat(row.rowID, "-").concat(index);
+
+      if (index === 0) {
+        return generateDataColumn(row, keyCell, column.columnContent);
+      }
+
+      if (column.isFixedWidth) {
+        return /*#__PURE__*/_react["default"].createElement(_table.Td, {
+          key: keyCell,
+          style: {
+            width: "".concat(column.percentageWidth, "%")
+          }
+        }, outputCell);
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_table.Td, {
+        key: keyCell
+      }, outputCell);
+    });
+    rowBody.push(mapPerCell);
+    return rowBody;
+  };
+
+  var generateTableHeader = function generateTableHeader() {
+    var tableHeader = [];
+
+    if (props.tableColumns) {
+      tableHeader.push(props.tableColumns.map(function (column) {
+        if (column.columnTitle) {
+          return /*#__PURE__*/_react["default"].createElement(_table.Th, {
+            key: column.columnTitle,
+            style: {
+              width: "".concat(column.percentageWidth, "%")
+            }
+          }, column.columnTitle);
+        }
+
+        return /*#__PURE__*/_react["default"].createElement(_table.Th, {
+          key: column.columnContent,
+          style: {
+            width: "".concat(column.percentageWidth, "%")
+          }
+        }, column.columnContent);
+      }));
+    }
+
+    return tableHeader;
+  };
+
+  var generateTableBody = function generateTableBody(dataBody) {
+    var tableBody = [];
+    dataBody.forEach(function (row) {
+      var cellRow = generateDataRow(row);
+      var keyRow = "".concat(row.parentRowID, "-").concat(row.rowID);
+      var isVisibleRow = row.visible ? 'show-tr' : 'hidden-tr';
+
+      var tr = /*#__PURE__*/_react["default"].createElement("tr", {
+        className: isVisibleRow,
+        key: keyRow
+      }, cellRow);
+
+      tableBody.push(tr);
+
+      if (row.children) {
+        tableBody.push.apply(tableBody, _toConsumableArray(generateTableBody(row.children)));
+      }
+    });
+    return tableBody;
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+    label: treeExpanded ? 'Recolher todos' : 'Expandir todos',
+    onClick: expandOrCollapseAll,
+    customClass: "button-expand-or-collapse-all",
+    visible: props.showButtonExpandedOrCollapseAll
+  }), /*#__PURE__*/_react["default"].createElement(_table["default"], {
+    className: "table-content"
+  }, /*#__PURE__*/_react["default"].createElement(_table.THeader, null, /*#__PURE__*/_react["default"].createElement(_table.TRow, null, generateTableHeader())), /*#__PURE__*/_react["default"].createElement(_table.TBody, null, generateTableBody(data))));
+};
+
+TreeTable.propTypes = {
+  dataTable: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    data: _propTypes["default"].object,
+    children: _propTypes["default"].arrayOf(_propTypes["default"].object)
+  })).isRequired,
+  tableColumns: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    // styles: PropTypes.object,
+    columnTitle: _propTypes["default"].string.isRequired,
+    columnContent: _propTypes["default"].string.isRequired,
+    isFixedWidth: _propTypes["default"].bool,
+    percentageWidth: _propTypes["default"].number
+  })),
+  showButtonExpandedOrCollapseAll: _propTypes["default"].bool
+};
+TreeTable.defaultProps = {
+  tableColumns: [{
+    // styles: {},
+    isFixedWidth: false,
+    percentageWidth: 0
+  }],
+  showButtonExpandedOrCollapseAll: false
+};
+var _default = TreeTable;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "0.4.77-beta.20",
+  "version": "0.4.77-beta.22",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "scripts": {
@@ -56,6 +56,7 @@
     "react-transition-group": "^4.3.0",
     "style-loader": "^0.23.1",
     "webpack": "^3.10.0",
+    "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^2.9.7"
   },
   "author": "Deivisson Bruno <deivisson.bruno@linearsistemas.com.br>",