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

package/CHANGELOG.md

@@ -7,19 +7,44 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ### Added
 
+* `MultiSelect` element that let select multiple options and adding new elements.
+* `ReactFlow` element with `configuration` property to load it with pre-set configurations for node and edge types.
+* `Tab` element got new property for `backgroundColor`
+* Support highlighting of div elements via `eccgui-container--highlighted` class.
+* Allow DefaultNode's execution buttons to read and adjust state of the node content in order for them to have effects on the node content.
+
+### Changed
+
+* Allow `round` attribute in `Tag` component.
+
+### Deprecated
+
+* deprecated `<Tabs/>` interface for tab items was removed, if necessary it can be used now from `legacy-repelacements` imports
+
+## [22.0.1] - 2022-04-11
+
+### Fixed
+
+* make used package version more stable, re-allowing also a yarn lock file
+* correct documentation about package registry
+
+## [22.0.0] - 2022-04-08
+
+### Added
+
 * `Tag` element got new property for `backgroundColor`
 * Styles for footnotes and task lists, rendered by Markdown GFM parser.
 * React-Flow `NodeContent` element can now be extented by `contentExtension` property containing a `NodeContentExtension` element.
 
-### Changed
-* `TextField` elements are using `fullWidth=true` by default
-* `SearchField` uses now by default `"operation-search"` as `leftIcon`
-
 ### Fixed
 * Add missing import to `components/Spinner/Spinner.tsx`.
 * Add bottom white space in tables in content block elements.
 * `fullWidth` on/off display of `TextField` is now working like expected
 
+### Changed
+* `TextField` elements are using `fullWidth=true` by default
+* `SearchField` uses now by default `"operation-search"` as `leftIcon`
+
 ### Deprecated
 
 * `SimpleDialog` element now uses `intent` property instead of `intentClassName`

package/README.md

