linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/tabs/tabHelpers.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TabContext = void 0;
 exports.buildPanels = buildPanels;
+exports.default = void 0;
 exports.menuStyles = menuStyles;
 exports.numberAroundZeroAndOne = numberAroundZeroAndOne;
 exports.onDeniedOptions = void 0;
 exports.tabsClass = tabsClass;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _Panel = _interopRequireDefault(require("./Panel"));
 
 var _permissionValidations = require("../permissionValidations");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
  * Recursive funcion to get the panels passed as children elements to the Tabs Component.
@@ -26,8 +26,10 @@ function buildPanels(children) {
   var panels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   if (!Array.isArray(children)) return new Array(children);
   children.forEach(function (child) {
-    if (child.type === _Panel["default"]) {
-      if (!child.props.hidden) {
+    if (child.type === _Panel.default) {
+      var _child$props;
+
+      if (!((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.hidden)) {
         panels.push(child);
       }
     } else if (Array.isArray(child)) {
@@ -86,7 +88,6 @@ function numberAroundZeroAndOne(props, propName, componentName) {
 
 var onDeniedOptions = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
 exports.onDeniedOptions = onDeniedOptions;
-
-var TabContext = /*#__PURE__*/_react["default"].createContext();
-
-exports.TabContext = TabContext;
+var TabContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = TabContext;
+exports.default = _default;

package/lib/tabs/types.d.ts

@@ -0,0 +1,63 @@
+import { ReactElement, CSSProperties, ReactNode } from 'react';
+import { Size } from '../@types/Size.js';
+import { Position } from '../@types/Position.js';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+
+interface PanelTypeAndProps extends ReactElement {
+    props: PanelProps;
+}
+interface TabsContextValues {
+    selectedTabId?: string;
+    contentHeight?: number;
+}
+interface ITabsPros {
+    style?: CSSProperties;
+    toolbar?: ReactElement;
+    children?: ReactNode;
+    selectedTab?: string;
+    tabMenuSize?: Size;
+    tabMenuAlign?: Position;
+    firstTabIdent?: boolean;
+    tabMenuPosition?: Exclude<Position, 'center'>;
+    handlerTabClick?: (id?: string) => void;
+    handlerCloseTab?: (id?: string, idx?: string) => void;
+    customClassForToolBar?: string;
+    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;
+    currentPanels?: Array<PanelTypeAndProps>;
+    tabMenuSize?: Size;
+    handlerClick?: (id?: string) => void;
+    dropdownPanels?: Array<PanelTypeAndProps>;
+    handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
+}
+interface PanelProps {
+    id?: string;
+    icon?: ReactElement;
+    title?: string;
+    hidden?: boolean;
+    tooltip?: string;
+    disabled?: boolean;
+    closable?: boolean;
+    iconName?: string;
+    children?: ReactNode;
+    closeable?: boolean;
+    iconAlign?: Extract<Position, 'left' | 'right'>;
+    customClass?: string;
+    tooltipWidth?: string | number;
+    onEndReached?: () => void;
+    permissionAttr?: PermissionAttr;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    onEndReachedThreshold?: number;
+}
+
+export { ITabsPros, MenuProps, PanelProps, PanelTypeAndProps, TabsContextValues };

package/lib/tabs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/toolbar/ButtonBar.d.ts

@@ -0,0 +1,10 @@
+import { IButtonBarProps } from './types.js';
+import 'react';
+import '../@types/ButtonTypes.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../treeview/types.js';
+
+declare const ButtonBar: ({ size, icon, onClick, iconName, transparent, customClass, type, iconAlign, label, ...props }: IButtonBarProps) => JSX.Element;
+
+export { ButtonBar as default };

package/lib/toolbar/ButtonBar.js

@@ -1,63 +1,82 @@
 "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); }
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _buttons = _interopRequireWildcard(require("../buttons"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _excluded = ["size", "icon", "onClick", "iconName", "transparent", "customClass", "type", "iconAlign", "label"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _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 _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; }
 
-var ButtonBar = function ButtonBar(props) {
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+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);
+
+  var _useContext = (0, _react.useContext)(_helpers.default),
       skeletonize = _useContext.skeletonize;
 
   var getProps = function getProps() {
     return _extends({}, props, {
+      size: size,
+      icon: icon,
+      label: label,
+      onClick: onClick,
+      iconName: iconName,
+      iconAlign: iconAlign,
+      transparent: transparent,
       skeletonize: skeletonize,
       boxShadow: false,
-      customClass: "buttonbar ".concat(props.customClass)
+      customClass: "buttonbar ".concat(customClass)
     });
   };
 
   return {
-    "default": /*#__PURE__*/_react["default"].createElement(_buttons["default"], getProps()),
-    primary: /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, getProps()),
-    danger: /*#__PURE__*/_react["default"].createElement(_buttons.DangerButton, getProps()),
-    info: /*#__PURE__*/_react["default"].createElement(_buttons.InfoButton, getProps()),
-    success: /*#__PURE__*/_react["default"].createElement(_buttons.SuccessButton, getProps()),
-    warning: /*#__PURE__*/_react["default"].createElement(_buttons.WarningButton, getProps()),
-    add: /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, getProps()),
-    cancel: /*#__PURE__*/_react["default"].createElement(_buttons.CancelButton, getProps()),
-    destroy: /*#__PURE__*/_react["default"].createElement(_buttons.DestroyButton, getProps()),
-    edit: /*#__PURE__*/_react["default"].createElement(_buttons.EditButton, getProps()),
-    save: /*#__PURE__*/_react["default"].createElement(_buttons.SaveButton, getProps()),
-    activate: /*#__PURE__*/_react["default"].createElement(_buttons.ActivateButton, getProps()),
-    inactivate: /*#__PURE__*/_react["default"].createElement(_buttons.InactivateButton, getProps()),
-    restore: /*#__PURE__*/_react["default"].createElement(_buttons.RestoreButton, getProps())
-  }[props.type];
+    default: /*#__PURE__*/_react.default.createElement(_buttons.default, getProps()),
+    primary: /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, getProps()),
+    danger: /*#__PURE__*/_react.default.createElement(_buttons.DangerButton, getProps()),
+    info: /*#__PURE__*/_react.default.createElement(_buttons.InfoButton, getProps()),
+    success: /*#__PURE__*/_react.default.createElement(_buttons.SuccessButton, getProps()),
+    warning: /*#__PURE__*/_react.default.createElement(_buttons.WarningButton, getProps()),
+    add: /*#__PURE__*/_react.default.createElement(_buttons.AddButton, getProps()),
+    cancel: /*#__PURE__*/_react.default.createElement(_buttons.CancelButton, getProps()),
+    destroy: /*#__PURE__*/_react.default.createElement(_buttons.DestroyButton, getProps()),
+    edit: /*#__PURE__*/_react.default.createElement(_buttons.EditButton, getProps()),
+    save: /*#__PURE__*/_react.default.createElement(_buttons.SaveButton, getProps()),
+    activate: /*#__PURE__*/_react.default.createElement(_buttons.ActivateButton, getProps()),
+    inactivate: /*#__PURE__*/_react.default.createElement(_buttons.InactivateButton, getProps()),
+    restore: /*#__PURE__*/_react.default.createElement(_buttons.RestoreButton, getProps())
+  }[type];
 };
 
-ButtonBar.propTypes = {
-  type: _propTypes["default"].oneOf(['default', 'primary', 'danger', 'info', 'success', 'warning', 'add', 'cancel', 'destroy', 'edit', 'save', 'activate', 'inactivate', 'restore']).isRequired
-};
-ButtonBar.defaultProps = {
-  type: 'default'
-};
 var _default = ButtonBar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/toolbar/LabelBar.d.ts

@@ -0,0 +1,10 @@
+import { ILabelBarProps } from './types.js';
+import 'react';
+import '../@types/ButtonTypes.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../treeview/types.js';
+
+declare const LabelBar: ({ size, icon, children, iconName, style, type, bordered, ...props }: ILabelBarProps) => JSX.Element;
+
+export { LabelBar as default };

package/lib/toolbar/LabelBar.js

@@ -1,62 +1,75 @@
 "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); }
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _labels = _interopRequireWildcard(require("../labels"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _excluded = ["size", "icon", "children", "iconName", "style", "type", "bordered"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _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 _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; }
 
-var LabelBar = function LabelBar(props) {
-  var style = _extends({
+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);
+
+  var styles = _extends({
     lineHeight: 'unset',
     padding: '7px 10px 6px'
-  }, props.style);
+  }, style);
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       skeletonize = _useContext.skeletonize;
 
   var getProps = function getProps() {
     return _extends({}, props, {
+      size: size,
+      icon: icon,
+      children: children,
+      iconName: iconName,
+      style: styles,
+      bordered: bordered,
       skeletonize: skeletonize,
-      customClass: 'labelbar',
-      style: style
+      customClass: 'labelbar'
     });
   };
 
   return {
-    "default": /*#__PURE__*/_react["default"].createElement(_labels["default"], getProps()),
-    primary: /*#__PURE__*/_react["default"].createElement(_labels.PrimaryLabel, getProps()),
-    danger: /*#__PURE__*/_react["default"].createElement(_labels.DangerLabel, getProps()),
-    info: /*#__PURE__*/_react["default"].createElement(_labels.InfoLabel, getProps()),
-    success: /*#__PURE__*/_react["default"].createElement(_labels.SuccessLabel, getProps()),
-    warning: /*#__PURE__*/_react["default"].createElement(_labels.WarningLabel, getProps())
-  }[props.type];
+    default: /*#__PURE__*/_react.default.createElement(_labels.default, getProps()),
+    primary: /*#__PURE__*/_react.default.createElement(_labels.PrimaryLabel, getProps()),
+    danger: /*#__PURE__*/_react.default.createElement(_labels.DangerLabel, getProps()),
+    info: /*#__PURE__*/_react.default.createElement(_labels.InfoLabel, getProps()),
+    success: /*#__PURE__*/_react.default.createElement(_labels.SuccessLabel, getProps()),
+    warning: /*#__PURE__*/_react.default.createElement(_labels.WarningLabel, getProps())
+  }[type];
 };
 
-LabelBar.propTypes = {
-  type: _propTypes["default"].oneOf(['default', 'primary', 'danger', 'info', 'success', 'warning']).isRequired,
-  style: _propTypes["default"].object
-};
-LabelBar.defaultProps = {
-  type: 'default',
-  style: {}
-};
 var _default = LabelBar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/toolbar/Separator.d.ts

@@ -0,0 +1,3 @@
+declare const Separator: () => JSX.Element;
+
+export { Separator as default };

package/lib/toolbar/Separator.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Separator = function Separator() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "separator"
   });
 };
 
 var _default = Separator;
-exports["default"] = _default;
+exports.default = _default;

package/lib/toolbar/ToolBarGroup.d.ts

@@ -0,0 +1,10 @@
+import { IToolBarGroup } from './types.js';
+import 'react';
+import '../@types/ButtonTypes.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../treeview/types.js';
+
+declare const ToolBarGroup: ({ children, style }: IToolBarGroup) => JSX.Element;
+
+export { ToolBarGroup as default };

package/lib/toolbar/ToolBarGroup.js

@@ -3,27 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var ToolBarGroup = function ToolBarGroup(props) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
+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: props.style
-  }, props.children);
+    style: style
+  }, children);
 };
 
