@eccenca/gui-elements 22.0.0-rc.6 → 22.1.0-rc.0

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

@@ -0,0 +1,290 @@
+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, itemValueString = props.itemValueString, otherProps = __rest(props, ["reset", "noResultText", "disabled", "itemValueSelector", "itemRenderer", "onSearch", "onChange", "initialValue", "autoFocus", "createNewItem", "itemValueRenderer", "resetQueryToValue", "itemValueString"]);
+    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 ? itemValueString(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) {
+        return itemValueString(item);
+    };
+    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 = itemValueString(searchItem);
+        arr.forEach(function (v, i) {
+            if (itemValueString(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 || itemValueString(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", boundary: "window", 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 === itemValueString(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"}

package/dist/es5/components/Button/Button.js

@@ -0,0 +1,57 @@
+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 { AnchorButton as BlueprintAnchorButton, Button as BlueprintButton, Intent as BlueprintIntent, } from "@blueprintjs/core";
+import Icon from "../Icon/Icon";
+import Tooltip from "./../Tooltip/Tooltip";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/**
+ * Display a button element to enable user interaction.
+ * It normally should trigger action when clicked.
+ */
+function Button(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.affirmative, affirmative = _c === void 0 ? false : _c, _d = _a.disruptive, disruptive = _d === void 0 ? false : _d, _e = _a.elevated, elevated = _e === void 0 ? false : _e, _f = _a.hasStatePrimary, hasStatePrimary = _f === void 0 ? false : _f, _g = _a.hasStateSuccess, hasStateSuccess = _g === void 0 ? false : _g, _h = _a.hasStateWarning, hasStateWarning = _h === void 0 ? false : _h, _j = _a.hasStateDanger, hasStateDanger = _j === void 0 ? false : _j, icon = _a.icon, rightIcon = _a.rightIcon, _k = _a.tooltip, tooltip = _k === void 0 ? null : _k, tooltipProperties = _a.tooltipProperties, restProps = __rest(_a, ["children", "className", "affirmative", "disruptive", "elevated", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "icon", "rightIcon", "tooltip", "tooltipProperties"]);
+    var intention;
+    switch (true) {
+        case affirmative || elevated || hasStatePrimary:
+            intention = BlueprintIntent.PRIMARY;
+            break;
+        case hasStateSuccess:
+            intention = BlueprintIntent.SUCCESS;
+            break;
+        case hasStateWarning:
+            intention = BlueprintIntent.WARNING;
+            break;
+        case disruptive || hasStateDanger:
+            intention = BlueprintIntent.DANGER;
+            break;
+        default:
+            break;
+    }
+    var ButtonType = restProps.href ? BlueprintAnchorButton : BlueprintButton;
+    var button = (React.createElement(ButtonType, __assign({}, restProps, { className: eccgui + "-button " + className, intent: intention, icon: typeof icon === "string" ? React.createElement(Icon, { name: icon }) : icon, rightIcon: typeof rightIcon === "string" ? React.createElement(Icon, { name: rightIcon }) : rightIcon }), children));
+    return tooltip ? (React.createElement(Tooltip, __assign({ content: tooltip }, tooltipProperties),
+        React.createElement("span", null, button))) : (button);
+}
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/es5/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,YAAY,IAAI,qBAAqB,EACrC,MAAM,IAAI,eAAe,EAGzB,MAAM,IAAI,eAAe,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,OAAyB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAsDtE;;;GAGG;AACH,SAAS,MAAM,CAAC,EAeoB;IAdlC,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,iBAAiB,uBAAA,EACd,SAAS,cAdE,kMAef,CADa;IAEZ,IAAI,SAAS,CAAC;IACd,QAAQ,IAAI,EAAE;QACZ,KAAK,WAAW,IAAI,QAAQ,IAAI,eAAe;YAC7C,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC;YACpC,MAAM;QACR,KAAK,eAAe;YAClB,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC;YACpC,MAAM;QACR,KAAK,eAAe;YAClB,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC;YACpC,MAAM;QACR,KAAK,UAAU,IAAI,cAAc;YAC/B,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC;YACnC,MAAM;QACR;YACE,MAAM;KACT;IAED,IAAI,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC;IAE1E,IAAM,MAAM,GAAG,CACb,oBAAC,UAAU,eACL,SAAS,IACb,SAAS,EAAK,MAAM,aAAU,GAAG,SAAS,EAC1C,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5D,SAAS,EACX,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,SAAS,KAGlE,QAAQ,CACE,CACd,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,aAAC,OAAO,EAAE,OAAO,IAAM,iBAAiB;QAC9C,kCAAO,MAAM,CAAQ,CACb,CACX,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}

package/dist/es5/components/Card/Card.js

@@ -0,0 +1,41 @@
+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 { Card as BlueprintCard } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/**
+ * Element to separate content sections from each other.
+ * Cards can include other cards but should not.
+ */
+function Card(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.elevation, elevation = _c === void 0 ? 1 : _c, _d = _a.isOnlyLayout, isOnlyLayout = _d === void 0 ? false : _d, _e = _a.fullHeight, fullHeight = _e === void 0 ? false : _e, _f = _a.elevated, elevated = _f === void 0 ? false : _f, interactive = _a.interactive, otherProps = __rest(_a, ["children", "className", "elevation", "isOnlyLayout", "fullHeight", "elevated", "interactive"]);
+    var cardElement = (React.createElement(BlueprintCard, __assign({ className: eccgui + "-card " +
+            (fullHeight ? " " + eccgui + "-card--fullheight " : '') +
+            (elevated ? " " + eccgui + "-card--elevated " : '') +
+            className, elevation: elevation, interactive: !!otherProps.onClick ? true : interactive }, otherProps), children));
+    // TODO: improve Card element so it is itself a section html element
+    return isOnlyLayout === false ? React.createElement("section", null, cardElement) : cardElement;
+}
+;
+export default Card;
+//# sourceMappingURL=Card.js.map

package/dist/es5/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,IAAI,IAAI,aAAa,EAExB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAkBtE;;;GAGG;AACH,SAAS,IAAI,CAAC,EASF;IARR,IAAA,QAAQ,cAAA,EACR,iBAAY,EAAZ,SAAS,mBAAC,EAAE,KAAA,EACZ,iBAAW,EAAX,SAAS,mBAAC,CAAC,KAAA,EACX,oBAAkB,EAAlB,YAAY,mBAAC,KAAK,KAAA,EAClB,kBAAgB,EAAhB,UAAU,mBAAC,KAAK,KAAA,EAChB,gBAAc,EAAd,QAAQ,mBAAC,KAAK,KAAA,EACd,WAAW,iBAAA,EACR,UAAU,cARH,+FASb,CADgB;IAEb,IAAM,WAAW,GAAG,CAChB,oBAAC,aAAa,aACV,SAAS,EACF,MAAM,WAAQ;YACjB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,uBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAClD,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAI,MAAM,qBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,SAAS,EAEb,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,IAClD,UAAU,GAEb,QAAQ,CACG,CACnB,CAAC;IAEF,oEAAoE;IACpE,OAAO,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,qCAAU,WAAW,CAAW,CAAC,CAAC,CAAC,WAAW,CAAC;AACnF,CAAC;AAAA,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/es5/components/Card/CardActions.js

@@ -0,0 +1,37 @@
+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";
+/**
+ * Contains a footer with user-interaction elements like buttons for the `Card` element.
+ * Content must be ordered by importance, so the main action comes before other actions.
+ */
+function CardActions(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.inverseDirection, inverseDirection = _c === void 0 ? false : _c, otherProps = __rest(_a, ["children", "className", "inverseDirection"]);
+    return (React.createElement("footer", __assign({}, otherProps, { className: eccgui + "-card__actions" +
+            (inverseDirection ? " " + eccgui + "-card__actions--inversedirection" : '') +
+            (className ? ' ' + className : '') }), children));
+}
+;
+export default CardActions;
+//# sourceMappingURL=CardActions.js.map

package/dist/es5/components/Card/CardActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/Card/CardActions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAUtE;;;GAGG;AACH,SAAS,WAAW,CAAE,EAKF;IAJhB,IAAA,QAAQ,cAAA,EACR,iBAAY,EAAZ,SAAS,mBAAC,EAAE,KAAA,EACZ,wBAAsB,EAAtB,gBAAgB,mBAAC,KAAK,KAAA,EACnB,UAAU,cAJK,6CAKrB,CADgB;IAEb,OAAO,CACH,2CACQ,UAAU,IACd,SAAS,EACF,MAAM,mBAAgB;YACzB,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtE,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/es5/components/Card/CardActionsAux.js

@@ -0,0 +1,36 @@
+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";
+/**
+ * Additional side buttons inside `CardActions`.
+ * Elements are aligned to the other side of the container.
+ */
+function CardActionsAux(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, otherProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({}, otherProps, { className: eccgui + "-card__actions__aux" +
+            (className ? ' ' + className : '') }), children));
+}
+;
+export default CardActionsAux;
+//# sourceMappingURL=CardActionsAux.js.map

package/dist/es5/components/Card/CardActionsAux.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionsAux.js","sourceRoot":"","sources":["../../../../src/components/Card/CardActionsAux.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAKtE;;;GAGG;AACH,SAAS,cAAc,CAAE,EAIL;IAHhB,IAAA,QAAQ,cAAA,EACR,iBAAY,EAAZ,SAAS,mBAAC,EAAE,KAAA,EACT,UAAU,cAHQ,yBAIxB,CADgB;IAEb,OAAO,CACH,wCACQ,UAAU,IACd,SAAS,EACF,MAAM,wBAAqB;YAC9B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACP,CACT,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/es5/components/Card/CardContent.js

@@ -0,0 +1,35 @@
+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";
+/**
+ * Holds the card content.
+ * Display scrollbars in case there is not enough space for it.
+ */
+function CardContent(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, otherProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({}, otherProps, { className: eccgui + "-card__content " + className }), children));
+}
+;
+export default CardContent;
+//# sourceMappingURL=CardContent.js.map

package/dist/es5/components/Card/CardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAKtE;;;GAGG;AACH,SAAS,WAAW,CAAC,EAID;IAHhB,IAAA,QAAQ,cAAA,EACR,iBAAY,EAAZ,SAAS,mBAAC,EAAE,KAAA,EACT,UAAU,cAHI,yBAIpB,CADgB;IAEb,OAAO,CACH,wCACQ,UAAU,IACd,SAAS,EAAK,MAAM,oBAAiB,GAAG,SAAS,KAEhD,QAAQ,CACP,CACT,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,eAAe,WAAW,CAAC"}