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

package/dist/components/Application/ApplicationSidebarNavigation.jsx

@@ -1,22 +0,0 @@
-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 { SideNav as CarbonSideNav } from "carbon-components-react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-function ApplicationSidebarNavigation(_a) {
-    var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
-    var additionalClassName = className ? className : "";
-    return (<CarbonSideNav className={eccgui + "-application__menu__sidebar " + additionalClassName} {...otherProps} aria-label={"sidebar"} defaultExpanded={false} isPersistent={false} isFixedNav={true} isChildOfHeader={true}>
-            {children}
-        </CarbonSideNav>);
-}
-export default ApplicationSidebarNavigation;

package/dist/components/Application/ApplicationSidebarToggler.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _carbonComponentsReact = require("carbon-components-react");
-
-var _constants = require("../../configuration/constants");
-
-function ApplicationSidebarToggler({ ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.HeaderMenuButton, (0, _extends2.default)({
-    className: `${_constants.CLASSPREFIX}-application__menu__toggler`
-  }, restProps, {
-    isCollapsible: true
-  }));
-}
-
-var _default = ApplicationSidebarToggler;
-exports.default = _default;

package/dist/components/Application/ApplicationSidebarToggler.jsx

@@ -1,19 +0,0 @@
-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 { HeaderMenuButton as CarbonHeaderMenuButton } from "carbon-components-react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-function ApplicationSidebarToggler(_a) {
-    var restProps = __rest(_a, []);
-    return (<CarbonHeaderMenuButton className={eccgui + "-application__menu__toggler"} {...restProps} isCollapsible={true}/>);
-}
-export default ApplicationSidebarToggler;

package/dist/components/Application/ApplicationTitle.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _carbonComponentsReact = require("carbon-components-react");
-
-var _constants = require("../../configuration/constants");
-
-function ApplicationTitle({
-  children,
-  className = "",
-  prefix = "",
-  href,
-  depiction,
-  isNotDisplayed = false,
-  isAlignedWithSidebar = false,
-  isApplicationSidebarExpanded,
-  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
-}) {
-  const classApplication = `${_constants.CLASSPREFIX}-application__title`;
-  const classNotDisplayed = isNotDisplayed || !isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined" ? "bx--visually-hidden" : "";
-  const classAlignedSidebar = isAlignedWithSidebar || isApplicationSidebarExpanded ? `${_constants.CLASSPREFIX}-application__title--withsidebar` : "";
-  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.HeaderName, (0, _extends2.default)({}, otherPropsShouldOnlyBeUsedForDataAttributes, htmlAProps, {
-    className: `${classApplication} ${classAlignedSidebar} ${classNotDisplayed} ${className}`,
-    href: href,
-    prefix: ""
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_constants.CLASSPREFIX}-application__title--content`
-  }, !!depiction && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_constants.CLASSPREFIX}-application__title--depiction`
-  }, depiction)), !!prefix && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "bx--header__name--prefix"
-  }, prefix), "\xA0"), children));
-}
-
-var _default = ApplicationTitle;
-exports.default = _default;

package/dist/components/Application/ApplicationTitle.jsx

@@ -1,39 +0,0 @@
-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 (<CarbonHeaderName {...otherPropsShouldOnlyBeUsedForDataAttributes} {...htmlAProps} className={classApplication + " " + classAlignedSidebar + " " + classNotDisplayed + " " + className} href={href} prefix="">
-            <span className={eccgui + "-application__title--content"}>
-                {!!depiction && (<>
-                            <span className={eccgui + "-application__title--depiction"}>{depiction}</span>
-                        </>)}
-                {!!prefix && (<>
-                            <span className="bx--header__name--prefix">{prefix}</span>
-                            &nbsp;
-                        </>)}
-                {children}
-            </span>
-        </CarbonHeaderName>);
-}
-export default ApplicationTitle;

