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

package/dist/components/Icon/canonicalIconNames.jsx

@@ -0,0 +1,534 @@
+import * as icons from "@carbon/icons-react";
+var canonicalIconNames = {
+    "application-dataintegration": {
+        small: icons.DataUnstructured16,
+        normal: icons.DataUnstructured20,
+        large: icons.DataUnstructured32
+    },
+    "application-homepage": {
+        small: icons.Workspace16,
+        normal: icons.Workspace20,
+        large: icons.Workspace32
+    },
+    "application-useraccount": {
+        small: icons.UserAvatar16,
+        normal: icons.UserAvatar20,
+        large: icons.UserAvatar32
+    },
+    "application-warning": {
+        small: icons.WarningAlt16,
+        normal: icons.WarningAlt20,
+        large: icons.WarningAlt32
+    },
+    "application-mapping": {
+        small: icons.ModelBuilder16,
+        normal: icons.ModelBuilder20,
+        large: icons.ModelBuilder32
+    },
+    "application-explore": {
+        small: icons.Explore16,
+        normal: icons.Explore20,
+        large: icons.Explore32
+    },
+    "application-vocabularies": {
+        small: icons.Catalog16,
+        normal: icons.Catalog20,
+        large: icons.Catalog32
+    },
+    "application-queries": {
+        small: icons.DataView16,
+        normal: icons.DataView20,
+        large: icons.DataView32
+    },
+    "application-legacygui": {
+        small: icons.ResetAlt16,
+        normal: icons.ResetAlt20,
+        large: icons.ResetAlt32
+    },
+    "application-activities": {
+        small: icons.Activity16,
+        normal: icons.Activity20,
+        large: icons.Activity32
+    },
+    "module-timetracker": {
+        small: icons.Timer16,
+        normal: icons.Timer20,
+        large: icons.Timer32
+    },
+    "module-accesscontrol": {
+        small: icons.UserAdmin16,
+        normal: icons.UserAdmin20,
+        large: icons.UserAdmin32
+    },
+    "module-annotation": {
+        small: icons.WatsonHealthTextAnnotationToggle16,
+        normal: icons.WatsonHealthTextAnnotationToggle20,
+        large: icons.WatsonHealthTextAnnotationToggle32
+    },
+    "module-dashboard": {
+        small: icons.Dashboard16,
+        normal: icons.Dashboard20,
+        large: icons.Dashboard32
+    },
+    "module-search": {
+        small: icons.Search16,
+        normal: icons.Search20,
+        large: icons.Search32
+    },
+    "module-visualization": {
+        small: icons.DataVis_116,
+        normal: icons.DataVis_120,
+        large: icons.DataVis_132
+    },
+    "module-reports": {
+        small: icons.ReportData16,
+        normal: icons.ReportData20,
+        large: icons.ReportData32
+    },
+    "module-thesauri": {
+        small: icons.Book16,
+        normal: icons.Book20,
+        large: icons.Book32
+    },
+    "module-linkedrules": {
+        small: icons.Connect16,
+        normal: icons.Connect20,
+        large: icons.Connect32
+    },
+    "module-integrations": {
+        small: icons.AppConnectivity16,
+        normal: icons.AppConnectivity20,
+        large: icons.AppConnectivity32
+    },
+    "module-gdprsearch": {
+        small: icons.UserProfile16,
+        normal: icons.UserProfile20,
+        large: icons.UserProfile32
+    },
+    "toggler-showmore": {
+        small: icons.ChevronDown16,
+        normal: icons.ChevronDown20,
+        large: icons.ChevronDown32
+    },
+    "toggler-showless": {
+        small: icons.ChevronUp16,
+        normal: icons.ChevronUp20,
+        large: icons.ChevronUp32
+    },
+    "toggler-moveright": {
+        small: icons.ChevronRight16,
+        normal: icons.ChevronRight20,
+        large: icons.ChevronRight32
+    },
+    "toggler-moveleft": {
+        small: icons.ChevronLeft16,
+        normal: icons.ChevronLeft20,
+        large: icons.ChevronLeft32
+    },
+    "toggler-maximize": {
+        small: icons.Maximize16,
+        normal: icons.Maximize20,
+        large: icons.Maximize32
+    },
+    "toggler-minimize": {
+        small: icons.Minimize16,
+        normal: icons.Minimize20,
+        large: icons.Minimize32
+    },
+    "toggler-tree": {
+        small: icons.TreeViewAlt16,
+        normal: icons.TreeViewAlt20,
+        large: icons.TreeViewAlt32
+    },
+    "navigation-back": {
+        small: icons.ArrowLeft16,
+        normal: icons.ArrowLeft20,
+        large: icons.ArrowLeft32
+    },
+    "navigation-forth": {
+        small: icons.ArrowRight16,
+        normal: icons.ArrowRight20,
+        large: icons.ArrowRight32
+    },
+    "navigation-close": {
+        small: icons.Close16,
+        normal: icons.Close20,
+        large: icons.Close32
+    },
+    "navigation-jump": {
+        small: icons.JumpLink16,
+        normal: icons.JumpLink20,
+        large: icons.JumpLink32
+    },
+    "navigation-last": {
+        small: icons.PageLast16,
+        normal: icons.PageLast20,
+        large: icons.PageLast32
+    },
+    "navigation-previous": {
+        small: icons.ChevronLeft16,
+        normal: icons.ChevronLeft20,
+        large: icons.ChevronLeft32
+    },
+    "navigation-next": {
+        small: icons.ChevronRight16,
+        normal: icons.ChevronRight20,
+        large: icons.ChevronRight32
+    },
+    "navigation-first": {
+        small: icons.PageFirst16,
+        normal: icons.PageFirst20,
+        large: icons.PageFirst32
+    },
+    "item-moremenu": {
+        small: icons.OverflowMenuVertical16,
+        normal: icons.OverflowMenuVertical20,
+        large: icons.OverflowMenuVertical32
+    },
+    "item-vertmenu": {
+        small: icons.OverflowMenuHorizontal16,
+        normal: icons.OverflowMenuHorizontal20,
+        large: icons.OverflowMenuHorizontal32
+    },
+    "item-viewdetails": {
+        small: icons.View16,
+        normal: icons.View20,
+        large: icons.View32
+    },
+    "item-clone": {
+        small: icons.Copy16,
+        normal: icons.Copy20,
+        large: icons.Copy32
+    },
+    "item-edit": {
+        small: icons.Edit16,
+        normal: icons.Edit20,
+        large: icons.Edit32
+    },
+    "item-evaluation": {
+        small: icons.Analytics16,
+        normal: icons.Analytics20,
+        large: icons.Analytics32
+    },
+    "item-execution": {
+        small: icons.Run16,
+        normal: icons.Run20,
+        large: icons.Run32
+    },
+    "item-info": {
+        small: icons.Information16,
+        normal: icons.Information20,
+        large: icons.Information32
+    },
+    "item-remove": {
+        small: icons.TrashCan16,
+        normal: icons.TrashCan20,
+        large: icons.TrashCan32
+    },
+    "item-add-artefact": {
+        small: icons.AddAlt16,
+        normal: icons.AddAlt20,
+        large: icons.AddAlt32
+    },
+    "item-launch": {
+        small: icons.Launch16,
+        normal: icons.Launch20,
+        large: icons.Launch32
+    },
+    "item-download": {
+        small: icons.Download16,
+        normal: icons.Download20,
+        large: icons.Download32
+    },
+    "item-question": {
+        small: icons.Help16,
+        normal: icons.Help20,
+        large: icons.Help32
+    },
+    "item-copy": {
+        small: icons.CopyFile16,
+        normal: icons.CopyFile20,
+        large: icons.CopyFile32
+    },
+    "item-save": {
+        small: icons.Save16,
+        normal: icons.Save20,
+        large: icons.Save32
+    },
+    "item-start": {
+        small: icons.PlayFilledAlt16,
+        normal: icons.PlayFilledAlt20,
+        large: icons.PlayFilledAlt32
+    },
+    "item-stop": {
+        small: icons.StopFilledAlt16,
+        normal: icons.StopFilledAlt20,
+        large: icons.StopFilledAlt32
+    },
+    "item-reload": {
+        small: icons.Renew16,
+        normal: icons.Renew20,
+        large: icons.Renew32
+    },
+    "item-shuffle": {
+        small: icons.Shuffle16,
+        normal: icons.Shuffle20,
+        large: icons.Shuffle32
+    },
+    "item-draggable": {
+        small: icons.Draggable16,
+        normal: icons.Draggable20,
+        large: icons.Draggable32
+    },
+    "operation-search": {
+        small: icons.Search16,
+        normal: icons.Search20,
+        large: icons.Search32
+    },
+    "operation-clear": {
+        small: icons.Close16,
+        normal: icons.Close20,
+        large: icons.Close32
+    },
+    "operation-undo": {
+        small: icons.Undo16,
+        normal: icons.Undo20,
+        large: icons.Undo32
+    },
+    "operation-redo": {
+        small: icons.Redo16,
+        normal: icons.Redo20,
+        large: icons.Redo32
+    },
+    "operation-logout": {
+        small: icons.Logout16,
+        normal: icons.Logout20,
+        large: icons.Logout32
+    },
+    "operation-filter": {
+        small: icons.Filter16,
+        normal: icons.Filter20,
+        large: icons.Filter32
+    },
+    "operation-filteredit": {
+        small: icons.FilterEdit16,
+        normal: icons.FilterEdit20,
+        large: icons.FilterEdit32
+    },
+    "list-sort": {
+        small: icons.ArrowsVertical16,
+        normal: icons.ArrowsVertical20,
+        large: icons.ArrowsVertical32
+    },
+    "list-sortasc": {
+        small: icons.ArrowDown16,
+        normal: icons.ArrowDown20,
+        large: icons.ArrowDown32
+    },
+    "list-sortdesc": {
+        small: icons.ArrowUp16,
+        normal: icons.ArrowUp20,
+        large: icons.ArrowUp32
+    },
+    "state-info": {
+        small: icons.InformationFilled16,
+        normal: icons.InformationFilled20,
+        large: icons.InformationFilled32
+    },
+    "state-success": {
+        small: icons.CheckmarkFilled16,
+        normal: icons.CheckmarkFilled20,
+        large: icons.CheckmarkFilled32
+    },
+    "state-warning": {
+        small: icons.WarningAltFilled16,
+        normal: icons.WarningAltFilled20,
+        large: icons.WarningAltFilled32
+    },
+    "state-danger": {
+        small: icons.ErrorFilled16,
+        normal: icons.ErrorFilled20,
+        large: icons.ErrorFilled32
+    },
+    "state-unchecked": {
+        small: icons.Checkbox16,
+        normal: icons.Checkbox20,
+        large: icons.Checkbox32
+    },
+    "state-checked": {
+        small: icons.CheckboxChecked16,
+        normal: icons.CheckboxChecked20,
+        large: icons.CheckboxChecked32
+    },
+    "state-partlychecked": {
+        small: icons.CheckboxIndeterminate16,
+        normal: icons.CheckboxIndeterminate20,
+        large: icons.CheckboxIndeterminate32
+    },
+    "artefact-project": {
+        small: icons.Folder16,
+        normal: icons.Folder20,
+        large: icons.Folder32
+    },
+    "artefact-workflow": {
+        small: icons.ModelBuilder16,
+        normal: icons.ModelBuilder20,
+        large: icons.ModelBuilder32
+    },
+    "artefact-dataset": {
+        small: icons.Data_216,
+        normal: icons.Data_220,
+        large: icons.Data_232
+    },
+    "artefact-dataset-csv": {
+        small: icons.Csv16,
+        normal: icons.Csv20,
+        large: icons.Csv32
+    },
+    "artefact-dataset-multicsv": {
+        small: icons.Csv16,
+        normal: icons.Csv20,
+        large: icons.Csv32
+    },
+    "artefact-dataset-sparkview": {
+        small: icons.Sql16,
+        normal: icons.Sql20,
+        large: icons.Sql32
+    },
+    "artefact-dataset-sqlendpoint": {
+        small: icons.Sql16,
+        normal: icons.Sql20,
+        large: icons.Sql32
+    },
+    "artefact-dataset-jdbc": {
+        small: icons.Sql16,
+        normal: icons.Sql20,
+        large: icons.Sql32
+    },
+    "artefact-dataset-xml": {
+        small: icons.Xml16,
+        normal: icons.Xml20,
+        large: icons.Xml32
+    },
+    "artefact-dataset-json": {
+        small: icons.Json16,
+        normal: icons.Json20,
+        large: icons.Json32
+    },
+    "artefact-dataset-excel": {
+        small: icons.Xls16,
+        normal: icons.Xls20,
+        large: icons.Xls32
+    },
+    "artefact-dataset-file": {
+        small: icons.DataVis_116,
+        normal: icons.DataVis_120,
+        large: icons.DataVis_132
+    },
+    "artefact-dataset-eccencadataplatform": {
+        small: icons.DataVis_116,
+        normal: icons.DataVis_120,
+        large: icons.DataVis_132
+    },
+    "artefact-dataset-sparqlendpoint": {
+        small: icons.DataVis_116,
+        normal: icons.DataVis_120,
+        large: icons.DataVis_132
+    },
+    "artefact-dataset-neo4j": {
+        small: icons.DataVis_116,
+        normal: icons.DataVis_120,
+        large: icons.DataVis_132
+    },
+    "artefact-transform": {
+        small: icons.DataRefinery16,
+        normal: icons.DataRefinery20,
+        large: icons.DataRefinery32
+    },
+    "artefact-linking": {
+        small: icons.Connect16,
+        normal: icons.Connect20,
+        large: icons.Connect32
+    },
+    "artefact-task": {
+        small: icons.Script16,
+        normal: icons.Script20,
+        large: icons.Script32
+    },
+    "artefact-customtask": {
+        small: icons.Script16,
+        normal: icons.Script20,
+        large: icons.Script32
+    },
+    "artefact-file": {
+        small: icons.Document16,
+        normal: icons.Document20,
+        large: icons.Document32
+    },
+    "artefact-embedded": {
+        small: icons.DataBase16,
+        normal: icons.DataBase20,
+        large: icons.DataBase32
+    },
+    "artefact-remote": {
+        small: icons.VirtualMachine16,
+        normal: icons.VirtualMachine20,
+        large: icons.VirtualMachine32
+    },
+    "artefact-deprecated": {
+        small: icons.WarningSquare16,
+        normal: icons.WarningSquare20,
+        large: icons.WarningSquare32
+    },
+    "artefact-uncategorized": {
+        small: icons.Unknown16,
+        normal: icons.Unknown20,
+        large: icons.Unknown32
+    },
+    "artefact-rawdata": {
+        small: icons.ScriptReference16,
+        normal: icons.ScriptReference20,
+        large: icons.ScriptReference32
+    },
+    "artefact-report": {
+        small: icons.Report16,
+        normal: icons.Report20,
+        large: icons.Report32
+    },
+    "activity-error-report": {
+        small: icons.Error16,
+        normal: icons.Error20,
+        large: icons.Error32
+    },
+    "select-caret": {
+        small: icons.CaretSort16,
+        normal: icons.CaretSort20,
+        large: icons.CaretSort32
+    },
+    "linked-item": {
+        small: icons.Link16,
+        normal: icons.Link20,
+        large: icons.Link32
+    },
+    "unlinked-item": {
+        small: icons.Unlink16,
+        normal: icons.Unlink20,
+        large: icons.Unlink32
+    },
+    "operation-auto-graph-layout": {
+        small: icons.ChartNetwork16,
+        normal: icons.ChartNetwork20,
+        large: icons.ChartNetwork32
+    },
+    "undefined": {
+        small: icons.Undefined16,
+        normal: icons.Undefined20,
+        large: icons.Undefined32
+    },
+    "Undefined": {
+        small: icons.Undefined16,
+        normal: icons.Undefined20,
+        large: icons.Undefined32
+    },
+};
+export default canonicalIconNames;

