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

package/dist/legacy-replacements/Button/AffirmativeButton.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AffirmativeButtonReplacement = AffirmativeButtonReplacement;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = require("./Button");
-
-function AffirmativeButtonReplacement({
-  children,
-  ...otherProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonReplacement, (0, _extends2.default)({}, otherProps, {
-    affirmative: true
-  }), children);
-}

package/dist/legacy-replacements/Button/Button.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonReplacement = ButtonReplacement;
-exports.iconMappings = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("../../components/Button/Button"));
-
-const iconMappings = {
-  "edit": "item-edit",
-  "delete": "item-remove",
-  "expand_more": "toggler-showmore",
-  "expand_less": "toggler-showless",
-  "arrow_nextpage": "navigation-forth",
-  "arrow_back": "navigation-back"
-};
-exports.iconMappings = iconMappings;
-
-function ButtonReplacement({
-  children,
-  className,
-  fabSize,
-  iconName,
-  tooltip,
-  progress,
-  disabled = false,
-  affirmative = false,
-  dismissive = true,
-  disruptive = false,
-  raised = false,
-  colored = false,
-  ...otherProps
-}) {
-  if (process.env.NODE_ENV === 'development') {
-    const debugMsg = ["This button element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard element (Button)."];
-
-    if (typeof otherProps.accent !== "undefined") {
-      debugMsg.push("Button 'accent' property is not supported on legacy replacement element.");
-      delete otherProps.accent;
-    }
-
-    if (typeof otherProps.badge !== "undefined") {
-      debugMsg.push("Button 'badge' property is not supported on legacy replacement element.");
-      delete otherProps.badge;
-    }
-
-    if (typeof otherProps.ripple !== "undefined") {
-      debugMsg.push("Button 'ripple' property is not supported on legacy replacement element.");
-      delete otherProps.ripple;
-    }
-
-    if (typeof progress !== "undefined") {
-      debugMsg.push("Button 'progress' property is not fully supported on legacy replacement element, it only shows a loading spinner in the button.");
-    }
-
-    debugMsg.forEach(element => console.debug(element));
-  }
-
-  if (typeof otherProps.accent !== "undefined") {
-    delete otherProps.accent;
-  }
-
-  if (typeof otherProps.badge !== "undefined") {
-    delete otherProps.badge;
-  }
-
-  if (typeof otherProps.ripple !== "undefined") {
-    delete otherProps.ripple;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, otherProps, {
-    className: className,
-    minimal: !!iconName && raised === false ? true : false,
-    icon: iconName ? iconName && iconMappings[iconName] ? iconMappings[iconName] : iconName : undefined,
-    tooltip: !!tooltip ? tooltip : false,
-    disabled: disabled,
-    affirmative: affirmative,
-    disruptive: disruptive,
-    hasStatePrimary: !!fabSize || colored || !dismissive,
-    large: !!fabSize && fabSize !== "mini",
-    loading: !!progress ? true : false
-  }), children);
-}

package/dist/legacy-replacements/Button/DismissiveButton.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DismissiveButtonReplacement = DismissiveButtonReplacement;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = require("./Button");
-
-function DismissiveButtonReplacement({
-  children,
-  ...otherProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonReplacement, (0, _extends2.default)({}, otherProps, {
-    dismissive: true
-  }), children);
-}

package/dist/legacy-replacements/Button/DisruptiveButton.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DisruptiveButtonReplacement = DisruptiveButtonReplacement;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = require("./Button");
-
-function DisruptiveButtonReplacement({
-  children,
-  ...otherProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonReplacement, (0, _extends2.default)({}, otherProps, {
-    disruptive: true
-  }), children);
-}

package/dist/legacy-replacements/Checkbox/Checkbox.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckboxReplacement = CheckboxReplacement;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Checkbox = _interopRequireDefault(require("../../components/Checkbox/Checkbox"));
-
-const extendedOnChangeBoolean = (onChangeFn, event) => {
-  if (typeof onChangeFn === "function") {
-    onChangeFn({
-      event,
-      name: event.target.name,
-      value: event.target.checked,
-      rawValue: event.target.value
-    });
-  }
-};
-
-function CheckboxReplacement({
-  children = null,
-  checked = false,
-  className = null,
-  disabled = false,
-  label = null,
-  onChange,
-  ...otherProps
-}) {
-  if (process.env.NODE_ENV === 'development') {
-    const debugMsg = ["This checkbox element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard element (Checkbox)."];
-
-    if (typeof otherProps.ripple !== "undefined") {
-      debugMsg.push("Checkbox 'ripple' property is not supported on legacy replacement element.");
-      delete otherProps.ripple;
-    }
-
-    if (typeof otherProps.hideLabel !== "undefined") {
-      debugMsg.push("Checkbox 'hideLabel' property is not supported on legacy replacement element.");
-      delete otherProps.hideLabel;
-    }
-
-    debugMsg.forEach(element => console.debug(element));
-  }
-
-  if (typeof otherProps.ripple !== "undefined") {
-    delete otherProps.ripple;
-  }
-
-  if (typeof otherProps.hideLabel !== "undefined") {
-    delete otherProps.hideLabel;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({}, otherProps, {
-    className: className,
-    disabled: disabled,
-    checked: checked,
-    onChange: extendedOnChangeBoolean.bind(null, onChange)
-  }), label, children);
-}

