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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eccenca/gui-elements",
   "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-  "version": "22.0.0-rc.6",
+  "version": "22.0.0-rc.7",
   "license": "Apache-2.0",
   "homepage": "https://github.com/eccenca/gui-elements",
   "keywords": [
@@ -27,19 +27,26 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "main": "./src/index.ts",
-  "style": "./src/index.scss",
-  "module": "./dist/index.js",
+  "style": "src/index.scss",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es5/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es5/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "files": [
-    "blueprint",
     "dist",
-    "src",
-    "index.scss",
-    "index.ts"
+    "src"
   ],
   "scripts": {
+    "build:clean": "rm -rf dist/",
+    "build:es5": "tsc --build .typescript/tsbuild-es5.json && ./scripts/fix-es5-dist",
+    "build:cjs": "tsc --build .typescript/tsbuild-cjs.json && ./scripts/fix-cjs-dist",
+    "build:all": "yarn build:clean && yarn build:es5 && yarn build:cjs",
     "compile": "tsc --build tsconfig.json",
-    "build": "tsc --build tsbuild.json && NODE_ENV=production babel ./src --out-dir ./dist --extensions '.ts,.tsx' --ignore '**/*.test.ts,**/*.test.tsx,**/*.stories.ts,**/*.stories.tsx'",
     "compile-scss": "node-sass src/index.scss --importer=node_modules/node-sass-tilde-importer",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
@@ -72,12 +79,10 @@
     "unified": "^10.1.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.6",
     "@babel/core": "7.9.0",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-private-methods": "^7.16.11",
     "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-flow": "^7.16.5",
     "@babel/preset-react": "^7.16.7",

package/blueprint/constants.ts

@@ -1,7 +0,0 @@
-import { Classes as B_Classes, Intent as B_Intent, Position as B_Position } from "@blueprintjs/core";
-import { IconNames as B_IconNames } from "@blueprintjs/icons";
-
-export const Position = B_Position;
-export const Intent = B_Intent;
-export const IconNames = B_IconNames;
-export const Classes = B_Classes;

package/blueprint/toaster/index.tsx

@@ -1 +0,0 @@
-export { Toaster as default } from "@blueprintjs/core";

package/dist/cmem/ActivityControl/ActivityControlTypes.js

@@ -1 +0,0 @@
-"use strict";

package/dist/cmem/ActivityControl/ActivityControlWidget.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActivityControlWidget = ActivityControlWidget;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../../index");
-
-var _constants = require("../../configuration/constants");
-
-/** Shows the status of activities and supports actions on these activities. */
-function ActivityControlWidget(props) {
-  const {
-    "data-test-id": dataTestId,
-    progressBar,
-    progressSpinner,
-    activityActions,
-    activityContextMenu,
-    small,
-    border,
-    canShrink
-  } = props;
-  const spinnerClassNames = ((progressSpinner === null || progressSpinner === void 0 ? void 0 : progressSpinner.className) ?? "") + ` ${_constants.CLASSPREFIX}-spinner--permanent`;
-
-  const widget = /*#__PURE__*/_react.default.createElement(_index.OverviewItem, {
-    "data-test-id": dataTestId,
-    hasSpacing: border,
-    densityHigh: small
-  }, progressBar && /*#__PURE__*/_react.default.createElement(_index.ProgressBar, progressBar), progressSpinner && /*#__PURE__*/_react.default.createElement(_index.OverviewItemDepiction, {
-    keepColors: true
-  }, /*#__PURE__*/_react.default.createElement(_index.Spinner, (0, _extends2.default)({
-    position: "inline",
-    size: small ? "tiny" : "small",
-    stroke: small ? "bold" : "medium"
-  }, progressSpinner, {
-    className: spinnerClassNames
-  }))), /*#__PURE__*/_react.default.createElement(_index.OverviewItemDescription, null, props.label && /*#__PURE__*/_react.default.createElement(_index.OverviewItemLine, {
-    small: small
-  }, /*#__PURE__*/_react.default.createElement(_index.OverflowText, {
-    inline: true
-  }, props.label)), props.statusMessage && /*#__PURE__*/_react.default.createElement(_index.OverviewItemLine, {
-    small: true
-  }, props.statusMessage.length > 50 ? /*#__PURE__*/_react.default.createElement(_index.Tooltip, {
-    content: props.statusMessage,
-    size: "large",
-    tooltipProps: {
-      placement: "top",
-      boundary: "viewport"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_index.OverflowText, {
-    inline: true
-  }, props.statusMessage)) : /*#__PURE__*/_react.default.createElement(_index.OverflowText, {
-    inline: true
-  }, props.statusMessage))), /*#__PURE__*/_react.default.createElement(_index.OverviewItemActions, null, activityActions && activityActions.map(action => {
-    return /*#__PURE__*/_react.default.createElement(_index.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 && /*#__PURE__*/_react.default.createElement(_index.ContextMenu, {
-    "data-test-id": activityContextMenu["data-test-id"],
-    togglerText: activityContextMenu.tooltip
-  }, activityContextMenu.menuItems.map(menuAction => {
-    return /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
-      icon: menuAction.icon,
-      key: menuAction.icon,
-      onClick: menuAction.action,
-      text: menuAction.tooltip
-    });
-  }))));
-
-  const classname = `${_constants.CLASSPREFIX}-addon-activitycontrol` + (canShrink ? ` ${_constants.CLASSPREFIX}-addon-activitycontrol--shrink` : "");
-  return border ? /*#__PURE__*/_react.default.createElement(_index.Card, {
-    isOnlyLayout: true,
-    elevation: 0,
-    className: classname
-  }, widget) : /*#__PURE__*/_react.default.createElement("div", {
-    className: classname
-  }, widget);
-}

package/dist/cmem/ActivityControl/ActivityControlWidget.jsx

@@ -1,45 +0,0 @@
-import React from "react";
-import { Card, ContextMenu, IconButton, MenuItem, OverflowText, OverviewItem, OverviewItemActions, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, ProgressBar, Spinner, Tooltip, } from "../../index";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-/** Shows the status of activities and supports actions on these activities. */
-export function ActivityControlWidget(props) {
-    var _a;
-    var dataTestId = props["data-test-id"], progressBar = props.progressBar, progressSpinner = props.progressSpinner, activityActions = props.activityActions, activityContextMenu = props.activityContextMenu, small = props.small, border = props.border, canShrink = props.canShrink;
-    var spinnerClassNames = ((_a = progressSpinner === null || progressSpinner === void 0 ? void 0 : progressSpinner.className) !== null && _a !== void 0 ? _a : "") + (" " + eccgui + "-spinner--permanent");
-    var widget = (<OverviewItem data-test-id={dataTestId} hasSpacing={border} densityHigh={small}>
-            {progressBar && (<ProgressBar {...progressBar}/>)}
-            {progressSpinner && (<OverviewItemDepiction keepColors>
-                    <Spinner position="inline" size={small ? "tiny" : "small"} stroke={small ? "bold" : "medium"} {...progressSpinner} className={spinnerClassNames}/>
-                </OverviewItemDepiction>)}
-            <OverviewItemDescription>
-                {props.label && <OverviewItemLine small={small}>
-                    <OverflowText inline={true}>{props.label}</OverflowText>
-                </OverviewItemLine>}
-                {props.statusMessage && (<OverviewItemLine small>
-                        {props.statusMessage.length > 50 ? (<Tooltip content={props.statusMessage} size="large" tooltipProps={{ placement: "top", boundary: "viewport" }}>
-                                    <OverflowText inline={true}>
-                                        {props.statusMessage}
-                                    </OverflowText>
-                                </Tooltip>) : (<OverflowText inline={true}>
-                                    {props.statusMessage}
-                                </OverflowText>)}
-                    </OverviewItemLine>)}
-            </OverviewItemDescription>
-            <OverviewItemActions>
-                {activityActions && activityActions.map(function (action) {
-            return <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 && <ContextMenu data-test-id={activityContextMenu["data-test-id"]} togglerText={activityContextMenu.tooltip}>
-                    {activityContextMenu.menuItems.map(function (menuAction) {
-                return <MenuItem icon={menuAction.icon} key={menuAction.icon} onClick={menuAction.action} text={menuAction.tooltip}/>;
-            })}
-                </ContextMenu>}
-            </OverviewItemActions>
-        </OverviewItem>);
-    var classname = eccgui + "-addon-activitycontrol" + (canShrink ? " " + eccgui + "-addon-activitycontrol--shrink" : "");
-    return border ? (<Card isOnlyLayout elevation={0} className={classname}>
-            {widget}
-        </Card>) : (<div className={classname}>
-            {widget}
-        </div>);
-}

package/dist/cmem/ActivityControl/ActivityExecutionErrorReportModal.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActivityExecutionErrorReportModal = void 0;
-
-var _index = require("../../index");
-
-var _react = _interopRequireDefault(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 = async () => {
-    const markdown = await 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 /*#__PURE__*/_react.default.createElement(_index.SimpleDialog, {
-    title: title,
-    isOpen: true,
-    onClose: onDiscard,
-    actions: [/*#__PURE__*/_react.default.createElement(_index.Button, {
-      "data-test-id": "error-report-download-btn",
-      affirmative: true,
-      onClick: handleDownload,
-      key: "download"
-    }, downloadButtonValue), /*#__PURE__*/_react.default.createElement(_index.Button, {
-      "data-test-id": "error-report-close-btn",
-      key: "close",
-      onClick: onDiscard
-    }, closeButtonValue)]
-  }, /*#__PURE__*/_react.default.createElement(_index.HtmlContentBlock, null, report));
-};
-
-exports.ActivityExecutionErrorReportModal = ActivityExecutionErrorReportModal;

package/dist/cmem/ActivityControl/ActivityExecutionErrorReportModal.jsx

@@ -1,76 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { Button, HtmlContentBlock, SimpleDialog } from "../../index";
-import React from "react";
-/** Shows the execution error report to the user and offers to download the report. */
-export var ActivityExecutionErrorReportModal = function (_a) {
-    var title = _a.title, onDiscard = _a.onDiscard, report = _a.report, downloadButtonValue = _a.downloadButtonValue, closeButtonValue = _a.closeButtonValue, fetchErrorReport = _a.fetchErrorReport;
-    var fileName = "Activity execution report from " + (new Date()).toISOString().replace(/T/, " ").replace(/:/g, "-").substr(0, 19) + ".md";
-    var handleDownload = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var markdown, element;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, fetchErrorReport()];
-                case 1:
-                    markdown = _a.sent();
-                    if (markdown) {
-                        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 [2 /*return*/];
-            }
-        });
-    }); };
-    return (<SimpleDialog title={title} isOpen={true} onClose={onDiscard} actions={[
-            <Button data-test-id={"error-report-download-btn"} affirmative onClick={handleDownload} key="download">
-                    {downloadButtonValue}
-                </Button>,
-            <Button data-test-id={"error-report-close-btn"} key="close" onClick={onDiscard}>
-                    {closeButtonValue}
-                </Button>,
-        ]}>
-            <HtmlContentBlock>
-                {report}
-            </HtmlContentBlock>
-        </SimpleDialog>);
-};