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

package/dist/components/Icon/canonicalIconNames.jsx

@@ -1,534 +0,0 @@
-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.js

@@ -1,92 +0,0 @@
-"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;

package/dist/components/Iframe/Iframe.jsx

@@ -1,79 +0,0 @@
-/*
-    shows iframe and spinner as long as it is not loaded
-*/
-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;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import React, { useState, useEffect } from "react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-import Spinner from "../Spinner/Spinner";
-export var Iframe = React.forwardRef(function (_a, ref) {
-    var title = _a.title, _b = _a.className, className = _b === void 0 ? "" : _b, useViewportHeight = _a.useViewportHeight, _c = _a.useAvailableSpace, useAvailableSpace = _c === void 0 ? false : _c, _d = _a.useContentHeight, useContentHeight = _d === void 0 ? false : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? "" : _e, _f = _a.htmlIframeProps, htmlIframeProps = _f === void 0 ? {} : _f, otherReactProps = __rest(_a, ["title", "className", "useViewportHeight", "useAvailableSpace", "useContentHeight", "backgroundColor", "htmlIframeProps"]);
-    var _g = __read(useState(false), 2), isLoaded = _g[0], setIsLoaded = _g[1];
-    var _h = __read(useState(undefined), 2), contentHeight = _h[0], setContentHeight = _h[1];
-    var newRef = React.useRef(null);
-    useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        var iframeRef = ref !== null && ref !== void 0 ? ref : newRef;
-        if (iframeRef && "current" in iframeRef && iframeRef.current) {
-            if (!!backgroundColor && isLoaded) {
-                var iframeDocStyle = (_c = (_b = (_a = iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentDocument) === null || _b === void 0 ? void 0 : _b.documentElement) === null || _c === void 0 ? void 0 : _c.style;
-                var iframeBodyStyle = (_f = (_e = (_d = iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current) === null || _d === void 0 ? void 0 : _d.contentDocument) === null || _e === void 0 ? void 0 : _e.body) === null || _f === void 0 ? void 0 : _f.style;
-                if (iframeDocStyle && iframeBodyStyle) {
-                    iframeDocStyle.backgroundColor = backgroundColor;
-                    iframeBodyStyle.backgroundColor = backgroundColor;
-                }
-            }
-            setContentHeight((_j = (_h = (_g = iframeRef.current.contentWindow) === null || _g === void 0 ? void 0 : _g.document) === null || _h === void 0 ? void 0 : _h.body) === null || _j === void 0 ? void 0 : _j.scrollHeight);
-        }
-    }, [ref, isLoaded, backgroundColor]);
-    var classNames = eccgui + "-iframe" +
-        (!!useViewportHeight ? " " + eccgui + "-iframe--" + useViewportHeight + "height" : "") +
-        (!!useAvailableSpace ? " " + eccgui + "-iframe--useavailablespace" : "");
-    var _j = htmlIframeProps.onLoad, onLoad = _j === void 0 ? function (e) { } : _j, style = htmlIframeProps.style, otherOriginalIframeProps = __rest(htmlIframeProps, ["onLoad", "style"]);
-    return (<div className={classNames}>
-            {!isLoaded && <Spinner />}
-            <iframe className={className !== null && className !== void 0 ? className : undefined} ref={ref !== null && ref !== void 0 ? ref : newRef} title={title} {...otherOriginalIframeProps} {...otherReactProps} onLoad={function (e) { setIsLoaded(true); onLoad(e); }} style={__assign(__assign(__assign({}, (style !== null && style !== void 0 ? style : {})), (!isLoaded ? {
-            visibility: "hidden",
-            position: "absolute",
-            left: "-10000em",
-        } : {})), ((useContentHeight && !!contentHeight) ? {
-            height: contentHeight + "px",
-        } : {}))} scrolling={(useContentHeight && !!contentHeight) ? "no" : "yes"}/>
-        </div>);
-});