linear-react-components-ui 0.4.77-beta.21 → 0.4.77-beta.23

package/.vscode/settings.json

@@ -6,6 +6,7 @@
     "scripts": true,
     "yarn.lock": true,
     ".eslintrc.js": true,
-    ".gitignore": true,
-  }
+    ".gitignore": true
+  },
+  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
 }

package/lib/alerts/AlertContainer.js

@@ -1,32 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var AlertContainer = /*#__PURE__*/function () {
   function AlertContainer(pushAlert) {
     var _this = this;
 
-    _classCallCheck(this, AlertContainer);
-
+    (0, _classCallCheck2["default"])(this, AlertContainer);
     Object.defineProperty(this, "info", {
       configurable: true,
       enumerable: true,
       writable: true,
       value: function value(message) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        var messageConfig = _extends({}, options, {
+        var messageConfig = (0, _extends2["default"])({}, options, {
           customClass: '-info',
           message: message,
           iconName: 'information',
@@ -42,8 +40,7 @@ var AlertContainer = /*#__PURE__*/function () {
       writable: true,
       value: function value(message) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        var messageConfig = _extends({}, options, {
+        var messageConfig = (0, _extends2["default"])({}, options, {
           customClass: '-danger',
           message: message,
           iconName: 'power',
@@ -59,8 +56,7 @@ var AlertContainer = /*#__PURE__*/function () {
       writable: true,
       value: function value(message) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        var messageConfig = _extends({}, options, {
+        var messageConfig = (0, _extends2["default"])({}, options, {
           customClass: '-warning',
           message: message,
           iconName: 'warning',
@@ -76,8 +72,7 @@ var AlertContainer = /*#__PURE__*/function () {
       writable: true,
       value: function value(message) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        var messageConfig = _extends({}, options, {
+        var messageConfig = (0, _extends2["default"])({}, options, {
           customClass: '-success',
           message: message,
           iconName: 'checkmark',
@@ -93,8 +88,7 @@ var AlertContainer = /*#__PURE__*/function () {
       writable: true,
       value: function value(message) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-        var messageConfig = _extends({}, options, {
+        var messageConfig = (0, _extends2["default"])({}, options, {
           message: message
         });
 
@@ -104,7 +98,7 @@ var AlertContainer = /*#__PURE__*/function () {
     this.pushAlert = pushAlert;
   }
 
-  _createClass(AlertContainer, [{
+  (0, _createClass2["default"])(AlertContainer, [{
     key: "default",
     value: function _default() {
       var messageConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -130,7 +124,6 @@ var AlertContainer = /*#__PURE__*/function () {
       }
     }
   }]);
-
   return AlertContainer;
 }();
 

package/lib/alerts/AlertProvider.js

@@ -1,12 +1,18 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
@@ -21,26 +27,10 @@ var _Message = _interopRequireDefault(require("./Message"));
 
 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 _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."); }
-
-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 == 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; }
-
 var AlertProvider = function AlertProvider(props) {
   var _useState = (0, _react.useState)({
     leftTop: [],
@@ -50,12 +40,12 @@ var AlertProvider = function AlertProvider(props) {
     centerTop: [],
     centerBottom: []
   }),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       messages = _useState2[0],
       setMessages = _useState2[1];
 
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       toggleRefreshComponent = _useState4[0],
       setToggleRefreshComponent = _useState4[1];
 
@@ -65,7 +55,7 @@ var AlertProvider = function AlertProvider(props) {
     messages[position] = messages[position].filter(function (message) {
       return message.id !== messageId;
     });
-    setMessages(_extends({}, messages));
+    setMessages((0, _extends2["default"])({}, messages));
   };
 
   var pushAlert = function pushAlert(params) {
@@ -79,7 +69,7 @@ var AlertProvider = function AlertProvider(props) {
 
   var buildAlertMessage = function buildAlertMessage(values) {
     return values.map(function (value) {
-      return /*#__PURE__*/_react["default"].createElement(_Message["default"], _extends({}, value, {
+      return /*#__PURE__*/_react["default"].createElement(_Message["default"], (0, _extends2["default"])({}, value, {
         handleClose: removeAlert,
         key: value.id
       }));

package/lib/alerts/BaseAlert.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = require("react");
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -13,20 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 require("../assets/styles/alerts.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 == 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; }
-
 var body = document.getElementsByTagName('body')[0];
 var alert = document.getElementById('alert');
 
@@ -34,7 +24,7 @@ var BaseAlert = function BaseAlert(_ref) {
   var children = _ref.children;
 
   var _useState = (0, _react.useState)(document.createElement('div')),
-      _useState2 = _slicedToArray(_useState, 1),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
       messageContainerEl = _useState2[0];
 
   messageContainerEl.className = 'messagecontainer';

package/lib/alerts/Message.js

@@ -1,6 +1,8 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,8 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _icons = _interopRequireDefault(require("./../icons"));
 
-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; }

package/lib/alerts/alert.spec.js

@@ -1,5 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 require("babel-polyfill");
@@ -12,16 +20,8 @@ var _Message = _interopRequireDefault(require("./Message"));
 
 var _icons = _interopRequireDefault(require("../icons"));
 
-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); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var mockAlert = function mockAlert(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Message["default"], _extends({
+  return /*#__PURE__*/_react["default"].createElement(_Message["default"], (0, _extends2["default"])({
     id: 3,
     message: "Alerta",
     position: "rightTop",
@@ -44,9 +44,9 @@ describe('Alert', function () {
       expect(container.firstChild).toBeTruthy();
       expect(container.firstChild).toHaveTextContent('Alerta');
     });
-    it('should close with timeout 500ms', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    it('should close with timeout 500ms', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var mockHandleClose;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:

package/lib/alerts/helpers.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,8 +9,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var AlertProviderContext = /*#__PURE__*/_react["default"].createContext();
 
 var _default = AlertProviderContext;

package/lib/alerts/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,5 @@ var _withAlert = _interopRequireDefault(require("./withAlert"));
 
 var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = _withAlert["default"];
 exports["default"] = _default;

package/lib/alerts/withAlert.js

@@ -1,30 +1,30 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var withAlert = function withAlert(WrapperComponent) {
   var GetAlert = function GetAlert(props) {
     var _useContext = (0, _react.useContext)(_helpers["default"]),
         alert = _useContext.alert;
 
-    return /*#__PURE__*/_react["default"].createElement(WrapperComponent, _extends({}, props, {
+    return /*#__PURE__*/_react["default"].createElement(WrapperComponent, (0, _extends2["default"])({}, props, {
       alert: alert
     }));
   };

package/lib/assets/styles/treetable.scss

@@ -0,0 +1,102 @@
+@import "commons.scss";
+@import "colors.scss";
+@import "effects.scss";
+
+.treetable-container {
+  width: 100%;
+  height: auto;
+
+  padding: 0px;
+  margin: 12px 0;
+}
+
+table {
+  tbody {
+    .open-close-children {
+      outline: 0;
+      border: 0;
+      display: flex;
+      align-items: center;
+
+      width: auto;
+      height: auto;
+
+      background-color: transparent;
+      border-radius: 4px;
+
+      font-size: 0px;
+
+      padding: 4px 4px 4px 0;
+
+      cursor: pointer;
+    }
+
+    .value-button {
+      margin-left: 6px;
+
+      &:hover {
+        text-decoration: underline;
+        cursor: pointer;
+      }
+    }
+
+    tr td.td-loading-childrens {
+      border-bottom: 1px solid $component-border-color-soft;
+    }
+
+    .td-loading-childrens-container {
+      width: 100%;
+      height: 35px;
+      display: flex;
+      align-items: center;
+      flex-direction: row;
+      justify-content: center;
+    }
+
+    .column-more-childrens {
+      width: auto;
+      max-height: 24px;
+
+      display: flex;
+      align-items: center;
+    }
+
+    .line-path-decoration::before {
+      content: "";
+      height: 34px;
+      position: relative;
+
+      right: 0.5rem;
+
+      border-left: 2px solid $component-border-color-soft;
+    }
+
+    span.children-row {
+      margin-left: 8px;
+    }
+
+    div.column-container {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+
+    span.container-toolbar-buttons {
+      width: 100%;
+      height: auto;
+
+      margin-right: 16px;
+    }
+
+    .row-toolbar {
+      width: 100%;
+      height: auto;
+      margin-left: 8px;
+
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+}

package/lib/avatar/avatar.spec.js

@@ -1,6 +1,12 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -20,12 +26,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 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); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 describe('Avatar', function () {
   it('should render correctly', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
@@ -124,10 +124,10 @@ describe('Avatar', function () {
 
     expect(container.firstChild).toHaveStyle('width: 56px; height:56px');
   });
-  it('should open dropdown and render chilren', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+  it('should open dropdown and render chilren', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
     var mockAvatar, _render11, container;
 
-    return regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:

package/lib/avatar/index.js

@@ -1,12 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,14 +21,10 @@ require("../assets/styles/avatar.scss");
 
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 
-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); }
-
 var getClass = function getClass(_ref) {
   var className = _ref.className,
       square = _ref.square,
@@ -79,7 +79,7 @@ var Avatar = function Avatar(props) {
       dropdownRef.current = r;
     },
     className: "".concat(getClass(props), " ").concat(customClass),
-    style: _extends({
+    style: (0, _extends2["default"])({
       width: "".concat(width),
       height: "".concat(height),
       backgroundColor: "".concat(color),

package/lib/badge/badge.spec.js

@@ -1,5 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@testing-library/react");
@@ -10,12 +14,8 @@ var _ = _interopRequireDefault(require("."));
 
 var _icons = _interopRequireDefault(require("../icons"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var mockBadge = function mockBadge(props) {
-  return /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
+  return /*#__PURE__*/_react["default"].createElement(_["default"], (0, _extends2["default"])({
     customClass: "mockBadge",
     customClassForBadge: "classforbadge",
     content: "10"

package/lib/badge/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 require("../assets/styles/badge.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Badge = function Badge(props) {
   var color = props.color,
       customClass = props.customClass,

package/lib/buttons/ActivateButton.js

@@ -1,20 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _DefaultButton = _interopRequireDefault(require("./DefaultButton"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var ActivateButton = function ActivateButton(props) {
-  return /*#__PURE__*/_react["default"].createElement(_DefaultButton["default"], _extends({}, props, {
+  return /*#__PURE__*/_react["default"].createElement(_DefaultButton["default"], (0, _extends2["default"])({}, props, {
     iconName: "undo"
   }));
 };