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

package/dist/components/Iframe/Iframe.jsx

@@ -0,0 +1,79 @@
+/*
+    shows iframe and spinner as long as it is not loaded
+*/
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useState, useEffect } from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import Spinner from "../Spinner/Spinner";
+export var Iframe = React.forwardRef(function (_a, ref) {
+    var title = _a.title, _b = _a.className, className = _b === void 0 ? "" : _b, useViewportHeight = _a.useViewportHeight, _c = _a.useAvailableSpace, useAvailableSpace = _c === void 0 ? false : _c, _d = _a.useContentHeight, useContentHeight = _d === void 0 ? false : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? "" : _e, _f = _a.htmlIframeProps, htmlIframeProps = _f === void 0 ? {} : _f, otherReactProps = __rest(_a, ["title", "className", "useViewportHeight", "useAvailableSpace", "useContentHeight", "backgroundColor", "htmlIframeProps"]);
+    var _g = __read(useState(false), 2), isLoaded = _g[0], setIsLoaded = _g[1];
+    var _h = __read(useState(undefined), 2), contentHeight = _h[0], setContentHeight = _h[1];
+    var newRef = React.useRef(null);
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var iframeRef = ref !== null && ref !== void 0 ? ref : newRef;
+        if (iframeRef && "current" in iframeRef && iframeRef.current) {
+            if (!!backgroundColor && isLoaded) {
+                var iframeDocStyle = (_c = (_b = (_a = iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentDocument) === null || _b === void 0 ? void 0 : _b.documentElement) === null || _c === void 0 ? void 0 : _c.style;
+                var iframeBodyStyle = (_f = (_e = (_d = iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current) === null || _d === void 0 ? void 0 : _d.contentDocument) === null || _e === void 0 ? void 0 : _e.body) === null || _f === void 0 ? void 0 : _f.style;
+                if (iframeDocStyle && iframeBodyStyle) {
+                    iframeDocStyle.backgroundColor = backgroundColor;
+                    iframeBodyStyle.backgroundColor = backgroundColor;
+                }
+            }
+            setContentHeight((_j = (_h = (_g = iframeRef.current.contentWindow) === null || _g === void 0 ? void 0 : _g.document) === null || _h === void 0 ? void 0 : _h.body) === null || _j === void 0 ? void 0 : _j.scrollHeight);
+        }
+    }, [ref, isLoaded, backgroundColor]);
+    var classNames = eccgui + "-iframe" +
+        (!!useViewportHeight ? " " + eccgui + "-iframe--" + useViewportHeight + "height" : "") +
+        (!!useAvailableSpace ? " " + eccgui + "-iframe--useavailablespace" : "");
+    var _j = htmlIframeProps.onLoad, onLoad = _j === void 0 ? function (e) { } : _j, style = htmlIframeProps.style, otherOriginalIframeProps = __rest(htmlIframeProps, ["onLoad", "style"]);
+    return (<div className={classNames}>
+            {!isLoaded && <Spinner />}
+            <iframe className={className !== null && className !== void 0 ? className : undefined} ref={ref !== null && ref !== void 0 ? ref : newRef} title={title} {...otherOriginalIframeProps} {...otherReactProps} onLoad={function (e) { setIsLoaded(true); onLoad(e); }} style={__assign(__assign(__assign({}, (style !== null && style !== void 0 ? style : {})), (!isLoaded ? {
+            visibility: "hidden",
+            position: "absolute",
+            left: "-10000em",
+        } : {})), ((useContentHeight && !!contentHeight) ? {
+            height: contentHeight + "px",
+        } : {}))} scrolling={(useContentHeight && !!contentHeight) ? "no" : "yes"}/>
+        </div>);
+});

package/dist/components/Iframe/IframeModal.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { SimpleDialogProps } from "../Dialog/SimpleDialog";
+import { IframeProps } from "./Iframe";
+export interface IframeModalProps extends Omit<SimpleDialogProps, "children"> {
+    title: string;
+    src: string;
+    startFullscreen?: boolean;
+    compIframeProps?: Omit<IframeProps, "title" | "src" | "htmlIframeProps"> & React.RefAttributes<HTMLIFrameElement>;
+    htmlIframeProps?: Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, "title" | "className" | "src">;
+}
+/** Modal that contains an iframe and supports full screen mode. */
+export declare function IframeModal({ title, src, className, startFullscreen, compIframeProps, htmlIframeProps, headerOptions, size, ...otherSimpleDialogProps }: IframeModalProps): JSX.Element;

