linear-react-components-ui 1.1.13 → 1.1.14-beta.0

package/lib/tabs/types.d.ts

@@ -1,79 +1,47 @@
-import { RefObject, CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, CSSProperties, ReactNode } from 'react';
 import { Size } from '../@types/Size.js';
 import { Position } from '../@types/Position.js';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { IconNames } from '../@types/Icon.js';
 import '../icons/helper.js';
 
-type TabsContextType = {
-    tabs: TabProps[];
-    menuTabs: TabProps[];
-    dropdownTabs: TabProps[];
-    selectedTabId: string | number | null;
-    selectTab: (tabId: string | number) => void;
-    updateTabs: (tabId: string | number) => void;
-    removeTab: (tabId: string | number) => void;
-    containerWidth: number;
-    tabsCount: number;
-    menuRef: RefObject<HTMLUListElement>;
-};
-interface TabsProviderProps {
-    children: React.ReactNode;
-    tabs: React.ReactNode;
-    container: RefObject<HTMLDivElement>;
-    tabsWidth: number | string;
-    selectedTab?: string | number | null;
-    onTabChange?: (tabId: string | number) => void;
-    onTabClose?: (tabId: string) => void;
-    firstTabIdent?: boolean;
+interface PanelTypeAndProps extends ReactElement {
+    props: PanelProps;
+}
+interface TabsContextValues {
+    selectedTabId?: string;
+    contentHeight?: number;
 }
 interface ITabsPros {
     style?: CSSProperties;
     toolbar?: ReactElement;
-    toolBarRef?: (value: HTMLDivElement | null) => void;
     children?: ReactNode;
-    selectedTab?: string | number;
+    selectedTab?: string;
     tabMenuSize?: Size;
     tabMenuAlign?: Position;
     firstTabIdent?: boolean;
     tabMenuPosition?: Exclude<Position, 'center'>;
-    handlerTabClick?: (id?: string | number) => void;
+    handlerTabClick?: (id?: string) => void;
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
-    tabsWidth?: string | number;
-}
-interface TabProps {
-    id: string | number;
-    title: string;
-    iconAlign?: Extract<Position, 'left' | 'right'>;
-    iconName?: IconNames;
-    icon?: ReactElement;
-    disabled?: boolean;
-    permissionAttr?: PermissionAttr;
-    tabWidth?: string | number;
-    tabMenuSize?: Size;
-    tabMenuAlign?: Position;
-    tooltip?: string;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    closeable?: boolean;
-    tabsLength?: number;
+    tabsWidthOnExceedCount?: number;
 }
 interface MenuProps {
     toolbar?: ReactElement;
     customClass?: string;
     customClassForToolBar?: string;
+    menuRef?: (value: HTMLDivElement | null) => void;
+    toolBarRef?: (value: HTMLDivElement | null) => void;
     tabWidth?: string | number;
     tabMenuAlign?: Position;
     selectedTabId?: string;
     firstTabIdent?: boolean;
-    tabs?: TabProps[];
+    currentPanels?: Array<PanelTypeAndProps>;
     tabMenuSize?: Size;
     handlerClick?: (id?: string) => void;
+    dropdownPanels?: Array<PanelTypeAndProps>;
     handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
 }
-interface DropdownProps extends MenuProps {
-}
 interface PanelProps {
     id?: string;
     icon?: ReactElement;
@@ -92,7 +60,6 @@ interface PanelProps {
     permissionAttr?: PermissionAttr;
     tooltipPosition?: Exclude<Position, 'center'>;
     onEndReachedThreshold?: number;
-    style?: CSSProperties;
 }
 
-export { DropdownProps, ITabsPros, MenuProps, PanelProps, TabProps, TabsContextType, TabsProviderProps };
+export { ITabsPros, MenuProps, PanelProps, PanelTypeAndProps, TabsContextValues };

package/lib/toolbar/ButtonBar.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,45 +8,47 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _buttons = _interopRequireWildcard(require("../buttons"));
 var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["size", "icon", "onClick", "iconName", "transparent", "customClass", "type", "iconAlign", "label"];
+var _excluded = ["size", "icon", "onClick", "iconName", "transparent", "customClass", "type", "iconAlign", "label"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const ButtonBar = _ref => {
-  let {
-      size,
-      icon,
-      onClick,
-      iconName,
-      transparent,
-      customClass,
-      type = 'default',
-      iconAlign = 'left',
-      label = ''
-    } = _ref,
+var ButtonBar = function ButtonBar(_ref) {
+  var size = _ref.size,
+    icon = _ref.icon,
+    onClick = _ref.onClick,
+    iconName = _ref.iconName,
+    transparent = _ref.transparent,
+    customClass = _ref.customClass,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$iconAlign = _ref.iconAlign,
+    iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
     props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    skeletonize
-  } = (0, _react.useContext)(_helpers.default);
-  const getProps = () => _objectSpread(_objectSpread({}, props), {}, {
-    size,
-    icon,
-    label,
-    onClick,
-    iconName,
-    iconAlign,
-    transparent,
-    skeletonize,
-    boxShadow: false,
-    customClass: "buttonbar ".concat(customClass)
-  });
+  var _useContext = (0, _react.useContext)(_helpers.default),
+    skeletonize = _useContext.skeletonize;
+  var getProps = function getProps() {
+    return _objectSpread(_objectSpread({}, props), {}, {
+      size: size,
+      icon: icon,
+      label: label,
+      onClick: onClick,
+      iconName: iconName,
+      iconAlign: iconAlign,
+      transparent: transparent,
+      skeletonize: skeletonize,
+      boxShadow: false,
+      customClass: "buttonbar ".concat(customClass)
+    });
+  };
   return {
     default: /*#__PURE__*/_react.default.createElement(_buttons.default, getProps()),
     primary: /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, getProps()),
@@ -63,4 +66,5 @@ const ButtonBar = _ref => {
     restore: /*#__PURE__*/_react.default.createElement(_buttons.RestoreButton, getProps())
   }[type];
 };
-var _default = exports.default = ButtonBar;
+var _default = ButtonBar;
+exports.default = _default;

package/lib/toolbar/LabelBar.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,45 +8,47 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _labels = _interopRequireWildcard(require("../labels"));
 var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["size", "icon", "children", "iconName", "style", "type", "bordered"];
+var _excluded = ["size", "icon", "children", "iconName", "style", "type", "bordered"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const LabelBar = _ref => {
-  let {
-      size,
-      icon,
-      children,
-      iconName,
-      style = {},
-      type = 'default',
-      bordered = false
-    } = _ref,
+var LabelBar = function LabelBar(_ref) {
+  var size = _ref.size,
+    icon = _ref.icon,
+    children = _ref.children,
+    iconName = _ref.iconName,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
     props = _objectWithoutProperties(_ref, _excluded);
-  const styles = _objectSpread({
+  var styles = _objectSpread({
     lineHeight: 'unset',
     padding: '7px 10px 6px'
   }, style);
-  const {
-    skeletonize
-  } = (0, _react.useContext)(_helpers.default);
-  const getProps = () => _objectSpread(_objectSpread({}, props), {}, {
-    size,
-    icon,
-    children,
-    iconName,
-    style: styles,
-    bordered,
-    skeletonize,
-    customClass: 'labelbar'
-  });
+  var _useContext = (0, _react.useContext)(_helpers.default),
+    skeletonize = _useContext.skeletonize;
+  var getProps = function getProps() {
+    return _objectSpread(_objectSpread({}, props), {}, {
+      size: size,
+      icon: icon,
+      children: children,
+      iconName: iconName,
+      style: styles,
+      bordered: bordered,
+      skeletonize: skeletonize,
+      customClass: 'labelbar'
+    });
+  };
   return {
     default: /*#__PURE__*/_react.default.createElement(_labels.default, getProps()),
     primary: /*#__PURE__*/_react.default.createElement(_labels.PrimaryLabel, getProps()),
@@ -55,4 +58,5 @@ const LabelBar = _ref => {
     warning: /*#__PURE__*/_react.default.createElement(_labels.WarningLabel, getProps())
   }[type];
 };
-var _default = exports.default = LabelBar;
+var _default = LabelBar;
+exports.default = _default;

package/lib/toolbar/Separator.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Separator = () => /*#__PURE__*/_react.default.createElement("div", {
-  className: "separator"
-});
-var _default = exports.default = Separator;
+var Separator = function Separator() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "separator"
+  });
+};
+var _default = Separator;
+exports.default = _default;

package/lib/toolbar/ToolBarGroup.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ToolBarGroup = _ref => {
-  let {
-    children,
-    style = {}
-  } = _ref;
+var ToolBarGroup = function ToolBarGroup(_ref) {
+  var children = _ref.children,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "toolbar-group",
     style: style
   }, children);
 };
-var _default = exports.default = ToolBarGroup;
+var _default = ToolBarGroup;
+exports.default = _default;

package/lib/toolbar/helpers.js

@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-const ToolBarContext = /*#__PURE__*/(0, _react.createContext)({});
-var _default = exports.default = ToolBarContext;
+var ToolBarContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = ToolBarContext;
+exports.default = _default;

package/lib/toolbar/index.js

@@ -1,29 +1,30 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ButtonBar", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ButtonBar.default;
   }
 });
 Object.defineProperty(exports, "LabelBar", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _LabelBar.default;
   }
 });
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Separator.default;
   }
 });
 Object.defineProperty(exports, "ToolBarGroup", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ToolBarGroup.default;
   }
 });
