@eccenca/gui-elements 23.1.0-rc.2 → 23.1.0-rc.4

package/src/extensions/react-flow/nodes/_nodes.scss

@@ -51,22 +51,6 @@
     }
 }
 
-.#{$eccgui}-graphviz__node--animated {
-    animation: pumpingshadow 4 * $reactflow-transition-time linear infinite;
-}
-
-@keyframes pumpingshadow {
-  0% {
-    box-shadow: 0 0 2 * $reactflow-node-border-width 0 rgba(#fff, 0.9), 0 0 1 * $reactflow-node-border-width 0 rgba($reactflow-edge-stroke-color-selected, 0);
-  }
-  50% {
-    box-shadow: 0 0 2 * $reactflow-node-border-width 6 * $reactflow-node-border-width rgba(#fff, 0.9), 0 0 1 * $reactflow-node-border-width 6 * $reactflow-node-border-width $reactflow-edge-stroke-color-selected;
-  }
-  100% {
-    box-shadow: 0 0 2 * $reactflow-node-border-width 0 rgba(#fff, 0.9), 0 0 1 * $reactflow-node-border-width 0 rgba($reactflow-edge-stroke-color-selected, 0);
-  }
-}
-
 .#{$eccgui}-graphviz__node--minimal-rectangular,
 .#{$eccgui}-graphviz__node--minimal-circular {
 
@@ -120,22 +104,20 @@
     }
 }
 
+.#{$eccgui}-graphviz__node__header--large {
+    min-height: $reactflow-node-largesize;
+}
+
 .#{$eccgui}-graphviz__node__header-depiction,
 .#{$eccgui}-graphviz__node__header-menu {
     flex-grow: 0;
     flex-shrink: 0;
     max-height: calc(#{$reactflow-node-basesize} - #{2 * $reactflow-node-border-width});
-}
-
-.#{$eccgui}-graphviz__node__header-label {
     margin: 0 $eccgui-size-block-whitespace * 0.25;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    flex-grow: 1;
-    flex-shrink: 1;
-    display: inline-block;
-    text-align: left;
+
+    .#{$eccgui}-graphviz__node__header--large & {
+        max-height: calc(#{$reactflow-node-largesize} - #{2 * $reactflow-node-border-width});
+    }
 }
 
 .#{$eccgui}-graphviz__node__header-depiction {
@@ -151,16 +133,53 @@
     justify-content: center;
     align-items: center;
 