package/dist/components/Iframe/IframeModal.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IframeModal = IframeModal;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SimpleDialog = _interopRequireDefault(require("../Dialog/SimpleDialog"));
+
+var _IconButton = _interopRequireDefault(require("../Icon/IconButton"));
+
+var _constants = require("../../configuration/constants");
+
+var _Iframe = require("./Iframe");
+
+/** Modal that contains an iframe and supports full screen mode. */
+function IframeModal({
+  title,
+  src,
+  className = "",
+  startFullscreen = false,
+  compIframeProps = {},
+  htmlIframeProps = {},
+  headerOptions,
+  size = "large",
+  ...otherSimpleDialogProps
+}) {
+  const [displayFullscreen, setDisplayFullscreen] = _react.default.useState(startFullscreen);
+
+  const {
+    useViewportHeight,
+    useAvailableSpace,
+    useContentHeight,
+    ref,
+    ...otherCompIframeProps
+  } = compIframeProps;
+
+  const internalRef = _react.default.useRef(null);
+
+  const iframeRef = ref ?? internalRef;
+  return /*#__PURE__*/_react.default.createElement(_SimpleDialog.default, (0, _extends2.default)({
+    hasBorder: true,
+    title: title,
+    headerOptions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      name: displayFullscreen ? "toggler-minimize" : "toggler-maximize",
+      onClick: () => setDisplayFullscreen(!displayFullscreen)
+    }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, headerOptions)),
+    className: `${_constants.CLASSPREFIX}-iframemodal` + (className ? ` ${className}` : ""),
+    size: displayFullscreen ? "fullscreen" : size
+  }, otherSimpleDialogProps), /*#__PURE__*/_react.default.createElement(_Iframe.Iframe, (0, _extends2.default)({
+    title: title,
+    src: src,
+    useAvailableSpace: !useViewportHeight && !useContentHeight ? true : useAvailableSpace,
+    useContentHeight: useContentHeight,
+    useViewportHeight: useViewportHeight,
+    htmlIframeProps: htmlIframeProps
+  }, otherCompIframeProps, {
+    ref: ref ?? iframeRef
+  })));
+}

package/dist/components/Iframe/IframeModal.jsx

@@ -0,0 +1,49 @@
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import SimpleDialog from "../Dialog/SimpleDialog";
+import IconButton from "../Icon/IconButton";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { Iframe } from "./Iframe";
+/** Modal that contains an iframe and supports full screen mode. */
+export function IframeModal(_a) {
+    var title = _a.title, src = _a.src, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.startFullscreen, startFullscreen = _c === void 0 ? false : _c, _d = _a.compIframeProps, compIframeProps = _d === void 0 ? {} : _d, _e = _a.htmlIframeProps, htmlIframeProps = _e === void 0 ? {} : _e, headerOptions = _a.headerOptions, _f = _a.size, size = _f === void 0 ? "large" : _f, otherSimpleDialogProps = __rest(_a, ["title", "src", "className", "startFullscreen", "compIframeProps", "htmlIframeProps", "headerOptions", "size"]);
+    var _g = __read(React.useState(startFullscreen), 2), displayFullscreen = _g[0], setDisplayFullscreen = _g[1];
+    var useViewportHeight = compIframeProps.useViewportHeight, useAvailableSpace = compIframeProps.useAvailableSpace, useContentHeight = compIframeProps.useContentHeight, ref = compIframeProps.ref, otherCompIframeProps = __rest(compIframeProps, ["useViewportHeight", "useAvailableSpace", "useContentHeight", "ref"]);
+    var internalRef = React.useRef(null);
+    var iframeRef = ref !== null && ref !== void 0 ? ref : internalRef;
+    return (<SimpleDialog hasBorder title={title} headerOptions={(<>
+                    <IconButton name={displayFullscreen ? "toggler-minimize" : "toggler-maximize"} onClick={function () { return setDisplayFullscreen(!displayFullscreen); }}/>
+                    <>
+                        {headerOptions}
+                    </>
+                </>)} className={eccgui + "-iframemodal" +
+            (className ? " " + className : "")} size={displayFullscreen ? "fullscreen" : size} {...otherSimpleDialogProps}>
+            <Iframe title={title} src={src} useAvailableSpace={(!useViewportHeight && !useContentHeight) ? true : useAvailableSpace} useContentHeight={useContentHeight} useViewportHeight={useViewportHeight} htmlIframeProps={htmlIframeProps} {...otherCompIframeProps} ref={ref !== null && ref !== void 0 ? ref : iframeRef}/>
+        </SimpleDialog>);
+}

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Label({ children, className, disabled, text, info, tooltip, tooltipProperties, isLayoutForElement, ...otherProps }: any): JSX.Element;
+export default Label;

package/dist/components/Label/Label.js

