@eccenca/gui-elements 6.1.0 → 22.0.0-rc.6

package/dist/components/TextField/SearchField.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { TextFieldProps } from "./TextField";
+import { TestableComponent } from "../../components/interfaces";
+interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder | hasStatePrimary | hasStateSuccess | hasStateWarning | hasStateDanger | fullWidth"> {
+    /**
+    * Placeholder text for search box.
+    */
+    emptySearchInputMessage?: string;
+    /**
+    * Event handler to reset search input.
+    * If set then `rightElement` is automatically set with an action button to trigger the handler.
+    */
+    onClearanceHandler?: () => void;
+    /**
+    * Tooltip to show for the clear button.
+    */
+    onClearanceText?: string;
+}
+/**
+ * Special `TextField` element for search term inputs.
+ */
+declare function SearchField({ className, emptySearchInputMessage, onClearanceHandler, onClearanceText, leftIcon, ...otherProps }: SearchFieldProps): JSX.Element;
+export default SearchField;

package/dist/components/TextField/SearchField.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+var _IconButton = _interopRequireDefault(require("../Icon/IconButton"));
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+var _TextField = _interopRequireDefault(require("./TextField"));
+
+/**
+ * Special `TextField` element for search term inputs.
+ */
+function SearchField({
+  className = "",
+  emptySearchInputMessage = "Enter search term",
+  onClearanceHandler,
+  onClearanceText = "Clear input",
+  leftIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "operation-search"
+  }),
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_TextField.default, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-textfield--searchinput` + (onClearanceHandler ? ` ${_constants.CLASSPREFIX}-textfield--justifyclearance` : "") + (className ? ` ${className}` : ""),
+    dir: "auto",
+    placeholder: emptySearchInputMessage,
+    "aria-label": emptySearchInputMessage,
+    rightElement: onClearanceHandler && otherProps.value ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      "data-test-id": otherProps["data-test-id"] && `${otherProps["data-test-id"]}-clear-btn`,
+      name: "operation-clear",
+      text: onClearanceText ? onClearanceText : "Clear current search term",
+      onClick: onClearanceHandler
+    }) : undefined
+  }, otherProps, {
+    type: "search",
+    leftIcon: leftIcon,
+    round: true
+  }));
+}
+
+var _default = SearchField;
+exports.default = _default;

package/dist/components/TextField/SearchField.jsx

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import IconButton from "../Icon/IconButton";
+import Icon from "../Icon/Icon";
+import TextField from "./TextField";
+/**
+ * Special `TextField` element for search term inputs.
+ */
+function SearchField(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.emptySearchInputMessage, emptySearchInputMessage = _c === void 0 ? "Enter search term" : _c, onClearanceHandler = _a.onClearanceHandler, _d = _a.onClearanceText, onClearanceText = _d === void 0 ? "Clear input" : _d, _e = _a.leftIcon, leftIcon = _e === void 0 ? <Icon name="operation-search"/> : _e, otherProps = __rest(_a, ["className", "emptySearchInputMessage", "onClearanceHandler", "onClearanceText", "leftIcon"]);
+    return (<TextField className={eccgui + "-textfield--searchinput" +
+            (onClearanceHandler ? " " + eccgui + "-textfield--justifyclearance" : "") +
+            (className ? " " + className : "")} dir={"auto"} placeholder={emptySearchInputMessage} aria-label={emptySearchInputMessage} rightElement={onClearanceHandler && otherProps.value ? (<IconButton data-test-id={otherProps["data-test-id"] &&
+                otherProps["data-test-id"] + "-clear-btn"} name="operation-clear" text={onClearanceText ? onClearanceText : "Clear current search term"} onClick={onClearanceHandler}/>) : undefined} {...otherProps} type={"search"} leftIcon={leftIcon} round={true}/>);
+}
+export default SearchField;

package/dist/components/TextField/TextArea.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { TextAreaProps as BlueprintTextAreaProps } from "@blueprintjs/core";
+interface TextAreaProps extends Partial<BlueprintTextAreaProps> {
+    /**
+     * when set to true the input takes a blue border color
+     */
+    hasStatePrimary?: boolean;
+    /**
+     * when set to true the input takes a green border color
+     */
+    hasStateSuccess?: boolean;
+    /**
+     * when set to true the input takes an orange border color
+     */
+    hasStateWarning?: boolean;
+    /**
+     * when set to true the input takes a red border color
+     */
+    hasStateDanger?: boolean;
+}
+declare function TextArea({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, rows, ...otherProps }: TextAreaProps): JSX.Element;
+export default TextArea;

package/dist/components/TextField/TextArea.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _constants = require("../../configuration/constants");
+
+function TextArea({
+  className = "",
+  hasStatePrimary = false,
+  hasStateSuccess = false,
+  hasStateWarning = false,
+  hasStateDanger = false,
+  rows = 5,
+  ...otherProps
+}) {
+  let intent;
+
+  switch (true) {
+    case hasStatePrimary:
+      intent = _core.Intent.PRIMARY;
+      break;
+
+    case hasStateSuccess:
+      intent = _core.Intent.SUCCESS;
+      break;
+
+    case hasStateWarning:
+      intent = _core.Intent.WARNING;
+      break;
+
+    case hasStateDanger:
+      intent = _core.Intent.DANGER;
+      break;
+
+    default:
+      break;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_core.TextArea, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-textarea ` + className,
+    intent: intent,
+    rows: rows ? rows : undefined
+  }, otherProps, {
+    dir: "auto"
+  }));
+}
+
+var _default = TextArea;
+exports.default = _default;