-    img {
-        max-width: calc(2 * (#{$reactflow-node-basesize} - #{2 * $reactflow-node-border-width}));
-        max-height: calc(#{$reactflow-node-basesize} - #{2 * $reactflow-node-border-width});
-        height: auto;
-        width: auto;
-        display: inline-block;
-        pointer-events: none;
+    & .#{$eccgui}-depiction {
+        flex-grow: 0;
+        flex-shrink: 0;
+        align-self: stretch;
+
+        /*
+        Fix for Firefox,
+        the width of .#{$eccgui}-depiction container is not reduced to its content
+        when .#{$eccgui}-depiction__image updated to the available height.
+        */
+        .#{$eccgui}-depiction__image {
+            height: calc(#{$reactflow-node-basesize} - #{2 * $reactflow-node-border-width});
+        }
+    }
+
+    .#{$eccgui}-graphviz__node__header--large & {
+        min-width: calc(#{$reactflow-node-largesize} - #{2 * $reactflow-node-border-width});
+        min-height: calc(#{$reactflow-node-largesize} - #{2 * $reactflow-node-border-width});
+        max-width: calc(2 * (#{$reactflow-node-largesize} - #{2 * $reactflow-node-border-width}));
+
+        .#{$eccgui}-depiction__image {
+            height: calc(#{$reactflow-node-largesize} - #{2 * $reactflow-node-border-width});
+        }
     }
 }
 
+.#{$eccgui}-graphviz__node__header-label {
+    margin: 0 $eccgui-size-block-whitespace * 0.25;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex-grow: 1;
+    flex-shrink: 1;
+    display: inline-flex;
+    flex-direction: column;
+    text-align: left;
+}
+
+.#{$eccgui}-graphviz__node__header-label__mainline,
+.#{$eccgui}-graphviz__node__header-label__subline {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-grow: 0;
+    flex-shrink: 0;
+}
+
 .#{$eccgui}-graphviz__node__content {
     padding: $eccgui-size-block-whitespace * 0.5 $eccgui-size-block-whitespace * 0.25;
     overflow: hidden;
@@ -225,12 +244,46 @@
     max-height: $reactflow-node-basesize * 13;
 }
 
-// Node highlights
+.#{$eccgui}-graphviz__node--fullwidth:not(.is-resizeable) {
+    width: 100%;
+}
 
-.#{$eccgui}-graphviz__node--highlight-success,
-.#{$eccgui}-graphviz__node--highlight-warning,
-.#{$eccgui}-graphviz__node--highlight-danger {
-    &:before {
+// Node border overwrites
+
+.#{$eccgui}-graphviz__node--border-solid {
+    border-style: solid;
+}
+
+.#{$eccgui}-graphviz__node--border-double {
+    border-width: 1.5 * $reactflow-node-border-width;
+    border-style: double;
+}
+
+.#{$eccgui}-graphviz__node--border-dashed {
+    border-style: dashed;
+}
+
+.#{$eccgui}-graphviz__node--border-dotted {
+    border-style: dotted;
+}
+
+// Node intent
+
+@mixin node-intent-gradient {
+    border-image-source: conic-gradient(
+        from var(--node-intent-angle) at 50% 50%,
+        transparent,
+        var(--node-intent-color) 25deg 155deg,
+        transparent 180deg
+    );
+}
+
+.#{$eccgui}-graphviz__node[class*="#{$eccgui}-intent--"],
+.#{$eccgui}-graphviz__node--animated:not([class*="#{$eccgui}-intent--"]) {
+    --node-intent-color: #{$eccgui-color-workspace-text};
+
+    &:after {
+        --node-intent-angle: #{$reactflow-transition-anglestart};
         content: " ";
         display: block;
         position: absolute;
@@ -238,15 +291,45 @@
         left: -2 * $reactflow-node-border-width;
         bottom: -2 * $reactflow-node-border-width;
         right: -2 * $reactflow-node-border-width;
-        border-radius: inherit;
-        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-danger-text;
         z-index: -1;
+        border-style: solid;
+        border-width: 2 * $reactflow-node-border-width;
+        @include node-intent-gradient;
+        border-image-slice: 1;
+        border-image-width: 2 * $reactflow-node-border-width;
     }
 }
 
-.#{$eccgui}-graphviz__node--highlight-match,
-.#{$eccgui}-graphviz__node--highlight-altmatch {
-    &:after {
+.#{$eccgui}-graphviz__node.#{$eccgui}-intent--primary {
+    --node-intent-color: #{$eccgui-color-primary};
+}
+
+.#{$eccgui}-graphviz__node.#{$eccgui}-intent--accent {
+    --node-intent-color: #{$eccgui-color-accent};
+}
+
+.#{$eccgui}-graphviz__node.#{$eccgui}-intent--info {
+    --node-intent-color: #{$eccgui-color-info-text};
+}
+
+.#{$eccgui}-graphviz__node.#{$eccgui}-intent--success {
+    --node-intent-color: #{$eccgui-color-success-text};
+}
+
+.#{$eccgui}-graphviz__node.#{$eccgui}-intent--warning {
+    --node-intent-color: #{$eccgui-color-warning-text};
+}
+
+.#{$eccgui}-graphviz__node.#{$eccgui}-intent--danger {
+    --node-intent-color: #{$eccgui-color-danger-text};
+}
+
+// hode highlight mark
+
+.#{$eccgui}-graphviz__node[class*="#{$eccgui}-graphviz__node--highlight-"] {
+
+    &:before {
+        opacity: $eccgui-opacity-disabled;
         content: " ";
         display: block;
         position: absolute;
@@ -254,38 +337,56 @@
         left: -2 * $reactflow-node-border-width;
         bottom: -2 * $reactflow-node-border-width;
         right: -2 * $reactflow-node-border-width;
-        border-radius: inherit;
-        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-accent;
-        z-index: -1;
+        z-index: -2;
+        box-shadow:
+            0 0 0 2 * $reactflow-node-border-width var(--node-highlight-default-color),
+            0 0 0 3.5 * $reactflow-node-border-width var(--node-highlight-alternate-color, var(--node-highlight-default-color));
+        border: 0.1px solid transparent; // workaround for Firefox, otherwise shadows are overlayed
     }
