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

package/dist/components/Menu/MenuItem.js

@@ -0,0 +1,45 @@
+"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");
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+var _openInNewTab = require("../../common/utils/openInNewTab");
+
+/** A single item in a Menu. */
+function MenuItem({
+  children,
+  className = '',
+  icon,
+  internalProps,
+  onClick,
+  href,
+  ...restProps
+}) {
+  const actualHref = (internalProps === null || internalProps === void 0 ? void 0 : internalProps.href) ?? href;
+  const onClickHandler = (internalProps === null || internalProps === void 0 ? void 0 : internalProps.onClick) ?? onClick;
+  return /*#__PURE__*/_react.default.createElement(_core.MenuItem, (0, _extends2.default)({}, internalProps, restProps, {
+    href: actualHref,
+    onClick: e => (0, _openInNewTab.openInNewTab)(e, onClickHandler, actualHref),
+    className: `${_constants.CLASSPREFIX}-menu__item ` + className,
+    icon: icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: icon
+    }) : false
+  }), children);
+}
+
+var _default = MenuItem;
+exports.default = _default;

package/dist/components/Menu/MenuItem.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 { MenuItem as BlueprintMenuItem } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import Icon from '../Icon/Icon';
+import { openInNewTab } from '../../common/utils/openInNewTab';
+/** A single item in a Menu. */
+function MenuItem(_a) {
+    var _b, _c;
+    var children = _a.children, _d = _a.className, className = _d === void 0 ? '' : _d, icon = _a.icon, internalProps = _a.internalProps, onClick = _a.onClick, href = _a.href, restProps = __rest(_a, ["children", "className", "icon", "internalProps", "onClick", "href"]);
+    var actualHref = (_b = internalProps === null || internalProps === void 0 ? void 0 : internalProps.href) !== null && _b !== void 0 ? _b : href;
+    var onClickHandler = (_c = internalProps === null || internalProps === void 0 ? void 0 : internalProps.onClick) !== null && _c !== void 0 ? _c : onClick;
+    return (<BlueprintMenuItem {...internalProps} {...restProps} href={actualHref} onClick={function (e) { return openInNewTab(e, onClickHandler, actualHref); }} className={eccgui + "-menu__item " + className} icon={icon ? <Icon name={icon}/> : false}>
+            {children}
+        </BlueprintMenuItem>);
+}
+export default MenuItem;

package/dist/components/Notification/Notification.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Notification({ actions, children, className, message, success, warning, danger, neutral, fullWidth, iconName, timeout, ...otherProps }: any): JSX.Element;
+export default Notification;

package/dist/components/Notification/Notification.js

@@ -0,0 +1,79 @@
+"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");
+
+var _Intent = require("../../common/Intent");
+
+var _Icon = _interopRequireDefault(require("./../Icon/Icon"));
+
+function Notification({
+  actions,
+  children,
+  className,
+  message,
+  success = false,
+  warning = false,
+  danger = false,
+  neutral = false,
+  fullWidth = false,
+  iconName = "state-info",
+  timeout,
+  ...otherProps
+}) {
+  let intentLevel = _Intent.ClassNames.INFO;
+  let iconSymbol = iconName;
+
+  switch (true) {
+    case success:
+      intentLevel = _Intent.ClassNames.SUCCESS;
+      iconSymbol = "state-success";
+      break;
+
+    case warning:
+      intentLevel = _Intent.ClassNames.WARNING;
+      iconSymbol = "state-warning";
+      break;
+
+    case danger:
+      intentLevel = _Intent.ClassNames.DANGER;
+      iconSymbol = "state-danger";
+      break;
+
+    case neutral:
+      intentLevel = _Intent.ClassNames.NEUTRAL;
+      break;
+  }
+
+  const content = actions ? /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-notification__content`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-notification__messagebody`
+  }, message ? message : children), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-notification__actions`
+  }, actions)) : message ? message : children;
+  return /*#__PURE__*/_react.default.createElement(_core.Toast, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-notification ` + intentLevel + (className ? ` ${className}` : "") + (fullWidth ? ` ${_constants.CLASSPREFIX}-notification--fullwidth` : "") + (otherProps.onDismiss ? "" : ` ${_constants.CLASSPREFIX}-notification--static`),
+    message: content,
+    timeout: timeout ? timeout : 0,
+    icon: !!iconSymbol ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: iconSymbol,
+      className: _core.Classes.ICON
+    }) : undefined
+  }, otherProps));
+}
+
+var _default = Notification;
+exports.default = _default;