@@ -0,0 +1,58 @@
+"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 _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+function Label({
+  children,
+  className = "",
+  disabled,
+  text,
+  info,
+  tooltip,
+  tooltipProperties,
+  isLayoutForElement = "label",
+  ...otherProps
+}) {
+  let htmlElementstring = isLayoutForElement;
+  htmlElementstring = disabled && htmlElementstring === "label" ? "span" : htmlElementstring;
+
+  const labelElement = /*#__PURE__*/_react.default.createElement(htmlElementstring);
+
+  return text ? /*#__PURE__*/_react.default.createElement(labelElement.type, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-label` + (className ? " " + className : "") + (disabled ? ` ${_constants.CLASSPREFIX}-label--disabled` : "")
+  }, otherProps, {
+    htmlFor: disabled ? "" : otherProps.htmlFor
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: `${_constants.CLASSPREFIX}-label__text`
+  }, text), info && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${_constants.CLASSPREFIX}-label__info`
+  }, info), tooltip && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${_constants.CLASSPREFIX}-label__tooltip`
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
+    content: tooltip,
+    disabled: disabled
+  }, tooltipProperties), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "item-info",
+    small: true
+  }))), children && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${_constants.CLASSPREFIX}-label__other`
+  }, children)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+}
+
+var _default = Label;
+exports.default = _default;

package/dist/components/Label/Label.jsx

@@ -0,0 +1,32 @@
+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 Tooltip from "../Tooltip/Tooltip";
+import Icon from "../Icon/Icon";
+function Label(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, disabled = _a.disabled, text = _a.text, info = _a.info, tooltip = _a.tooltip, tooltipProperties = _a.tooltipProperties, _c = _a.isLayoutForElement, isLayoutForElement = _c === void 0 ? "label" : _c, otherProps = __rest(_a, ["children", "className", "disabled", "text", "info", "tooltip", "tooltipProperties", "isLayoutForElement"]);
+    var htmlElementstring = isLayoutForElement;
+    htmlElementstring = disabled && htmlElementstring === "label" ? "span" : htmlElementstring;
+    var labelElement = React.createElement(htmlElementstring);
+    return text ? (<labelElement.type className={eccgui + "-label" + (className ? " " + className : "") + (disabled ? " " + eccgui + "-label--disabled" : "")} {...otherProps} htmlFor={disabled ? "" : otherProps.htmlFor}>
+            <span className={eccgui + "-label__text"}>{text}</span>
+            {info && <span className={eccgui + "-label__info"}>{info}</span>}
+            {tooltip && (<span className={eccgui + "-label__tooltip"}>
+                    <Tooltip content={tooltip} disabled={disabled} {...tooltipProperties}>
+                        <Icon name="item-info" small/>
+                    </Tooltip>
+                </span>)}
+            {children && <span className={eccgui + "-label__other"}>{children}</span>}
+        </labelElement.type>) : (<></>);
+}
+export default Label;

package/dist/components/Link/Link.d.ts

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

package/dist/components/Link/Link.js

@@ -0,0 +1,36 @@
+"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 _carbonComponentsReact = require("carbon-components-react");
+
+var _constants = require("../../configuration/constants");
+
+var _openInNewTab = require("../../common/utils/openInNewTab");
+
+function Link({
+  className = "",
+  children,
+  href,
+  onClick,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Link, (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-link ` + className
+  }, otherProps, {
+    href: href,
+    onClick: e => (0, _openInNewTab.openInNewTab)(e, onClick, href)
+  }), children);
+}
+
+var _default = Link;
+exports.default = _default;

package/dist/components/Link/Link.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 { Link as CarbonLink } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { openInNewTab } from "../../common/utils/openInNewTab";
+function Link(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, href = _a.href, onClick = _a.onClick, otherProps = __rest(_a, ["className", "children", "href", "onClick"]);
+    return (<CarbonLink className={eccgui + "-link " + className} {...otherProps} href={href} onClick={function (e) { return openInNewTab(e, onClick, href); }}>
+        {children}
+      </CarbonLink>);
+}
+export default Link;

package/dist/components/List/List.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface ListProps<T> {
+    items: T[];
+    /** Renders the item. */
+    itemRenderer: (item: T) => React.ReactNode;
+    /** The ID/key of an item. */
+    itemId: (item: T) => string;
+    /** Limit the numbers of shown (and rendered) components. */
+    limitOptions?: {
+        initialMax: number;
+        stepSize: number;
+    };
+    moreLabel?: string;
+}
+/** A generic list component with support of various performance/scalability improvements. */
+declare function List<T>({ items, itemRenderer, itemId, limitOptions, moreLabel }: ListProps<T>): JSX.Element;
+export default List;

package/dist/components/List/List.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Button = _interopRequireDefault(require("../Button/Button"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
+/** A generic list component with support of various performance/scalability improvements. */
+function List({
+  items,
+  itemRenderer,
+  itemId,
+  limitOptions,
+  moreLabel = "Show more..."
+}) {
+  // The number of items to show in the list, undefined means unlimited
+  const [nrOfItemsToShow, setNrOfItemsToShow] = _react.default.useState((limitOptions === null || limitOptions === void 0 ? void 0 : limitOptions.initialMax) ?? undefined);
+
+  (0, _react.useEffect)(() => {
+    setNrOfItemsToShow((limitOptions === null || limitOptions === void 0 ? void 0 : limitOptions.initialMax) ?? undefined);
+  }, [items.length, limitOptions === null || limitOptions === void 0 ? void 0 : limitOptions.initialMax]);
+
+  const onShowMore = () => {
+    if (limitOptions) {
+      setNrOfItemsToShow(current => (current ?? 0) + limitOptions.stepSize);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("ol", null, (nrOfItemsToShow ? items.slice(0, nrOfItemsToShow) : items).map(item => {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: itemId(item)
+    }, itemRenderer(item));
+  }), nrOfItemsToShow != null && nrOfItemsToShow < items.length && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: onShowMore,
+    fill: true
+  }, moreLabel));
+}
+
+var _default = List;
+exports.default = _default;

package/dist/components/List/List.jsx

@@ -0,0 +1,44 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import Button from "../Button/Button";
+import React, { useEffect } from "react";
+/** A generic list component with support of various performance/scalability improvements. */
+function List(_a) {
+    var _b;
+    var items = _a.items, itemRenderer = _a.itemRenderer, itemId = _a.itemId, limitOptions = _a.limitOptions, _c = _a.moreLabel, moreLabel = _c === void 0 ? "Show more..." : _c;
+    // The number of items to show in the list, undefined means unlimited
+    var _d = __read(React.useState((_b = limitOptions === null || limitOptions === void 0 ? void 0 : limitOptions.initialMax) !== null && _b !== void 0 ? _b : undefined), 2), nrOfItemsToShow = _d[0], setNrOfItemsToShow = _d[1];
+    useEffect(function () {
+        var _a;
+        setNrOfItemsToShow((_a = limitOptions === null || limitOptions === void 0 ? void 0 : limitOptions.initialMax) !== null && _a !== void 0 ? _a : undefined);
+    }, [items.length, limitOptions === null || limitOptions === void 0 ? void 0 : limitOptions.initialMax]);
+    var onShowMore = function () {
+        if (limitOptions) {
+            setNrOfItemsToShow(function (current) { return (current !== null && current !== void 0 ? current : 0) + limitOptions.stepSize; });
+        }
+    };
+    return <ol>
+        {(nrOfItemsToShow ? items.slice(0, nrOfItemsToShow) : items)
+            .map(function (item) {
+            return <li key={itemId(item)}>
+                        {itemRenderer(item)}
+                    </li>;
+        })}
+        {nrOfItemsToShow != null && nrOfItemsToShow < items.length && <Button onClick={onShowMore} fill={true}>{moreLabel}</Button>}
+    </ol>;
+}
+export default List;

package/dist/components/Menu/Menu.d.ts

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

package/dist/components/Menu/Menu.js

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

package/dist/components/Menu/Menu.jsx

@@ -0,0 +1,19 @@
+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 { Menu as BlueprintMenu } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function Menu(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return <BlueprintMenu {...restProps} className={eccgui + "-menu__list " + className}>{children}</BlueprintMenu>;
+}
+export default Menu;

package/dist/components/Menu/MenuDivider.d.ts

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

package/dist/components/Menu/MenuDivider.js

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

package/dist/components/Menu/MenuDivider.jsx

@@ -0,0 +1,19 @@
+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 { MenuDivider as BlueprintMenuDivider } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function MenuDivider(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return <BlueprintMenuDivider {...restProps} className={eccgui + "-menu__divider " + className}>{children}</BlueprintMenuDivider>;
+}
+export default MenuDivider;

package/dist/components/Menu/MenuItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { MenuItemProps } from "@blueprintjs/core";
+import { ValidIconName } from "../Icon/canonicalIconNames";
+interface IProps {
+    children?: React.ReactNode | React.ReactNode[];
+    className?: string;
+    icon?: ValidIconName | string[];
+    internalProps?: Partial<MenuItemProps> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    [key: string]: any;
+}
+/** A single item in a Menu. */
+declare function MenuItem({ children, className, icon, internalProps, onClick, href, ...restProps }: IProps): JSX.Element;
+export default MenuItem;