+}
 
-    &.#{$eccgui}-graphviz__node--highlight-success,
-    &.#{$eccgui}-graphviz__node--highlight-warning,
-    &.#{$eccgui}-graphviz__node--highlight-danger {
-        &:after {
-            top: -4 * $reactflow-node-border-width;
-            left: -4 * $reactflow-node-border-width;
-            bottom: -4 * $reactflow-node-border-width;
-            right: -4 * $reactflow-node-border-width;
-        }
-    }
+.#{$eccgui}-graphviz__node--highlight-default {
+    --node-highlight-default-color: #{$eccgui-color-accent};
+    --node-highlight-alternate-color: #{$eccgui-color-accent};
 }
 
-.#{$eccgui}-graphviz__node--highlight-success {
-    &:before {
-        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-success-text;
-    }
+.#{$eccgui}-graphviz__node--highlight-alternate {
+    --node-highlight-default-color: #{$eccgui-color-primary};
+    --node-highlight-alternate-color: #{$eccgui-color-primary};
 }
 
-.#{$eccgui}-graphviz__node--highlight-warning {
-    &:before {
-        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-warning-text;
-    }
+.#{$eccgui}-graphviz__node--highlight-default.#{$eccgui}-graphviz__node--highlight-alternate {
+    --node-highlight-default-color: #{$eccgui-color-accent};
+    --node-highlight-alternate-color: #{$eccgui-color-primary};
 }
 
-.#{$eccgui}-graphviz__node--highlight-altmatch {
-    &:after {
-        box-shadow: 0 0 0 2 * $reactflow-node-border-width complement($eccgui-color-primary);
+// Node animation
+
+@property --node-intent-angle {
+    // rule necessary, otherwise increasing --node-intent-angle for animation does not work correctly
+    syntax: '<angle>';
+    initial-value: #{$reactflow-transition-anglestart};
+    inherits: true;
+}
+
+.#{$eccgui}-graphviz__node--animated:after {
+    animation: spinningborder 8 * $reactflow-transition-time linear infinite;
+
+    @keyframes spinningborder {
+        to {
+            --node-intent-angle: #{$reactflow-transition-anglestart + 360deg};
+        }
+        @for $step from 1 through 10 {
+            /*
+            This is a fix/workaround for Firefox/Gecko.
+            Looks like "animation" the custom property is not enough.
+            It is also necessary to repeat the rule.
+            */
+            #{$step*10}#{"%"} {
+                --node-intent-angle: #{$reactflow-transition-anglestart + $step * 36deg};
+                @include node-intent-gradient;
+            }
+        }
     }
 }
 
@@ -385,3 +486,67 @@
     flex-grow: 0;
     flex-shrink: 0;
 }
+
+// Node highlights (@deprecated) // FIXME: remove in v24.0.0
+
+.#{$eccgui}-graphviz__node--highlight-success,
+.#{$eccgui}-graphviz__node--highlight-warning,
+.#{$eccgui}-graphviz__node--highlight-danger {
+    &:before {
+        content: " ";
+        display: block;
+        position: absolute;
+        top: -2 * $reactflow-node-border-width;
+        left: -2 * $reactflow-node-border-width;
+        bottom: -2 * $reactflow-node-border-width;
+        right: -2 * $reactflow-node-border-width;
+        border-radius: inherit;
+        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-danger-text !important;
+        z-index: -1;
+    }
+}
+
+.#{$eccgui}-graphviz__node--highlight-match,
+.#{$eccgui}-graphviz__node--highlight-altmatch {
+    &:after {
+        content: " ";
+        display: block;
+        position: absolute;
+        top: -2 * $reactflow-node-border-width;
+        left: -2 * $reactflow-node-border-width;
+        bottom: -2 * $reactflow-node-border-width;
+        right: -2 * $reactflow-node-border-width;
+        border-radius: inherit;
+        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-accent;
+        z-index: -1;
+    }
+
+    &.#{$eccgui}-graphviz__node--highlight-success,
+    &.#{$eccgui}-graphviz__node--highlight-warning,
+    &.#{$eccgui}-graphviz__node--highlight-danger {
+        &:after {
+            top: -4 * $reactflow-node-border-width;
+            left: -4 * $reactflow-node-border-width;
+            bottom: -4 * $reactflow-node-border-width;
+            right: -4 * $reactflow-node-border-width;
+        }
+    }
+}
+
+.#{$eccgui}-graphviz__node--highlight-success {
+    &:before {
+        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-success-text !important;
+    }
+}
+
+.#{$eccgui}-graphviz__node--highlight-warning {
+    &:before {
+        box-shadow: 0 0 0 2 * $reactflow-node-border-width $eccgui-color-warning-text !important;
+    }
+}
+
+.#{$eccgui}-graphviz__node--highlight-altmatch {
+    &:after {
+        box-shadow: 0 0 0 2 * $reactflow-node-border-width complement($eccgui-color-primary) !important;
+    }
+}

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

