@eccenca/gui-elements 22.0.0-rc.7 → 22.1.0-rc.1

package/dist/es5/legacy-replacements/Tabs/Tabs.js

@@ -0,0 +1,40 @@
+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 { Tabs as BlueprintTabs, Tab, } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+var createDeprecatedTab = function (_a) {
+    var tabId = _a.tabId, tabTitle = _a.tabTitle, tabContent = _a.tabContent, _b = _a.dontShrink, dontShrink = _b === void 0 ? false : _b, otherTabProps = __rest(_a, ["tabId", "tabTitle", "tabContent", "dontShrink"]);
+    var extraStyles = dontShrink ? { style: { flexShrink: 0 } } : {};
+    return React.createElement(Tab, __assign({ key: tabId, id: tabId, title: tabTitle, panel: tabContent }, otherTabProps, extraStyles));
+};
+export function TabsReplacement(_a) {
+    var activeTab = _a.activeTab, _b = _a.tabs, tabs = _b === void 0 ? [] : _b, onTabClick = _a.onTabClick, _c = _a.controlled, controlled = _c === void 0 ? false : _c, prefixTabNames = _a.prefixTabNames, _d = _a.className, className = _d === void 0 ? "" : _d, allowScrollbars = _a.allowScrollbars, restProps = __rest(_a, ["activeTab", "tabs", "onTabClick", "controlled", "prefixTabNames", "className", "allowScrollbars"]);
+    var usagetype = controlled ? { selectedTabId: activeTab } : { defaultSelectedTabId: activeTab };
+    return (React.createElement(BlueprintTabs, __assign({ id: prefixTabNames, onChange: onTabClick, className: className +
+            (allowScrollbars ? " " + eccgui + "-tabs--scrollablelist" : "") }, usagetype, restProps), tabs.map(function (tab) {
+        return createDeprecatedTab(__assign({ className: prefixTabNames + "-header-" + tab.tabId }, tab));
+    })));
+}
+;
+//# sourceMappingURL=Tabs.js.map

package/dist/es5/legacy-replacements/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/legacy-replacements/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,IAAI,IAAI,aAAa,EAErB,GAAG,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA2BtE,IAAM,mBAAmB,GAAG,UAAC,EAMR;IALjB,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,kBAAgB,EAAhB,UAAU,mBAAC,KAAK,KAAA,EACb,aAAa,cALS,iDAM5B,CADmB;IAEhB,IAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,OAAO,oBAAC,GAAG,aACP,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,UAAU,IACb,aAAa,EACb,WAAW,EACjB,CAAC;AACP,CAAC,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,EASpB;IARR,IAAA,SAAS,eAAA,EACT,YAAO,EAAP,IAAI,mBAAC,EAAE,KAAA,EACP,UAAU,gBAAA,EACV,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,cAAc,oBAAA,EACd,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAe,qBAAA,EACZ,SAAS,cARgB,mGAS/B,CADe;IAEZ,IAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAA;IACjG,OAAO,CACH,oBAAC,aAAa,aACV,EAAE,EAAE,cAAc,EAClB,QAAQ,EAAE,UAAU,EACpB,SAAS,EACL,SAAS;YACT,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,0BAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,IAE1D,SAAS,EACT,SAAS,GAGT,IAAI,CAAC,GAAG,CAAC,UAAA,GAAG;QACR,OAAO,mBAAmB,YACtB,SAAS,EAAK,cAAc,gBAAW,GAAG,CAAC,KAAO,IAC/C,GAAG,EACR,CAAC;IACP,CAAC,CAAC,CAEM,CACnB,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/es5/legacy-replacements/TextField/TextField.js