-ToolBarGroup.defaultProps = {
-  style: {}
-};
-ToolBarGroup.propTypes = {
-  style: _propTypes["default"].object,
-  children: _propTypes["default"].any.isRequired
-};
 var _default = ToolBarGroup;
-exports["default"] = _default;
+exports.default = _default;

package/lib/toolbar/helpers.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IToolbarProps } from './types.js';
+import '../@types/ButtonTypes.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../treeview/types.js';
+
+declare const ToolBarContext: React.Context<IToolbarProps>;
+
+export { ToolBarContext as default };

package/lib/toolbar/helpers.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = require("react");
 
-var ToolBarContext = /*#__PURE__*/(0, _react.createContext)();
+var ToolBarContext = /*#__PURE__*/(0, _react.createContext)({});
 var _default = ToolBarContext;
-exports["default"] = _default;
+exports.default = _default;

package/lib/toolbar/index.d.ts

@@ -0,0 +1,14 @@
+export { default as ToolBarGroup } from './ToolBarGroup.js';
+export { default as Separator } from './Separator.js';
+export { default as ButtonBar } from './ButtonBar.js';
+export { default as LabelBar } from './LabelBar.js';
+import { IToolbarProps } from './types.js';
+import 'react';
+import '../@types/ButtonTypes.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../treeview/types.js';
+
+declare const ToolBar: ({ innerRef, children, style, size, customClass, ...props }: IToolbarProps) => JSX.Element;
+
+export { ToolBar as default };

