@eccenca/gui-elements 23.7.0 → 23.8.0-rc.1

package/dist/esm/components/TextField/TextArea.js

@@ -62,7 +62,7 @@ export var TextArea = function (_a) {
                 textAreaElement.style.setProperty("padding-left", "calc(".concat(leftIconElementRect.width ? 2 : 1, " * ").concat(textAreaStyle.paddingLeft, " + ").concat((_l = leftIconElementRect.width) !== null && _l !== void 0 ? _l : 0, "px)"));
                 leftIconElement.addEventListener("click", function (_event) {
                     textAreaElement.focus();
-                }); //onclick((_event: MouseEvent) => {textAreaElement.dispatchEvent("click")})
+                });
             }
             if (rightElement && wrapperElement) {
                 var rightElementElement = wrapperElement.querySelector(".".concat(eccgui, "-textarea__options"));

package/dist/esm/components/TextField/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextArea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextArea.tsx"],"names":[],"mappings":"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"}

package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts

@@ -5,6 +5,10 @@ export interface ReactFlowProps extends ReactFlowOriginalProps {
      * Load `ReactFlow` component with pre-configured values for `nodeTypes` and `edgeTypes`
      */
     configuration?: "unspecified" | "graph" | "workflow" | "linking";
+    /**
+     * Types data transfers that can be dragged in and dropped on the canvas.
+     */
+    dropzoneFor?: string[];
     /** If defined the canvas scrolls on all drag operations (node, selection, edge connect)
      * when the mouse pointer comes near the canvas borders or goes beyond them.
      * The `id` property of the ReactFlow component must be set in order for this to work.

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

@@ -1,14 +1,24 @@
 import React from "react";
 import { AccordionProps as CarbonAccordionProps } from "carbon-components-react";
+import { AccordionItemProps } from "./AccordionItem";
 export interface AccordionProps extends Omit<CarbonAccordionProps, "className" | "size"> {
     /**
      * Additional CSS classes.
      */
     className?: string;
+    /**
+     * Defines how much whitespace is used on top and bottom inside the header and content of an accordion item.
+     */
+    whitespaceSize?: AccordionItemProps["whitespaceSize"];
+    /**
+     * Defines how much space is used for the separation between an accordion item and the next one.
+     */
+    separationSize?: AccordionItemProps["separationSize"];
     /**
      * How much space is used for the header of the each of the accordion items.
+     * @deprecated Use ẁhitespaceSize` on `Accordion` or `AccordionItem` instead.
      */
     size?: "small" | "medium" | "large";
 }
-export declare const Accordion: ({ children, className, align, size, ...otherProps }: AccordionProps) => React.JSX.Element;
+export declare const Accordion: ({ children, className, align, whitespaceSize, separationSize, size, ...otherProps }: AccordionProps) => React.JSX.Element;
 export default Accordion;

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { AccordionItemProps as CarbonAccordionItemProps } from "carbon-components-react";
+declare type sizeOptions = "none" | "small" | "medium" | "large";
 export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "title" | "iconDescription" | "renderExpando"> {
     /**
      * additional user class name
@@ -13,8 +14,21 @@ export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "titl
      * use full available width for content
      */
     fullWidth?: boolean;
+    /**
+     * Defines how much whitespace is used on top and bottom inside the header and content of an accordion item.
+     * Seeting on `AccordionItem` overwrites the global setting on `Accordion`.
+     */
+    whitespaceSize?: sizeOptions | {
+        header: sizeOptions;
+        content: sizeOptions;
+    };
+    /**
+     * Defines how much space is used for the separation between the accordion item and the next one.
+     */
+    separationSize?: sizeOptions;
     /**
      * minimize white space and paddings
+     * @deprecated Use `whitespaceSize="none"` on `Accordion` or `AccordionItem` instead.
      */
     condensed?: boolean;
     /**
@@ -26,5 +40,5 @@ export interface AccordionItemProps extends Omit<CarbonAccordionItemProps, "titl
      */
     elevated?: boolean;
 }
-export declare const AccordionItem: ({ children, label, className, fullWidth, elevated, condensed, noBorder, ...otherProps }: AccordionItemProps) => React.JSX.Element;
+export declare const AccordionItem: ({ children, label, className, fullWidth, elevated, whitespaceSize, separationSize, condensed, noBorder, ...otherProps }: AccordionItemProps) => React.JSX.Element;
 export default AccordionItem;

package/dist/types/components/Application/ApplicationContainer.d.ts

@@ -1,4 +1,10 @@
 import React from "react";
-export declare type ApplicationContainerProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const ApplicationContainer: ({ children, className, ...otherDivProps }: ApplicationContainerProps) => React.JSX.Element;
+export interface ApplicationContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If set then the `element` is extended automatically by a `monitor-dropzone` data attribute.
+     * This need to match with a `dropzone-for` data attribute on available dropzones for dragged elements.
+     */
+    monitorDropzonesFor?: string[];
+}
+export declare const ApplicationContainer: ({ children, className, monitorDropzonesFor, ...otherDivProps }: ApplicationContainerProps) => React.JSX.Element;
 export default ApplicationContainer;