package/dist/legacy-replacements/Radio/RadioButton.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RadioButtonReplacement = RadioButtonReplacement;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _RadioButton = _interopRequireDefault(require("../../components/RadioButton/RadioButton"));
-
-function RadioButtonReplacement({
-  children,
-  label,
-  ...otherProps
-}) {
-  if (process.env.NODE_ENV === 'development') {
-    const debugMsg = ["This radio element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard element (RadioButton)."];
-
-    if (typeof otherProps.ripple !== "undefined") {
-      debugMsg.push("Radio 'ripple' property is not supported on legacy replacement element.");
-      delete otherProps.ripple;
-    }
-
-    if (typeof otherProps.hideLabel !== "undefined") {
-      debugMsg.push("Radio 'hideLabel' property is not supported on legacy replacement element.");
-      delete otherProps.hideLabel;
-    }
-
-    if (typeof label !== "undefined") {
-      debugMsg.push("Radio 'label' property is not supported exactly like at the legacy element.");
-    }
-
-    debugMsg.forEach(element => console.debug(element));
-  }
-
-  if (typeof otherProps.ripple !== "undefined") {
-    delete otherProps.ripple;
-  }
-
-  if (typeof otherProps.hideLabel !== "undefined") {
-    delete otherProps.hideLabel;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_RadioButton.default, otherProps, label, children);
-}

package/dist/legacy-replacements/TextField/TextField.js

@@ -1,96 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextFieldReplacement = TextFieldReplacement;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldItem = _interopRequireDefault(require("../../components/Form/FieldItem"));
-
-var _TextField = _interopRequireDefault(require("../../components/TextField/TextField"));
-
-var _TextArea = _interopRequireDefault(require("../../components/TextField/TextArea"));
-
-var _IconButton = _interopRequireDefault(require("../../components/Icon/IconButton"));
-
-const extendedOnChange = (onChangeFn, event) => {
-  if (typeof onChangeFn === "function") {
-    onChangeFn({
-      event,
-      name: event.target.name,
-      value: event.target.value,
-      rawValue: event.target.value
-    });
-  }
-};
-
-function TextFieldReplacement({
-  className,
-  disabled = false,
-  error,
-  inputClassName,
-  label,
-  multiline = false,
-  onChange,
-  onClearValue,
-  // reducedSize = false,
-  required = false,
-  stretch = true,
-  value,
-  ...otherProps
-}) {
-  if (process.env.NODE_ENV === 'development') {
-    const debugMsg = ["This textfield element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard elements (FieldItem, TextField, TextArea)."];
-
-    if (typeof otherProps.reducedSize !== "undefined") {
-      debugMsg.push("TextField 'reducedSize' property is currently not supported on legacy replacement element.");
-      delete otherProps.reducedSize;
-    }
-
-    debugMsg.forEach(element => console.debug(element));
-  }
-
-  if (typeof otherProps.reducedSize !== "undefined") {
-    delete otherProps.reducedSize;
-  }
-
-  const InputElement = !!multiline ? _TextArea.default : _TextField.default;
-  const fieldProperties = {
-    className: className,
-    messageText: error,
-    labelAttributes: !!label ? {
-      text: label
-    } : {}
-  };
-  const inputProperties = {
-    className: inputClassName,
-    fullWidth: stretch,
-    value: value,
-    required: required,
-    onChange: extendedOnChange.bind(null, onChange)
-  };
-
-  if (!!multiline) {
-    delete inputProperties.fullWidth;
-  }
-
-  if (multiline === false && !!onClearValue && !!value) {
-    inputProperties['rightElement'] = /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      "data-test-id": otherProps["data-test-id"] && `${otherProps["data-test-id"]}-clear-btn`,
-      name: "operation-clear",
-      onClick: onClearValue
-    });
-  }
-
-  const sharedProperties = {
-    hasStateDanger: !!error ? true : false,
-    disabled: disabled
-  };
-  return !!error || !!label ? /*#__PURE__*/_react.default.createElement(_FieldItem.default, (0, _extends2.default)({}, sharedProperties, fieldProperties), /*#__PURE__*/_react.default.createElement(InputElement, (0, _extends2.default)({}, otherProps, sharedProperties, inputProperties))) : /*#__PURE__*/_react.default.createElement(InputElement, (0, _extends2.default)({}, otherProps, inputProperties));
-}