package/lib/toolbar/index.js

@@ -6,33 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ButtonBar", {
   enumerable: true,
   get: function get() {
-    return _ButtonBar["default"];
+    return _ButtonBar.default;
   }
 });
 Object.defineProperty(exports, "LabelBar", {
   enumerable: true,
   get: function get() {
-    return _LabelBar["default"];
+    return _LabelBar.default;
   }
 });
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
   get: function get() {
-    return _Separator["default"];
+    return _Separator.default;
   }
 });
 Object.defineProperty(exports, "ToolBarGroup", {
   enumerable: true,
   get: function get() {
-    return _ToolBarGroup["default"];
+    return _ToolBarGroup.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ToolBarGroup = _interopRequireDefault(require("./ToolBarGroup"));
 
 var _Separator = _interopRequireDefault(require("./Separator"));
@@ -45,42 +43,36 @@ require("../assets/styles/toolbar.scss");
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _excluded = ["innerRef", "children", "style", "size", "customClass"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-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 _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; }
 
-var ToolBar = function ToolBar(props) {
-  var size = props.size,
-      customClass = props.customClass,
-      style = props.style,
-      children = props.children,
-      innerRef = props.innerRef;
+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; }
+
+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);
 
   var contextValues = _extends({}, props);
 
-  return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: innerRef,
-    className: "toolbar-component ".concat(size && "".concat(size, "-bar"), " ").concat(customClass),
+    className: "toolbar-component ".concat(size ? "".concat(size, "-bar") : '', " ").concat(customClass),
     style: style
   }, children));
 };
 