package/dist/components/Notification/Notification.jsx

@@ -0,0 +1,48 @@
+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 { Toast as BlueprintToast, Classes as BlueprintClassNames } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { ClassNames as IntentClassNames } from "../../common/Intent";
+import Icon from "./../Icon/Icon";
+function Notification(_a) {
+    var actions = _a.actions, children = _a.children, className = _a.className, message = _a.message, _b = _a.success, success = _b === void 0 ? false : _b, _c = _a.warning, warning = _c === void 0 ? false : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, _e = _a.neutral, neutral = _e === void 0 ? false : _e, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, _g = _a.iconName, iconName = _g === void 0 ? "state-info" : _g, timeout = _a.timeout, otherProps = __rest(_a, ["actions", "children", "className", "message", "success", "warning", "danger", "neutral", "fullWidth", "iconName", "timeout"]);
+    var intentLevel = IntentClassNames.INFO;
+    var iconSymbol = iconName;
+    switch (true) {
+        case success:
+            intentLevel = IntentClassNames.SUCCESS;
+            iconSymbol = "state-success";
+            break;
+        case warning:
+            intentLevel = IntentClassNames.WARNING;
+            iconSymbol = "state-warning";
+            break;
+        case danger:
+            intentLevel = IntentClassNames.DANGER;
+            iconSymbol = "state-danger";
+            break;
+        case neutral:
+            intentLevel = IntentClassNames.NEUTRAL;
+            break;
+    }
+    var content = actions ? (<div className={eccgui + "-notification__content"}>
+            <div className={eccgui + "-notification__messagebody"}>{message ? message : children}</div>
+            <div className={eccgui + "-notification__actions"}>{actions}</div>
+        </div>) : message ? (message) : (children);
+    return (<BlueprintToast className={eccgui + "-notification " +
+            intentLevel +
+            (className ? " " + className : "") +
+            (fullWidth ? " " + eccgui + "-notification--fullwidth" : "") +
+            (otherProps.onDismiss ? "" : " " + eccgui + "-notification--static")} message={content} timeout={timeout ? timeout : 0} icon={!!iconSymbol ? <Icon name={iconSymbol} className={BlueprintClassNames.ICON}/> : undefined} {...otherProps}/>);
+}
+export default Notification;

package/dist/components/Notification/Toast.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Toast({ children, className, timeout, ...otherProps }: any): JSX.Element;
+export default Toast;

package/dist/components/Notification/Toast.js

@@ -0,0 +1,31 @@
+"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 _Notification = _interopRequireDefault(require("./Notification"));
+
+function Toast({
+  children,
+  className,
+  timeout = 10000,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_Notification.default, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-notification--toast` + (className ? " " + className : ""),
+    timeout: timeout
+  }, otherProps), children);
+}
+
+var _default = Toast;
+exports.default = _default;

package/dist/components/Notification/Toast.jsx

@@ -0,0 +1,21 @@
+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 Notification from "./Notification";
+function Toast(_a) {
+    var children = _a.children, className = _a.className, _b = _a.timeout, timeout = _b === void 0 ? 10000 : _b, otherProps = __rest(_a, ["children", "className", "timeout"]);
+    return (<Notification className={eccgui + "-notification--toast" + (className ? " " + className : "")} timeout={timeout} {...otherProps}>
+            {children}
+        </Notification>);
+}
+export default Toast;

package/dist/components/NumericInput/NumericInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { NumericInput } from "@blueprintjs/core";
+declare const _default: import("react").MemoExoticComponent<typeof NumericInput>;
+export default _default;

package/dist/components/NumericInput/NumericInput.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@blueprintjs/core");
+
+var _react = require("react");
+
+var _default = /*#__PURE__*/(0, _react.memo)(_core.NumericInput);
+
+exports.default = _default;

package/dist/components/NumericInput/NumericInput.jsx

@@ -0,0 +1,3 @@
+import { NumericInput } from "@blueprintjs/core";
+import { memo } from "react";
+export default memo(NumericInput);

package/dist/components/OverviewItem/OverviewItem.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Displays the element using reduced height and less white space inside.
+     */
+    densityHigh?: boolean;
+    /**
+     * Add a bit white space around the element.
+     */
+    hasSpacing?: boolean;
+}
+/**
+ * This element can include all basic information and actions to give an overview about the item.
+ * Mainly used in items list or to create basic widgets.
+ */
+declare function OverviewItem({ children, className, densityHigh, hasSpacing, ...otherProps }: OverviewItemProps): React.FunctionComponentElement<any>;
+export default OverviewItem;

package/dist/components/OverviewItem/OverviewItem.js

@@ -0,0 +1,45 @@
+"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");
+
+/**
+ * This element can include all basic information and actions to give an overview about the item.
+ * Mainly used in items list or to create basic widgets.
+ */
+function OverviewItem({
+  children,
+  className = '',
+  densityHigh = false,
+  hasSpacing = false,
+  ...otherProps
+}) {
+  const item = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-overviewitem__item ` + (densityHigh ? `${_constants.CLASSPREFIX}-overviewitem__item--highdensity ` : '') + (hasSpacing ? `${_constants.CLASSPREFIX}-overviewitem__item--hasspacing ` : '') + className
+  }), children);
+
+  let accessibilityParameters = {};
+
+  if (typeof otherProps.onClick !== 'undefined' || typeof otherProps.onKeyDown !== 'undefined') {
+    accessibilityParameters['tabIndex'] = 0;
+  }
+
+  if (typeof otherProps.onClick !== 'undefined' && typeof otherProps.onKeyDown !== 'undefined') {
+    accessibilityParameters['role'] = "button";
+  }
+
+  return /*#__PURE__*/_react.default.cloneElement(item, accessibilityParameters);
+}
+
+var _default = OverviewItem;
+exports.default = _default;