package/dist/components/TextField/TextArea.jsx

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { TextArea as BlueprintTextArea, Intent as BlueprintIntent, } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function TextArea(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.hasStatePrimary, hasStatePrimary = _c === void 0 ? false : _c, _d = _a.hasStateSuccess, hasStateSuccess = _d === void 0 ? false : _d, _e = _a.hasStateWarning, hasStateWarning = _e === void 0 ? false : _e, _f = _a.hasStateDanger, hasStateDanger = _f === void 0 ? false : _f, _g = _a.rows, rows = _g === void 0 ? 5 : _g, otherProps = __rest(_a, ["className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "rows"]);
+    var intent;
+    switch (true) {
+        case hasStatePrimary:
+            intent = BlueprintIntent.PRIMARY;
+            break;
+        case hasStateSuccess:
+            intent = BlueprintIntent.SUCCESS;
+            break;
+        case hasStateWarning:
+            intent = BlueprintIntent.WARNING;
+            break;
+        case hasStateDanger:
+            intent = BlueprintIntent.DANGER;
+            break;
+        default:
+            break;
+    }
+    return (<BlueprintTextArea className={eccgui + "-textarea " + className} intent={intent} rows={rows ? rows : undefined} {...otherProps} dir={"auto"}/>);
+}
+export default TextArea;

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { MaybeElement, HTMLInputProps, InputGroupProps } from "@blueprintjs/core";
+import { ValidIconName } from "../Icon/canonicalIconNames";
+export interface TextFieldProps extends Partial<Omit<InputGroupProps, "intent" | "leftIcon"> & HTMLInputProps> {
+    /**
+    * The input element is displayed with primary color scheme.
+    */
+    hasStatePrimary?: boolean;
+    /**
+    * The input element is displayed with success (some type of green) color scheme.
+    */
+    hasStateSuccess?: boolean;
+    /**
+    * The input element is displayed with warning (some type of orange) color scheme.
+    */
+    hasStateWarning?: boolean;
+    /**
+    * The input element is displayed with danger (some type of red) color scheme.
+    */
+    hasStateDanger?: boolean;
+    /**
+     * The input element uses the full horizontal width of the parent container.
+     */
+    fullWidth?: boolean;
+    /**
+     * Left aligned icon, can be a canonical icon name or an `Icon` element.
+     */
+    leftIcon?: ValidIconName | MaybeElement;
+}
+/**
+  * Text input field.
+  */
+declare function TextField({ className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, fullWidth, leftIcon, ...otherProps }: TextFieldProps): JSX.Element;
+export default TextField;

package/dist/components/TextField/TextField.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+var _constants = require("../../configuration/constants");
+
+/**
+  * Text input field.
+  */
+function TextField({
+  className = "",
+  hasStatePrimary = false,
+  hasStateSuccess = false,
+  hasStateWarning = false,
+  hasStateDanger = false,
+  fullWidth = true,
+  leftIcon,
+  ...otherProps
+}) {
+  let intent;
+
+  switch (true) {
+    case hasStatePrimary:
+      intent = _core.Intent.PRIMARY;
+      break;
+
+    case hasStateSuccess:
+      intent = _core.Intent.SUCCESS;
+      break;
+
+    case hasStateWarning:
+      intent = _core.Intent.WARNING;
+      break;
+
+    case hasStateDanger:
+      intent = _core.Intent.DANGER;
+      break;
+
+    default:
+      break;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_core.InputGroup, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-textfield ` + className,
+    intent: intent,
+    fill: fullWidth
+  }, otherProps, {
+    leftIcon: leftIcon != null && leftIcon !== false ? typeof leftIcon === "string" ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: leftIcon,
+      className: _core.Classes.ICON,
+      intent: intent
+    }) : /*#__PURE__*/_react.default.createElement("span", {
+      className: _core.Classes.ICON
+    }, leftIcon) : undefined,
+    dir: "auto"
+  }));
+}
+
+var _default = TextField;
+exports.default = _default;

package/dist/components/TextField/TextField.jsx

@@ -0,0 +1,40 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { InputGroup as BlueprintInputGroup, Classes as BlueprintClassNames, Intent as BlueprintIntent, } from "@blueprintjs/core";
+import Icon from "../Icon/Icon";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/**
+  * Text input field.
+  */
+function TextField(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.hasStatePrimary, hasStatePrimary = _c === void 0 ? false : _c, _d = _a.hasStateSuccess, hasStateSuccess = _d === void 0 ? false : _d, _e = _a.hasStateWarning, hasStateWarning = _e === void 0 ? false : _e, _f = _a.hasStateDanger, hasStateDanger = _f === void 0 ? false : _f, _g = _a.fullWidth, fullWidth = _g === void 0 ? true : _g, leftIcon = _a.leftIcon, otherProps = __rest(_a, ["className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "fullWidth", "leftIcon"]);
+    var intent;
+    switch (true) {
+        case hasStatePrimary:
+            intent = BlueprintIntent.PRIMARY;
+            break;
+        case hasStateSuccess:
+            intent = BlueprintIntent.SUCCESS;
+            break;
+        case hasStateWarning:
+            intent = BlueprintIntent.WARNING;
+            break;
+        case hasStateDanger:
+            intent = BlueprintIntent.DANGER;
+            break;
+        default:
+            break;
+    }
+    return (<BlueprintInputGroup className={eccgui + "-textfield " + className} intent={intent} fill={fullWidth} {...otherProps} leftIcon={leftIcon != null && leftIcon !== false ? (typeof leftIcon === "string" ? (<Icon name={leftIcon} className={BlueprintClassNames.ICON} intent={intent}/>) : (<span className={BlueprintClassNames.ICON}>{leftIcon}</span>)) : undefined} dir={"auto"}/>);
+}
+export default TextField;

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface ToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Allow sections to break up into multiple lines when there is not enough space available.
+     * Only makes sense for horizontal toolbars.
+     */
+    noWrap?: boolean;
+    /**
+     * Toolbar displays vertically like a column.
+     * Can be used for toolbars in sidebars.
+     */
+    verticalStack?: boolean;
+}
+/**
+ * Element to group user-interaction elements.
+ */
+declare function Toolbar({ children, className, noWrap, verticalStack, ...restProps }: ToolbarProps): JSX.Element;
+export default Toolbar;

package/dist/components/Toolbar/Toolbar.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+/**
+ * Element to group user-interaction elements.
+ */
+function Toolbar({
+  children,
+  className = '',
+  noWrap = false,
+  verticalStack = false,
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-toolbar ` + (noWrap ? ` ${_constants.CLASSPREFIX}-toolbar--nowrap` : '') + (verticalStack ? ` ${_constants.CLASSPREFIX}-toolbar--vertical` : '') + (className ? ' ' + className : '')
+  }), children);
+}
+
+var _default = Toolbar;
+exports.default = _default;