package/src/components/Icon/canonicalIconNames.json

@@ -1,120 +0,0 @@
-{
-  "application-dataintegration": "DataUnstructured",
-
-  "application-homepage": "Workspace",
-  "application-useraccount": "UserAvatar",
-  "application-warning": "WarningAlt",
-  "application-mapping": "ModelBuilder",
-  "application-explore": "Explore",
-  "application-vocabularies": "Catalog",
-  "application-queries": "DataView",
-  "application-legacygui": "ResetAlt",
-  "application-activities": "Activity",
-  "module-timetracker": "Timer",
-  "module-accesscontrol": "UserAdmin",
-  "module-annotation": "WatsonHealthTextAnnotationToggle",
-  "module-dashboard": "Dashboard",
-  "module-search": "Search",
-  "module-visualization": "DataVis_1",
-  "module-reports": "ReportData",
-  "module-thesauri": "Book",
-  "module-linkedrules": "Connect",
-  "module-integrations": "AppConnectivity",
-  "module-gdprsearch": "UserProfile",
-
-  "toggler-showmore": "ChevronDown",
-  "toggler-showless": "ChevronUp",
-  "toggler-moveright": "ChevronRight",
-  "toggler-moveleft": "ChevronLeft",
-  "toggler-maximize": "Maximize",
-  "toggler-minimize": "Minimize",
-  "toggler-tree": "TreeViewAlt",
-
-  "navigation-back": "ArrowLeft",
-  "navigation-forth": "ArrowRight",
-  "navigation-close": "Close",
-  "navigation-jump": "JumpLink",
-  "navigation-last": "PageLast",
-  "navigation-previous": "ChevronLeft",
-  "navigation-next": "ChevronRight",
-  "navigation-first": "PageFirst",
-
-  "item-moremenu": "OverflowMenuVertical",
-  "item-vertmenu": "OverflowMenuHorizontal",
-  "item-viewdetails": "View",
-  "item-clone": "Copy",
-  "item-edit": "Edit",
-  "item-evaluation": "Analytics",
-  "item-execution": "Run",
-  "item-info": "Information",
-  "item-remove": "TrashCan",
-  "item-add-artefact": "AddAlt",
-  "item-launch": "Launch",
-  "item-download": "Download",
-  "item-question": "Help",
-  "item-copy": "CopyFile",
-  "item-save": "Save",
-  "item-start": "PlayFilledAlt",
-  "item-stop": "StopFilledAlt",
-  "item-reload": "Renew",
-  "item-shuffle": "Shuffle",
-  "item-draggable": "Draggable",
-
-  "operation-search": "Search",
-  "operation-clear": "Close",
-  "operation-undo": "Undo",
-  "operation-redo": "Redo",
-  "operation-logout": "Logout",
-  "operation-filter": "Filter",
-  "operation-filteredit": "FilterEdit",
-  "operation-auto-graph-layout": "Flow",
-
-  "list-sort": "ArrowsVertical",
-  "list-sortasc": "ArrowDown",
-  "list-sortdesc": "ArrowUp",
-
-  "state-info": "InformationFilled",
-  "state-success": "CheckmarkFilled",
-  "state-warning": "WarningAltFilled",
-  "state-danger": "ErrorFilled",
-  "state-unchecked": "Checkbox",
-  "state-checked": "CheckboxChecked",
-  "state-partlychecked": "CheckboxIndeterminate",
-
-  "artefact-project": "Folder",
-  "artefact-workflow": "ModelBuilder",
-  "artefact-dataset": "Data_2",
-  "artefact-dataset-csv": "Csv",
-  "artefact-dataset-multicsv": "Csv",
-  "artefact-dataset-sparkview": "Sql",
-  "artefact-dataset-sqlendpoint": "Sql",
-  "artefact-dataset-jdbc": "Sql",
-  "artefact-dataset-xml": "Xml",
-  "artefact-dataset-json": "Json",
-  "artefact-dataset-excel": "Xls",
-  "artefact-dataset-file": "DataVis_1",
-  "artefact-dataset-eccencadataplatform": "DataVis_1",
-  "artefact-dataset-sparqlendpoint": "DataVis_1",
-  "artefact-dataset-neo4j": "DataVis_1",
-  "artefact-transform": "DataRefinery",
-  "artefact-linking": "Connect",
-  "artefact-task": "Script",
-  "artefact-customtask": "Script",
-  "artefact-file": "Document",
-  "artefact-embedded": "DataBase",
-  "artefact-remote": "VirtualMachine",
-  "artefact-deprecated": "WarningSquare",
-  "artefact-uncategorized": "Unknown",
-  "artefact-rawdata": "ScriptReference",
-  "artefact-report": "Report",
-
-  "activity-error-report": "Error",
-
-  "select-caret": "CaretSort",
-
-  "linked-item": "Link",
-  "unlinked-item": "Unlink",
-
-  "undefined": "Undefined",
-  "Undefined": "Undefined"
-}