package/dist/components/OverviewItem/OverviewItem.jsx

@@ -0,0 +1,37 @@
+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";
+/**
+ * This element can include all basic information and actions to give an overview about the item.
+ * Mainly used in items list or to create basic widgets.
+ */
+function OverviewItem(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.densityHigh, densityHigh = _c === void 0 ? false : _c, _d = _a.hasSpacing, hasSpacing = _d === void 0 ? false : _d, otherProps = __rest(_a, ["children", "className", "densityHigh", "hasSpacing"]);
+    var item = (<div {...otherProps} className={eccgui + "-overviewitem__item " +
+            (densityHigh ? eccgui + "-overviewitem__item--highdensity " : '') +
+            (hasSpacing ? eccgui + "-overviewitem__item--hasspacing " : '') +
+            className}>
+            {children}
+        </div>);
+    var accessibilityParameters = {};
+    if (typeof otherProps.onClick !== 'undefined' ||
+        typeof otherProps.onKeyDown !== 'undefined') {
+        accessibilityParameters['tabIndex'] = 0;
+    }
+    if (typeof otherProps.onClick !== 'undefined' &&
+        typeof otherProps.onKeyDown !== 'undefined') {
+        accessibilityParameters['role'] = "button";
+    }
+    return React.cloneElement(item, accessibilityParameters);
+}
+export default OverviewItem;

package/dist/components/OverviewItem/OverviewItemActions.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface OverviewItemActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Display it only when the parent `OverviewItem` is hovered or focused.
+     */
+    hiddenInteractions?: boolean;
+}
+/**
+ * Contains an arbitrary number of elements for user-interactions.
+ * It does not make sense to include more than 1 or 2 of these elements within `OverviewItem`.
+ */
+declare function OverviewItemActions({ children, className, hiddenInteractions, ...restProps }: OverviewItemActionsProps): JSX.Element;
+export default OverviewItemActions;

