@eccenca/gui-elements 6.2.0 → 22.0.0-rc.7

package/dist/es5/components/Application/ApplicationTitle.js

@@ -0,0 +1,47 @@
+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;
+};
+import React from "react";
+import { HeaderName as CarbonHeaderName } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function ApplicationTitle(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.prefix, prefix = _c === void 0 ? "" : _c, href = _a.href, depiction = _a.depiction, _d = _a.isNotDisplayed, isNotDisplayed = _d === void 0 ? false : _d, _e = _a.isAlignedWithSidebar, isAlignedWithSidebar = _e === void 0 ? false : _e, isApplicationSidebarExpanded = _a.isApplicationSidebarExpanded, htmlAProps = _a.htmlAProps, 
+    /*
+        TODO: type definitions do not include data attributes because of their infinite number of possible names, so we
+        need to solve this by filtering out all other props, or create a stack of allowed data attributes or using
+        a combined process of dynamic keys and template mappings in typescript
+    */
+    otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "className", "prefix", "href", "depiction", "isNotDisplayed", "isAlignedWithSidebar", "isApplicationSidebarExpanded", "htmlAProps"]);
+    var classApplication = eccgui + "-application__title";
+    var classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "bx--visually-hidden" : "";
+    var classAlignedSidebar = isAlignedWithSidebar || isApplicationSidebarExpanded ? eccgui + "-application__title--withsidebar" : "";
+    return (React.createElement(CarbonHeaderName, __assign({}, otherPropsShouldOnlyBeUsedForDataAttributes, htmlAProps, { className: classApplication + " " + classAlignedSidebar + " " + classNotDisplayed + " " + className, href: href, prefix: "" }),
+        React.createElement("span", { className: eccgui + "-application__title--content" },
+            !!depiction && (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: eccgui + "-application__title--depiction" }, depiction))),
+            !!prefix && (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: "bx--header__name--prefix" }, prefix),
+                "\u00A0")),
+            children)));
+}
+export default ApplicationTitle;
+//# sourceMappingURL=ApplicationTitle.js.map

package/dist/es5/components/Application/ApplicationTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA4CtE,SAAS,gBAAgB,CAAC,EAgBD;IAfrB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,4BAA0B,EAA1B,oBAAoB,mBAAC,KAAK,KAAA,EAC1B,4BAA4B,kCAAA,EAC5B,UAAU,gBAAA;IACV;;;;MAIE;IACC,2CAA2C,cAfxB,gJAgBzB,CADiD;IAG9C,IAAM,gBAAgB,GAAM,MAAM,wBAAqB,CAAC;IACxD,IAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,IAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,oBAAC,gBAAgB,eACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAK,gBAAgB,SAAI,mBAAmB,SAAI,iBAAiB,SAAI,SAAW,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,8BAAM,SAAS,EAAK,MAAM,iCAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,8BAAM,SAAS,EAAK,MAAM,mCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,8BAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;yBAE3D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/es5/components/Application/ApplicationToolbar.js

@@ -0,0 +1,32 @@
+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;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { HeaderGlobalBar as CarbonHeaderGlobalBar } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function ApplicationToolbar(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement(CarbonHeaderGlobalBar, __assign({}, restProps, { className: eccgui + "-application__toolbar " + className }), children));
+}
+export default ApplicationToolbar;
+//# sourceMappingURL=ApplicationToolbar.js.map

package/dist/es5/components/Application/ApplicationToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationToolbar.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,SAAS,kBAAkB,CAAC,EAA+C;IAA7C,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,SAAS,cAAxC,yBAA0C,CAAF;IAChE,OAAO,CACH,oBAAC,qBAAqB,eACd,SAAS,IACb,SAAS,EAAK,MAAM,2BAAwB,GAAG,SAAS,KAEtD,QAAQ,CACU,CAC3B,CAAA;AACL,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/es5/components/Application/ApplicationToolbarAction.js

@@ -0,0 +1,32 @@
+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;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { HeaderGlobalAction as CarbonHeaderGlobalAction } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function ApplicationToolbarAction(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement(CarbonHeaderGlobalAction, __assign({}, restProps, { className: eccgui + "-application__toolbar__action " + className }), children));
+}
+export default ApplicationToolbarAction;
+//# sourceMappingURL=ApplicationToolbarAction.js.map