@@ -35,25 +36,25 @@ var _ButtonBar = _interopRequireDefault(require("./ButtonBar"));
 var _LabelBar = _interopRequireDefault(require("./LabelBar"));
 require("../assets/styles/toolbar.scss");
 var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["innerRef", "children", "style", "size", "customClass"];
+var _excluded = ["innerRef", "children", "style", "size", "customClass"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const ToolBar = _ref => {
-  let {
-      innerRef,
-      children,
-      style = {},
-      size,
-      customClass = ''
-    } = _ref,
+var ToolBar = function ToolBar(_ref) {
+  var innerRef = _ref.innerRef,
+    children = _ref.children,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    size = _ref.size,
+    _ref$customClass = _ref.customClass,
+    customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
     props = _objectWithoutProperties(_ref, _excluded);
-  const contextValues = _objectSpread({}, props);
+  var contextValues = _objectSpread({}, props);
   return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -62,4 +63,5 @@ const ToolBar = _ref => {
     style: style
   }, children));
 };
-var _default = exports.default = ToolBar;
+var _default = ToolBar;
+exports.default = _default;

package/lib/toolbar/types.d.ts

@@ -26,7 +26,6 @@ interface IButtonBarProps {
     iconAlign?: Exclude<Position, 'top' | 'bottom'>;
     validationKey?: string;
     boxShadow?: boolean;
-    id?: string;
     onNodeElementClick?: (node: NodeItem) => void;
 }
 interface ILabelBarProps {

package/lib/tooltip/index.js

@@ -1,36 +1,38 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var uuid = _interopRequireWildcard(require("uuid"));
+var _uuid = _interopRequireDefault(require("uuid"));
 require("../assets/styles/tooltip.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Tooltip = _ref => {
-  let {
-    text,
-    textError,
-    tooltipRef,
-    style = '',
-    tooltipDimensions,
-    className = 'bottom',
-    handlerSetDimensions = () => {}
-  } = _ref;
-  const tooltipComponent = (0, _react.useRef)(document.createElement('div'));
-  (0, _react.useEffect)(() => {
-    tooltipComponent.current.id = "tooltip-".concat(uuid.v1());
+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 Tooltip = function Tooltip(_ref) {
+  var text = _ref.text,
+    textError = _ref.textError,
+    tooltipRef = _ref.tooltipRef,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? '' : _ref$style,
+    tooltipDimensions = _ref.tooltipDimensions,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? 'bottom' : _ref$className,
+    _ref$handlerSetDimens = _ref.handlerSetDimensions,
+    handlerSetDimensions = _ref$handlerSetDimens === void 0 ? function () {} : _ref$handlerSetDimens;
+  var tooltipComponent = (0, _react.useRef)(document.createElement('div'));
+  (0, _react.useEffect)(function () {
+    tooltipComponent.current.id = "tooltip-".concat(_uuid.default.v1());
     tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
     tooltipComponent.current.dataset.testid = 'tooltip-component';
     tooltipComponent.current.style.cssText = style;
     document.body.appendChild(tooltipComponent.current);
-    const tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
-    let widthDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetWidth;
-    const heightDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetHeight;
+    var tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
+    var widthDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetWidth;
+    var heightDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetHeight;
     if (tooltipDimensions && tooltipDimensions.width) {
       widthDimension = tooltipDimensions.width;
     }
@@ -42,22 +44,25 @@ const Tooltip = _ref => {
     if (tooltipRef) {
       tooltipRef.current = tooltipEl;
     }
-    return () => {
+    return function () {
       document.body.removeChild(tooltipComponent.current);
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
   }, [className]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     tooltipComponent.current.style.cssText = style;
   }, [style]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     tooltipComponent.current.className = textError ? "tooltip-error tooltip-component ".concat(className) : "tooltip-component ".concat(className);
   }, [textError]);
-  const getTooltipContent = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: "tooltipcontent"
-  }, textError || text);
+  var getTooltipContent = function getTooltipContent() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "tooltipcontent"
+    }, textError || text);
+  };
   return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
 };
-var _default = exports.default = Tooltip;
+var _default = Tooltip;
+exports.default = _default;