@@ -1,11 +1,19 @@
 import React, { useState, useEffect, useCallback } from "react";
 import { ComponentStory, ComponentMeta } from "@storybook/react";
-import { LoremIpsum } from 'react-lorem-ipsum';
+import { LoremIpsum, loremIpsum } from 'react-lorem-ipsum';
 import ReactFlow, { Elements, ReactFlowProvider } from 'react-flow-renderer';
 import {
+    Badge,
+    ContextMenu,
+    MenuItem,
     OverflowText,
     HtmlContentBlock,
+    IconButton,
+    Tag,
+    TagList,
 } from "./../../../../index";
+import canonicalIcons from "./../../../../components/Icon/canonicalIconNames";
+import { Definitions } from "../../../../common/Intent";
 
 import { NodeContent } from "./../NodeContent";
 import { nodeTypes } from "./../nodeTypes";
@@ -29,6 +37,64 @@ export default {
                 "Slide out example": <NodeContentExtension {...ContentExtensionExampleSlideOut.args} />,
             },
         },
+        labelSubline: {
+            control: "select",
+            options: ["Not set", "Text string", "OverflowText element", "Tag list"],
+            mapping: {
+                "Not set": undefined,
+                "Text string": loremIpsum({ p: 1, avgSentencesPerParagraph: 1, avgWordsPerSentence: 8, random: false }).toString(),
+                "OverflowText element": <OverflowText>{loremIpsum({ p: 1, avgSentencesPerParagraph: 2, avgWordsPerSentence: 4, random: false }).toString()}</OverflowText>,
+                "Tag list": <TagList>{
+                    loremIpsum({ p: 1, avgSentencesPerParagraph: 1, avgWordsPerSentence: 5, random: false })
+                    .toString()
+                    .split(" ")
+                    .map((term) => <Tag small>{term}</Tag>)
+                }</TagList>
+            },
+        },
+        menuButtons: {
+            control: "select",
+            options: ["Not set", "Icon button", "Context Menu", "Info badge"],
+            mapping: {
+                "Not set": undefined,
+                "Icon button": <IconButton name="item-info" text="Icon button" onClick={()=>alert("Click info")} />,
+                "Context Menu": <ContextMenu><MenuItem text="Context menu" /></ContextMenu>,
+                "Info badge": <Badge intent="info">Info</Badge>,
+            },
+        },
+        iconName: {
+            control: "select",
+            options: [...(Object.keys(canonicalIcons))],
+        },
+        highlightedState: {
+            control: "select",
+            options: ["Not set", "success", "warning", "danger", "match", "altmatch", "danger + match"],
+            mapping: {
+                "Not set": undefined,
+                "danger + match": ["danger", "match"],
+            },
+        },
+        border: {
+            control: "select",
+            options: [undefined, "solid", "double", "dashed", "dotted"],
+        },
+        intent: {
+            control: "select",
+            options: {"Not set": undefined, ...Definitions},
+        },
+        highlightColor: {
+            control: "select",
+            options: {
+                "Not set": undefined,
+                "Default": "default",
+                "Alternate": "alternate",
+                "Default + alternate": ["default" , "alternate"],
+                "Custom (red)": "red",
+                "Default + Custom (red)": ["default", "red"],
+                "Custom (green) + alternate": ["green", "alternate"],
+                "Custom (purple) + custom (yellow)": ["purple", "yellow"],
+            }
+        },
         content: { control: "none" },
         footerContent: { control: "none" },
         isConnectable: { table: { disable: true } },

package/src/extensions/react-flow/versionsupport.ts

