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

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

@@ -0,0 +1,235 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoCompleteField = void 0;
+const react_1 = __importStar(require("react"));
+const select_1 = require("@blueprintjs/select");
+const index_1 = require("../../index");
+const constants_1 = require("../../configuration/constants");
+AutoCompleteField.defaultProps = {
+    autoFocus: false,
+    disabled: false,
+};
+/** Hook that returns the element width of the given ref.*/
+const elementWidth = (elRef) => {
+    if (elRef && elRef.current) {
+        return { width: elRef.current.offsetWidth + "px", maxWidth: "90vw" };
+    }
+    else {
+        return { width: "40rem", maxWidth: "90vw" };
+    }
+};
+/** Auto-complete input widget. */
+function AutoCompleteField(props) {
+    var _a;
+    const { reset, noResultText, disabled, itemValueSelector, itemRenderer, onSearch, onChange, initialValue, autoFocus, createNewItem, itemValueRenderer, resetQueryToValue } = props, otherProps = __rest(props, ["reset", "noResultText", "disabled", "itemValueSelector", "itemRenderer", "onSearch", "onChange", "initialValue", "autoFocus", "createNewItem", "itemValueRenderer", "resetQueryToValue"]);
+    const [selectedItem, setSelectedItem] = (0, react_1.useState)(initialValue);
+    // If the selection list elements are currently fetched from the backend
+    const [listLoading, setListLoading] = (0, react_1.useState)(false);
+    const [query, setQuery] = (0, react_1.useState)("");
+    const [hasFocus, setHasFocus] = (0, react_1.useState)(false);
+    const [highlightingEnabled, setHighlightingEnabled] = (0, react_1.useState)(true);
+    // The suggestions that match the user's input
+    const [filtered, setFiltered] = (0, react_1.useState)([]);
+    const SuggestAutocomplete = select_1.Suggest.ofType();
+    // Sets the query to the item value if it has a valid string value
+    const setQueryToSelectedValue = (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.
+            const defaultResetValue = createNewItem && typeof itemValueSelector(item) === "string" ? itemValueSelector(item) : itemValueRenderer(item);
+            const resetVal = resetQueryToValue ? resetQueryToValue(item) : defaultResetValue;
+            setQuery(resetVal);
+        }
+    };
+    const fieldRef = (0, react_1.useRef)(null);
+    // The key for the option elements
+    const itemKey = (item) => {
+        let itemValue = itemValueSelector(item);
+        if (typeof itemValue !== "string") {
+            itemValue = itemValueRenderer(item);
+        }
+        return itemValue;
+    };
+    (0, react_1.useEffect)(() => {
+        setQueryToSelectedValue(selectedItem);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedItem]);
+    (0, react_1.useEffect)(() => {
+        if (!disabled && hasFocus) {
+            setListLoading(true);
+            const timeout = window.setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                fetchQueryResults(query);
+            }), 200);
+            return () => {
+                clearTimeout(timeout);
+                setListLoading(false);
+            };
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [hasFocus, query]);
+    const fieldWidthLimits = elementWidth(fieldRef);
+    // We need to fire some actions when the auto-complete widget gets or loses focus
+    const handleOnFocusIn = () => {
+        setHasFocus(true);
+    };
+    const handleOnFocusOut = () => {
+        setHasFocus(false);
+    };
+    // On popover close reset query to selected item
+    const onPopoverClose = () => {
+        // 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
+    const onSelectionChange = (value, e) => {
+        setSelectedItem(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(itemValueSelector(value), e);
+        setQueryToSelectedValue(value);
+    };
+    const areEqualItems = (itemA, itemB) => itemValueSelector(itemA) === itemValueSelector(itemB);
+    // Return the index of the item in the array based on the itemValueRenderer value
+    const itemIndexOf = (arr, searchItem) => {
+        let idx = -1;
+        const searchItemString = itemValueSelector(searchItem);
+        arr.forEach((v, i) => {
+            if (itemValueSelector(v) === searchItemString) {
+                idx = i;
+            }
+        });
+        return idx;
+    };
+    // Fetches the results for the given query
+    const fetchQueryResults = (input) => __awaiter(this, void 0, void 0, function* () {
+        setListLoading(true);
+        try {
+            let result = yield onSearch(input);
+            const onlySelectItemReturned = result.length <= 1 && selectedItem && input.length > 0 &&
+                (itemValueRenderer(selectedItem) === input || itemValueSelector(selectedItem) === input);
+            let enableHighlighting = true;
+            if (onlySelectItemReturned) {
+                // If the auto-completion only returns no suggestion or the selected item itself, query with empty string.
+                const emptyStringResults = yield onSearch("");
+                // 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 = [selectedItem, ...emptyStringResults];
+                }
+                else {
+                    result = emptyStringResults;
+                }
+            }
+            setHighlightingEnabled(enableHighlighting);
+            setFiltered(result);
+        }
+        catch (e) {
+            console.log(e);
+        }
+        finally {
+            setListLoading(false);
+        }
+    });
+    // Renders the item in the selection list
+    const optionRenderer = (item, { handleClick, modifiers, query }) => {
+        if (!modifiers.matchesPredicate) {
+            return null;
+        }
+        const relevantModifiers = {
+            active: modifiers.active,
+            disabled: modifiers.disabled,
+            styleWidth: fieldWidthLimits,
+            highlightingEnabled: highlightingEnabled,
+        };
+        const renderedItem = itemRenderer(item, query, relevantModifiers, handleClick);
+        if (typeof renderedItem === "string") {
+            return (react_1.default.createElement(index_1.MenuItem, { active: modifiers.active, disabled: modifiers.disabled, key: itemKey(item), onClick: handleClick, text: react_1.default.createElement(index_1.OverflowText, { style: fieldWidthLimits }, !highlightingEnabled ? renderedItem : react_1.default.createElement(index_1.Highlighter, { label: renderedItem, searchValue: query })) }));
+        }
+        else {
+            return renderedItem;
+        }
+    };
+    // Resets the selection
+    const clearSelection = (resetValue) => () => {
+        setSelectedItem(undefined);
+        onChange === null || onChange === void 0 ? void 0 : onChange(resetValue);
+        setQuery("");
+    };
+    // Optional clear button to reset the selected value
+    const clearButton = reset &&
+        selectedItem != null &&
+        reset.resettableValue(selectedItem) ? (react_1.default.createElement(index_1.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
+    const updatedInputProps = Object.assign({ rightElement: clearButton, autoFocus: autoFocus, onBlur: handleOnFocusOut, onFocus: handleOnFocusIn }, otherProps.inputProps);
+    const updatedPopOverProps = Object.assign({ minimal: true, position: "bottom", popoverClassName: `${constants_1.CLASSPREFIX}-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
+    const createNewItemPosition = (createNewItem === null || createNewItem === void 0 ? void 0 : createNewItem.showNewItemOptionFirst) ? "first" : "last";
+    const createNewItemProps = createNewItem ? {
+        createNewItemFromQuery: createNewItem.itemFromQuery,
+        createNewItemRenderer: (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, styleWidth: fieldWidthLimits, highlightingEnabled: false }, handleClick);
+            }
+        },
+        createNewItemPosition
+    } : {};
+    return (react_1.default.createElement("div", { ref: fieldRef },
+        react_1.default.createElement(SuggestAutocomplete, Object.assign({ className: `${constants_1.CLASSPREFIX}-autocompletefield__input`, disabled: disabled, items: filtered, inputValueRenderer: selectedItem !== undefined ? itemValueRenderer : () => "", itemRenderer: optionRenderer, itemsEqual: areEqualItems, noResults: react_1.default.createElement(index_1.MenuItem, { disabled: true, text: noResultText, style: fieldWidthLimits }), onItemSelect: onSelectionChange, onQueryChange: (q) => 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 ? () => react_1.default.createElement(index_1.Menu, null,
+                react_1.default.createElement(index_1.MenuItem, { disabled: true, text: react_1.default.createElement(index_1.Spinner, { position: "inline" }), style: fieldWidthLimits })) : undefined }))));
+}
+exports.AutoCompleteField = AutoCompleteField;
+//# sourceMappingURL=AutoCompleteField.js.map

package/dist/cjs/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/cjs/components/Breadcrumb/BreadcrumbItem.js

@@ -0,0 +1,36 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// import PropTypes from 'prop-types';
+const core_1 = require("@blueprintjs/core");
+const constants_1 = require("../../configuration/constants");
+const openInNewTab_1 = require("../../common/utils/openInNewTab");
+function BreadcrumbItem(_a) {
+    var { className = "", onClick, href } = _a, 
+    //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_1.default.createElement(core_1.Breadcrumb, Object.assign({}, otherBlueprintBreadcrumbProps, { href: href, onClick: (e) => (0, openInNewTab_1.openInNewTab)(e, onClick, href), className: `${constants_1.CLASSPREFIX}-breadcrumb__item ` + className })));
+}
+exports.default = BreadcrumbItem;
+//# sourceMappingURL=BreadcrumbItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sCAAsC;AACtC,4CAG2B;AAC3B,6DAAsE;AACtE,kEAA+D;AAY/D,SAAS,cAAc,CAAC,EAMD;QANC,EACpB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,IAAI,OAGe;IAFnB,iBAAiB;IACd,6BAA6B,cALZ,gCAMvB,CADmC;IAGhC;;;;;;MAME;IACF,OAAO,CACL,8BAAC,iBAAuB,oBAClB,6BAA6B,IACjC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,2BAAY,EAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAC9C,SAAS,EAAE,GAAG,uBAAM,oBAAoB,GAAG,SAAS,IAEpD,CACH,CAAC;AACN,CAAC;AAED,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const core_1 = require("@blueprintjs/core");
+const constants_1 = require("../../configuration/constants");
+const BreadcrumbItem_1 = __importDefault(require("./BreadcrumbItem"));
+function BreadcrumbList(_a) {
+    var { className = "", 
+    // itemDivider = "/",
+    onItemClick, htmlUlProps } = _a, otherBlueprintBreadcrumbsProps = __rest(_a, ["className", "onItemClick", "htmlUlProps"]);
+    const renderBreadcrumb = (propsBreadcrumb) => {
+        const { onClick } = propsBreadcrumb, otherProps = __rest(propsBreadcrumb, ["onClick"]);
+        return (react_1.default.createElement(BreadcrumbItem_1.default
+        /*itemDivider="/"*/
+        , Object.assign({}, otherProps, { onClick: onItemClick
+                ? (e) => {
+                    onItemClick(propsBreadcrumb.href, e);
+                }
+                : onClick })));
+    };
+    const renderCurrentBreadcrumb = (propsBreadcrumb) => {
+        return react_1.default.createElement(BreadcrumbItem_1.default, Object.assign({}, propsBreadcrumb, { current: true, href: null, onClick: null }));
+    };
+    return (react_1.default.createElement(core_1.Breadcrumbs, Object.assign({}, otherBlueprintBreadcrumbsProps, htmlUlProps, { className: `${constants_1.CLASSPREFIX}-breadcrumb__list ` + className, minVisibleItems: 1, breadcrumbRenderer: renderBreadcrumb, currentBreadcrumbRenderer: renderCurrentBreadcrumb })));
+}
+exports.default = BreadcrumbList;
+//# sourceMappingURL=BreadcrumbList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAG2B;AAC3B,6DAAsE;AACtE,sEAA8C;AAkC9C,SAAS,cAAc,CAAC,EAMD;QANC,EACpB,SAAS,GAAG,EAAE;IACd,qBAAqB;IACrB,WAAW,EACX,WAAW,OAEQ,EADhB,8BAA8B,cALb,2CAMvB,CADoC;IAEjC,MAAM,gBAAgB,GAAG,CAAC,eAAoB,EAAE,EAAE;QAC9C,MAAM,EAAC,OAAO,KAAmB,eAAe,EAA7B,UAAU,UAAI,eAAe,EAA1C,WAAwB,CAAkB,CAAC;QACjD,OAAO,CACH,8BAAC,wBAAc;QACX,mBAAmB;4BACf,UAAU,IACd,OAAO,EACH,WAAW;gBACP,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;oBACF,WAAW,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACzC,CAAC;gBACH,CAAC,CAAC,OAAO,IAEnB,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,eAAoB,EAAE,EAAE;QACrD,OAAO,8BAAC,wBAAc,oBAAK,eAAe,IAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,IAAkC,CAAC;IAC3H,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,kBAAuB,oBAChB,8BAA8B,EAC9B,WAAW,IACf,SAAS,EAAE,GAAG,uBAAM,oBAAoB,GAAG,SAAS,EACpD,eAAe,EAAE,CAAC,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,yBAAyB,EAAE,uBAAuB,IACpD,CACL,CAAC;AACN,CAAC;AAED,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/Button/Button.js

@@ -0,0 +1,51 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const core_1 = require("@blueprintjs/core");
+const Icon_1 = __importDefault(require("../Icon/Icon"));
+const Tooltip_1 = __importDefault(require("./../Tooltip/Tooltip"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * Display a button element to enable user interaction.
+ * It normally should trigger action when clicked.
+ */
+function Button(_a) {
+    var { children, className = "", affirmative = false, disruptive = false, elevated = false, hasStatePrimary = false, hasStateSuccess = false, hasStateWarning = false, hasStateDanger = false, icon, rightIcon, tooltip = null, tooltipProperties } = _a, restProps = __rest(_a, ["children", "className", "affirmative", "disruptive", "elevated", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "icon", "rightIcon", "tooltip", "tooltipProperties"]);
+    let intention;
+    switch (true) {
+        case affirmative || elevated || hasStatePrimary:
+            intention = core_1.Intent.PRIMARY;
+            break;
+        case hasStateSuccess:
+            intention = core_1.Intent.SUCCESS;
+            break;
+        case hasStateWarning:
+            intention = core_1.Intent.WARNING;
+            break;
+        case disruptive || hasStateDanger:
+            intention = core_1.Intent.DANGER;
+            break;
+        default:
+            break;
+    }
+    let ButtonType = restProps.href ? core_1.AnchorButton : core_1.Button;
+    const button = (react_1.default.createElement(ButtonType, Object.assign({}, restProps, { className: `${constants_1.CLASSPREFIX}-button ` + className, intent: intention, icon: typeof icon === "string" ? react_1.default.createElement(Icon_1.default, { name: icon }) : icon, rightIcon: typeof rightIcon === "string" ? react_1.default.createElement(Icon_1.default, { name: rightIcon }) : rightIcon }), children));
+    return tooltip ? (react_1.default.createElement(Tooltip_1.default, Object.assign({ content: tooltip }, tooltipProperties),
+        react_1.default.createElement("span", null, button))) : (button);
+}
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAM2B;AAC3B,wDAAgC;AAChC,mEAA6D;AAC7D,6DAAsE;AAqDtE;;;GAGG;AACH,SAAS,MAAM,CAAC,EAeoB;QAfpB,EACd,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,KAAK,EACtB,IAAI,EACJ,SAAS,EACT,OAAO,GAAG,IAAI,EACd,iBAAiB,OAEiB,EAD/B,SAAS,cAdE,kMAef,CADa;IAEZ,IAAI,SAAS,CAAC;IACd,QAAQ,IAAI,EAAE;QACZ,KAAK,WAAW,IAAI,QAAQ,IAAI,eAAe;YAC7C,SAAS,GAAG,aAAe,CAAC,OAAO,CAAC;YACpC,MAAM;QACR,KAAK,eAAe;YAClB,SAAS,GAAG,aAAe,CAAC,OAAO,CAAC;YACpC,MAAM;QACR,KAAK,eAAe;YAClB,SAAS,GAAG,aAAe,CAAC,OAAO,CAAC;YACpC,MAAM;QACR,KAAK,UAAU,IAAI,cAAc;YAC/B,SAAS,GAAG,aAAe,CAAC,MAAM,CAAC;YACnC,MAAM;QACR;YACE,MAAM;KACT;IAED,IAAI,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAqB,CAAC,CAAC,CAAC,aAAe,CAAC;IAE1E,MAAM,MAAM,GAAG,CACb,8BAAC,UAAU,oBACL,SAAS,IACb,SAAS,EAAE,GAAG,uBAAM,UAAU,GAAG,SAAS,EAC1C,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5D,SAAS,EACX,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,SAAS,KAGlE,QAAQ,CACE,CACd,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,8BAAC,iBAAO,kBAAC,OAAO,EAAE,OAAO,IAAM,iBAAiB;QAC9C,4CAAO,MAAM,CAAQ,CACb,CACX,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,MAAM,CAAC"}

package/dist/cjs/components/Card/Card.js

@@ -0,0 +1,35 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const core_1 = require("@blueprintjs/core");
+const constants_1 = require("../../configuration/constants");
+/**
+ * Element to separate content sections from each other.
+ * Cards can include other cards but should not.
+ */
+function Card(_a) {
+    var { children, className = '', elevation = 1, isOnlyLayout = false, fullHeight = false, elevated = false, interactive } = _a, otherProps = __rest(_a, ["children", "className", "elevation", "isOnlyLayout", "fullHeight", "elevated", "interactive"]);
+    const cardElement = (react_1.default.createElement(core_1.Card, Object.assign({ className: `${constants_1.CLASSPREFIX}-card ` +
+            (fullHeight ? ` ${constants_1.CLASSPREFIX}-card--fullheight ` : '') +
+            (elevated ? ` ${constants_1.CLASSPREFIX}-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_1.default.createElement("section", null, cardElement) : cardElement;
+}
+;
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAG2B;AAC3B,6DAAsE;AAkBtE;;;GAGG;AACH,SAAS,IAAI,CAAC,EASF;QATE,EACV,QAAQ,EACR,SAAS,GAAC,EAAE,EACZ,SAAS,GAAC,CAAC,EACX,YAAY,GAAC,KAAK,EAClB,UAAU,GAAC,KAAK,EAChB,QAAQ,GAAC,KAAK,EACd,WAAW,OAEH,EADL,UAAU,cARH,+FASb,CADgB;IAEb,MAAM,WAAW,GAAG,CAChB,8BAAC,WAAa,kBACV,SAAS,EACL,GAAG,uBAAM,QAAQ;YACjB,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,uBAAM,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAClD,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,kBAAkB,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,+CAAU,WAAW,CAAW,CAAC,CAAC,CAAC,WAAW,CAAC;AACnF,CAAC;AAAA,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("../../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, className = '', inverseDirection = false } = _a, otherProps = __rest(_a, ["children", "className", "inverseDirection"]);
+    return (react_1.default.createElement("footer", Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-card__actions` +
+            (inverseDirection ? ` ${constants_1.CLASSPREFIX}-card__actions--inversedirection` : '') +
+            (className ? ' ' + className : '') }), children));
+}
+;
+exports.default = CardActions;
+//# sourceMappingURL=CardActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/Card/CardActions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6DAAsE;AAUtE;;;GAGG;AACH,SAAS,WAAW,CAAE,EAKF;QALE,EAClB,QAAQ,EACR,SAAS,GAAC,EAAE,EACZ,gBAAgB,GAAC,KAAK,OAEN,EADb,UAAU,cAJK,6CAKrB,CADgB;IAEb,OAAO,CACH,0DACQ,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,gBAAgB;YACzB,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,uBAAM,kCAAkC,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,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,30 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * Additional side buttons inside `CardActions`.
+ * Elements are aligned to the other side of the container.
+ */
+function CardActionsAux(_a) {
+    var { children, className = '' } = _a, otherProps = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement("div", Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-card__actions__aux` +
+            (className ? ' ' + className : '') }), children));
+}
+;
+exports.default = CardActionsAux;
+//# sourceMappingURL=CardActionsAux.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionsAux.js","sourceRoot":"","sources":["../../../../src/components/Card/CardActionsAux.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6DAAsE;AAKtE;;;GAGG;AACH,SAAS,cAAc,CAAE,EAIL;QAJK,EACrB,QAAQ,EACR,SAAS,GAAC,EAAE,OAEI,EADb,UAAU,cAHQ,yBAIxB,CADgB;IAEb,OAAO,CACH,uDACQ,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,qBAAqB;YAC9B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACP,CACT,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * Holds the card content.
+ * Display scrollbars in case there is not enough space for it.
+ */
+function CardContent(_a) {
+    var { children, className = '' } = _a, otherProps = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement("div", Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-card__content ` + className }), children));
+}
+;
+exports.default = CardContent;
+//# sourceMappingURL=CardContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6DAAsE;AAKtE;;;GAGG;AACH,SAAS,WAAW,CAAC,EAID;QAJC,EACjB,QAAQ,EACR,SAAS,GAAC,EAAE,OAEI,EADb,UAAU,cAHI,yBAIpB,CADgB;IAEb,OAAO,CACH,uDACQ,UAAU,IACd,SAAS,EAAE,GAAG,uBAAM,iBAAiB,GAAG,SAAS,KAEhD,QAAQ,CACP,CACT,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/Card/CardHeader.js

@@ -0,0 +1,45 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const OverviewItem_1 = __importDefault(require("./../OverviewItem/OverviewItem"));
+const OverviewItem_2 = require("./../OverviewItem");
+const constants_1 = require("../../configuration/constants");
+const CardTitle_1 = __importDefault(require("./CardTitle"));
+const CardOptions_1 = __importDefault(require("./CardOptions"));
+function CardHeader(_a) {
+    var { children, className = "", densityHigh = true } = _a, otherProps = __rest(_a, ["children", "className", "densityHigh"]);
+    let actions = [];
+    let description = [];
+    children && (Array.isArray(children) ? children : [children]).forEach((child) => {
+        if (typeof child === "object" && child && !!child.type) {
+            switch (child.type) {
+                case CardTitle_1.default:
+                    description.push(child);
+                    break;
+                case CardOptions_1.default:
+                    actions.push(child);
+                    break;
+            }
+        }
+    });
+    return (react_1.default.createElement("header", null,
+        react_1.default.createElement(OverviewItem_1.default, Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-card__header ` + className, densityHigh: densityHigh }),
+            description.length > 0 && react_1.default.createElement(OverviewItem_2.OverviewItemDescription, null, description),
+            actions)));
+}
+exports.default = CardHeader;
+//# sourceMappingURL=CardHeader.js.map