package/dist/types/components/Application/helper.d.ts

@@ -1 +1,7 @@
 export declare const useApplicationHeaderOverModals: (elevate: boolean, className: string) => void;
+/**
+ * Tracks drag operations over the application.
+ * Sets different data attributes to the body element.
+ * They can be used to apply styling rules.
+ */
+export declare const useDropzoneMonitor: (enabledTypes: string[]) => void;

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": "23.7.0",
+    "version": "23.8.0-rc.1",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -166,7 +166,10 @@
         "**/word-wrap": "^1.2.4",
         "**/webpack-dev-middleware": "^6.1.2",
         "**/braces": "^3.0.3",
-        "**/ws": "^8.17.1"
+        "**/ws": "^8.17.1",
+        "**/ejs": "^3.1.10",
+        "**/tar": "^6.2.1",
+        "**/express": "^4.19.2"
     },
     "husky": {
         "hooks": {

package/src/_shame.scss

@@ -19,33 +19,6 @@
     border: 0;
 }
 
-.uppy-DragDrop-container {
-    color: inherit;
-    background-color: $data-table-zebra-color;
-    // TODO: create own file upload elements
-
-    border-width: 1px;
-
-    //border-style: dotted;
-    border-radius: 3px;
-
-    .uppy-DragDrop-inner {
-        padding: 1rem;
-        line-height: inherit;
-    }
-
-    .uppy-DragDrop-arrow {
-        width: 2rem;
-        height: 2rem;
-        margin-bottom: 0.5rem;
-    }
-
-    .uppy-DragDrop-label {
-        margin-bottom: 0.5rem;
-        font-size: inherit;
-    }
-}
-
 /*
     WORKAROUND: thinner scrollbars
 */

package/src/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.tsx

@@ -22,7 +22,8 @@ export interface ElapsedDateTimeDisplayProps extends TestableComponent {
 
 const dateTimeToElapsedTimeInMs = (dateTime: string | number) => {
     const absoluteMs = typeof dateTime === "number" ? dateTime : new Date(dateTime).getTime();
-    return new Date().getTime() - absoluteMs;
+    const elapsed = new Date().getTime() - absoluteMs;
+    return elapsed < 0 ? 0 : elapsed;
 };
 
 /**

package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { default as ReactFlowOriginal, ReactFlowProps as ReactFlowOriginalProps } from "react-flow-renderer";
 
+import { CLASSPREFIX as eccgui } from "../../../configuration/constants";
 import { ReactFlowMarkers } from "../../../extensions/react-flow/markers/ReactFlowMarkers";
 import { ReactFlowHotkeyContext } from "../extensions/ReactFlowHotkeyContext";
 import { useReactFlowScrollOnDrag } from "../extensions/scrollOnDragHook";
@@ -16,6 +17,11 @@ export interface ReactFlowProps extends ReactFlowOriginalProps {
      */
     configuration?: "unspecified" | "graph" | "workflow" | "linking";
 
+    /**
+     * Types data transfers that can be dragged in and dropped on the canvas.
+     */
+    dropzoneFor?: string[];
+
     /** If defined the canvas scrolls on all drag operations (node, selection, edge connect)
      * when the mouse pointer comes near the canvas borders or goes beyond them.
      * The `id` property of the ReactFlow component must be set in order for this to work.
@@ -37,7 +43,37 @@ export interface ReactFlowProps extends ReactFlowOriginalProps {
  * Corporate Memory tools.
  */
 export const ReactFlow = React.forwardRef<HTMLDivElement, ReactFlowProps>(
-    ({ configuration = "unspecified", scrollOnDrag, children, ...originalProps }, ref) => {
+    ({ configuration = "unspecified", scrollOnDrag, dropzoneFor, children, className, ...originalProps }, outerRef) => {
+        const innerRef = React.useRef<HTMLDivElement>(null);
+        React.useImperativeHandle(outerRef, () => innerRef.current!, []);
+
+        React.useEffect(() => {
+            const reactflowContainer = innerRef?.current;
+
+            if (reactflowContainer && dropzoneFor) {
+                const addDragover = (event: DragEvent) => {
+                    reactflowContainer.classList.add(`${eccgui}-graphviz__canvas--draghover`);
+                    event.preventDefault();
+                };
+
+                const removeDragover = (event: DragEvent) => {
+                    if (reactflowContainer === event.target) {
+                        reactflowContainer.classList.remove(`${eccgui}-graphviz__canvas--draghover`);
+                    }
+                };
+
+                reactflowContainer.addEventListener("dragover", addDragover);
+                reactflowContainer.addEventListener("dragleave", removeDragover);
+                reactflowContainer.addEventListener("drop", removeDragover);
+                return () => {
+                    reactflowContainer.removeEventListener("dragover", addDragover);
+                    reactflowContainer.removeEventListener("dragleave", removeDragover);
+                    reactflowContainer.removeEventListener("drop", removeDragover);
+                };
+            }
+            return;
+        }, [innerRef, dropzoneFor]);
+
         /** If the hot keys should be disabled. By default, they are always disabled. */
         const { hotKeysDisabled } = React.useContext(ReactFlowHotkeyContext);
 
@@ -57,11 +93,13 @@ export const ReactFlow = React.forwardRef<HTMLDivElement, ReactFlowProps>(
 
         return (
             <ReactFlowOriginal
-                ref={ref}
+                ref={innerRef}
+                className={`${eccgui}-graphviz__canvas` + className ? ` ${className}` : ""}
                 nodeTypes={configReactFlow[configuration].nodeTypes}
                 edgeTypes={configReactFlow[configuration].edgeTypes}
                 {...originalProps}
                 {...scrollOnDragFunctions}
+                data-dropzone-for={dropzoneFor ? dropzoneFor.join(" ") : undefined}
                 selectionKeyCode={hotKeysDisabled ? null : (selectionKeyCode as any)}
                 deleteKeyCode={hotKeysDisabled ? null : (deleteKeyCode as any)}
                 multiSelectionKeyCode={hotKeysDisabled ? null : (multiSelectionKeyCode as any)}

package/src/cmem/react-flow/_canvas.scss

@@ -0,0 +1,15 @@
+.eccgui-graphviz__canvas--draghover {
+    body[data-monitor-dropzone~="application/reactflow"] &[data-dropzone-for~="application/reactflow"],
+    body[data-monitor-dropzone~="Files"] &[data-dropzone-for~="Files"] {
+        background-color: rgba($eccgui-color-accent, $eccgui-opacity-ghostly);
+        box-shadow: 0 0 $eccgui-size-block-whitespace $eccgui-color-accent inset;
+
+        & > * {
+            opacity: $eccgui-opacity-narrow;
+        }
+
+        .react-flow__node {
+            pointer-events: none !important;
+        }
+    }
+}

package/src/cmem/react-flow/_index.scss

@@ -1,4 +1,5 @@
 @import "./configuration/colors";
+@import "canvas";
 @import "edges";
 @import "handles";
 @import "minimap";

package/src/components/Accordion/Accordion.tsx

@@ -3,13 +3,24 @@ import { Accordion as CarbonAccordion, AccordionProps as CarbonAccordionProps }
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
+import { AccordionItemProps } from "./AccordionItem";
+
 export interface AccordionProps extends Omit<CarbonAccordionProps, "className" | "size"> {
     /**
      * Additional CSS classes.
      */
     className?: string;
+    /**
+     * Defines how much whitespace is used on top and bottom inside the header and content of an accordion item.
+     */
+    whitespaceSize?: AccordionItemProps["whitespaceSize"];
+    /**
+     * Defines how much space is used for the separation between an accordion item and the next one.
+     */
+    separationSize?: AccordionItemProps["separationSize"];
     /**
      * How much space is used for the header of the each of the accordion items.
+     * @deprecated Use ẁhitespaceSize` on `Accordion` or `AccordionItem` instead.
      */
     size?: "small" | "medium" | "large";
 }
@@ -24,12 +35,28 @@ export const Accordion = ({
     children,
     className = "",
     align = "start",
+    whitespaceSize = "medium",
+    separationSize = "none",
     size = "medium",
     ...otherProps
 }: AccordionProps) => {
+    const headerWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.header;
+    const contentWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.content;
     return (
         <CarbonAccordion
-            className={`${eccgui}-accordion__container ` + className}
+            className={
+                `${eccgui}-accordion__container` +
+                (headerWhitespaceSize !== "medium"
+                    ? ` ${eccgui}-accordion__container--global-headerspace-${headerWhitespaceSize}`
+                    : "") +
+                (contentWhitespaceSize !== "medium"
+                    ? ` ${eccgui}-accordion__container--global-contentspace-${contentWhitespaceSize}`
+                    : "") +
+                (separationSize !== "none"
+                    ? ` ${eccgui}-accordion__container--global-separationspace-${separationSize}`
+                    : "") +
+                (className ? ` ${className}` : "")
+            }
             align={align}
             size={carbonAccordionSizeMapping[size]}
             {...otherProps}

package/src/components/Accordion/AccordionItem.tsx

@@ -6,6 +6,8 @@ import {
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
+type sizeOptions = "none" | "small" | "medium" | "large";
+
 export interface AccordionItemProps
     extends Omit<CarbonAccordionItemProps, "title" | "iconDescription" | "renderExpando"> {
     /**
@@ -20,8 +22,18 @@ export interface AccordionItemProps
      * use full available width for content
      */
     fullWidth?: boolean;
+    /**
+     * Defines how much whitespace is used on top and bottom inside the header and content of an accordion item.
+     * Seeting on `AccordionItem` overwrites the global setting on `Accordion`.
+     */
+    whitespaceSize?: sizeOptions | { header: sizeOptions; content: sizeOptions };
+    /**
+     * Defines how much space is used for the separation between the accordion item and the next one.
+     */
+    separationSize?: sizeOptions;
     /**
      * minimize white space and paddings
+     * @deprecated Use `whitespaceSize="none"` on `Accordion` or `AccordionItem` instead.
      */
     condensed?: boolean;
     /**
@@ -40,10 +52,14 @@ export const AccordionItem = ({
     className = "",
     fullWidth = false,
     elevated = false,
+    whitespaceSize = "medium",
+    separationSize = "none",
     condensed = false,
     noBorder = false,
     ...otherProps
 }: AccordionItemProps) => {
+    const headerWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.header;
+    const contentWhitespaceSize = typeof whitespaceSize === "string" ? whitespaceSize : whitespaceSize.content;
     return (
         <CarbonAccordionItem
             className={
@@ -51,6 +67,13 @@ export const AccordionItem = ({
                 (className ? " " + className : "") +
                 (fullWidth ? ` ${eccgui}-accordion__item--fullwidth` : "") +
                 (elevated ? ` ${eccgui}-accordion__item--elevated` : "") +
+                (headerWhitespaceSize !== "medium"
+                    ? ` ${eccgui}-accordion__item--headerspace-${headerWhitespaceSize}`
+                    : "") +
+                (contentWhitespaceSize !== "medium"
+                    ? ` ${eccgui}-accordion__item--contentspace-${contentWhitespaceSize}`
+                    : "") +
+                (separationSize !== "none" ? ` ${eccgui}-accordion__item--separationspace-${separationSize}` : "") +
                 (condensed ? ` ${eccgui}-accordion__item--condensed` : "") +
                 (noBorder ? ` ${eccgui}-accordion__item--noborder` : "")
             }

package/src/components/Accordion/Stories/Accordion.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { Accordion, AccordionItem } from "../../../../index";
 import { Default as AccordionStoryItem } from "../Stories/AccordionItem.stories";
@@ -13,14 +13,22 @@ export default {
             control: "none",
             description: "Elements to include into the Accordion component",
         },
+        whitespaceSize: {
+            control: "select",
+            options: ["none", "small", "medium", "large"],
+        },
+        separationSize: {
+            control: "select",
+            options: ["none", "small", "medium", "large"],
+        },
     },
-} as ComponentMeta<typeof Accordion>;
+} as Meta<typeof Accordion>;
 
-const TemplateIcons: ComponentStory<typeof Accordion> = (args) => <Accordion {...args} />;
+const TemplateIcons: StoryFn<typeof Accordion> = (args) => <Accordion {...args} />;
 export const Default = TemplateIcons.bind({});
 Default.args = {
     children: [
-        <AccordionItem {...AccordionStoryItem.args} label="Accordion item 1" />,
+        <AccordionItem {...AccordionStoryItem.args} label="Accordion item 1" fullWidth />,
         <AccordionItem {...AccordionStoryItem.args} label="Accordion item 2 (elevated)" elevated />,
         <AccordionItem {...AccordionStoryItem.args} label="Accordion item 3 (initially opened)" open />,
         <AccordionItem {...AccordionStoryItem.args} label="Accordion item 4 (disabled)" disabled />,

package/src/components/Accordion/Stories/AccordionItem.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { LoremIpsum } from "react-lorem-ipsum";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { Meta, StoryFn } from "@storybook/react";
 
 import { Accordion, AccordionItem, HtmlContentBlock } from "../../../../index";
 
@@ -12,10 +12,18 @@ export default {
             control: "none",
             description: "content of accordion item",
         },
+        whitespaceSize: {
+            control: "select",
+            options: ["none", "small", "medium", "large"],
+        },
+        separationSize: {
+            control: "select",
+            options: ["none", "small", "medium", "large"],
+        },
     },
-} as ComponentMeta<typeof AccordionItem>;
+} as Meta<typeof AccordionItem>;
 
-const Template: ComponentStory<typeof AccordionItem> = (args) => (
+const Template: StoryFn<typeof AccordionItem> = (args) => (
     <Accordion>
         <AccordionItem {...args} />
     </Accordion>