package/dist/components/Application/ApplicationToolbar.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _carbonComponentsReact = require("carbon-components-react");
-
-var _constants = require("../../configuration/constants");
-
-// import PropTypes from 'prop-types';
-function ApplicationToolbar({
-  children,
-  className = '',
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.HeaderGlobalBar, (0, _extends2.default)({}, restProps, {
-    className: `${_constants.CLASSPREFIX}-application__toolbar ` + className
-  }), children);
-}
-
-var _default = ApplicationToolbar;
-exports.default = _default;

package/dist/components/Application/ApplicationToolbar.jsx

@@ -1,22 +0,0 @@
-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 (<CarbonHeaderGlobalBar {...restProps} className={eccgui + "-application__toolbar " + className}>
-            {children}
-        </CarbonHeaderGlobalBar>);
-}
-export default ApplicationToolbar;

package/dist/components/Application/ApplicationToolbarAction.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _carbonComponentsReact = require("carbon-components-react");
-
-var _constants = require("../../configuration/constants");
-
-// import PropTypes from 'prop-types';
-function ApplicationToolbarAction({
-  children,
-  className = '',
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.HeaderGlobalAction, (0, _extends2.default)({}, restProps, {
-    className: `${_constants.CLASSPREFIX}-application__toolbar__action ` + className
-  }), children);
-}
-
-var _default = ApplicationToolbarAction;
-exports.default = _default;

package/dist/components/Application/ApplicationToolbarAction.jsx

@@ -1,22 +0,0 @@
-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 (<CarbonHeaderGlobalAction {...restProps} className={eccgui + "-application__toolbar__action " + className}>
-            {children}
-        </CarbonHeaderGlobalAction>);
-}
-export default ApplicationToolbarAction;

package/dist/components/Application/ApplicationToolbarPanel.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _carbonComponentsReact = require("carbon-components-react");
-
-var _constants = require("../../configuration/constants");
-
-// import PropTypes from 'prop-types';
-function ApplicationToolbarPanel({
-  children,
-  className = '',
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.HeaderPanel, (0, _extends2.default)({}, restProps, {
-    className: `${_constants.CLASSPREFIX}-application__toolbar__panel ` + className
-  }), children);
-}
-
-var _default = ApplicationToolbarPanel;
-exports.default = _default;

package/dist/components/Application/ApplicationToolbarPanel.jsx

@@ -1,22 +0,0 @@
-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 (<CarbonHeaderPanel {...restProps} className={eccgui + "-application__toolbar__panel " + className}>
-            {children}
-        </CarbonHeaderPanel>);
-}
-export default ApplicationToolbarPanel;

package/dist/components/Application/ApplicationToolbarSection.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _constants = require("../../configuration/constants");
-
-function ApplicationToolbarSection({
-  children,
-  className = '',
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: `${_constants.CLASSPREFIX}-application__toolbar__section ` + className
-  }), children);
-}
-
-var _default = ApplicationToolbarSection;
-exports.default = _default;

package/dist/components/Application/ApplicationToolbarSection.jsx

@@ -1,20 +0,0 @@
-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 (<div {...restProps} className={eccgui + "-application__toolbar__section " + className}>
-            {children}
-        </div>);
-}
-export default ApplicationToolbarSection;

package/dist/components/AutocompleteField/AutoCompleteField.d.ts