package/dist/components/OverviewItem/OverviewItemActions.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");
+
+/**
+ * Contains an arbitrary number of elements for user-interactions.
+ * It does not make sense to include more than 1 or 2 of these elements within `OverviewItem`.
+ */
+function OverviewItemActions({
+  children,
+  className = '',
+  hiddenInteractions = false,
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-overviewitem__actions` + (hiddenInteractions ? ` ${_constants.CLASSPREFIX}-overviewitem__actions--hiddeninteractions ` : '') + (!!className ? ` ${className}` : '')
+  }), children);
+}
+
+var _default = OverviewItemActions;
+exports.default = _default;

package/dist/components/OverviewItem/OverviewItemActions.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";
+/**
+ * Contains an arbitrary number of elements for user-interactions.
+ * It does not make sense to include more than 1 or 2 of these elements within `OverviewItem`.
+ */
+function OverviewItemActions(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.hiddenInteractions, hiddenInteractions = _c === void 0 ? false : _c, restProps = __rest(_a, ["children", "className", "hiddenInteractions"]);
+    return (<div {...restProps} className={eccgui + "-overviewitem__actions" +
+            (hiddenInteractions ? " " + eccgui + "-overviewitem__actions--hiddeninteractions " : '') +
+            (!!className ? " " + className : '')}>
+            {children}
+        </div>);
+}
+export default OverviewItemActions;

package/dist/components/OverviewItem/OverviewItemDepiction.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface OverviewItemDepictionProps extends React.HTMLAttributes<HTMLDivElement> {
+    keepColors?: boolean;
+}
+declare function OverviewItemDepiction({ children, className, keepColors, ...restProps }: OverviewItemDepictionProps): JSX.Element;
+export default OverviewItemDepiction;

package/dist/components/OverviewItem/OverviewItemDepiction.js

@@ -0,0 +1,28 @@
+"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");
+
+function OverviewItemDepiction({
+  children,
+  className = '',
+  keepColors = false,
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-overviewitem__depiction ` + (keepColors ? `${_constants.CLASSPREFIX}-overviewitem__depiction--keepcolors ` : "") + className
+  }), children);
+}
+
+var _default = OverviewItemDepiction;
+exports.default = _default;

package/dist/components/OverviewItem/OverviewItemDepiction.jsx

@@ -0,0 +1,22 @@
+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";
+function OverviewItemDepiction(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.keepColors, keepColors = _c === void 0 ? false : _c, restProps = __rest(_a, ["children", "className", "keepColors"]);
+    return (<div {...restProps} className={eccgui + "-overviewitem__depiction " +
+            (keepColors ? eccgui + "-overviewitem__depiction--keepcolors " : "") +
+            className}>
+            {children}
+        </div>);
+}
+export default OverviewItemDepiction;

package/dist/components/OverviewItem/OverviewItemDescription.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OverviewItemDescription({ children, className, ...restProps }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export default OverviewItemDescription;

package/dist/components/OverviewItem/OverviewItemDescription.js

@@ -0,0 +1,27 @@
+"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");
+
+function OverviewItemDescription({
+  children,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-overviewitem__description ` + className
+  }), children);
+}
+
+var _default = OverviewItemDescription;
+exports.default = _default;

package/dist/components/OverviewItem/OverviewItemDescription.jsx

@@ -0,0 +1,20 @@
+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";
+function OverviewItemDescription(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (<div {...restProps} className={eccgui + "-overviewitem__description " + className}>
+            {children}
+        </div>);
+}
+export default OverviewItemDescription;

package/dist/components/OverviewItem/OverviewItemLine.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface OverviewItemLineProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Use it with a small font size.
+     */
+    small?: boolean;
+    /**
+     * Use it with a large font size.
+     */
+    large?: boolean;
+}
+/**
+ * Contains content of a single line in an `OverviewItemDescription` element.
+ * It is limited to one line only, text is not broken to multiple lines on white spaces.
+ * If the content overflows the container then this part of the content is hidden.
+ * It does not make sense to include more that 2 or 3 of those lines within one `OverviewItemDescription`.
+ */
+declare function OverviewItemLine({ children, className, small, large, ...restProps }: OverviewItemLineProps): JSX.Element;
+export default OverviewItemLine;

package/dist/components/OverviewItem/OverviewItemLine.js

@@ -0,0 +1,35 @@
+"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");
+
+/**
+ * Contains content of a single line in an `OverviewItemDescription` element.
+ * It is limited to one line only, text is not broken to multiple lines on white spaces.
+ * If the content overflows the container then this part of the content is hidden.
+ * It does not make sense to include more that 2 or 3 of those lines within one `OverviewItemDescription`.
+ */
+function OverviewItemLine({
+  children,
+  className = '',
+  small = false,
+  large = false,
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-overviewitem__line ` + (small ? `${_constants.CLASSPREFIX}-overviewitem__line--small ` : '') + (large ? `${_constants.CLASSPREFIX}-overviewitem__line--large ` : '') + className
+  }), children);
+}
+
+var _default = OverviewItemLine;
+exports.default = _default;