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

package/dist/components/Grid/GridRow.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _carbonComponentsReact = require("carbon-components-react");
+
+var _constants = require("../../configuration/constants");
+
+// import PropTypes from 'prop-types';
+function GridRow({
+  children,
+  className = "",
+  dontWrapColumns = true,
+  fullHeight = false,
+  verticalStretched,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-grid__row` + (dontWrapColumns ? ` ${_constants.CLASSPREFIX}-grid__row--dontwrapcolumns` : "") + (verticalStretched ? ` ${_constants.CLASSPREFIX}-grid__row--stretched` : "") + (fullHeight ? ` ${_constants.CLASSPREFIX}-grid__row--fullheight` : "") + (className ? " " + className : "")
+  }), children);
+}
+
+var _default = GridRow;
+exports.default = _default;

package/dist/components/Grid/GridRow.jsx

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { Row as CarbonRow } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function GridRow(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.dontWrapColumns, dontWrapColumns = _c === void 0 ? true : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, verticalStretched = _a.verticalStretched, otherProps = __rest(_a, ["children", "className", "dontWrapColumns", "fullHeight", "verticalStretched"]);
+    return (<CarbonRow {...otherProps} className={eccgui + "-grid__row" +
+            (dontWrapColumns ? " " + eccgui + "-grid__row--dontwrapcolumns" : "") +
+            (verticalStretched ? " " + eccgui + "-grid__row--stretched" : "") +
+            (fullHeight ? " " + eccgui + "-grid__row--fullheight" : "") +
+            (className ? " " + className : "")}>
+            {children}
+        </CarbonRow>);
+}
+export default GridRow;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { IconProps as CarbonIconProps } from "carbon-components-react";
+import { IntentTypes } from "../../common/Intent";
+import { TooltipProps } from "./../Tooltip/Tooltip";
+import { ValidIconName } from "./canonicalIconNames";
+interface IconProps extends Omit<CarbonIconProps, "icon" | "description" | "name"> {
+    className?: string;
+    name: ValidIconName | string[];
+    description?: string;
+    large?: boolean;
+    small?: boolean;
+    tooltipText?: string;
+    tooltipOpenDelay?: number;
+    tooltipProperties?: Partial<Omit<TooltipProps, "content" | "children">>;
+    intent?: IntentTypes;
+}
+/** Returns the first icon name that exists or the fallback icon name. */
+export declare const findExistingIconName: (iconNames: string[], fallbackIconName?: string) => string;
+declare function Icon({ className, name, large, small, tooltipText, tooltipOpenDelay, tooltipProperties, intent, ...restProps }: IconProps): JSX.Element;
+export default Icon;

package/dist/components/Icon/Icon.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findExistingIconName = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+var _Tooltip = _interopRequireDefault(require("./../Tooltip/Tooltip"));
+
+var _canonicalIconNames = _interopRequireDefault(require("./canonicalIconNames"));
+
+/** Returns the first icon that exists or the fallback icon. */
+const findExistingIcon = (iconName, fallbackItem = _canonicalIconNames.default["Undefined"]) => {
+  if (typeof iconName === "string") {
+    return _canonicalIconNames.default[iconName] ?? fallbackItem;
+  } else {
+    return _canonicalIconNames.default[findExistingIconName(iconName)];
+  }
+};
+/** Returns the first icon name that exists or the fallback icon name. */
+
+
+const findExistingIconName = (iconNames, fallbackIconName = "Undefined") => {
+  let foundIconName = fallbackIconName;
+  const iconNameStack = [...iconNames];
+
+  while (foundIconName === fallbackIconName && iconNameStack.length > 0) {
+    let iconNameToTest = iconNameStack.shift();
+
+    if (iconNameToTest && _canonicalIconNames.default[iconNameToTest] != null) {
+      foundIconName = iconNameToTest;
+    }
+  }
+
+  return foundIconName;
+};
+
+exports.findExistingIconName = findExistingIconName;
+
+function Icon({
+  className = "",
+  name = "undefined",
+  large = false,
+  small = false,
+  tooltipText,
+  tooltipOpenDelay,
+  tooltipProperties,
+  intent,
+  ...restProps
+}) {
+  let sizeConfig = {
+    height: 20,
+    width: 20
+  };
+  if (small) sizeConfig = {
+    height: 16,
+    width: 16
+  };
+  if (large) sizeConfig = {
+    height: 32,
+    width: 32
+  };
+  const carbonIcon = findExistingIcon(name);
+  let CarbonIconSized = carbonIcon.normal;
+  if (small) CarbonIconSized = carbonIcon.small;
+  if (large) CarbonIconSized = carbonIcon.large;
+
+  if (!!tooltipText && !restProps.description) {
+    restProps['description'] = tooltipText;
+  }
+
+  const icon = /*#__PURE__*/_react.default.createElement(CarbonIconSized, (0, _extends2.default)({}, restProps, sizeConfig, {
+    className: `${_constants.CLASSPREFIX}-icon ` + (intent ? `${_constants.CLASSPREFIX}-intent--${intent} ` : "") + className
+  }));
+
+  return tooltipText ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
+    content: tooltipText,
+    hoverOpenDelay: tooltipOpenDelay
+  }, tooltipProperties), /*#__PURE__*/_react.default.createElement("span", null, icon)) : icon;
+}
+
+var _default = Icon;
+exports.default = _default;

package/dist/components/Icon/Icon.jsx

@@ -0,0 +1,88 @@
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import Tooltip from "./../Tooltip/Tooltip";
+import canonicalIcons from "./canonicalIconNames";
+/** Returns the first icon that exists or the fallback icon. */
+var findExistingIcon = function (iconName, fallbackItem) {
+    var _a;
+    if (fallbackItem === void 0) { fallbackItem = canonicalIcons["Undefined"]; }
+    if (typeof iconName === "string") {
+        return (_a = canonicalIcons[iconName]) !== null && _a !== void 0 ? _a : fallbackItem;
+    }
+    else {
+        return canonicalIcons[findExistingIconName(iconName)];
+    }
+};
+/** Returns the first icon name that exists or the fallback icon name. */
+export var findExistingIconName = function (iconNames, fallbackIconName) {
+    if (fallbackIconName === void 0) { fallbackIconName = "Undefined"; }
+    var foundIconName = fallbackIconName;
+    var iconNameStack = __spreadArray([], __read(iconNames), false);
+    while (foundIconName === fallbackIconName && iconNameStack.length > 0) {
+        var iconNameToTest = iconNameStack.shift();
+        if (iconNameToTest && canonicalIcons[iconNameToTest] != null) {
+            foundIconName = iconNameToTest;
+        }
+    }
+    return foundIconName;
+};
+function Icon(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, _d = _a.large, large = _d === void 0 ? false : _d, _e = _a.small, small = _e === void 0 ? false : _e, tooltipText = _a.tooltipText, tooltipOpenDelay = _a.tooltipOpenDelay, tooltipProperties = _a.tooltipProperties, intent = _a.intent, restProps = __rest(_a, ["className", "name", "large", "small", "tooltipText", "tooltipOpenDelay", "tooltipProperties", "intent"]);
+    var sizeConfig = { height: 20, width: 20 };
+    if (small)
+        sizeConfig = { height: 16, width: 16 };
+    if (large)
+        sizeConfig = { height: 32, width: 32 };
+    var carbonIcon = findExistingIcon(name);
+    var CarbonIconSized = carbonIcon.normal;
+    if (small)
+        CarbonIconSized = carbonIcon.small;
+    if (large)
+        CarbonIconSized = carbonIcon.large;
+    if (!!tooltipText && !restProps.description) {
+        restProps['description'] = tooltipText;
+    }
+    var icon = (<CarbonIconSized {...restProps} {...sizeConfig} className={eccgui + "-icon " +
+            (intent ? eccgui + "-intent--" + intent + " " : "") +
+            className}/>);
+    return tooltipText ? (<Tooltip content={tooltipText} hoverOpenDelay={tooltipOpenDelay} {...tooltipProperties}>
+            <span>{icon}</span>
+        </Tooltip>) : (icon);
+}
+export default Icon;

package/dist/components/Icon/IconButton.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ButtonProps, AnchorOrButtonProps } from "../Button/Button";
+import { ValidIconName } from "./canonicalIconNames";
+interface IconButtonProps extends ButtonProps {
+    name: ValidIconName;
+    className?: string;
+    text?: string;
+    tooltipOpenDelay?: number;
+    large?: boolean;
+    small?: boolean;
+    tooltipAsTitle?: boolean;
+    href?: string;
+    description?: string;
+}
+/** A button with an icon instead of text. */
+declare function IconButton({ className, name, text, tooltipProperties, description, tooltipOpenDelay, tooltipAsTitle, ...restProps }: IconButtonProps & AnchorOrButtonProps): JSX.Element;
+export default IconButton;

package/dist/components/Icon/IconButton.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("../Button/Button"));
+
+var _constants = require("../../configuration/constants");
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
+/** A button with an icon instead of text. */
+function IconButton({
+  className = "",
+  name = "undefined",
+  text,
+  tooltipProperties,
+  description,
+  tooltipOpenDelay = 1000,
+  tooltipAsTitle = false,
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+    title: tooltipAsTitle && text ? text : undefined
+  }, restProps, {
+    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: name,
+      small: restProps.small,
+      large: restProps.large,
+      tooltipText: tooltipAsTitle ? undefined : text,
+      tooltipOpenDelay: tooltipOpenDelay,
+      tooltipProperties: !!tooltipProperties ? tooltipProperties : {},
+      description: description ? description : text
+    }),
+    className: `${_constants.CLASSPREFIX}-button--icon ` + className,
+    minimal: true
+  }));
+}
+
+var _default = IconButton;
+exports.default = _default;

package/dist/components/Icon/IconButton.jsx

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import Button from "../Button/Button";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import Icon from "./Icon";
+/** A button with an icon instead of text. */
+function IconButton(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, text = _a.text, tooltipProperties = _a.tooltipProperties, description = _a.description, _d = _a.tooltipOpenDelay, tooltipOpenDelay = _d === void 0 ? 1000 : _d, _e = _a.tooltipAsTitle, tooltipAsTitle = _e === void 0 ? false : _e, restProps = __rest(_a, ["className", "name", "text", "tooltipProperties", "description", "tooltipOpenDelay", "tooltipAsTitle"]);
+    return (<Button title={tooltipAsTitle && text ? text : undefined} {...restProps} icon={<Icon name={name} small={restProps.small} large={restProps.large} tooltipText={tooltipAsTitle ? undefined : text} tooltipOpenDelay={tooltipOpenDelay} tooltipProperties={!!tooltipProperties ? tooltipProperties : {}} description={description ? description : text}/>} className={eccgui + "-button--icon " + className} minimal/>);
+}
+export default IconButton;

package/dist/components/Icon/canonicalIconNames.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/** Valid icon names. */
+export declare type ValidIconName = string | "application-dataintegration" | "application-homepage" | "application-useraccount" | "application-warning" | "application-mapping" | "application-explore" | "application-vocabularies" | "application-queries" | "application-legacygui" | "application-activities" | "module-timetracker" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-search" | "module-visualization" | "module-reports" | "module-thesauri" | "module-linkedrules" | "module-integrations" | "module-gdprsearch" | "toggler-showmore" | "toggler-showless" | "toggler-moveright" | "toggler-moveleft" | "toggler-maximize" | "toggler-minimize" | "toggler-tree" | "navigation-back" | "navigation-forth" | "navigation-close" | "navigation-jump" | "navigation-last" | "navigation-previous" | "navigation-next" | "navigation-first" | "item-moremenu" | "item-vertmenu" | "item-viewdetails" | "item-clone" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-remove" | "item-add-artefact" | "item-launch" | "item-download" | "item-question" | "item-copy" | "item-save" | "item-start" | "item-stop" | "item-reload" | "item-shuffle" | "item-draggable" | "operation-search" | "operation-clear" | "operation-undo" | "operation-redo" | "operation-logout" | "operation-filter" | "operation-filteredit" | "list-sort" | "list-sortasc" | "list-sortdesc" | "state-info" | "state-success" | "state-warning" | "state-danger" | "state-unchecked" | "state-checked" | "state-partlychecked" | "artefact-project" | "artefact-workflow" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-multicsv" | "artefact-dataset-sparkview" | "artefact-dataset-sqlendpoint" | "artefact-dataset-jdbc" | "artefact-dataset-xml" | "artefact-dataset-json" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-neo4j" | "artefact-transform" | "artefact-linking" | "artefact-task" | "artefact-customtask" | "artefact-file" | "artefact-embedded" | "artefact-remote" | "artefact-deprecated" | "artefact-uncategorized" | "artefact-rawdata" | "artefact-report" | "activity-error-report" | "select-caret" | "linked-item" | "operation-auto-graph-layout" | "unlinked-item" | "undefined" | "Undefined";
+export interface IconSized {
+    small: (props: any) => JSX.Element | null;
+    normal: (props: any) => JSX.Element | null;
+    large: (props: any) => JSX.Element | null;
+}
+declare const canonicalIconNames: Record<ValidIconName, IconSized>;
+export default canonicalIconNames;