@@ -0,0 +1,22 @@
+import { useStoreState as getStoreStateFlowLegacy } from "react-flow-renderer";
+import { useStore as getStoreStateFlowNext } from "react-flow-renderer-lts";
+
+export interface ReacFlowVersionSupportProps {
+    /**
+     * Spevifies the context of the react flow renderer version that is used for the component.
+     */
+    flowVersion?: "legacy" | "next" | "none";
+}
+
+export const useReactFlowVersion = () => {
+    try {
+        const [, , zoom] = getStoreStateFlowLegacy((state) => state.transform);
+        return !!zoom ? "legacy" : "none";
+    } catch {}
+    try {
+        const [, , zoom] = getStoreStateFlowNext((state) => state.transform);
+        return !!zoom ? "next" : "none";
+    } catch {}
+
+    return "none";
+}

package/src/index.scss

@@ -84,7 +84,6 @@
 @import "./components/AutoSuggestion/AutoSuggestion";
 @import "./components/Select/select";
 @import "./components/HoverToggler/hovertoggler";
-@import "./components/SimpleTable/simpletable";
 
 @import "./components";
 @import "./extensions/codemirror/codemirror";

package/src/index.ts

@@ -16,7 +16,7 @@ import Grid from "./components/Grid/Grid";
 import GridRow from "./components/Grid/GridRow";
 import GridColumn from "./components/Grid/GridColumn";
 
-import {HoverToggler} from "./components/HoverToggler/HoverToggler";
+import { HoverToggler } from "./components/HoverToggler/HoverToggler";
 
 import WorkspaceContent from "./components/Workspace/WorkspaceContent";
 import WorkspaceMain from "./components/Workspace/WorkspaceMain";
@@ -52,9 +52,6 @@ import ContextMenu from "./components/ContextOverlay/ContextMenu";
 
 import Pagination from "./components/Pagination/Pagination";
 
-import Tag from "./components/Tag/Tag";
-import TagList from "./components/Tag/TagList";
-
 import Notification from "./components/Notification/Notification";
 import Toast from "./components/Notification/Toast";
 
@@ -73,16 +70,6 @@ import {
     OverviewItemList,
 } from "./components/OverviewItem";
 
-import {
-    TableContainer,
-    Table,
-    TableHead,
-    TableRow,
-    TableBody,
-    TableCell,
-    TableHeader,
-} from "./components/SimpleTable";
-
 import BreadcrumbList from "./components/Breadcrumb/BreadcrumbList";
 import BreadcrumbItem from "./components/Breadcrumb/BreadcrumbItem";
 
@@ -90,15 +77,7 @@ import Modal from "./components/Dialog/Modal";
 import SimpleDialog from "./components/Dialog/SimpleDialog";
 import AlertDialog from "./components/Dialog/AlertDialog";
 
-import {
-    Card,
-    CardHeader,
-    CardTitle,
-    CardOptions,
-    CardContent,
-    CardActions,
-    CardActionsAux,
-} from "./components/Card";
+import { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux } from "./components/Card";
 
 import Spacing from "./components/Separation/Spacing";
 import Divider from "./components/Separation/Divider";
@@ -124,7 +103,6 @@ import InteractionGate from "./components/InteractionGate/InteractionGate";
 
 import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } from "./components/PropertyValuePair";
 
-import { ProgressBar } from "./components/ProgressBar/ProgressBar";
 import List from "./components/List/List";
 
 import * as LegacyReplacements from "./legacy-replacements";