package/dist/components/Toolbar/Toolbar.jsx

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/**
+ * Element to group user-interaction elements.
+ */
+function Toolbar(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.noWrap, noWrap = _c === void 0 ? false : _c, _d = _a.verticalStack, verticalStack = _d === void 0 ? false : _d, restProps = __rest(_a, ["children", "className", "noWrap", "verticalStack"]);
+    return (<div {...restProps} className={eccgui + "-toolbar " +
+            (noWrap ? " " + eccgui + "-toolbar--nowrap" : '') +
+            (verticalStack ? " " + eccgui + "-toolbar--vertical" : '') +
+            (className ? ' ' + className : '')}>
+            {children}
+        </div>);
+}
+export default Toolbar;

package/dist/components/Toolbar/ToolbarSection.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface ToolbarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+    * Is allowed to allocate more space than necessary to show all children.
+    */
+    canGrow?: boolean;
+    /**
+    * Allow element to get shrinked if there is not enough space to show all content.
+    * This only makes sense if it contains children that are elastic in its size.
+    */
+    canShrink?: boolean;
+    /**
+    * Hides content that overflows available space.
+    */
+    hideOverflow?: boolean;
+}
+/**
+ * Provides element to group toolbar elements together.
+ * It can be configured how dynamic it is displayed regarding provided space inside the `Toolbar` parent.
+ */
+declare function ToolbarSection({ children, className, canGrow, canShrink, hideOverflow, ...otherProps }: ToolbarSectionProps): JSX.Element;
+export default ToolbarSection;

