@eccenca/gui-elements 22.1.0-rc.1 → 22.1.0

package/dist/{es5 → esm}/extensions/react-flow/edges/EdgeDefault.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { memo } from 'react';
 import { getMarkerEnd, getEdgeCenter, EdgeText, } from "react-flow-renderer";
-import { drawEdgeStraight } from "./utils";
+import { drawEdgeStraight } from "./utils.js";
 export var EdgeDefault = memo(function (edge) {
     var _a;
     var _b = edge.data, data = _b === void 0 ? {} : _b, _c = edge.drawSvgPath, drawSvgPath = _c === void 0 ? drawEdgeStraight : _c, edgeOriginalProperties = __rest(edge, ["data", "drawSvgPath"]);

package/dist/{es5 → esm}/extensions/react-flow/edges/EdgeStep.js

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { memo } from 'react';
-import { EdgeDefault } from "./EdgeDefault";
-import { drawEdgeStep } from "./utils";
+import { EdgeDefault } from "./EdgeDefault.js";
+import { drawEdgeStep } from "./utils.js";
 export var EdgeStep = memo(function (edge) {
     return (React.createElement(EdgeDefault, __assign({}, edge, { drawSvgPath: drawEdgeStep })));
 });

package/dist/{es5 → esm}/extensions/react-flow/edges/EdgeTools.js

@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { memo } from 'react';
-import { ContextOverlay } from "../../../index";
-import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
+import { ContextOverlay } from "../../../index.js";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
 import { PopoverInteractionKind as BlueprintPopoverInteractionKind, } from "@blueprintjs/core";
 export var EdgeTools = memo(function (_a) {
     var posOffset = _a.posOffset, children = _a.children, otherProps = __rest(_a, ["posOffset", "children"]);

package/dist/{es5 → esm}/extensions/react-flow/edges/edgeTypes.js

@@ -4,8 +4,8 @@
     1. do not export all sub elements, e.g. edges
     2. we need to add additional features for better usage
 */
-import { EdgeDefault } from "./EdgeDefault";
-import { EdgeStep } from "./EdgeStep";
+import { EdgeDefault } from "./EdgeDefault.js";
+import { EdgeStep } from "./EdgeStep.js";
 export var edgeTypes = {
     default: EdgeDefault,
     straight: EdgeDefault,

package/dist/{es5 → esm}/extensions/react-flow/edges/utils.js

@@ -1,5 +1,5 @@
 import { Position } from "react-flow-renderer";
-import { getSmoothStepPath } from "./getSmoothStepPath";
+import { getSmoothStepPath } from "./getSmoothStepPath.js";
 var posCorrectionEdge = function (_a) {
     var sourceX = _a.sourceX, sourceY = _a.sourceY, sourcePosition = _a.sourcePosition, targetX = _a.targetX, targetY = _a.targetY, targetPosition = _a.targetPosition, _b = _a.correctionLength, correctionLength = _b === void 0 ? 7 : _b, _c = _a.correctionRadius, correctionRadius = _c === void 0 ? 7 : _c;
     var newSourceX = sourceX;

package/dist/{es5 → esm}/extensions/react-flow/handles/HandleContent.js

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
-import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
-import { Tooltip } from "../../../index";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
+import { Tooltip } from "../../../index.js";
 export var HandleContent = memo(function (_a) {
     var children = _a.children, extendedTooltip = _a.extendedTooltip;
     var handleContent = !!children ? (React.createElement("div", { className: eccgui + "-graphviz__handle__content" }, children)) : !!extendedTooltip ? (React.createElement("div", { className: eccgui + "-graphviz__handle__content" })) : (React.createElement(React.Fragment, null));

package/dist/{es5 → esm}/extensions/react-flow/handles/HandleDefault.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { memo } from 'react';
 import { Handle, } from "react-flow-renderer";
-import { HandleContent } from "./HandleContent";
+import { HandleContent } from "./HandleContent.js";
 export var HandleDefault = memo(function (_a) {
     var data = _a.data, tooltip = _a.tooltip, children = _a.children, handleProps = __rest(_a, ["data", "tooltip", "children"]);
     var tooltipTitle = !!tooltip ? { title: tooltip } : {};

package/dist/esm/extensions/react-flow/index.js

@@ -0,0 +1,12 @@
+export { NodeDefault } from "./nodes/NodeDefault.js";
+export { NodeContent } from "./nodes/NodeContent.js";
+export { NodeContentExtension } from "./nodes/NodeContentExtension.js";
+export { NodeTools } from "./nodes/NodeTools.js";
+export { nodeTypes } from "./nodes/nodeTypes.js";
+export { EdgeDefault } from "./edges/EdgeDefault.js";
+export { EdgeStep } from "./edges/EdgeStep.js";
+export { EdgeTools } from "./edges/EdgeTools.js";
+export { edgeTypes } from "./edges/edgeTypes.js";
+export { MiniMap } from "./minimap/MiniMap.js";
+export { minimapNodeClassName, minimapNodeColor } from "./minimap/utils.js";
+//# sourceMappingURL=index.js.map

package/dist/{es5 → esm}/extensions/react-flow/minimap/MiniMap.js

@@ -83,7 +83,7 @@ export var MiniMap = memo(function (_a) {
     /**
         enables the mini-map fake drag effect see "handleMiniMapMouseMove" above.
      **/
-    var handleMiniMapMouseDown = function (event) {
+    var handleMiniMapMouseDown = function () {
         if (enableNavigation && flowInstance) {
             minimapCalcConf.navigationOn = true;
         }

package/dist/{es5 → esm}/extensions/react-flow/minimap/MiniMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniMap.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/MiniMap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MiniMap.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/MiniMap.tsx"],"names":[],"mappings":"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"}

package/dist/{es5 → esm}/extensions/react-flow/minimap/utils.js

@@ -1,5 +1,5 @@
-import { CLASSPREFIX as eccgui } from "./../../../configuration/constants";
-import { gethighlightedStateClasses } from "./../nodes/NodeContent";
+import { CLASSPREFIX as eccgui } from "./../../../configuration/constants.js";
+import { gethighlightedStateClasses } from "./../nodes/NodeContent.js";
 export var minimapNodeClassName = function (node) {
     var _a, _b, _c;
     var typeClass = eccgui + "-graphviz__minimap__node--" + node.type;

package/dist/{es5 → esm}/extensions/react-flow/nodes/NodeContent.js

@@ -38,9 +38,9 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import React from "react";
 import { Position } from "react-flow-renderer";
-import { Icon, Tooltip } from "../../../index";
-import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
-import { HandleDefault } from "./../handles/HandleDefault";
+import { Icon, Tooltip } from "../../../index.js";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
+import { HandleDefault } from "./../handles/HandleDefault.js";
 var defaultHandles = [
     { type: "target" },
     { type: "source" },

package/dist/{es5 → esm}/extensions/react-flow/nodes/NodeContentExtension.js

@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
-import IconButton from "../../../components/Icon/IconButton";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
+import IconButton from "../../../components/Icon/IconButton.js";
 /**
  * Displays an content area that can be attached to `NodeContent` elements.
  */

package/dist/{es5 → esm}/extensions/react-flow/nodes/NodeDefault.js

@@ -11,8 +11,8 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { memo } from "react";
 import { Position } from "react-flow-renderer";
-import { Tooltip } from "../../../index";
-import { NodeContent } from "./NodeContent";
+import { Tooltip } from "../../../index.js";
+import { NodeContent } from "./NodeContent.js";
 /**
  * The `NodeDefault` element manages the display of React-Flow nodes.
  * This element cannot be used directly, it must be connected via a `nodeTypes` definition and all properties need to be routed through the `elements` property items inside the `ReactFlow` container.

package/dist/{es5 → esm}/extensions/react-flow/nodes/NodeTools.js

@@ -38,8 +38,8 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import React, { memo, useEffect, useState } from "react";
 import { PopoverInteractionKind as BlueprintPopoverInteractionKind, } from "@blueprintjs/core";
-import { ContextOverlay, IconButton } from "../../../index";
-import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
+import { ContextOverlay, IconButton } from "../../../index.js";
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
 export var NodeTools = memo(function (_a) {
     var children = _a.children, _b = _a.togglerElement, togglerElement = _b === void 0 ? "item-moremenu" : _b, _c = _a.togglerText, togglerText = _c === void 0 ? "Show more options" : _c, menuButtonDataTestId = _a.menuButtonDataTestId, menuFunctionsCallback = _a.menuFunctionsCallback, otherOverlayProps = __rest(_a, ["children", "togglerElement", "togglerText", "menuButtonDataTestId", "menuFunctionsCallback"]);
     var _d = __read(useState(false), 2), isOpen = _d[0], setIsOpen = _d[1];

package/dist/{es5 → esm}/extensions/react-flow/nodes/nodeTypes.js

@@ -1,4 +1,4 @@
-import { NodeDefault } from "./NodeDefault";
+import { NodeDefault } from "./NodeDefault.js";
 export var nodeTypes = {
     default: NodeDefault,
     graphNode: NodeDefault,

package/dist/esm/index.js

@@ -0,0 +1,97 @@
+import ApplicationContainer from "./components/Application/ApplicationContainer.js";
+import ApplicationHeader from "./components/Application/ApplicationHeader.js";
+import ApplicationContent from "./components/Application/ApplicationContent.js";
+import ApplicationSidebarNavigation from "./components/Application/ApplicationSidebarNavigation.js";
+import ApplicationSidebarToggler from "./components/Application/ApplicationSidebarToggler.js";
+import ApplicationTitle from "./components/Application/ApplicationTitle.js";
+import ApplicationToolbar from "./components/Application/ApplicationToolbar.js";
+import ApplicationToolbarSection from "./components/Application/ApplicationToolbarSection.js";
+import ApplicationToolbarAction from "./components/Application/ApplicationToolbarAction.js";
+import ApplicationToolbarPanel from "./components/Application/ApplicationToolbarPanel.js";
+import AutoSuggestion from "./components/AutoSuggestion/AutoSuggestion.js";
+import { AutoSuggestionList } from "./components/AutoSuggestion/AutoSuggestionList.js";
+import SingleLineCodeEditor from "./components/AutoSuggestion/SingleLineCodeEditor.js";
+import HtmlContentBlock from "./components/Typography/HtmlContentBlock.js";
+import OverflowText from "./components/Typography/OverflowText.js";
+import WhiteSpaceContainer from "./components/Typography/WhiteSpaceContainer.js";
+import Highlighter from "./components/Typography/Highlighter.js";
+import Grid from "./components/Grid/Grid.js";
+import GridRow from "./components/Grid/GridRow.js";
+import GridColumn from "./components/Grid/GridColumn.js";
+import WorkspaceContent from "./components/Workspace/WorkspaceContent.js";
+import WorkspaceMain from "./components/Workspace/WorkspaceMain.js";
+import WorkspaceSide from "./components/Workspace/WorkspaceSide.js";
+import WorkspaceHeader from "./components/Workspace/WorkspaceHeader.js";
+import Icon from "./components/Icon/Icon.js";
+import IconButton from "./components/Icon/IconButton.js";
+import Label from "./components/Label/Label.js";
+import Button from "./components/Button/Button.js";
+import Checkbox from "./components/Checkbox/Checkbox.js";
+import RadioButton from "./components/RadioButton/RadioButton.js";
+import Tabs from "./components/Tabs/Tabs.js";
+import Tab from "./components/Tabs/Tab.js";
+import TabTitle from "./components/Tabs/TabTitle.js";
+import TextField from "./components/TextField/TextField.js";
+import TextArea from "./components/TextField/TextArea.js";
+import SearchField from "./components/TextField/SearchField.js";
+import Switch from "./components/Switch/Switch.js";
+import NumericInput from "./components/NumericInput/NumericInput.js";
+import FieldItem from "./components/Form/FieldItem.js";
+import FieldItemRow from "./components/Form/FieldItemRow.js";
+import FieldSet from "./components/Form/FieldSet.js";
+import { AutoCompleteField } from "./components/AutocompleteField/AutoCompleteField.js";
+import Menu from "./components/Menu/Menu.js";
+import MenuItem from "./components/Menu/MenuItem.js";
+import MenuDivider from "./components/Menu/MenuDivider.js";
+import ContextOverlay from "./components/ContextOverlay/ContextOverlay.js";
+import ContextMenu from "./components/ContextOverlay/ContextMenu.js";
+import Pagination from "./components/Pagination/Pagination.js";
+import Tag from "./components/Tag/Tag.js";
+import TagList from "./components/Tag/TagList.js";
+import Notification from "./components/Notification/Notification.js";
+import Toast from "./components/Notification/Toast.js";
+import { Select } from "@blueprintjs/select";
+import MultiSelect from "./components/MultiSelect/MultiSelect.js";
+import { Iframe } from "./components/Iframe/Iframe.js";
+import { IframeModal } from "./components/Iframe/IframeModal.js";
+import { OverviewItem, OverviewItemActions, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemList, } from "./components/OverviewItem/index.js";
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader, } from "./components/SimpleTable/index.js";
+import BreadcrumbList from "./components/Breadcrumb/BreadcrumbList.js";
+import BreadcrumbItem from "./components/Breadcrumb/BreadcrumbItem.js";
+import Modal from "./components/Dialog/Modal.js";
+import SimpleDialog from "./components/Dialog/SimpleDialog.js";
+import AlertDialog from "./components/Dialog/AlertDialog.js";
+import { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux, } from "./components/Card/index.js";
+import Spacing from "./components/Separation/Spacing.js";
+import Divider from "./components/Separation/Divider.js";
+import Tooltip from "./components/Tooltip/Tooltip.js";
+import Toolbar from "./components/Toolbar/Toolbar.js";
+import ToolbarSection from "./components/Toolbar/ToolbarSection.js";
+import Section from "./components/Structure/Section.js";
+import SectionHeader from "./components/Structure/SectionHeader.js";
+import TitlePage from "./components/Structure/TitlePage.js";
+import TitleMainsection from "./components/Structure/TitleMainsection.js";
+import TitleSubsection from "./components/Structure/TitleSubsection.js";
+import Accordion from "./components/Accordion/Accordion.js";
+import AccordionItem from "./components/Accordion/AccordionItem.js";
+import Link from "./components/Link/Link.js";
+import Spinner from "./components/Spinner/Spinner.js";
+import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } from "./components/PropertyValuePair/index.js";
+import * as TypographyClassNames from "./components/Typography/classnames.js";
+import { ClassNames as IntentClassNames } from "./common/Intent/index.js";
+import { openInNewTab } from "./common/utils/openInNewTab.js";
+import { ProgressBar } from "./components/ProgressBar/ProgressBar.js";
+import List from "./components/List/List.js";
+import * as LegacyReplacements from "./legacy-replacements/index.js";
+var HelperClasses = {
+    Typography: TypographyClassNames,
+    Intent: IntentClassNames,
+};
+var Utilities = {
+    openInNewTab: openInNewTab
+};
+export { ApplicationContainer, ApplicationHeader, ApplicationContent, ApplicationSidebarNavigation, ApplicationSidebarToggler, ApplicationTitle, ApplicationToolbar, ApplicationToolbarSection, ApplicationToolbarAction, ApplicationToolbarPanel, AutoSuggestion, AutoSuggestionList, SingleLineCodeEditor, HtmlContentBlock, OverflowText, WhiteSpaceContainer, Highlighter, Grid, GridRow, GridColumn, List, WorkspaceContent, WorkspaceMain, WorkspaceSide, WorkspaceHeader, Menu, MenuItem, MenuDivider, ContextOverlay, ContextMenu, OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader, Icon, IconButton, Label, Button, Checkbox, RadioButton, Tabs, Tab, TabTitle, TextField, TextArea, SearchField, Switch, NumericInput, FieldItem, FieldItemRow, FieldSet, BreadcrumbList, BreadcrumbItem, Modal, SimpleDialog, AlertDialog, Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux, Spacing, Divider, Tooltip, Section, SectionHeader, TitlePage, TitleMainsection, TitleSubsection, Accordion, AccordionItem, Toolbar, ToolbarSection, Tag, TagList, Pagination, Notification, Link, Spinner, PropertyName, PropertyValue, PropertyValuePair, PropertyValueList, Toast, HelperClasses, Select, // FIXME: CMEM-3742: include as own element
+MultiSelect, AutoCompleteField, ProgressBar, Iframe, IframeModal, Utilities, LegacyReplacements, };
+export * from "./cmem/index.js";
+export * from "./extensions/react-flow/index.js";
+//# sourceMappingURL=index.js.map

package/dist/{es5 → esm}/legacy-replacements/Button/AffirmativeButton.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { ButtonReplacement } from "./Button";
+import { ButtonReplacement } from "./Button.js";
 export function AffirmativeButtonReplacement(_a) {
     var children = _a.children, otherProps = __rest(_a, ["children"]);
     return (React.createElement(ButtonReplacement, __assign({}, otherProps, { affirmative: true }), children));

package/dist/{es5 → esm}/legacy-replacements/Button/Button.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import Button from "../../components/Button/Button";
+import Button from "../../components/Button/Button.js";
 export var iconMappings = {
     "edit": "item-edit",
     "delete": "item-remove",

package/dist/{es5 → esm}/legacy-replacements/Button/DismissiveButton.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { ButtonReplacement } from "./Button";
+import { ButtonReplacement } from "./Button.js";
 export function DismissiveButtonReplacement(_a) {
     var children = _a.children, otherProps = __rest(_a, ["children"]);
     return (React.createElement(ButtonReplacement, __assign({}, otherProps, { dismissive: true }), children));

package/dist/{es5 → esm}/legacy-replacements/Button/DisruptiveButton.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { ButtonReplacement } from "./Button";
+import { ButtonReplacement } from "./Button.js";
 export function DisruptiveButtonReplacement(_a) {
     var children = _a.children, otherProps = __rest(_a, ["children"]);
     return (React.createElement(ButtonReplacement, __assign({}, otherProps, { disruptive: true }), children));

package/dist/{es5 → esm}/legacy-replacements/Checkbox/Checkbox.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import Checkbox from "../../components/Checkbox/Checkbox";
+import Checkbox from "../../components/Checkbox/Checkbox.js";
 var extendedOnChangeBoolean = function (onChangeFn, event) {
     if (typeof onChangeFn === "function") {
         onChangeFn({

package/dist/{es5 → esm}/legacy-replacements/Radio/RadioButton.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import RadioButton from "../../components/RadioButton/RadioButton";
+import RadioButton from "../../components/RadioButton/RadioButton.js";
 export function RadioButtonReplacement(_a) {
     var children = _a.children, label = _a.label, otherProps = __rest(_a, ["children", "label"]);
     if (process.env.NODE_ENV === 'development') {

package/dist/{es5 → esm}/legacy-replacements/Tabs/Tabs.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Tabs as BlueprintTabs, Tab, } from "@blueprintjs/core";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
 var createDeprecatedTab = function (_a) {
     var tabId = _a.tabId, tabTitle = _a.tabTitle, tabContent = _a.tabContent, _b = _a.dontShrink, dontShrink = _b === void 0 ? false : _b, otherTabProps = __rest(_a, ["tabId", "tabTitle", "tabContent", "dontShrink"]);
     var extraStyles = dontShrink ? { style: { flexShrink: 0 } } : {};

package/dist/{es5 → esm}/legacy-replacements/TextField/TextField.js

@@ -21,10 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import FieldItem from "../../components/Form/FieldItem";
-import TextField from "../../components/TextField/TextField";
-import TextArea from "../../components/TextField/TextArea";
-import IconButton from "../../components/Icon/IconButton";
+import FieldItem from "../../components/Form/FieldItem.js";
+import TextField from "../../components/TextField/TextField.js";
+import TextArea from "../../components/TextField/TextArea.js";
+import IconButton from "../../components/Icon/IconButton.js";
 var extendedOnChange = function (onChangeFn, event) {
     if (typeof onChangeFn === "function") {
         onChangeFn({

package/dist/{es5 → esm}/legacy-replacements/index.js

@@ -1,10 +1,10 @@
-export { ButtonReplacement as Button } from "./Button/Button";
-export { AffirmativeButtonReplacement as AffirmativeButton } from "./Button/AffirmativeButton";
-export { DismissiveButtonReplacement as DismissiveButton } from "./Button/DismissiveButton";
-export { DisruptiveButtonReplacement as DisruptiveButton } from "./Button/DisruptiveButton";
-export { ButtonReplacement as ProgressButton } from "./Button/Button";
-export { CheckboxReplacement as Checkbox } from "./Checkbox/Checkbox";
-export { RadioButtonReplacement as Radio } from "./Radio/RadioButton";
-export { TabsReplacement as Tabs } from "./Tabs/Tabs";
-export { TextFieldReplacement as TextField } from "./TextField/TextField";
+export { ButtonReplacement as Button } from "./Button/Button.js";
+export { AffirmativeButtonReplacement as AffirmativeButton } from "./Button/AffirmativeButton.js";
+export { DismissiveButtonReplacement as DismissiveButton } from "./Button/DismissiveButton.js";
+export { DisruptiveButtonReplacement as DisruptiveButton } from "./Button/DisruptiveButton.js";
+export { ButtonReplacement as ProgressButton } from "./Button/Button.js";
+export { CheckboxReplacement as Checkbox } from "./Checkbox/Checkbox.js";
+export { RadioButtonReplacement as Radio } from "./Radio/RadioButton.js";
+export { TabsReplacement as Tabs } from "./Tabs/Tabs.js";
+export { TextFieldReplacement as TextField } from "./TextField/TextField.js";
 //# sourceMappingURL=index.js.map

package/dist/types/components/AutoSuggestion/SingleLineCodeEditor.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import "codemirror/addon/display/placeholder";
+import "codemirror/addon/display/placeholder.js";
 import "codemirror/mode/sparql/sparql.js";
 import { Editor as CodeMirrorEditor } from "codemirror";
 export interface IEditorProps {

package/dist/types/components/MultiSelect/MultiSelect.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MultiSelectProps } from "@blueprintjs/select";
 import { HTMLInputProps } from "@blueprintjs/core/src/common/props";
-interface SelectedParamsType<T> {
+export interface SelectedParamsType<T> {
     newlySelected: T;
     selectedItems: T[];
     createdItems: Partial<T>[];

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.1.0-rc.1",
+  "version": "22.1.0",
   "license": "Apache-2.0",
   "homepage": "https://github.com/eccenca/gui-elements",
   "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -32,11 +32,11 @@
   },
   "style": "src/index.scss",
   "main": "dist/cjs/index.js",
-  "module": "dist/es5/index.js",
+  "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/es5/index.js",
+      "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     }
   },
@@ -46,9 +46,9 @@
   ],
   "scripts": {
     "build:clean": "rimraf 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",
+    "build:esm": "tsc --project .typescript/tsbuild-esm.json && ./scripts/fix-esm-dist",
+    "build:cjs": "tsc --project .typescript/tsbuild-cjs.json && ./scripts/fix-cjs-dist",
+    "build:all": "yarn build:clean && yarn build:esm && yarn build:cjs",
     "compile": "tsc --build tsconfig.json",
     "compile-scss": "node-sass src/index.scss --importer=node_modules/node-sass-tilde-importer",
     "storybook": "start-storybook -p 6006",
@@ -127,6 +127,7 @@
     "rimraf": "^3.0.2",
     "sass-loader": "8.0.2",
     "style-loader": "0.23.1",
+    "tsc-esm-fix": "^2.13.0",
     "typescript": "4.4.4",
     "webpack": "^4.46.0"
   },

package/src/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ContentBlobToggler, Markdown } from "../";
+import { ContentBlobToggler, Markdown } from "./..";
 
 interface IStringPreviewContentBlobTogglerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**

package/src/components/Accordion/accordion.scss

@@ -3,7 +3,6 @@
 
 // changes
 
-
 .#{$prefix}--accordion__heading {
     min-height: mini-units(5);
     align-items: center;
@@ -47,7 +46,7 @@
     }
 
     *, *::before, *::after {
-        box-sizing: revert;
+        box-sizing: inherit;
     }
 }
 

package/src/components/AutoSuggestion/AutoSuggestion.tsx

@@ -182,6 +182,7 @@ const AutoSuggestion = ({
                 return () => marker.clear()
             }
         }
+        return;
     }, [highlightedElement, selectedTextRanges, editorInstance])
 
     //handle linting
@@ -266,6 +267,7 @@ const AutoSuggestion = ({
             handleEditorInputChange(value, cursorPosition)
             return handleEditorInputChange.cancel
         }
+        return;
     }, [cursorPosition, value, isFocused, handleEditorInputChange]);
 
     // Trigger input validation

package/src/components/AutoSuggestion/SingleLineCodeEditor.tsx

@@ -1,4 +1,4 @@
-import "codemirror/addon/display/placeholder"
+import "codemirror/addon/display/placeholder.js"
 import "codemirror/mode/sparql/sparql.js";
 import React from "react";
 import { Controlled as ControlledEditor } from "react-codemirror2";
@@ -74,7 +74,7 @@ const SingleLineCodeEditor = ({
             placeholder,
             scrollbarStyle: showScrollBar ? "native" : "null"
         }}
-        onSelection={(editor, data) => {
+        onSelection={(_editor, data) => {
           if(Array.isArray(data?.ranges)) {
             onSelection(data.ranges
                 .map((r: any) => ({from: r.from().ch, to: r.to().ch}))
@@ -84,7 +84,7 @@ const SingleLineCodeEditor = ({
         onCursor={(editor, data) => {
           onCursorChange(data, editor.cursorCoords(true, "div"));
         }}
-        onBeforeChange={(editor, data, value) => {
+        onBeforeChange={(_editor, _data, value) => {
           const trimmedValue = value.replace(/\n/g, "");
           onChange(trimmedValue);
         }}

package/src/components/AutocompleteField/AutoCompleteField.tsx

@@ -213,6 +213,7 @@ export function AutoCompleteField<T extends any, UPDATE_VALUE extends any>(props
                 setListLoading(false);
             };
         }
+        return;
     },
         // eslint-disable-next-line react-hooks/exhaustive-deps
         [hasFocus, query]