-ToolBar.propTypes = {
-  size: _propTypes["default"].oneOf(['small', 'large']),
-  style: _propTypes["default"].object,
-  children: _propTypes["default"].any.isRequired,
-  customClass: _propTypes["default"].string,
-  innerRef: _propTypes["default"].func,
-  skeletonize: _propTypes["default"].bool
-};
-ToolBar.defaultProps = {
-  size: null,
-  style: {},
-  customClass: '',
-  innerRef: null,
-  skeletonize: false
-};
 var _default = ToolBar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/toolbar/types.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { ButtonTypes } from '../@types/ButtonTypes.js';
+import { Position } from '../@types/Position.js';
+import { Size } from '../@types/Size.js';
+import { NodeItem } from '../treeview/types.js';
+
+interface IToolbarProps {
+    children?: ReactNode;
+    customClass?: string;
+    skeletonize?: boolean;
+    innerRef?: () => void;
+    style?: CSSProperties;
+    size?: Extract<Size, 'small' | 'large'>;
+}
+interface IButtonBarProps {
+    label?: string;
+    iconName?: string;
+    type?: ButtonTypes;
+    icon?: ReactElement;
+    onClick?: () => void;
+    customClass?: string;
+    transparent?: boolean;
+    size?: Extract<Size, 'small' | 'large'>;
+    iconAlign?: Exclude<Position, 'top' | 'bottom'>;
+    validationKey?: string;
+    boxShadow?: boolean;
+    onNodeElementClick?: (node: NodeItem) => void;
+}
+interface ILabelBarProps {
+    iconName?: string;
+    bordered?: boolean;
+    icon?: ReactElement;
+    children?: ReactNode;
+    style?: CSSProperties;
+    size?: Extract<Size, 'small' | 'large'>;
+    type?: Extract<ButtonTypes, 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning'>;
+}
+interface IToolBarGroup {
+    style?: CSSProperties;
+    children: ReactNode;
+}
+
+export { IButtonBarProps, ILabelBarProps, IToolBarGroup, IToolbarProps };