@eccenca/gui-elements 23.0.0-rc.1 → 23.0.0-rc.2

package/src/extensions/react-flow/nodes/NodeTools.tsx

@@ -1,12 +1,13 @@
-import React, {memo, useEffect, useState} from "react";import {
-    IPopoverProps as IBlueprintPopoverProps,
+import React, {memo, useEffect, useState} from "react";
+import {
     PopoverInteractionKind as BlueprintPopoverInteractionKind,
 } from "@blueprintjs/core";
+import { ContextOverlayProps } from "./../../../components/ContextOverlay/ContextOverlay";
 import {ContextOverlay, IconButton} from "../../../index";
 import {CLASSPREFIX as eccgui} from "../../../configuration/constants";
 import {ValidIconName} from "../../../components/Icon/canonicalIconNames";
 
-export interface NodeToolsProps extends IBlueprintPopoverProps {
+export interface NodeToolsProps extends Omit<ContextOverlayProps, "children"> {
     children: string | JSX.Element;
     togglerElement?: ValidIconName | JSX.Element;
     togglerText?: string;
@@ -46,6 +47,11 @@ export const NodeTools = memo(({
             hoverCloseDelay={500}
             interactionKind={isOpen ? BlueprintPopoverInteractionKind.HOVER : BlueprintPopoverInteractionKind.CLICK}
             {...otherOverlayProps}
+            content={(
+                <div className={`${eccgui}-graphviz__nodetools__content`}>
+                    { children }
+                </div>
+            )}
         >
             {typeof togglerElement === "string" ? (
                 <IconButton
@@ -55,11 +61,8 @@ export const NodeTools = memo(({
                     onClick={() => setIsOpen(previous => !previous)}
                 />
             ) : (
-                { togglerElement }
+                <>{ togglerElement }</>
             )}
-            <div className={`${eccgui}-graphviz__nodetools__content`}>
-                { children }
-            </div>
         </ContextOverlay>
     );
 });

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

@@ -83,6 +83,24 @@ Default.args = {
     ),
     contentExtension: <ContentExtensionExample />,
     minimalShape: "none",
+    getMinimalTooltipData: (node: any) => {
+        return {
+            label: node.data?.label,
+            content: node.data?.content,
+            iconName: node.data?.iconName,
+            depiction: node.data?.depiction,
+        }
+    },
+    handles: [
+        {
+            type: "target",
+            tooltip: "this is a target handle",
+        },
+        {
+            type: "source",
+            data: {extendedTooltip: "this is a source handle"}
+        }
+    ]
 };
 
 export const SlideOut = Template.bind({});

package/src/includes/blueprintjs/_variables.scss

@@ -75,7 +75,7 @@ $pt-text-color: $eccgui-color-application-text !default;
 
 // Namespace appended to the beginning of each CSS class: `.#{$ns}-button`.
 // Do not quote this value, for Less consumers.
-$ns: bp3 !default;
+$ns: bp4 !default;
 
 // easily the most important variable, so it comes up top
 // (so other variables can use it to define themselves)

package/src/index.scss

@@ -15,9 +15,13 @@
 
 // calculate blueprintjs configuration
 @import "./includes/blueprintjs/variables";
-// load blueprintjs requsists
+// load blueprintjs requisists
+@import "~@blueprintjs/colors/src/colors";
 @import "~@blueprintjs/core/src/common/variables";
-// already included via bjs variables @import "~@blueprintjs/colors/src/colors";
+// future home for $icon-classes var @import "~@blueprintjs/core/src/common/variables-extended";
+@import "~@blueprintjs/core/src/common/react-transition";
+@import "~@blueprintjs/core/src/components/icon/icon-mixins";
+@import "~@blueprintjs/core/src/components/icon/icon"; // currently necessary for $icon-classes var
 // currently not needed @import "~@blueprintjs/core/src/reset";
 // currently not needed @import "~@blueprintjs/core/src/typography";
 @import "~@blueprintjs/core/src/accessibility/focus-states";
@@ -35,10 +39,9 @@
 // currently not needed @import "~@blueprintjs/core/src/components/drawer/drawer";
 @import "~@blueprintjs/core/src/components/editable-text/editable-text";
 // used in own component @import "~@blueprintjs/core/src/components/forms/index";
-@import "~@blueprintjs/core/src/components/html-select/html-select";
+// currently not used @import "~@blueprintjs/core/src/components/html-select/html-select";
 // currently not needed @import "~@blueprintjs/core/src/components/html-table/html-table";
 @import "~@blueprintjs/core/src/components/hotkeys/hotkeys";
-// not used @import "~@blueprintjs/core/src/components/icon/icon";
 // used in own component @import "~@blueprintjs/core/src/components/menu/menu";
 @import "~@blueprintjs/core/src/components/navbar/navbar";
 @import "~@blueprintjs/core/src/components/non-ideal-state/non-ideal-state";
@@ -56,7 +59,7 @@
 // used in own component @import "~@blueprintjs/core/src/components/tag-input/tag-input";
 // used in own component @import "~@blueprintjs/core/src/components/toast/toast";
 // used in own component @import "~@blueprintjs/core/src/components/tooltip/tooltip";
-@import "~@blueprintjs/core/src/components/tree/tree";
+// currently not used @import "~@blueprintjs/core/src/components/tree/tree";
 
 // -- Carbon Elements ----------------------------------------------------------
 
@@ -166,6 +169,7 @@
 @import "./components/PropertyValuePair/propertyvalue";
 @import "./components/Iframe/iframe";
 @import "./components/AutoSuggestion/AutoSuggestion";
+@import "./components/Select/select";
 @import "./extensions/codemirror/codemirror";
 
 // == load tweaks ==============================================================

package/src/index.ts

@@ -60,7 +60,8 @@ import TagList from "./components/Tag/TagList";
 
 import Notification from "./components/Notification/Notification";
 import Toast from "./components/Notification/Toast";
-import { Select } from "@blueprintjs/select";
+
+import Select from "./components/Select/Select";
 import MultiSelect from "./components/MultiSelect/MultiSelect";
 
 import { Iframe } from "./components/Iframe/Iframe";
@@ -251,3 +252,4 @@ export {
 
 export * from "./cmem";
 export * from "./extensions";
+export * from "./components/interfaces";