@@ -0,0 +1,81 @@
+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 FieldItem from "../../components/Form/FieldItem";
+import TextField from "../../components/TextField/TextField";
+import TextArea from "../../components/TextField/TextArea";
+import IconButton from "../../components/Icon/IconButton";
+var extendedOnChange = function (onChangeFn, event) {
+    if (typeof onChangeFn === "function") {
+        onChangeFn({
+            event: event,
+            name: event.target.name,
+            value: event.target.value,
+            rawValue: event.target.value,
+        });
+    }
+};
+export function TextFieldReplacement(_a) {
+    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, inputClassName = _a.inputClassName, label = _a.label, _c = _a.multiline, multiline = _c === void 0 ? false : _c, onChange = _a.onChange, onClearValue = _a.onClearValue, 
+    // reducedSize = false,
+    _d = _a.required, 
+    // reducedSize = false,
+    required = _d === void 0 ? false : _d, _e = _a.stretch, stretch = _e === void 0 ? true : _e, value = _a.value, otherProps = __rest(_a, ["className", "disabled", "error", "inputClassName", "label", "multiline", "onChange", "onClearValue", "required", "stretch", "value"]);
+    if (process.env.NODE_ENV === 'development') {
+        var debugMsg = ["This textfield element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard elements (FieldItem, TextField, TextArea)."];
+        if (typeof otherProps.reducedSize !== "undefined") {
+            debugMsg.push("TextField 'reducedSize' property is currently not supported on legacy replacement element.");
+            delete otherProps.reducedSize;
+        }
+        debugMsg.forEach(function (element) { return console.debug(element); });
+    }
+    if (typeof otherProps.reducedSize !== "undefined") {
+        delete otherProps.reducedSize;
+    }
+    var InputElement = !!multiline ? TextArea : TextField;
+    var fieldProperties = {
+        className: className,
+        messageText: error,
+        labelAttributes: !!label ? { text: label } : {},
+    };
+    var inputProperties = {
+        className: inputClassName,
+        fullWidth: stretch,
+        value: value,
+        required: required,
+        onChange: extendedOnChange.bind(null, onChange),
+    };
+    if (!!multiline) {
+        delete inputProperties.fullWidth;
+    }
+    if (multiline === false && !!onClearValue && !!value) {
+        inputProperties['rightElement'] = (React.createElement(IconButton, { "data-test-id": otherProps["data-test-id"] && otherProps["data-test-id"] + "-clear-btn", name: "operation-clear", onClick: onClearValue }));
+    }
+    var sharedProperties = {
+        hasStateDanger: !!error ? true : false,
+        disabled: disabled,
+    };
+    return !!error || !!label ? (React.createElement(FieldItem, __assign({}, sharedProperties, fieldProperties),
+        React.createElement(InputElement, __assign({}, otherProps, sharedProperties, inputProperties)))) : (React.createElement(InputElement, __assign({}, otherProps, inputProperties)));
+}
+//# sourceMappingURL=TextField.js.map

package/dist/es5/legacy-replacements/TextField/TextField.js.map

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

package/dist/es5/legacy-replacements/index.js

@@ -0,0 +1,10 @@
+export { ButtonReplacement as Button } from "./Button/Button";
+export { AffirmativeButtonReplacement as AffirmativeButton } from "./Button/AffirmativeButton";
+export { DismissiveButtonReplacement as DismissiveButton } from "./Button/DismissiveButton";
+export { DisruptiveButtonReplacement as DisruptiveButton } from "./Button/DisruptiveButton";
+export { ButtonReplacement as ProgressButton } from "./Button/Button";
+export { CheckboxReplacement as Checkbox } from "./Checkbox/Checkbox";
+export { RadioButtonReplacement as Radio } from "./Radio/RadioButton";
+export { TabsReplacement as Tabs } from "./Tabs/Tabs";
+export { TextFieldReplacement as TextField } from "./TextField/TextField";
+//# sourceMappingURL=index.js.map

package/dist/es5/legacy-replacements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/legacy-replacements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,4BAA4B,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,2BAA2B,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC5F,OAAO,EAAE,2BAA2B,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC5F,OAAO,EAAE,iBAAiB,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,mBAAmB,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,sBAAsB,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,oBAAoB,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types/cmem/ActivityControl/ActivityControlTypes.d.ts

@@ -8,8 +8,9 @@ export interface IActivityStatus {
     progress: number;
     message: string;
     cancelled: boolean;
-    concreteStatus: "Cancelled" | "Failed" | "Successful" | "Not executed" | "Running" | "Waiting" | "Canceling";
+    concreteStatus: ConcreteActivityStatus;
     exceptionMessage?: string | null;
     runtime?: number;
     startTime?: string;
 }
+export declare type ConcreteActivityStatus = "Cancelled" | "Failed" | "Successful" | "Not executed" | "Running" | "Waiting" | "Canceling";

package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts

@@ -1,17 +1,63 @@
-/// <reference types="react" />
+import React from "react";
 import { TestableComponent } from "../../components/interfaces";
 import { ProgressBarProps } from "../../components/ProgressBar/ProgressBar";
 import { SpinnerProps } from "../../components/Spinner/Spinner";
+import { ValidIconName } from "../../components/Icon/canonicalIconNames";
+import { IconProps } from "../../components/Icon/Icon";
 export interface IActivityControlProps extends TestableComponent {
+    /**
+     * The label to be shown
+     */
     label?: string | JSX.Element;
+    /**
+     * Element that wraps around the label.
+     * Default: `<OverflowText inline={true} />`
+     */
+    labelWrapper?: JSX.Element;
+    /**
+     * To add tags in addition to the widget status description
+     */
+    tags?: JSX.Element;
+    /**
+     * The progress bar parameters if it should be show by a progres bar
+     */
     progressBar?: ProgressBarProps;
+    /**
+     * The spinner parameters if it should be show by a spinner
+     */
     progressSpinner?: SpinnerProps;
+    /**
+     * Status message
+     */
     statusMessage?: string;
+    /**
+     * The action buttons
+     */
     activityActions?: IActivityAction[];
+    /**
+     * Context menu items
+     */
     activityContextMenu?: IActivityContextMenu;
+    /**
+     * show small version of the widget
+     */
     small?: boolean;
+    /**
+     * display widget inside rectangle
+     */
     border?: boolean;
+    /**
+     * display a bit whitespace around widget, even without border
+     */
+    hasSpacing?: boolean;
+    /**
+     * only use necessary width, not always the available 100% of parent element
+     */
     canShrink?: boolean;
+    /**
+     * if this is set the spinner is replaced when the progress has finished from 0 - 1
+     */
+    progressSpinnerFinishedIcon?: React.ReactElement<IconProps>;
 }
 interface IActivityContextMenu extends TestableComponent {
     tooltip?: string;
@@ -20,7 +66,7 @@ interface IActivityContextMenu extends TestableComponent {
 export interface IActivityAction extends TestableComponent {
     action: () => any;
     tooltip?: string;
-    icon: string;
+    icon: ValidIconName;
     disabled?: boolean;
     hasStateWarning?: boolean;
 }

package/dist/types/cmem/ActivityControl/SilkActivityControl.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="react" />
 import { TestableComponent } from "../../components/interfaces";
-import { IActivityStatus } from "./ActivityControlTypes";
+import { ConcreteActivityStatus, IActivityStatus } from "./ActivityControlTypes";
+import { Intent } from "@blueprintjs/core/src/common/intent";
 import { TimeUnits } from "../DateTimeDisplay/ElapsedDateTimeDisplay";
 interface SilkActivityControlProps extends TestableComponent {
-    label: string;
+    label: string | JSX.Element;
+    /**
+     * To add tags in addition to the widget status description
+     */
+    tags?: JSX.Element;
     initialStatus?: IActivityStatus;
     registerForUpdates: (callback: (status: IActivityStatus) => any) => any;
     unregisterFromUpdates: () => any;
@@ -23,12 +28,16 @@ interface SilkActivityControlProps extends TestableComponent {
         translate: (unit: TimeUnits) => string;
     };
     layoutConfig?: IActivityControlLayoutProps;
+    /** Configures when the status message should be hidden, e.g. because it is uninteresting. */
+    hideMessageOnStatus?: (concreteStatus: ConcreteActivityStatus | undefined) => boolean;
 }
 export interface IActivityControlLayoutProps {
     small?: boolean;
     border?: boolean;
+    hasSpacing?: boolean;
     canShrink?: boolean;
     visualization?: "none" | "progressbar" | "spinner";
+    labelWrapper?: JSX.Element;
 }
 interface IErrorReportAction {
     title?: string;
@@ -58,5 +67,11 @@ interface IStacktrace {
 export declare type ActivityControlTranslationKeys = "startActivity" | "stopActivity" | "reloadActivity" | "showErrorReport";
 export declare type ActivityAction = "start" | "cancel" | "restart";
 /** Silk activity control. */
-export declare function SilkActivityControl({ label, initialStatus, registerForUpdates, executeActivityAction, showReloadAction, showStartAction, viewValueAction, showStopAction, failureReportAction, unregisterFromUpdates, translate, elapsedTimeOfLastStart, layoutConfig, ...props }: SilkActivityControlProps): JSX.Element;
+export declare function SilkActivityControl(props: SilkActivityControlProps): JSX.Element;
+export declare function useSilkActivityControl({ label, initialStatus, registerForUpdates, executeActivityAction, showReloadAction, showStartAction, viewValueAction, showStopAction, failureReportAction, unregisterFromUpdates, translate, elapsedTimeOfLastStart, tags, layoutConfig, hideMessageOnStatus, ...props }: SilkActivityControlProps): {
+    readonly elapsedDateTime: JSX.Element;
+    readonly intent: Intent;
+    readonly widget: JSX.Element;
+};
+export declare const calcIntent: (activityStatus: IActivityStatus) => Intent;
 export {};

package/dist/types/cmem/ActivityControl/index.d.ts

@@ -0,0 +1,3 @@
+export { ActivityControlWidget } from "./ActivityControlWidget";
+export { ActivityExecutionErrorReportModal } from "./ActivityExecutionErrorReportModal";
+export { SilkActivityControl, useSilkActivityControl } from "./SilkActivityControl";

package/dist/types/cmem/ContentBlobToggler/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentBlobToggler } from "./ContentBlobToggler";
+export { StringPreviewContentBlobToggler } from "./StringPreviewContentBlobToggler";

package/dist/types/cmem/index.d.ts

@@ -1,10 +1,10 @@
-import { ActivityControlWidget } from "./ActivityControl/ActivityControlWidget";
-import { ActivityExecutionErrorReportModal } from "./ActivityControl/ActivityExecutionErrorReportModal";
-import { ActivityAction, SilkActivityControl, IActivityControlLayoutProps } from "./ActivityControl/SilkActivityControl";
+import { ActivityAction, IActivityControlLayoutProps } from "./ActivityControl/SilkActivityControl";
 import { IActivityStatus } from "./ActivityControl/ActivityControlTypes";
-import { ContentBlobToggler } from "./ContentBlobToggler/ContentBlobToggler";
-import { ElapsedDateTimeDisplay, TimeUnits } from "./DateTimeDisplay/ElapsedDateTimeDisplay";
-import { Markdown } from "./markdown/Markdown";
-import { StringPreviewContentBlobToggler, firstNonEmptyLine } from "./ContentBlobToggler/StringPreviewContentBlobToggler";
-export { ActivityControlWidget, ActivityExecutionErrorReportModal, ContentBlobToggler, Markdown, StringPreviewContentBlobToggler, SilkActivityControl, ElapsedDateTimeDisplay, firstNonEmptyLine, };
+import { TimeUnits } from "./DateTimeDisplay/ElapsedDateTimeDisplay";
+export { ActivityControlWidget, ActivityExecutionErrorReportModal, SilkActivityControl, useSilkActivityControl, } from "./ActivityControl";
+export { ContentBlobToggler, StringPreviewContentBlobToggler } from "./ContentBlobToggler";
+export { firstNonEmptyLine } from "./ContentBlobToggler/StringPreviewContentBlobToggler";
+export { ElapsedDateTimeDisplay } from "./DateTimeDisplay/ElapsedDateTimeDisplay";
+export { Markdown } from "./markdown/Markdown";
+export { ReactFlow } from "./react-flow/ReactFlow/ReactFlow";
 export type { IActivityStatus, ActivityAction, IActivityControlLayoutProps, TimeUnits, };

package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ReactFlowProps as ReactFlowOriginalProps } from "react-flow-renderer";
+interface ReactFlowProps extends ReactFlowOriginalProps {
+    /**
+     * Load `ReactFlow` component with pre-configured values for `nodeTypes` and `edgeTypes`
+     */
+    configuration?: "unspecified" | "graph" | "workflow" | "linking";
+}
+/**
+ * `ReactFlow` container extension that includes pre-configured nodes and edges for
+ * Corporate Memory tools.
+ */
+export declare const ReactFlow: React.ForwardRefExoticComponent<ReactFlowProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/cmem/react-flow/configuration/graph.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import colors from "./_colors-graph.module.scss";
+declare const edgeTypes: {
+    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    implicit: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    import: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    subclass: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    subproperty: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    rdftype: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    success: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    warning: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    danger: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+};
+declare const nodeTypes: {
+    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    graph: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    class: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    instance: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    property: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+};
+export { edgeTypes, nodeTypes, colors, };

package/dist/types/cmem/react-flow/configuration/linking.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import colors from "./_colors-linking.module.scss";
+declare const edgeTypes: {
+    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    value: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    score: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    success: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    warning: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    danger: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+};
+declare const nodeTypes: {
+    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    sourcepath: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    targetpath: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    transformation: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    comparator: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    aggregator: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+};
+export { edgeTypes, nodeTypes, colors, };

package/dist/types/cmem/react-flow/configuration/unspecified.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const edgeTypes: {
+    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    straight: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeDefault").EdgeDefaultProps) => JSX.Element>;
+    step: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+};
+export declare const nodeTypes: {
+    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+};

package/dist/types/cmem/react-flow/configuration/workflow.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import colors from "./_colors-workflow.module.scss";
+declare const edgeTypes: {
+    default: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    success: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    warning: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+    danger: import("react").MemoExoticComponent<(edge: import("./../../../extensions/react-flow/edges/EdgeStep").EdgeStepProps) => JSX.Element>;
+};
+declare const nodeTypes: {
+    default: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    dataset: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    linking: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    transform: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    task: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    workflow: import("react").MemoExoticComponent<(node: import("./../../../extensions/react-flow/nodes/NodeDefault").NodeProps<any, any>) => JSX.Element>;
+};
+export { edgeTypes, nodeTypes, colors, };

package/dist/types/common/utils/stringUtils.d.ts

@@ -0,0 +1,2 @@
+/** Removes leading and trailing spaces. In addition converts multiple subsequent spaces to a single space. */
+export declare const removeExtraSpaces: (text: string) => string;

package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+export declare enum OVERWRITTEN_KEYS {
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown",
+    Enter = "Enter",
+    Tab = "Tab"
+}
+export declare type OverwrittenKeyTypes = typeof OVERWRITTEN_KEYS[keyof typeof OVERWRITTEN_KEYS];
+/** A single suggestion. */
+export interface ISuggestionBase {
+    value: string;
+    label?: string;
+    description?: string;
+}
+/** Same as ISuggestionBase, but with the query that was used to fetch this suggestion. */
+export interface ISuggestionWithReplacementInfo extends ISuggestionBase {
+    query: string;
+    from: number;
+    length: number;
+}
+/** The suggestions for a specific substring of the given input string. */
+export interface IReplacementResult {
+    replacementInterval: {
+        from: number;
+        length: number;
+    };
+    extractedQuery: string;
+    replacements: ISuggestionBase[];
+}
+export interface IPartialAutoCompleteResult {
+    inputString: string;
+    cursorPosition: number;
+    replacementResults: IReplacementResult[];
+}
+/** Validation result */
+export interface IValidationResult {
+    valid: boolean;
+    parseError?: {
+        message: string;
+        start: number;
+        end: number;
+    };
+}
+export interface IProps {
+    label?: string;
+    initialValue: string;
+    onChange: (currentValue: string) => any;
+    fetchSuggestions: (inputString: string, cursorPosition: number) => (IPartialAutoCompleteResult | undefined) | Promise<IPartialAutoCompleteResult | undefined>;
+    checkInput?: (inputString: string) => IValidationResult | Promise<IValidationResult | undefined>;
+    onInputChecked?: (validInput: boolean) => any;
+    validationErrorText?: string;
+    clearIconText?: string;
+    onFocusChange?: (hasFocus: boolean) => any;
+    id?: string;
+    useTabForCompletions?: boolean;
+    /** An additional element that is put to the left side of the input field */
+    leftElement?: JSX.Element | null;
+    rightElement?: JSX.Element | null;
+    /** Placeholder tobe shown when no text has been entered, yet. */
+    placeholder?: string;
+    /** If the horizontal scrollbars should be shown. */
+    showScrollBar?: boolean;
+}
+/** Input component that allows partial, fine-grained auto-completion, i.e. of sub-strings of the input string.
+ * This is comparable to a one line code editor. */
+declare const AutoSuggestion: ({ label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar }: IProps) => JSX.Element;
+export default AutoSuggestion;

package/dist/types/components/AutoSuggestion/AutoSuggestionList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ISuggestionWithReplacementInfo } from "./AutoSuggestion";
+export interface IDropdownProps {
+    options: Array<ISuggestionWithReplacementInfo>;
+    onItemSelectionChange: (item: ISuggestionWithReplacementInfo) => any;
+    isOpen: boolean;
+    loading?: boolean;
+    left?: number;
+    currentlyFocusedIndex: number;
+    itemToHighlight: (item: ISuggestionWithReplacementInfo | undefined) => any;
+}
+/** A drop-down-like list that can be used in combination with other components to show and select items. */
+export declare const AutoSuggestionList: ({ isOpen, options, loading, onItemSelectionChange, left, currentlyFocusedIndex, itemToHighlight, }: IDropdownProps) => JSX.Element | null;

package/dist/types/components/AutoSuggestion/SingleLineCodeEditor.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import "codemirror/addon/display/placeholder";
+import "codemirror/mode/sparql/sparql.js";
+import { Editor as CodeMirrorEditor } from "codemirror";
+export interface IEditorProps {
+    setEditorInstance: (editor: CodeMirrorEditor) => any;
+    onChange: (value: string) => any;
+    onCursorChange: (pos: any, coords: any) => any;
+    mode?: string;
+    initialValue: string;
+    onFocusChange: (focused: boolean) => any;
+    onKeyDown: (event: KeyboardEvent) => any;
+    onSelection: (ranges: IRange[]) => any;
+    enableTab?: boolean;
+    /** Placeholder tobe shown when no text has been entered, yet. */
+    placeholder?: string;
+    showScrollBar?: boolean;
+}
+export interface IRange {
+    from: number;
+    to: number;
+}
+/** A single-line code editor. */
+declare const SingleLineCodeEditor: ({ setEditorInstance, onChange, onCursorChange, mode, initialValue, onFocusChange, onKeyDown, onSelection, enableTab, placeholder, showScrollBar }: IEditorProps) => JSX.Element;
+export default SingleLineCodeEditor;

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

@@ -11,10 +11,9 @@ export interface IRenderModifiers {
 /**
  * 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.
+ * @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
  */
-export interface IAutoCompleteFieldProps<T extends any, U extends any> {
+export interface IAutoCompleteFieldProps<T extends any, UPDATE_VALUE extends any> {
     /**
      * Fired when text is typed into the input field. Returns a list of items of type T.
      */
@@ -24,7 +23,7 @@ export interface IAutoCompleteFieldProps<T extends any, U extends any> {
      * @param value The value that has been converted with itemValueSelector.
      * @param e     The event
      */
-    onChange?(value: U, e?: React.SyntheticEvent<HTMLElement>): any;
+    onChange?(value: UPDATE_VALUE, e?: React.SyntheticEvent<HTMLElement>): any;
     /**
      * The initial value for the auto-complete input field
      */
@@ -47,7 +46,9 @@ export interface IAutoCompleteFieldProps<T extends any, U extends any> {
      * 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;
+    itemValueSelector(item: T): UPDATE_VALUE;
+    /** The string representation of the actual value, i.e. without meta data etc. This will be used to compare if values are equal. */
+    itemValueString(item: T): string;
     /** The text that should be displayed when no search result has been found and no custom entry can be created. */
     noResultText: string;
     /**
@@ -68,7 +69,7 @@ export interface IAutoCompleteFieldProps<T extends any, U extends any> {
          *  shown if true is returned. */
         resettableValue(value: T): boolean;
         /** The value onChange is called with when a reset action is triggered. */
-        resetValue: U;
+        resetValue: UPDATE_VALUE;
         /** The reset button text that is shown on hovering over the reset icon. */
         resetButtonText: string;
     };
@@ -100,7 +101,7 @@ export interface IElementWidth {
     maxWidth: string;
 }
 /** Auto-complete input widget. */
-export declare function AutoCompleteField<T extends any, U extends any>(props: IAutoCompleteFieldProps<T, U>): JSX.Element;
+export declare function AutoCompleteField<T extends any, UPDATE_VALUE extends any>(props: IAutoCompleteFieldProps<T, UPDATE_VALUE>): JSX.Element;
 export declare namespace AutoCompleteField {
     var defaultProps: {
         autoFocus: boolean;

package/dist/types/components/Button/Button.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { ButtonProps as BlueprintButtonProps, AnchorButtonProps as BlueprintAnchorButtonProps } from "@blueprintjs/core";
 import { TooltipProps } from "./../Tooltip/Tooltip";
+import { ValidIconName } from "../Icon/canonicalIconNames";
 export declare type AnchorOrButtonProps = Omit<BlueprintButtonProps, "elementRef" | "icon" | "rightIcon"> | Omit<BlueprintAnchorButtonProps, "elementRef" | "icon" | "rightIcon">;
 export interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
     /**
@@ -46,8 +47,8 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
     * If an URL is set then the button is included as HTML anchor element instead of a button form element.
     */
     href?: string;
-    icon?: string | JSX.Element;
-    rightIcon?: string | JSX.Element;
+    icon?: ValidIconName | JSX.Element;
+    rightIcon?: ValidIconName | JSX.Element;
     target?: string;
 }
 /**

package/dist/types/components/Card/Card.d.ts

@@ -2,22 +2,27 @@
 import { CardProps as BlueprintCardProps } from "@blueprintjs/core";
 export interface CardProps extends BlueprintCardProps {
     /**
-     * When set to `true` card is included as simple HTML `div` element.
+     * `<Card />` element is included in DOM as simple `div` element.
      * By default it is a HTML `section`.
      */
     isOnlyLayout?: boolean;
     /**
-     * When set to true, will take the full height of container
+     * Take the full height of container to display the card.
      */
     fullHeight?: boolean;
     /**
-     * when set to true will invert the background color and slightly darken
+     * Background color is slightly altered to differ card display from other cards.
      */
     elevated?: boolean;
+    /**
+     * When card (or its children) get focus the card is scrolled into the viewport.
+     * Property value defined which part of the card is always scrolled in, this may important when the card is larger than the viewport.
+     */
+    scrollinOnFocus?: "start" | "center" | "end";
 }
 /**
  * Element to separate content sections from each other.
  * Cards can include other cards but should not.
  */
-declare function Card({ children, className, elevation, isOnlyLayout, fullHeight, elevated, interactive, ...otherProps }: CardProps): JSX.Element;
+declare function Card({ children, className, elevation, isOnlyLayout, fullHeight, elevated, scrollinOnFocus, interactive, ...otherProps }: CardProps): JSX.Element;
 export default Card;