@@ -141,9 +119,9 @@ const HelperClasses = {
 };
 
 const Utilities = {
-     openInNewTab,
-     decideContrastColorValue
-}
+    openInNewTab,
+    decideContrastColorValue,
+};
 
 export {
     ApplicationContainer,
@@ -178,13 +156,6 @@ export {
     OverviewItemLine,
     OverviewItemActions,
     OverviewItemList,
-    TableContainer,
-    Table,
-    TableHead,
-    TableRow,
-    TableBody,
-    TableCell,
-    TableHeader,
     IconButton,
     Label,
     Button,
@@ -227,8 +198,6 @@ export {
     AccordionItem,
     Toolbar,
     ToolbarSection,
-    Tag,
-    TagList,
     Pagination,
     Notification,
     Link,
@@ -243,7 +212,6 @@ export {
     Select,
     MultiSelect,
     AutoCompleteField,
-    ProgressBar,
     Iframe,
     IframeModal,
     Utilities,
@@ -251,6 +219,5 @@ export {
 };
 
 export * from "./components";
-export * from "./components/interfaces";
 export * from "./extensions";
 export * from "./cmem";

package/dist/cjs/components/SimpleTable/TableContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/TableContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAuE;AACvE,6DAAsE;AAEtE,SAAS,cAAc,CAAC,EAAgD;QAAhD,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAsB,EAAjB,UAAU,cAAzC,yBAA2C,CAAF;IAC7D,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,WAAW,EAAE;QACzC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;KACzB;IACD,IAAI,OAAO,UAAU,CAAC,WAAW,KAAK,WAAW,EAAE;QAC/C,UAAU,CAAC,WAAW,GAAG,EAAE,CAAC;KAC/B;IAED,OAAO,CACH,8BAAC,mCAAe,CAAC,cAAc,oBAAK,UAAU,IAAE,SAAS,EAAE,GAAG,uBAAM,0BAA0B,GAAG,SAAS,KACrG,QAAQ,CACoB,CACpC,CAAC;AACN,CAAC;AAED,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/SimpleTable/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHeader = exports.TableCell = exports.TableBody = exports.TableRow = exports.TableHead = exports.Table = exports.TableContainer = void 0;
-const carbon_components_react_1 = require("carbon-components-react");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return carbon_components_react_1.Table; } });
-Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return carbon_components_react_1.TableHead; } });
-Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return carbon_components_react_1.TableRow; } });
-Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return carbon_components_react_1.TableBody; } });
-Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return carbon_components_react_1.TableCell; } });
-Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return carbon_components_react_1.TableHeader; } });
-const TableContainer_1 = __importDefault(require("./TableContainer"));
-exports.TableContainer = TableContainer_1.default;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/SimpleTable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qEAAuG;AAG9E,sFAHjB,+BAAK,OAGiB;AAAE,0FAHjB,mCAAS,OAGiB;AAAE,yFAHjB,kCAAQ,OAGiB;AAAE,0FAHjB,mCAAS,OAGiB;AAAE,0FAHjB,mCAAS,OAGiB;AAAE,4FAHjB,qCAAW,OAGiB;AAFtF,sEAA8C;AAErC,yBAFF,wBAAc,CAEE"}

package/dist/esm/components/SimpleTable/TableContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/TableContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,SAAS,cAAc,CAAC,EAAgD;IAA9C,IAAA,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,UAAU,cAAzC,yBAA2C,CAAF;IAC7D,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,WAAW,EAAE;QACzC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;KACzB;IACD,IAAI,OAAO,UAAU,CAAC,WAAW,KAAK,WAAW,EAAE;QAC/C,UAAU,CAAC,WAAW,GAAG,EAAE,CAAC;KAC/B;IAED,OAAO,CACH,oBAAC,eAAe,CAAC,cAAc,eAAK,UAAU,IAAE,SAAS,EAAK,MAAM,6BAA0B,GAAG,SAAS,KACrG,QAAQ,CACoB,CACpC,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/esm/components/SimpleTable/index.js

@@ -1,4 +0,0 @@
-import { Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
-import TableContainer from "./TableContainer.js";
-export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/SimpleTable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SimpleTable/index.tsx"],"names":[],"mappings":"AAAA,OAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACvG,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/components/SimpleTable/TableContainer.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function TableContainer({ children, className, ...otherProps }: any): JSX.Element;
-export default TableContainer;

package/dist/types/components/SimpleTable/index.d.ts

@@ -1,3 +0,0 @@
-import { Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
-import TableContainer from "./TableContainer";
-export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };

package/src/components/SimpleTable/TableContainer.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { DataTable as CarbonDataTable } from "carbon-components-react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-
-function TableContainer({ children, className = "", ...otherProps }: any) {
-    if (typeof otherProps.title !== "undefined") {
-        otherProps.title = "";
-    }
-    if (typeof otherProps.description !== "undefined") {
-        otherProps.description = "";
-    }
-
-    return (
-        <CarbonDataTable.TableContainer {...otherProps} className={`${eccgui}-simpletable__container ` + className}>
-            {children}
-        </CarbonDataTable.TableContainer>
-    );
-}
-
-export default TableContainer;

package/src/components/SimpleTable/index.tsx

@@ -1,4 +0,0 @@
-import{ Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
-import TableContainer from "./TableContainer";
-
-export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };