linear-react-components-ui 0.4.77-beta.9 → 1.0.0-rc.2

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 };

package/lib/toolbar/types.js

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

package/lib/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { ITooltipProps } from './types.js';
+
+declare const Tooltip: ({ text, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React__default.ReactPortal;
+
+export { Tooltip as default };

package/lib/tooltip/index.js

@@ -1,88 +1,79 @@
 "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 _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
 require("../assets/styles/tooltip.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Tooltip = function Tooltip(props) {
-  var className = props.className,
-      tooltipDimensions = props.tooltipDimensions,
-      handlerSetDimensions = props.handlerSetDimensions,
-      style = props.style,
-      text = props.text,
-      tooltipRef = props.tooltipRef;
+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,
+      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.id = "tooltip-".concat(_uuid.default.v1());
     tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
     tooltipComponent.current.dataset.testid = 'tooltip-component';
-    tooltipComponent.current.style = style;
+    tooltipComponent.current.style.cssText = style;
     document.body.appendChild(tooltipComponent.current);
     var tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
-    var width = tooltipEl.offsetWidth;
+    var widthDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetWidth;
+    var heightDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetHeight;
 
-    if (tooltipDimensions.width) {
-      width = tooltipDimensions.width;
+    if (tooltipDimensions && tooltipDimensions.width) {
+      widthDimension = tooltipDimensions.width;
     }
 
-    var height = tooltipEl.offsetHeight;
     handlerSetDimensions({
-      width: width,
-      height: height
-    });
-    if (tooltipRef) tooltipRef.current = tooltipEl;
+      width: widthDimension,
+      height: Number(heightDimension)
+    }); // eslint-disable-next-line no-param-reassign
+
+    if (tooltipRef) {
+      tooltipRef.current = tooltipEl;
+    }
+
     return function () {
-      return document.body.removeChild(tooltipComponent.current);
+      document.body.removeChild(tooltipComponent.current);
     };
   }, []);
   (0, _react.useEffect)(function () {
     tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
   }, [className]);
   (0, _react.useEffect)(function () {
-    tooltipComponent.current.style = style;
+    tooltipComponent.current.style.cssText = style;
   }, [style]);
 
   var getTooltipContent = function getTooltipContent() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "tooltipcontent"
     }, text);
   };
 
-  return /*#__PURE__*/_reactDom["default"].createPortal(getTooltipContent(), tooltipComponent.current);
+  return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
 };
 
-Tooltip.propTypes = {
-  text: _propTypes["default"].string,
-  style: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  handlerSetDimensions: _propTypes["default"].func,
-  tooltipRef: _propTypes["default"].object
-};
-Tooltip.defaultProps = {
-  text: undefined,
-  className: 'bottom',
-  style: '',
-  handlerSetDimensions: undefined,
-  tooltipRef: null
-};
 var _default = Tooltip;
-exports["default"] = _default;
+exports.default = _default;

package/lib/tooltip/types.d.ts

@@ -0,0 +1,16 @@
+import { MutableRefObject } from 'react';
+
+declare type Dimensions = {
+    width: number | string;
+    height: number;
+};
+interface ITooltipProps {
+    text?: string;
+    style?: string;
+    className?: string;
+    tooltipRef?: MutableRefObject<HTMLElement | null>;
+    handlerSetDimensions?: ({ width, height }: Dimensions) => void;
+    tooltipDimensions?: Dimensions;
+}
+
+export { ITooltipProps };

package/lib/tooltip/types.js

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

package/lib/treeview/Header.d.ts

@@ -0,0 +1,7 @@
+import { ITreeHeaderProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const Header: (props: ITreeHeaderProps) => JSX.Element;
+
+export { Header as default };

package/lib/treeview/Header.js

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

package/lib/treeview/Node.d.ts

@@ -0,0 +1,7 @@
+import { ITreeNodeProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const TreeNode: (props: ITreeNodeProps) => JSX.Element;
+
+export { TreeNode as default };