package/dist/es5/components/Application/ApplicationToolbarAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationToolbarAction.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationToolbarAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,kBAAkB,IAAI,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,SAAS,wBAAwB,CAAC,EAA+C;IAA7C,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,SAAS,cAAxC,yBAA0C,CAAF;IACtE,OAAO,CACH,oBAAC,wBAAwB,eACjB,SAAS,IACb,SAAS,EAAK,MAAM,mCAAgC,GAAG,SAAS,KAE9D,QAAQ,CACa,CAC9B,CAAA;AACL,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/es5/components/Application/ApplicationToolbarPanel.js

@@ -0,0 +1,32 @@
+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;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { HeaderPanel as CarbonHeaderPanel } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function ApplicationToolbarPanel(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement(CarbonHeaderPanel, __assign({}, restProps, { className: eccgui + "-application__toolbar__panel " + className }), children));
+}
+export default ApplicationToolbarPanel;
+//# sourceMappingURL=ApplicationToolbarPanel.js.map

package/dist/es5/components/Application/ApplicationToolbarPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationToolbarPanel.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationToolbarPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,SAAS,uBAAuB,CAAC,EAA+C;IAA7C,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,SAAS,cAAxC,yBAA0C,CAAF;IACrE,OAAO,CACH,oBAAC,iBAAiB,eACV,SAAS,IACb,SAAS,EAAK,MAAM,kCAA+B,GAAG,SAAS,KAE7D,QAAQ,CACM,CACvB,CAAA;AACL,CAAC;AAED,eAAe,uBAAuB,CAAC"}

package/dist/es5/components/Application/ApplicationToolbarSection.js

@@ -0,0 +1,30 @@
+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;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function ApplicationToolbarSection(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({}, restProps, { className: eccgui + "-application__toolbar__section " + className }), children));
+}
+export default ApplicationToolbarSection;
+//# sourceMappingURL=ApplicationToolbarSection.js.map

package/dist/es5/components/Application/ApplicationToolbarSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationToolbarSection.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationToolbarSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,SAAS,yBAAyB,CAAC,EAA+C;IAA7C,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,SAAS,cAAxC,yBAA0C,CAAF;IACvE,OAAO,CACH,wCACQ,SAAS,IACb,SAAS,EAAK,MAAM,oCAAiC,GAAG,SAAS,KAE/D,QAAQ,CACR,CACT,CAAA;AACL,CAAC;AAED,eAAe,yBAAyB,CAAC"}

package/dist/es5/components/AutocompleteField/AutoCompleteField.js

@@ -0,0 +1,294 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useEffect, useRef, useState } from "react";
+import { Suggest } from "@blueprintjs/select";
+import { Highlighter, IconButton, Menu, MenuItem, OverflowText, Spinner } from "../../index";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+AutoCompleteField.defaultProps = {
+    autoFocus: false,
+    disabled: false,
+};
+/** Hook that returns the element width of the given ref.*/
+var elementWidth = function (elRef) {
+    if (elRef && elRef.current) {
+        return { width: elRef.current.offsetWidth + "px", maxWidth: "90vw" };
+    }
+    else {
+        return { width: "40rem", maxWidth: "90vw" };
+    }
+};
+/** Auto-complete input widget. */
+export function AutoCompleteField(props) {
+    var _this = this;
+    var _a;
+    var reset = props.reset, noResultText = props.noResultText, disabled = props.disabled, itemValueSelector = props.itemValueSelector, itemRenderer = props.itemRenderer, onSearch = props.onSearch, onChange = props.onChange, initialValue = props.initialValue, autoFocus = props.autoFocus, createNewItem = props.createNewItem, itemValueRenderer = props.itemValueRenderer, resetQueryToValue = props.resetQueryToValue, otherProps = __rest(props, ["reset", "noResultText", "disabled", "itemValueSelector", "itemRenderer", "onSearch", "onChange", "initialValue", "autoFocus", "createNewItem", "itemValueRenderer", "resetQueryToValue"]);
+    var _b = __read(useState(initialValue), 2), selectedItem = _b[0], setSelectedItem = _b[1];
+    // If the selection list elements are currently fetched from the backend
+    var _c = __read(useState(false), 2), listLoading = _c[0], setListLoading = _c[1];
+    var _d = __read(useState(""), 2), query = _d[0], setQuery = _d[1];
+    var _e = __read(useState(false), 2), hasFocus = _e[0], setHasFocus = _e[1];
+    var _f = __read(useState(true), 2), highlightingEnabled = _f[0], setHighlightingEnabled = _f[1];
+    // The suggestions that match the user's input
+    var _g = __read(useState([]), 2), filtered = _g[0], setFiltered = _g[1];
+    var SuggestAutocomplete = Suggest.ofType();
+    // Sets the query to the item value if it has a valid string value
+    var setQueryToSelectedValue = function (item) {
+        if (item) {
+            // If new values can be created, always reset the query value to the actual value of the selected item.
+            // This e.g. prevents that the "create new" option will be shown, since an item with the same value already exists.
+            var defaultResetValue = createNewItem && typeof itemValueSelector(item) === "string" ? itemValueSelector(item) : itemValueRenderer(item);
+            var resetVal = resetQueryToValue ? resetQueryToValue(item) : defaultResetValue;
+            setQuery(resetVal);
+        }
+    };
+    var fieldRef = useRef(null);
+    // The key for the option elements
+    var itemKey = function (item) {
+        var itemValue = itemValueSelector(item);
+        if (typeof itemValue !== "string") {
+            itemValue = itemValueRenderer(item);
+        }
+        return itemValue;
+    };
+    useEffect(function () {
+        setQueryToSelectedValue(selectedItem);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedItem]);
+    useEffect(function () {
+        if (!disabled && hasFocus) {
+            setListLoading(true);
+            var timeout_1 = window.setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    fetchQueryResults(query);
+                    return [2 /*return*/];
+                });
+            }); }, 200);
+            return function () {
+                clearTimeout(timeout_1);
+                setListLoading(false);
+            };
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [hasFocus, query]);
+    var fieldWidthLimits = elementWidth(fieldRef);
+    // We need to fire some actions when the auto-complete widget gets or loses focus
+    var handleOnFocusIn = function () {
+        setHasFocus(true);
+    };
+    var handleOnFocusOut = function () {
+        setHasFocus(false);
+    };
+    // On popover close reset query to selected item
+    var onPopoverClose = function () {
+        // Reset query to selected value when loosing focus, so the selected value can always be edited.
+        setQueryToSelectedValue(selectedItem);
+        // Reset option list when the popover closes, so next use there is not displayed a stale list
+        setFiltered([]);
+    };
+    // Triggered when an item from the selection list gets selected
+    var onSelectionChange = function (value, e) {
+        setSelectedItem(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(itemValueSelector(value), e);
+        setQueryToSelectedValue(value);
+    };
+    var areEqualItems = function (itemA, itemB) { return itemValueSelector(itemA) === itemValueSelector(itemB); };
+    // Return the index of the item in the array based on the itemValueRenderer value
+    var itemIndexOf = function (arr, searchItem) {
+        var idx = -1;
+        var searchItemString = itemValueSelector(searchItem);
+        arr.forEach(function (v, i) {
+            if (itemValueSelector(v) === searchItemString) {
+                idx = i;
+            }
+        });
+        return idx;
+    };
+    // Fetches the results for the given query
+    var fetchQueryResults = function (input) { return __awaiter(_this, void 0, void 0, function () {
+        var result, onlySelectItemReturned, enableHighlighting, emptyStringResults, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setListLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 5, 6, 7]);
+                    return [4 /*yield*/, onSearch(input)];
+                case 2:
+                    result = _a.sent();
+                    onlySelectItemReturned = result.length <= 1 && selectedItem && input.length > 0 &&
+                        (itemValueRenderer(selectedItem) === input || itemValueSelector(selectedItem) === input);
+                    enableHighlighting = true;
+                    if (!onlySelectItemReturned) return [3 /*break*/, 4];
+                    return [4 /*yield*/, onSearch("")];
+                case 3:
+                    emptyStringResults = _a.sent();
+                    // Disable highlighting, since we used empty string search
+                    enableHighlighting = false;
+                    // Put selected item at the top if it is not in the result list
+                    if (!!selectedItem && itemIndexOf(emptyStringResults, selectedItem) === -1) {
+                        result = __spreadArray([selectedItem], __read(emptyStringResults), false);
+                    }
+                    else {
+                        result = emptyStringResults;
+                    }
+                    _a.label = 4;
+                case 4:
+                    setHighlightingEnabled(enableHighlighting);
+                    setFiltered(result);
+                    return [3 /*break*/, 7];
+                case 5:
+                    e_1 = _a.sent();
+                    console.log(e_1);
+                    return [3 /*break*/, 7];
+                case 6:
+                    setListLoading(false);
+                    return [7 /*endfinally*/];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    // Renders the item in the selection list
+    var optionRenderer = function (item, _a) {
+        var handleClick = _a.handleClick, modifiers = _a.modifiers, query = _a.query;
+        if (!modifiers.matchesPredicate) {
+            return null;
+        }
+        var relevantModifiers = {
+            active: modifiers.active,
+            disabled: modifiers.disabled,
+            styleWidth: fieldWidthLimits,
+            highlightingEnabled: highlightingEnabled,
+        };
+        var renderedItem = itemRenderer(item, query, relevantModifiers, handleClick);
+        if (typeof renderedItem === "string") {
+            return (React.createElement(MenuItem, { active: modifiers.active, disabled: modifiers.disabled, key: itemKey(item), onClick: handleClick, text: React.createElement(OverflowText, { style: fieldWidthLimits }, !highlightingEnabled ? renderedItem : React.createElement(Highlighter, { label: renderedItem, searchValue: query })) }));
+        }
+        else {
+            return renderedItem;
+        }
+    };
+    // Resets the selection
+    var clearSelection = function (resetValue) { return function () {
+        setSelectedItem(undefined);
+        onChange === null || onChange === void 0 ? void 0 : onChange(resetValue);
+        setQuery("");
+    }; };
+    // Optional clear button to reset the selected value
+    var clearButton = reset &&
+        selectedItem != null &&
+        reset.resettableValue(selectedItem) ? (React.createElement(IconButton, { "data-test-id": (((_a = otherProps.inputProps) === null || _a === void 0 ? void 0 : _a.id) ? otherProps.inputProps.id + "-" : "") + "auto-complete-clear-btn", name: "operation-clear", text: reset.resetButtonText, onClick: clearSelection(reset.resetValue) })) : undefined;
+    // Additional properties for the input element of the auto-completion widget
+    var updatedInputProps = __assign({ rightElement: clearButton, autoFocus: autoFocus, onBlur: handleOnFocusOut, onFocus: handleOnFocusIn }, otherProps.inputProps);
+    var updatedPopOverProps = __assign({ minimal: true, position: "bottom", popoverClassName: eccgui + "-autocompletefield__options", wrapperTagName: "div", onClosed: onPopoverClose }, otherProps.popoverProps);
+    if (selectedItem !== undefined) {
+        // Makes sure that even when an empty string is selected, the placeholder won't be shown.
+        updatedInputProps.placeholder = "";
+    }
+    // For some reason Typescript is not able to infer the union type from the ternary expression
+    var createNewItemPosition = (createNewItem === null || createNewItem === void 0 ? void 0 : createNewItem.showNewItemOptionFirst) ? "first" : "last";
+    var createNewItemProps = createNewItem ? {
+        createNewItemFromQuery: createNewItem.itemFromQuery,
+        createNewItemRenderer: function (query, active, handleClick) {
+            if (selectedItem && query === itemValueSelector(selectedItem)) {
+                // Never show create new item option if the same item is already selected
+                return undefined;
+            }
+            else {
+                return createNewItem.itemRenderer(query, { active: active, styleWidth: fieldWidthLimits, highlightingEnabled: false }, handleClick);
+            }
+        },
+        createNewItemPosition: createNewItemPosition
+    } : {};
+    return (React.createElement("div", { ref: fieldRef },
+        React.createElement(SuggestAutocomplete, __assign({ className: eccgui + "-autocompletefield__input", disabled: disabled, items: filtered, inputValueRenderer: selectedItem !== undefined ? itemValueRenderer : function () { return ""; }, itemRenderer: optionRenderer, itemsEqual: areEqualItems, noResults: React.createElement(MenuItem, { disabled: true, text: noResultText, style: fieldWidthLimits }), onItemSelect: onSelectionChange, onQueryChange: function (q) { return setQuery(q); }, closeOnSelect: true, query: query, 
+            // FIXME: This leads to odd compile errors without "as any"
+            popoverProps: updatedPopOverProps, selectedItem: selectedItem, fill: true }, createNewItemProps, { 
+            // FIXME: This leads to odd compile errors without "as any"
+            inputProps: updatedInputProps, itemListRenderer: listLoading ? function () { return React.createElement(Menu, null,
+                React.createElement(MenuItem, { disabled: true, text: React.createElement(Spinner, { position: "inline" }), style: fieldWidthLimits })); } : undefined }))));
+}
+//# sourceMappingURL=AutoCompleteField.js.map

package/dist/es5/components/AutocompleteField/AutoCompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteField.js","sourceRoot":"","sources":["../../../../src/components/AutocompleteField/AutoCompleteField.tsx"],"names":[],"mappings":"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"}

package/dist/es5/components/Breadcrumb/BreadcrumbItem.js

@@ -0,0 +1,42 @@
+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;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { Breadcrumb as BlueprintBreadcrumbItem, } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { openInNewTab } from "../../common/utils/openInNewTab";
+function BreadcrumbItem(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, onClick = _a.onClick, href = _a.href, 
+    //itemDivider='',
+    otherBlueprintBreadcrumbProps = __rest(_a, ["className", "onClick", "href"]);
+    /*
+        TODO: adding `data-divider` does not work this way because BlueprintJS
+        breadcrumb component does not support (and forward) it on HTML element
+        level. The idea is to add the divider as data-* property to use it via
+        CSS/Sass as content for the pseudo element, currently done static in CSS
+        with slash char.
+    */
+    return (React.createElement(BlueprintBreadcrumbItem, __assign({}, otherBlueprintBreadcrumbProps, { href: href, onClick: function (e) { return openInNewTab(e, onClick, href); }, className: eccgui + "-breadcrumb__item " + className })));
+}
+export default BreadcrumbItem;
+//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/es5/components/Breadcrumb/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EACH,UAAU,IAAI,uBAAuB,GAExC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAY/D,SAAS,cAAc,CAAC,EAMD;IALnB,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,IAAI,UAAA;IACJ,iBAAiB;IACd,6BAA6B,cALZ,gCAMvB,CADmC;IAGhC;;;;;;MAME;IACF,OAAO,CACL,oBAAC,uBAAuB,eAClB,6BAA6B,IACjC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAA9B,CAA8B,EAC9C,SAAS,EAAK,MAAM,uBAAoB,GAAG,SAAS,IAEpD,CACH,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/es5/components/Breadcrumb/BreadcrumbList.js

@@ -0,0 +1,47 @@
+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;
+};
+import React from "react";
+import { Breadcrumbs as BlueprintBreadcrumbList, } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import BreadcrumbItem from "./BreadcrumbItem";
+function BreadcrumbList(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, 
+    // itemDivider = "/",
+    onItemClick = _a.onItemClick, htmlUlProps = _a.htmlUlProps, otherBlueprintBreadcrumbsProps = __rest(_a, ["className", "onItemClick", "htmlUlProps"]);
+    var renderBreadcrumb = function (propsBreadcrumb) {
+        var onClick = propsBreadcrumb.onClick, otherProps = __rest(propsBreadcrumb, ["onClick"]);
+        return (React.createElement(BreadcrumbItem
+        /*itemDivider="/"*/
+        , __assign({}, otherProps, { onClick: onItemClick
+                ? function (e) {
+                    onItemClick(propsBreadcrumb.href, e);
+                }
+                : onClick })));
+    };
+    var renderCurrentBreadcrumb = function (propsBreadcrumb) {
+        return React.createElement(BreadcrumbItem, __assign({}, propsBreadcrumb, { current: true, href: null, onClick: null }));
+    };
+    return (React.createElement(BlueprintBreadcrumbList, __assign({}, otherBlueprintBreadcrumbsProps, htmlUlProps, { className: eccgui + "-breadcrumb__list " + className, minVisibleItems: 1, breadcrumbRenderer: renderBreadcrumb, currentBreadcrumbRenderer: renderCurrentBreadcrumb })));
+}
+export default BreadcrumbList;
+//# sourceMappingURL=BreadcrumbList.js.map

package/dist/es5/components/Breadcrumb/BreadcrumbList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,WAAW,IAAI,uBAAuB,GAEzC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAkC9C,SAAS,cAAc,CAAC,EAMD;IALnB,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACd,qBAAqB;IACrB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACR,8BAA8B,cALb,2CAMvB,CADoC;IAEjC,IAAM,gBAAgB,GAAG,UAAC,eAAoB;QACnC,IAAA,OAAO,GAAmB,eAAe,QAAlC,EAAK,UAAU,UAAI,eAAe,EAA1C,WAAwB,CAAD,CAAoB;QACjD,OAAO,CACH,oBAAC,cAAc;QACX,mBAAmB;uBACf,UAAU,IACd,OAAO,EACH,WAAW;gBACP,CAAC,CAAC,UAAC,CAAC;oBACE,WAAW,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACzC,CAAC;gBACH,CAAC,CAAC,OAAO,IAEnB,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,uBAAuB,GAAG,UAAC,eAAoB;QACjD,OAAO,oBAAC,cAAc,eAAK,eAAe,IAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,IAAkC,CAAC;IAC3H,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,uBAAuB,eAChB,8BAA8B,EAC9B,WAAW,IACf,SAAS,EAAK,MAAM,uBAAoB,GAAG,SAAS,EACpD,eAAe,EAAE,CAAC,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,yBAAyB,EAAE,uBAAuB,IACpD,CACL,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}