package/dist/cjs/components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,kFAAiF;AACjF,oDAA4D;AAC5D,6DAAsE;AACtE,4DAAoC;AACpC,gEAAwC;AAMxC,SAAS,UAAU,CAAC,EAKF;QALE,EAChB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,IAAI,OAEJ,EADX,UAAU,cAJG,wCAKnB,CADgB;IAEb,IAAI,OAAO,GAAU,EAAE,CAAC;IACxB,IAAI,WAAW,GAAU,EAAE,CAAC;IAE5B,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC5E,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;YACpD,QAAQ,KAAK,CAAC,IAAI,EAAE;gBAChB,KAAK,mBAAS;oBACV,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACxB,MAAM;gBACV,KAAK,qBAAW;oBACZ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACpB,MAAM;aACb;SACJ;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,CACH;QACI,8BAAC,sBAAY,oBAAK,UAAU,IAAE,SAAS,EAAE,GAAG,uBAAM,gBAAgB,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW;YACnG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,8BAAC,sCAAuB,QAAE,WAAW,CAA2B;YAC1F,OAAO,CACG,CACV,CACZ,CAAC;AACN,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/Card/CardOptions.js

@@ -0,0 +1,32 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const OverviewItemActions_1 = __importDefault(require("./../OverviewItem/OverviewItemActions"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * Container for elements that allow user-interaction, e.g. buttons or context menus.
+ * Can contain multiple of them.
+ * Is displayed right-aligned in the `CardHeader`.
+ */
+function CardOptions(_a) {
+    var { children, className = '' } = _a, otherProps = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement(OverviewItemActions_1.default, Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-card__options` +
+            (className ? ' ' + className : '') }), children));
+}
+;
+exports.default = CardOptions;
+//# sourceMappingURL=CardOptions.js.map

package/dist/cjs/components/Card/CardOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardOptions.js","sourceRoot":"","sources":["../../../../src/components/Card/CardOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,gGAAsG;AACtG,6DAAsE;AAMtE;;;;GAIG;AACH,SAAS,WAAW,CAAC,EAIF;QAJE,EACjB,QAAQ,EACR,SAAS,GAAC,EAAE,OAEG,EADZ,UAAU,cAHI,yBAIpB,CADgB;IAEb,OAAO,CACH,8BAAC,6BAAmB,oBACZ,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,gBAAgB;YACzB,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACS,CACzB,CAAC;AACN,CAAC;AAAA,CAAC;AAEF,kBAAe,WAAW,CAAC"}