package/dist/components/Toolbar/ToolbarSection.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+/**
+ * Provides element to group toolbar elements together.
+ * It can be configured how dynamic it is displayed regarding provided space inside the `Toolbar` parent.
+ */
+function ToolbarSection({
+  children,
+  className = '',
+  canGrow = false,
+  canShrink = false,
+  hideOverflow = false,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-toolbar__section` + (canGrow ? ` ${_constants.CLASSPREFIX}-toolbar__section--cangrow` : '') + (canShrink ? ` ${_constants.CLASSPREFIX}-toolbar__section--canshrink` : '') + (hideOverflow ? ` ${_constants.CLASSPREFIX}-toolbar__section--overflowhidden` : '') + (className ? ' ' + className : '')
+  }), children);
+}
+
+var _default = ToolbarSection;
+exports.default = _default;

package/dist/components/Toolbar/ToolbarSection.jsx

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/**
+ * Provides element to group toolbar elements together.
+ * It can be configured how dynamic it is displayed regarding provided space inside the `Toolbar` parent.
+ */
+function ToolbarSection(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.canGrow, canGrow = _c === void 0 ? false : _c, _d = _a.canShrink, canShrink = _d === void 0 ? false : _d, _e = _a.hideOverflow, hideOverflow = _e === void 0 ? false : _e, otherProps = __rest(_a, ["children", "className", "canGrow", "canShrink", "hideOverflow"]);
+    return (<div {...otherProps} className={eccgui + "-toolbar__section" +
+            (canGrow ? " " + eccgui + "-toolbar__section--cangrow" : '') +
+            (canShrink ? " " + eccgui + "-toolbar__section--canshrink" : '') +
+            (hideOverflow ? " " + eccgui + "-toolbar__section--overflowhidden" : '') +
+            (className ? ' ' + className : '')}>
+            {children}
+        </div>);
+}
+export default ToolbarSection;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { TooltipProps as BlueprintTooltipProps } from "@blueprintjs/core";
+export interface TooltipProps {
+    className?: string;
+    addIndicator?: boolean;
+    /** Blueprint specific tooltip props */
+    tooltipProps?: Partial<BlueprintTooltipProps>;
+    /** The content that is displayed when hovering over the tooltip area. */
+    content: JSX.Element | string;
+    /** The size specifies the dimension the element can maximal grow. */
+    size?: "small" | "medium" | "large";
+    children: React.ReactNode | React.ReactNode[];
+    /** @deprecated Use tooltipProps for Blueprint specific props or add concrete properties in all other cases. */
+    [key: string]: any;
+}
+declare function Tooltip({ children, content, className, size, addIndicator, tooltipProps, ...otherProps }: TooltipProps): JSX.Element;
+export default Tooltip;

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _constants = require("../../configuration/constants");
+
+function Tooltip({
+  children,
+  content,
+  className = "",
+  size = "medium",
+  addIndicator = false,
+  tooltipProps = {},
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_core.Tooltip, (0, _extends2.default)({
+    lazy: true,
+    hoverOpenDelay: 500
+  }, otherProps, {
+    content: content
+  }, tooltipProps, {
+    className: `${_constants.CLASSPREFIX}-tooltip__wrapper` + (className ? " " + className : "") + (addIndicator === true ? " " + _core.Classes.TOOLTIP_INDICATOR : ""),
+    targetClassName: `${_constants.CLASSPREFIX}-tooltip__target` + (className ? " " + className + "__target" : ""),
+    popoverClassName: `${_constants.CLASSPREFIX}-tooltip__content` + ` ${_constants.CLASSPREFIX}-tooltip--${size}` + (className ? " " + className + "__content" : "")
+  }), children);
+}
+
+var _default = Tooltip;
+exports.default = _default;

package/dist/components/Tooltip/Tooltip.jsx

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Classes as BlueprintClassNames, Tooltip as BlueprintTooltip } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function Tooltip(_a) {
+    var children = _a.children, content = _a.content, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.addIndicator, addIndicator = _d === void 0 ? false : _d, _e = _a.tooltipProps, tooltipProps = _e === void 0 ? {} : _e, otherProps = __rest(_a, ["children", "content", "className", "size", "addIndicator", "tooltipProps"]);
+    return (<BlueprintTooltip lazy={true} hoverOpenDelay={500} {...otherProps} content={content} {...tooltipProps} className={eccgui + "-tooltip__wrapper" +
+            (className ? " " + className : "") +
+            (addIndicator === true ? " " + BlueprintClassNames.TOOLTIP_INDICATOR : "")} targetClassName={eccgui + "-tooltip__target" + (className ? " " + className + "__target" : "")} popoverClassName={eccgui + "-tooltip__content" +
+            (" " + eccgui + "-tooltip--" + size) +
+            (className ? " " + className + "__content" : "")}>
+            {children}
+        </BlueprintTooltip>);
+}
+export default Tooltip;

package/dist/components/Typography/Highlighter.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface IHighlighterProps {
+    label?: string;
+    searchValue?: string;
+}
+/**
+ * Returns a highlighted string according to the words of the search query.
+ * @param label       The string to highlight.
+ * @param searchValue The mutli-word search query from which single words should be highlighted in the label.
+ */
+declare function Highlighter({ label, searchValue }: IHighlighterProps): JSX.Element;
+/** Extracts search words separated by white space. */
+export declare function extractSearchWords(textQuery: string, toLowerCase?: boolean): string[];
+/** Returns true if all search words are included in the given text */
+export declare function matchesAllWords(text: string, searchWords: string[]): boolean;
+/** Creates a case-insensitive multi-word regex, that matches any of the given words. */
+export declare function createMultiWordRegex(multiWordQuery: string[], global?: boolean): RegExp;
+export default Highlighter;