package/src/extensions/react-flow/nodes/NodeContent.stories.tsx

@@ -1,83 +0,0 @@
-import React, { useState, useEffect, useCallback } from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-import { LoremIpsum } from 'react-lorem-ipsum';
-import ReactFlow, { Elements } from 'react-flow-renderer';
-import HtmlContentBlock from "../../../components/Typography/HtmlContentBlock";
-
-import { NodeContent } from "./NodeDefault";
-import { nodeTypes } from "./nodeTypes";
-import { NodeContentExtension } from "./NodeContentExtension";
-import { Default as ContentExtensionExample } from "./NodeContentExtension.stories";
-
-export default {
-    title: "Extensions/React Flow/Node Content",
-    component: NodeContent,
-    subcomponents: { NodeContentExtension },
-    argTypes: {
-        contentExtension: {
-            control: "select",
-            options: ["Not set", "Default example"],
-            mapping: {
-                "Not set": undefined,
-                "Default example": <ContentExtensionExample />,
-            },
-        },
-        content: { control: "none" },
-        isConnectable: { table: { disable: true } },
-        targetPosition: { table: { disable: true } },
-        sourcePosition: { table: { disable: true } },
-        selected: { table: { disable: true } },
-        businessData: { table: { disable: true } },
-    },
-} as ComponentMeta<typeof NodeContent>;
-
-const NodeContentExample = (args: any) => {
-    const [reactflowInstance, setReactflowInstance] = useState(null);
-    const [elements, setElements] = useState([] as Elements);
-    //const [edgeTools, setEdgeTools] = useState<JSX.Element>(<></>);
-
-    useEffect(() => {
-        setElements([
-            {
-                id: '1',
-                type: 'default',
-                data: args,
-                position: { x: 50, y: 50 },
-            }
-        ] as Elements);
-    }, [args]);
-
-    const onLoad = useCallback(
-        (rfi) => {
-            if (!reactflowInstance) {
-                setReactflowInstance(rfi);
-            }
-        },
-        [reactflowInstance]
-    );
-
-    return <ReactFlow
-        elements={elements}
-        style={{ height: '400px' }}
-        onLoad={onLoad}
-        nodeTypes={ nodeTypes }
-        defaultZoom={1}
-    />
-}
-
-const Template: ComponentStory<typeof NodeContent> = (args) => (
-    <NodeContentExample {...args} /*some comment*/ />
-);
-
-export const Default = Template.bind({});
-Default.args = {
-    label: 'Node title',
-    content: (
-        <HtmlContentBlock>
-            <h4>Node body</h4>
-            <LoremIpsum p={4} avgSentencesPerParagraph={3} random={false} />
-        </HtmlContentBlock>
-    ),
-    contentExtension: <ContentExtensionExample />,
-    minimalShape: "none",
-};

package/src/extensions/react-flow/nodes/NodeContentExtension.stories.tsx

@@ -1,36 +0,0 @@
-import React, { useState } from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-import { LoremIpsum } from 'react-lorem-ipsum';
-
-import { NodeContentExtension } from "./NodeContentExtension";
-import IconButton from "../../../components/Icon/IconButton";
-import HtmlContentBlock from "../../../components/Typography/HtmlContentBlock";
-
-export default {
-    title: "Extensions/React Flow/Node Content Extension",
-    component: NodeContentExtension,
-    argTypes: {
-    },
-} as ComponentMeta<typeof NodeContentExtension>;
-
-export const Default = () => {
-    const [isExpanded, setExpanded] = useState<boolean>(false);
-
-    const toggleExpansion = (event: React.MouseEvent<HTMLElement>, expanded: boolean) => {
-        setExpanded(!expanded);
-    }
-
-    return (
-        <NodeContentExtension
-            isExpanded={isExpanded}
-            onToggle={toggleExpansion}
-            actionButtons={
-                <IconButton name="item-question" onClick={(e) => { alert("this is a action button"); }} />
-            }
-        >
-            <HtmlContentBlock>
-                <h4>Extension example.</h4>
-                <LoremIpsum p={2} avgSentencesPerParagraph={4} random={false} />
-            </HtmlContentBlock>
-        </NodeContentExtension>);
-}