package/dist/components/Iframe/Iframe.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { TestableComponent } from "../interfaces";
+export interface IframeProps extends TestableComponent {
+    className?: string;
+    title: string;
+    src: string;
+    useViewportHeight?: "quarter" | "third" | "half" | "full";
+    useAvailableSpace?: boolean;
+    /**
+     * Use height calculated from iframe content.
+     * Currently this only works when the iframe content is not changed after the onLoad event by lazy loading, etc.
+     * It also takes not height changes into account that are based on resized viewport
+     */
+    useContentHeight?: boolean;
+    backgroundColor?: string;
+    htmlIframeProps?: Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, "title" | "className" | "src">;
+}
+export declare const Iframe: React.ForwardRefExoticComponent<IframeProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/components/Iframe/Iframe.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Iframe = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+var _Spinner = _interopRequireDefault(require("../Spinner/Spinner"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/*
+    shows iframe and spinner as long as it is not loaded
+*/
+const Iframe = /*#__PURE__*/_react.default.forwardRef(({
+  title,
+  className = "",
+  useViewportHeight,
+  useAvailableSpace = false,
+  useContentHeight = false,
+  backgroundColor = "",
+  htmlIframeProps = {},
+  ...otherReactProps
+}, ref) => {
+  const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
+  const [contentHeight, setContentHeight] = (0, _react.useState)(undefined);
+
+  const newRef = _react.default.useRef(null);
+
+  (0, _react.useEffect)(() => {
+    const iframeRef = ref ?? newRef;
+
+    if (iframeRef && "current" in iframeRef && iframeRef.current) {
+      var _iframeRef$current$co3, _iframeRef$current$co4, _iframeRef$current$co5;
+
+      if (!!backgroundColor && isLoaded) {
+        var _iframeRef$current, _iframeRef$current$co, _iframeRef$current$co2, _iframeRef$current2, _iframeRef$current2$c, _iframeRef$current2$c2;
+
+        const iframeDocStyle = iframeRef === null || iframeRef === void 0 ? void 0 : (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 ? void 0 : (_iframeRef$current$co = _iframeRef$current.contentDocument) === null || _iframeRef$current$co === void 0 ? void 0 : (_iframeRef$current$co2 = _iframeRef$current$co.documentElement) === null || _iframeRef$current$co2 === void 0 ? void 0 : _iframeRef$current$co2.style;
+        const iframeBodyStyle = iframeRef === null || iframeRef === void 0 ? void 0 : (_iframeRef$current2 = iframeRef.current) === null || _iframeRef$current2 === void 0 ? void 0 : (_iframeRef$current2$c = _iframeRef$current2.contentDocument) === null || _iframeRef$current2$c === void 0 ? void 0 : (_iframeRef$current2$c2 = _iframeRef$current2$c.body) === null || _iframeRef$current2$c2 === void 0 ? void 0 : _iframeRef$current2$c2.style;
+
+        if (iframeDocStyle && iframeBodyStyle) {
+          iframeDocStyle.backgroundColor = backgroundColor;
+          iframeBodyStyle.backgroundColor = backgroundColor;
+        }
+      }
+
+      setContentHeight((_iframeRef$current$co3 = iframeRef.current.contentWindow) === null || _iframeRef$current$co3 === void 0 ? void 0 : (_iframeRef$current$co4 = _iframeRef$current$co3.document) === null || _iframeRef$current$co4 === void 0 ? void 0 : (_iframeRef$current$co5 = _iframeRef$current$co4.body) === null || _iframeRef$current$co5 === void 0 ? void 0 : _iframeRef$current$co5.scrollHeight);
+    }
+  }, [ref, isLoaded, backgroundColor]);
+  const classNames = `${_constants.CLASSPREFIX}-iframe` + (!!useViewportHeight ? ` ${_constants.CLASSPREFIX}-iframe--${useViewportHeight}height` : "") + (!!useAvailableSpace ? ` ${_constants.CLASSPREFIX}-iframe--useavailablespace` : "");
+  const {
+    onLoad = e => {},
+    style,
+    ...otherOriginalIframeProps
+  } = htmlIframeProps;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classNames
+  }, !isLoaded && /*#__PURE__*/_react.default.createElement(_Spinner.default, null), /*#__PURE__*/_react.default.createElement("iframe", (0, _extends2.default)({
+    className: className ?? undefined,
+    ref: ref ?? newRef,
+    title: title
+  }, otherOriginalIframeProps, otherReactProps, {
+    onLoad: e => {
+      setIsLoaded(true);
+      onLoad(e);
+    },
+    style: { ...(style ?? {}),
+      ...(!isLoaded ? {
+        visibility: "hidden",
+        position: "absolute",
+        left: "-10000em"
+      } : {}),
+      ...(useContentHeight && !!contentHeight ? {
+        height: `${contentHeight}px`
+      } : {})
+    },
+    scrolling: useContentHeight && !!contentHeight ? "no" : "yes"
+  })));
+});
+
+exports.Iframe = Iframe;