@@ -1,110 +0,0 @@
-import React from "react";
-import { HTMLInputProps, IInputGroupProps, IPopoverProps } from "@blueprintjs/core";
-declare type SearchFunction<T extends any> = (value: string) => T[];
-declare type AsyncSearchFunction<T extends any> = (value: string) => Promise<T[]>;
-export interface IRenderModifiers {
-    active: boolean;
-    disabled?: boolean;
-    styleWidth: IElementWidth;
-    highlightingEnabled: boolean;
-}
-/**
- * Parameters for the auto-complete field parameterized by T and U.
- * @param T is the input data structure/type of the items that can be selected.
- * @param U is the output data structure/type that is output on changes of the selected item, i.e. it may get converted first
- *          before onChange is called.
- */
-export interface IAutoCompleteFieldProps<T extends any, U extends any> {
-    /**
-     * Fired when text is typed into the input field. Returns a list of items of type T.
-     */
-    onSearch: SearchFunction<T> | AsyncSearchFunction<T>;
-    /**
-     * Fired when value selected from input
-     * @param value The value that has been converted with itemValueSelector.
-     * @param e     The event
-     */
-    onChange?(value: U, e?: React.SyntheticEvent<HTMLElement>): any;
-    /**
-     * The initial value for the auto-complete input field
-     */
-    initialValue?: T;
-    /**
-     * Returns the UI representation of the selectable items.
-     * If the return value is a string, a default render component will be displayed with search highlighting.
-     *
-     * @param item  The item that should be displayed as an option in the select list.
-     * @param query The current search query
-     * @param modifiers Modifiers for rendered elements, e.g. active, disabled.
-     * @param handleClick The function that needs to be called when the rendered item gets clicked. Else a selection
-     *                    via mouse is not possible. This only needs to be used when returning a JSX.Element.
-     */
-    itemRenderer(item: T, query: string, modifiers: IRenderModifiers, handleClick: () => any): string | JSX.Element;
-    /** Renders the string that should be displayed in the input field after the item has been selected.
-     */
-    itemValueRenderer(item: T): string;
-    /**
-     * Selects the part from the auto-completion item that is called with the onChange callback.
-     * @param item The selected item that should be converted to the value that onChange is called with.
-     */
-    itemValueSelector(item: T): U;
-    /** The text that should be displayed when no search result has been found and no custom entry can be created. */
-    noResultText: string;
-    /**
-     * Props to spread to the underlying input field. This is BlueprintJs specific. To control this input, use
-     * `query` and `onQueryChange` instead of `inputProps.value` and
-     * `inputProps.onChange`.
-     */
-    inputProps?: IInputGroupProps & HTMLInputProps;
-    /**
-     * Optional props of the BlueprintJs specific popover element.
-     */
-    popoverProps?: Partial<IPopoverProps>;
-    /** Defines if a value can be reset, i.e. a reset icon is shown and the value is set to a specific value.
-     *  When undefined, a value cannot be reset.
-     */
-    reset?: {
-        /** Returns true if the currently set value can be reset, i.e. set to the resetValue. The reset icon is only
-         *  shown if true is returned. */
-        resettableValue(value: T): boolean;
-        /** The value onChange is called with when a reset action is triggered. */
-        resetValue: U;
-        /** The reset button text that is shown on hovering over the reset icon. */
-        resetButtonText: string;
-    };
-    /** If enabled the auto completion component will auto focus. */
-    autoFocus?: boolean;
-    /** Contains methods for new item creation. If undefined no new, custom items can be created. */
-    createNewItem?: {
-        /** Creates a new item from the query. */
-        itemFromQuery: (query: string) => T;
-        /** Renders how the option to newly create an item should look like in the selection list. */
-        itemRenderer: (query: string, modifiers: IRenderModifiers, handleClick: React.MouseEventHandler<HTMLElement>) => JSX.Element | undefined;
-        /** If the new item option will always be shown as the first entry in the suggestion list, else it will be the last entry.
-         * @default false
-         */
-        showNewItemOptionFirst?: boolean;
-    };
-    /** If true the input field will be disabled. */
-    disabled?: boolean;
-    /** The value to which the search query should be reset after the popover closes.
-     *  By default the query is reset to the result of itemValueRenderer(selectedValue).
-     *
-     * @param selectedValue The currently selected value.
-     */
-    resetQueryToValue?(selectedValue: T): string;
-}
-/** Style object to be used in menu option items. */
-export interface IElementWidth {
-    width: string;
-    maxWidth: string;
-}
-/** Auto-complete input widget. */
-export declare function AutoCompleteField<T extends any, U extends any>(props: IAutoCompleteFieldProps<T, U>): JSX.Element;
-export declare namespace AutoCompleteField {
-    var defaultProps: {
-        autoFocus: boolean;
-        disabled: boolean;
-    };
-}
-export {};