@@ -2,23 +2,25 @@
 
 Collection of React elements based on [Palantir BlueprintJS](https://blueprintjs.com/) and [IBM Carbon](https://www.carbondesignsystem.com/), used for [eccenca Corporate Memory](https://eccenca.com/products/enterprise-knowledge-graph-platform-corporate-memory) applications.
 
-## How to install
+## Usage
 
-We provide packages via [npm registry of GitHub Packages](https://npm.pkg.github.com), you need to enhance your project `.npmrc` file by:
+### Installation
+
+We provide a [package via npmjs registry](https://www.npmjs.com/package/@eccenca/gui-elements), install it by:
 
 ```
-@eccenca:registry=https://npm.pkg.github.com
+yarn add @eccenca/gui-elements
 ```
 
 It could be also included as Git submodule to your projects and used via yarn link or yarn workspaces.
 
-## How to use
+### Inclusion
 
 * To include SCSS styles for all basic components add `@import "~@eccenca/gui-elements/index";` into your main SCSS file.
 * To use extensions and special Corporate Memory components the include of `@eccenca/gui-elements/extensions` and  `@eccenca/gui-elements/cmem` is necessary
 * To include only the default configuration add `@import "~@eccenca/gui-elements/src/configuration/variables;` into your SCSS file.
 
-### Justify default configuration
+### Configuration
 
 All [configuration variables](https://github.com/eccenca/gui-elements/blob/develop/src/configuration/_variables.scss) can be set before importing the full library or the default configuration but for the main changes you should need to change only a few parameters:
 
@@ -37,9 +39,9 @@ All [configuration variables](https://github.com/eccenca/gui-elements/blob/devel
     * `$eccgui-size-type-levelratio`: ratio without unit! used to calculate different text sizes based on `$eccgui-size-typo-base`
     * `$eccgui-size-block-whitespace`: white space between block level elements, currently only `px` is supported
 
-## How to develop
+## Development
 
-### Allowed branch names
+### Branch names
 
 Aside from the `main` and `develop` branches we have some rules for branch names and they must be prefixed:
 
@@ -54,6 +56,8 @@ Aside from the `main` and `develop` branches we have some rules for branch names
 Run the Jest tests with `yarn test`, for test coverage information run `yarn test:coverage`.
 You can check easily code for code errors by `yarn compile` (JS/Typescript) and `yarn compile-scss` (SASS).
 
+If you run Jest tests in your app using our library you need to install `@babel/plugin-transform-runtime` as development dependeny and add it to your Babel plugins configuration.
+
 ### Running Storybook
 
 All storiy source files are kept in the respective components, extensions and cmem folders, using `*.stories.tsx` file name pattern.
@@ -74,6 +78,16 @@ Default.parameters = {
 };
 ```
 
+### Use via yalc
+
+If necessary you can use [yalc](https://github.com/wclr/yalc) to develop gui elements and your application side by side.
+
+1. Install yalc globally via npm or yarn
+2. Checkout [@eccenca/gui-elements](https://github.com/eccenca/gui-elements)
+3. Inside gui elements folder: `yalc publish --push`
+4. Inside your applications folder: `yalc link @eccenca/gui-elements`
+5. After updates to the gui elements: `yarn build:all && yalc push`
+
 ### Process for pull requests and publishing releases
 
 1. `feature/*` and `bugfix/*` branches are merged into `develop` via pull request

package/dist/cjs/cmem/ActivityControl/ActivityControlTypes.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ActivityControlTypes.js.map

package/dist/cjs/cmem/ActivityControl/ActivityControlTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityControlTypes.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlTypes.ts"],"names":[],"mappings":""}

package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityControlWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("../../index");
+const constants_1 = require("../../configuration/constants");
+/** Shows the status of activities and supports actions on these activities. */
+function ActivityControlWidget(props) {
+    var _a;
+    const { "data-test-id": dataTestId, progressBar, progressSpinner, activityActions, activityContextMenu, small, border, canShrink, tags, progressSpinnerFinishedIcon, } = props;
+    const spinnerClassNames = ((_a = progressSpinner === null || progressSpinner === void 0 ? void 0 : progressSpinner.className) !== null && _a !== void 0 ? _a : "") + ` ${constants_1.CLASSPREFIX}-spinner--permanent`;
+    const widget = (react_1.default.createElement(index_1.OverviewItem, { "data-test-id": dataTestId, hasSpacing: border, densityHigh: small },
+        progressBar && react_1.default.createElement(index_1.ProgressBar, Object.assign({}, progressBar)),
+        (progressSpinner || progressSpinnerFinishedIcon) && (react_1.default.createElement(index_1.OverviewItemDepiction, { keepColors: true }, progressSpinnerFinishedIcon ? (react_1.default.cloneElement(progressSpinnerFinishedIcon, { small, large: !small })) : (react_1.default.createElement(index_1.Spinner, Object.assign({ position: "inline", size: small ? "tiny" : "small", stroke: small ? "bold" : "medium" }, progressSpinner, { className: spinnerClassNames }))))),
+        react_1.default.createElement(index_1.OverviewItemDescription, null,
+            props.label && (react_1.default.createElement(index_1.OverviewItemLine, { small: small },
+                react_1.default.createElement(index_1.OverflowText, { inline: true }, props.label))),
+            (props.statusMessage || tags) && (react_1.default.createElement(index_1.OverviewItemLine, { small: true },
+                tags && (react_1.default.createElement(react_1.default.Fragment, null,
+                    tags,
+                    react_1.default.createElement(index_1.Spacing, { vertical: true, size: "tiny" }))),
+                props.statusMessage && (react_1.default.createElement(react_1.default.Fragment, null, props.statusMessage.length > 50 ? (react_1.default.createElement(index_1.Tooltip, { content: props.statusMessage, size: "large", tooltipProps: { placement: "top", boundary: "viewport" } },
+                    react_1.default.createElement(index_1.OverflowText, { inline: true }, props.statusMessage))) : (react_1.default.createElement(index_1.OverflowText, { inline: true }, props.statusMessage))))))),
+        react_1.default.createElement(index_1.OverviewItemActions, null,
+            activityActions &&
+                activityActions.map((action) => {
+                    return (react_1.default.createElement(index_1.IconButton, { key: action.icon, "data-test-id": action["data-test-id"], name: action.icon, text: action.tooltip, onClick: action.action, tooltipOpenDelay: 200, disabled: action.disabled, hasStateWarning: action.hasStateWarning }));
+                }),
+            activityContextMenu && activityContextMenu.menuItems.length > 0 && (react_1.default.createElement(index_1.ContextMenu, { "data-test-id": activityContextMenu["data-test-id"], togglerText: activityContextMenu.tooltip }, activityContextMenu.menuItems.map((menuAction) => {
+                return (react_1.default.createElement(index_1.MenuItem, { icon: menuAction.icon, key: menuAction.icon, onClick: menuAction.action, text: menuAction.tooltip }));
+            }))))));
+    const classname = `${constants_1.CLASSPREFIX}-addon-activitycontrol` + (canShrink ? ` ${constants_1.CLASSPREFIX}-addon-activitycontrol--shrink` : "");
+    return border ? (react_1.default.createElement(index_1.Card, { isOnlyLayout: true, elevation: 0, className: classname }, widget)) : (react_1.default.createElement("div", { className: classname }, widget));
+}
+exports.ActivityControlWidget = ActivityControlWidget;
+//# sourceMappingURL=ActivityControlWidget.js.map

package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map

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

package/dist/cjs/cmem/ActivityControl/ActivityExecutionErrorReportModal.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityExecutionErrorReportModal = void 0;
+const index_1 = require("../../index");
+const react_1 = __importDefault(require("react"));
+/** Shows the execution error report to the user and offers to download the report. */
+const ActivityExecutionErrorReportModal = ({ title, onDiscard, report, downloadButtonValue, closeButtonValue, fetchErrorReport }) => {
+    const fileName = "Activity execution report from " + (new Date()).toISOString().replace(/T/, " ").replace(/:/g, "-").substr(0, 19) + ".md";
+    const handleDownload = () => __awaiter(void 0, void 0, void 0, function* () {
+        const markdown = yield fetchErrorReport();
+        if (markdown) {
+            const element = document.createElement("a");
+            element.href = window.URL.createObjectURL(new Blob([markdown], { type: "text/markdown" }));
+            element.download = fileName;
+            //the above code is equivalent to
+            document.body.appendChild(element);
+            //onClick property
+            element.click();
+            document.body.removeChild(element);
+        }
+    });
+    return (react_1.default.createElement(index_1.SimpleDialog, { title: title, isOpen: true, onClose: onDiscard, actions: [
+            react_1.default.createElement(index_1.Button, { "data-test-id": "error-report-download-btn", affirmative: true, onClick: handleDownload, key: "download" }, downloadButtonValue),
+            react_1.default.createElement(index_1.Button, { "data-test-id": "error-report-close-btn", key: "close", onClick: onDiscard }, closeButtonValue),
+        ] },
+        react_1.default.createElement(index_1.HtmlContentBlock, null, report)));
+};
+exports.ActivityExecutionErrorReportModal = ActivityExecutionErrorReportModal;
+//# sourceMappingURL=ActivityExecutionErrorReportModal.js.map

package/dist/cjs/cmem/ActivityControl/ActivityExecutionErrorReportModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityExecutionErrorReportModal.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityExecutionErrorReportModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,uCAAmE;AACnE,kDAA0B;AAiB1B,sFAAsF;AAC/E,MAAM,iCAAiC,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,EAAS,EAAE,EAAE;IAC7I,MAAM,QAAQ,GAAG,iCAAiC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,CAAA;IAC1I,MAAM,cAAc,GAAG,GAAS,EAAE;QAC9B,MAAM,QAAQ,GAAG,MAAM,gBAAgB,EAAE,CAAA;QACzC,IAAG,QAAQ,EAAE;YACT,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC5C,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;YAC3F,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAA;YAC3B,iCAAiC;YACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,kBAAkB;YAClB,OAAO,CAAC,KAAK,EAAE,CAAC;YAChB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SACtC;IACL,CAAC,CAAA,CAAC;IAEF,OAAO,CACH,8BAAC,oBAAY,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE;YACL,8BAAC,cAAM,oBAAe,2BAA2B,EAAE,WAAW,QAAC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAC,UAAU,IACjG,mBAAmB,CACf;YACT,8BAAC,cAAM,oBAAe,wBAAwB,EAAE,GAAG,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,IACzE,gBAAgB,CACZ;SACZ;QAED,8BAAC,wBAAgB,QACZ,MAAM,CACQ,CACR,CAClB,CAAC;AACN,CAAC,CAAA;AAnCY,QAAA,iCAAiC,qCAmC7C"}

package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js

@@ -0,0 +1,210 @@
+"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.calcIntent = exports.useSilkActivityControl = exports.SilkActivityControl = void 0;
+const ActivityControlWidget_1 = require("./ActivityControlWidget");
+const react_1 = __importStar(require("react"));
+const ActivityExecutionErrorReportModal_1 = require("./ActivityExecutionErrorReportModal");
+const __1 = require("../../");
+const ElapsedDateTimeDisplay_1 = require("../DateTimeDisplay/ElapsedDateTimeDisplay");
+const progressBreakpointIndetermination = 10;
+const progressBreakpointAnimation = 99;
+const defaultLayout = {
+    small: false,
+    border: false,
+    canShrink: false,
+    visualization: "spinner",
+};
+/** Silk activity control. */
+function SilkActivityControl(props) {
+    const { widget } = useSilkActivityControl(props);
+    return widget;
+}
+exports.SilkActivityControl = SilkActivityControl;
+function useSilkActivityControl(_a) {
+    var { label, initialStatus, registerForUpdates, executeActivityAction, showReloadAction, showStartAction, viewValueAction, showStopAction, failureReportAction, unregisterFromUpdates, translate, elapsedTimeOfLastStart, tags, layoutConfig = defaultLayout, hideMessageOnStatus = () => false } = _a, props = __rest(_a, ["label", "initialStatus", "registerForUpdates", "executeActivityAction", "showReloadAction", "showStartAction", "viewValueAction", "showStopAction", "failureReportAction", "unregisterFromUpdates", "translate", "elapsedTimeOfLastStart", "tags", "layoutConfig", "hideMessageOnStatus"]);
+    const [activityStatus, setActivityStatus] = (0, react_1.useState)(initialStatus);
+    const [errorReport, setErrorReport] = (0, react_1.useState)(undefined);
+    // Register update function
+    (0, react_1.useEffect)(() => {
+        const updateActivityStatus = (status) => {
+            setActivityStatus(status);
+        };
+        registerForUpdates(updateActivityStatus);
+        return unregisterFromUpdates;
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    // Create activity actions
+    const actions = [];
+    if (failureReportAction && (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.failed) && activityStatus.concreteStatus !== "Cancelled") {
+        actions.push({
+            "data-test-id": "activity-show-error-report",
+            icon: "artefact-report",
+            action: () => showErrorReport(failureReportAction),
+            tooltip: translate("showErrorReport"),
+            hasStateWarning: true,
+        });
+    }
+    if (showStartAction) {
+        actions.push({
+            "data-test-id": "activity-start-activity",
+            icon: "item-start",
+            action: () => executeActivityAction("start"),
+            tooltip: translate("startActivity"),
+            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === true,
+        });
+    }
+    if (showReloadAction) {
+        actions.push({
+            "data-test-id": "activity-reload-activity",
+            icon: "item-reload",
+            action: () => executeActivityAction("restart"),
+            tooltip: translate("reloadActivity"),
+            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === true,
+        });
+    }
+    if (showStopAction) {
+        actions.push({
+            "data-test-id": "activity-stop-activity",
+            icon: "item-stop",
+            action: () => executeActivityAction("cancel"),
+            tooltip: translate("stopActivity"),
+            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === false,
+        });
+    }
+    if (viewValueAction && (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.concreteStatus) !== "Not executed") {
+        const action = typeof viewValueAction.action === "string"
+            ? () => {
+                window.open(viewValueAction.action, "_blank");
+            }
+            : viewValueAction.action;
+        actions.push({
+            "data-test-id": "activity-view-data",
+            icon: "artefact-rawdata",
+            action,
+            tooltip: viewValueAction.tooltip,
+        });
+    }
+    const showErrorReport = (action) => __awaiter(this, void 0, void 0, function* () {
+        const errorReport = yield action.fetchErrorReport(action.renderMarkdown);
+        setErrorReport(errorReport);
+    });
+    const closeErrorReport = () => {
+        setErrorReport(undefined);
+    };
+    const activityControlLabel = (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.startTime) && elapsedTimeOfLastStart ? (react_1.default.createElement(react_1.default.Fragment, null,
+        label,
+        react_1.default.createElement(__1.Spacing, { vertical: true, size: "tiny" }),
+        react_1.default.createElement(ElapsedDateTimeDisplay_1.ElapsedDateTimeDisplay, { dateTime: activityStatus.startTime, prefix: elapsedTimeOfLastStart.prefix, suffix: elapsedTimeOfLastStart.suffix, translateUnits: elapsedTimeOfLastStart.translate }))) : (react_1.default.createElement(react_1.default.Fragment, null, label));
+    const { visualization } = layoutConfig, otherLayoutConfig = __rest(layoutConfig, ["visualization"]);
+    let visualizationProps = {}; // visualization==="none" or undefined
+    const runningProgress = activityStatus && activityStatus.isRunning;
+    const waitingProgress = activityStatus && activityStatus.concreteStatus === "Waiting";
+    const animateProgress = activityStatus && activityStatus.progress > 0 && activityStatus.progress < progressBreakpointAnimation;
+    const indeterminateProgress = activityStatus && activityStatus.progress < progressBreakpointIndetermination;
+    const intent = activityStatus ? (0, exports.calcIntent)(activityStatus) : "none";
+    if (visualization === "progressbar") {
+        visualizationProps = {
+            progressBar: {
+                animate: waitingProgress || (runningProgress && animateProgress),
+                stripes: waitingProgress || (runningProgress && animateProgress),
+                value: waitingProgress || (runningProgress && indeterminateProgress)
+                    ? undefined
+                    : activityStatus && activityStatus.progress > 0
+                        ? activityStatus.progress / 100
+                        : 0,
+                intent,
+            },
+        };
+    }
+    if (visualization === "spinner") {
+        visualizationProps = {
+            progressSpinner: {
+                value: waitingProgress || (runningProgress && indeterminateProgress)
+                    ? undefined
+                    : activityStatus && activityStatus.progress > 0
+                        ? activityStatus.progress / 100
+                        : 0,
+                intent,
+            },
+        };
+    }
+    if ((activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.statusName) === "Finished" && intent !== "none" && intent !== "primary") {
+        visualizationProps = Object.assign(Object.assign({}, visualizationProps), { progressSpinnerFinishedIcon: react_1.default.createElement(__1.Icon, { name: [`state-${intent}`], intent: intent }) });
+    }
+    const widget = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ActivityControlWidget_1.ActivityControlWidget, Object.assign({ key: "activity-control", tags: tags, "data-test-id": props["data-test-id"], label: activityControlLabel, activityActions: actions, statusMessage: hideMessageOnStatus(activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.concreteStatus) ? undefined : activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.message }, visualizationProps, otherLayoutConfig)),
+        errorReport && failureReportAction && (react_1.default.createElement(ActivityExecutionErrorReportModal_1.ActivityExecutionErrorReportModal, { title: failureReportAction.title, key: "error-report-modal", closeButtonValue: failureReportAction.closeButtonValue, downloadButtonValue: failureReportAction.downloadButtonValue, fetchErrorReport: () => __awaiter(this, void 0, void 0, function* () {
+                return (yield failureReportAction.fetchErrorReport(true));
+            }), report: failureReportAction.renderReport(errorReport), onDiscard: closeErrorReport }))));
+    return {
+        elapsedDateTime: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.startTime) && elapsedTimeOfLastStart ? (react_1.default.createElement(ElapsedDateTimeDisplay_1.ElapsedDateTimeDisplay, { dateTime: activityStatus.startTime, translateUnits: elapsedTimeOfLastStart.translate })) : (react_1.default.createElement(react_1.default.Fragment, null)),
+        intent,
+        widget
+    };
+}
+exports.useSilkActivityControl = useSilkActivityControl;
+const calcIntent = (activityStatus) => {
+    const concreteStatus = activityStatus.concreteStatus;
+    let intent;
+    switch (concreteStatus) {
+        case "Running":
+        case "Successful":
+            intent = "success";
+            break;
+        case "Cancelled":
+        case "Canceling":
+            intent = "warning";
+            break;
+        case "Failed":
+            intent = "danger";
+            break;
+        case "Waiting":
+            intent = "none"; // TODO: This is 100% yellow in the old activity control
+            break;
+        default:
+            intent = "none";
+    }
+    return intent;
+};
+exports.calcIntent = calcIntent;
+//# sourceMappingURL=SilkActivityControl.js.map

package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js.map

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

package/dist/cjs/cmem/ActivityControl/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSilkActivityControl = exports.SilkActivityControl = exports.ActivityExecutionErrorReportModal = exports.ActivityControlWidget = void 0;
+var ActivityControlWidget_1 = require("./ActivityControlWidget");
+Object.defineProperty(exports, "ActivityControlWidget", { enumerable: true, get: function () { return ActivityControlWidget_1.ActivityControlWidget; } });
+var ActivityExecutionErrorReportModal_1 = require("./ActivityExecutionErrorReportModal");
+Object.defineProperty(exports, "ActivityExecutionErrorReportModal", { enumerable: true, get: function () { return ActivityExecutionErrorReportModal_1.ActivityExecutionErrorReportModal; } });
+var SilkActivityControl_1 = require("./SilkActivityControl");
+Object.defineProperty(exports, "SilkActivityControl", { enumerable: true, get: function () { return SilkActivityControl_1.SilkActivityControl; } });
+Object.defineProperty(exports, "useSilkActivityControl", { enumerable: true, get: function () { return SilkActivityControl_1.useSilkActivityControl; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/cmem/ActivityControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/index.ts"],"names":[],"mappings":";;;AAAA,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,yFAAwF;AAA/E,sJAAA,iCAAiC,OAAA;AAC1C,6DAAoF;AAA3E,0HAAA,mBAAmB,OAAA;AAAE,6HAAA,sBAAsB,OAAA"}

package/dist/cjs/cmem/ContentBlobToggler/ContentBlobToggler.js

@@ -0,0 +1,61 @@
+"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 __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.ContentBlobToggler = void 0;
+const react_1 = __importStar(require("react"));
+const index_1 = require("../../index");
+/** Shows a preview with the option to expand to a full view (and back). */
+function ContentBlobToggler(_a) {
+    var { className = "", toggleExtendText, toggleReduceText, previewContent, fullviewContent, startExtended = false, enableToggler = true } = _a, otherProps = __rest(_a, ["className", "toggleExtendText", "toggleReduceText", "previewContent", "fullviewContent", "startExtended", "enableToggler"]);
+    const [isExtended, setViewState] = (0, react_1.useState)(startExtended);
+    const handlerToggleView = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setViewState(!isExtended);
+    };
+    return (react_1.default.createElement("div", Object.assign({ className: className }, otherProps), !isExtended ? (react_1.default.createElement(react_1.default.Fragment, null,
+        previewContent,
+        enableToggler && (react_1.default.createElement(react_1.default.Fragment, null,
+            "\u2026",
+            " ",
+            react_1.default.createElement(index_1.Link, { href: "#more", "data-test-id": "content-blob-toggler-more-link", onClick: (e) => {
+                    handlerToggleView(e);
+                } }, toggleExtendText))))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        fullviewContent,
+        enableToggler && (react_1.default.createElement("div", null,
+            react_1.default.createElement(index_1.Spacing, { size: "small" }),
+            react_1.default.createElement(index_1.Link, { "data-test-id": "content-blob-toggler-less-link", href: "#less", onClick: (e) => {
+                    handlerToggleView(e);
+                } }, toggleReduceText)))))));
+}
+exports.ContentBlobToggler = ContentBlobToggler;
+//# sourceMappingURL=ContentBlobToggler.js.map

package/dist/cjs/cmem/ContentBlobToggler/ContentBlobToggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBlobToggler.js","sourceRoot":"","sources":["../../../../src/cmem/ContentBlobToggler/ContentBlobToggler.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,uCAA0C;AAkC1C,2EAA2E;AAC3E,SAAgB,kBAAkB,CAAC,EASR;QATQ,EACjC,SAAS,GAAG,EAAE,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,GAAG,KAAK,EACrB,aAAa,GAAG,IAAI,OAEK,EADtB,UAAU,cARoB,4HASlC,CADc;IAEb,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;QACvC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,qDAAK,SAAS,EAAE,SAAS,IAAM,UAAU,GACpC,CAAC,UAAU,CAAC,CAAC,CAAC,CACb;QACG,cAAc;QACd,aAAa,IAAI,CAChB;;YACW,GAAG;YACZ,8BAAC,YAAI,IACH,IAAI,EAAC,OAAO,kBACE,gCAAgC,EAC9C,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;oBAClB,iBAAiB,CAAC,CAAC,CAAC,CAAC;gBACvB,CAAC,IAEA,gBAAgB,CACZ,CACN,CACJ,CACA,CACJ,CAAC,CAAC,CAAC,CACF;QACG,eAAe;QACf,aAAa,IAAI,CACd;YACI,8BAAC,eAAO,IAAC,IAAI,EAAC,OAAO,GAAG;YACxB,8BAAC,YAAI,oBACa,gCAAgC,EAC9C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;oBAChB,iBAAiB,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC,IAEA,gBAAgB,CACd,CACL,CACT,CACA,CACJ,CACC,CACP,CAAC;AACJ,CAAC;AA1DD,gDA0DC"}

package/dist/cjs/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.firstNonEmptyLine = exports.StringPreviewContentBlobToggler = void 0;
+const react_1 = __importDefault(require("react"));
+const __1 = require("../");
+/** Version of the content toggler for text only content. */
+function StringPreviewContentBlobToggler({ className = "", previewMaxLength, toggleExtendText, toggleReduceText, content, fullviewContent, startExtended, firstNonEmptyLineOnly, renderPreviewAsMarkdown = false, allowedHtmlElementsInPreview }) {
+    const previewMaybeFirstLine = firstNonEmptyLineOnly ? firstNonEmptyLine(content) : content;
+    const previewString = previewMaxLength ? previewMaybeFirstLine.substr(0, previewMaxLength) : previewMaybeFirstLine;
+    const enableToggler = previewString !== content;
+    return react_1.default.createElement(__1.ContentBlobToggler, { className: className, previewContent: renderPreviewAsMarkdown ? react_1.default.createElement(__1.Markdown, { allowedElements: allowedHtmlElementsInPreview }, previewString) : previewString, toggleExtendText: toggleExtendText, toggleReduceText: toggleReduceText, fullviewContent: fullviewContent, startExtended: startExtended, enableToggler: enableToggler });
+}
+exports.StringPreviewContentBlobToggler = StringPreviewContentBlobToggler;
+const newLineRegex = new RegExp("\r|\n"); // eslint-disable-line
+/** Takes the first non-empty line from a preview string. */
+function firstNonEmptyLine(preview) {
+    const previewString = preview.trim();
+    const result = newLineRegex.exec(previewString);
+    return result !== null ? previewString.substr(0, result.index) : previewString;
+}
+exports.firstNonEmptyLine = firstNonEmptyLine;
+//# sourceMappingURL=StringPreviewContentBlobToggler.js.map

package/dist/cjs/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringPreviewContentBlobToggler.js","sourceRoot":"","sources":["../../../../src/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2BAAmD;AAuCnD,4DAA4D;AAC5D,SAAgB,+BAA+B,CAAC,EACI,SAAS,GAAG,EAAE,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,uBAAuB,GAAG,KAAK,EAC/B,4BAA4B,EACQ;IACpF,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAC1F,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAA;IAClH,MAAM,aAAa,GAAG,aAAa,KAAK,OAAO,CAAA;IAE/C,OAAO,8BAAC,sBAAkB,IACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,uBAAuB,CAAC,CAAC,CAAC,8BAAC,YAAQ,IAAC,eAAe,EAAE,4BAA4B,IAAG,aAAa,CAAY,CAAC,CAAC,CAAC,aAAa,EAC7I,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC9B,CAAA;AACN,CAAC;AAzBD,0EAyBC;AAED,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB;AAEhE,4DAA4D;AAC5D,SAAgB,iBAAiB,CAAC,OAAe;IAC7C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAChD,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AACnF,CAAC;AAJD,8CAIC"}

package/dist/cjs/cmem/ContentBlobToggler/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringPreviewContentBlobToggler = exports.ContentBlobToggler = void 0;
+var ContentBlobToggler_1 = require("./ContentBlobToggler");
+Object.defineProperty(exports, "ContentBlobToggler", { enumerable: true, get: function () { return ContentBlobToggler_1.ContentBlobToggler; } });
+var StringPreviewContentBlobToggler_1 = require("./StringPreviewContentBlobToggler");
+Object.defineProperty(exports, "StringPreviewContentBlobToggler", { enumerable: true, get: function () { return StringPreviewContentBlobToggler_1.StringPreviewContentBlobToggler; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/cmem/ContentBlobToggler/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/cmem/ContentBlobToggler/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,qFAAoF;AAA3E,kJAAA,+BAA+B,OAAA"}