@eccenca/gui-elements 24.0.0 → 24.1.0-featureimprovepublishingprocesscmem6356.0

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

@@ -30,6 +30,12 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
      * visual appearance of the label
      */
     emphasis?: "strong" | "normal";
+    /**
+     * Add other elements to the end of the label content
+     */
+    additionalElements?: React.ReactNode | React.ReactNode[];
+    /** Force label to get displayed as inline block element. */
+    inline?: boolean;
 }
-export declare const Label: ({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, emphasis, ...otherLabelProps }: LabelProps) => React.JSX.Element;
+export declare const Label: ({ children, className, disabled, text, info, tooltip, tooltipProps, isLayoutForElement, emphasis, additionalElements, inline, ...otherLabelProps }: LabelProps) => React.JSX.Element;
 export default Label;

package/dist/types/components/Menu/MenuItem.d.ts

@@ -4,10 +4,17 @@ import { ValidIconName } from "../Icon/canonicalIconNames";
 import { TestIconProps } from "./../Icon/TestIcon";
 export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "children">, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "onFocus" | "target" | "children"> {
     icon?: ValidIconName | string[] | React.ReactElement<TestIconProps>;
+    /**
+     * Submenu.
+     */
     children?: React.ReactNode;
+    /**
+     * Tooltip, but only added to the label, not to the full menu item.
+     */
+    tooltip?: string | JSX.Element;
 }
 /**
  * Single item, used as child inside `Menu`.
  */
-export declare const MenuItem: ({ children, className, icon, onClick, href, ...restProps }: MenuItemProps) => React.JSX.Element;
+export declare const MenuItem: ({ children, className, icon, onClick, href, text, tooltip, ...restProps }: MenuItemProps) => React.JSX.Element;
 export default MenuItem;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { CardProps } from "../Card/Card";
 export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Displays the element using reduced height and less white space inside.
@@ -8,10 +9,21 @@ export interface OverviewItemProps extends React.HTMLAttributes<HTMLDivElement>
      * Add a bit white space around the element.
      */
     hasSpacing?: boolean;
+    /**
+     * Uses a `Card` element to wrap the `OverviewItem` inside.
+     * It is always used with `isOnlyLayout` set to `true`.
+     * Should be used together with `hasSpacing`.
+     */
+    hasCardWrapper?: boolean;
+    /**
+     * Forwarding basic `Card` properties to the wrapper element.
+     * Only used if `hasCardWrapper` is set to `true`.
+     */
+    cardProps?: Omit<CardProps, "children" | "isOnlyLayout" | "fullHeight" | "whitespaceAmount" | "compact">;
 }
 /**
  * This element can include all basic information and actions to give an overview about the item.
  * Mainly used in items list or to create basic widgets.
  */
-export declare const OverviewItem: ({ children, className, densityHigh, hasSpacing, ...otherProps }: OverviewItemProps) => React.FunctionComponentElement<any>;
+export declare const OverviewItem: ({ children, className, densityHigh, hasSpacing, hasCardWrapper, cardProps, ...otherProps }: OverviewItemProps) => React.JSX.Element;
 export default OverviewItem;

package/dist/types/components/OverviewItem/OverviewItemList.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListElement> {
     /**
      * Displays the element using reduced height and less white space inside.
+     * @deprecated (v25) use property directly on `OverviewItem` children.
      */
     densityHigh?: boolean;
     /**
@@ -19,8 +20,8 @@ export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListEle
     columns?: 1 | 2;
 }
 /**
- * This element can include all basic information and actions to give an overview about the item.
- * Mainly used in items list or to create basic widgets.
+ * This component is a listing container for multiple `OverviewItem` elements.
+ * It should only contains `OverviewItem` children but it does not check and control that condition.
  */
 export declare const OverviewItemList: ({ children, className, densityHigh, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps) => React.JSX.Element;
 export default OverviewItemList;

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

@@ -1,3 +1,3 @@
-import { ProgressBar as BlueprintProgressBar, ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
-export declare const ProgressBar: typeof BlueprintProgressBar;
+import { ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
+export declare const ProgressBar: import("react").FC<BlueprintProgressBarProps>;
 export type ProgressBarProps = BlueprintProgressBarProps;

package/dist/types/components/Structure/TitleSubsection.d.ts

@@ -12,11 +12,13 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -41,7 +43,6 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -55,17 +56,23 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
@@ -95,6 +102,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;

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

@@ -4,12 +4,12 @@ export interface SwitchProps extends Omit<BlueprintSwitchProps, "onChange"> {
     /**
      * Event handler for changed state.
      */
-    onChange?: (value: boolean) => any;
+    onChange?: (value: boolean) => void;
     /**
      * class names
      */
     className?: string;
 }
-export declare const Switch: ({ onChange, className, ...otherProps }: SwitchProps) => React.JSX.Element;
-declare const _default: React.MemoExoticComponent<({ onChange, className, ...otherProps }: SwitchProps) => React.JSX.Element>;
+export declare const Switch: ({ onChange, className, label, ...otherProps }: SwitchProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ onChange, className, label, ...otherProps }: SwitchProps) => React.JSX.Element>;
 export default _default;

package/dist/types/components/Tabs/Tab.d.ts

@@ -37,11 +37,13 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id: import("@blueprintjs/core").TabId;
     lang?: string | undefined;
@@ -63,7 +65,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -77,17 +78,23 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
@@ -117,6 +124,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -288,8 +296,8 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     icon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
-    tagProps?: Omit<import("@blueprintjs/core").TagProps, "children">;
     panel?: React.JSX.Element | ((props: import("@blueprintjs/core/lib/esm/components/tabs/tab").TabIdProps) => React.JSX.Element);
+    tagProps?: Omit<import("@blueprintjs/core").TagProps, "children">;
     panelClassName?: string;
     tagContent?: import("@blueprintjs/core").TagProps["children"];
     key: import("@blueprintjs/core").TabId;
@@ -307,11 +315,13 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id: import("@blueprintjs/core").TabId;
     lang?: string | undefined;
@@ -333,7 +343,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -347,17 +356,23 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
@@ -387,6 +402,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -558,8 +574,8 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     icon?: import("@blueprintjs/core").IconName | import("@blueprintjs/core").MaybeElement;
-    tagProps?: Omit<import("@blueprintjs/core").TagProps, "children">;
     panel?: React.JSX.Element | ((props: import("@blueprintjs/core/lib/esm/components/tabs/tab").TabIdProps) => React.JSX.Element);
+    tagProps?: Omit<import("@blueprintjs/core").TagProps, "children">;
     panelClassName?: string;
     tagContent?: import("@blueprintjs/core").TagProps["children"];
     key: import("@blueprintjs/core").TabId;

package/dist/types/components/TextField/SearchField.d.ts

@@ -19,5 +19,5 @@ export interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps
 /**
  * Special `TextField` element for search term inputs.
  */
-export declare const SearchField: ({ className, emptySearchInputMessage, onClearanceHandler, onClearanceText, leftIcon, ...otherProps }: SearchFieldProps) => React.JSX.Element;
+export declare const SearchField: ({ className, emptySearchInputMessage, onClearanceHandler, onClearanceText, onChange, leftIcon, rightElement, ...otherProps }: SearchFieldProps) => React.JSX.Element;
 export default SearchField;

package/dist/types/components/Typography/OverflowText.d.ts

@@ -1,10 +1,31 @@
 import React from "react";
-export interface OverflowTextProps {
-    ellipsis?: "reverse" | "none";
+import { TestableComponent } from "../../components/interfaces";
+export interface OverflowTextProps extends React.HTMLAttributes<HTMLElement>, TestableComponent {
+    /**
+     * How is ellipsis used to cut text overflows.
+     * Use `reverse`to use the ellipis on text start and display the end of the text.
+     */
+    ellipsis?: "add" | "reverse" | "none";
+    /**
+     * Display component as inline element.
+     */
     inline?: boolean;
+    /**
+     * Using text overflow on all children elements.
+     */
     passDown?: boolean;
+    /**
+     * Additional CSS class name.
+     */
     className?: string;
+    /**
+     * HTML element that is used for the component.
+     */
     useHtmlElement?: "p" | "div" | "span";
+    /**
+     * Used for all other necessary properties.
+     * @deprecated (v25) we will allow only basic HTML element properties and testing IDs
+     */
     [key: string]: any;
 }
 /** Prevents text from overflowing. */

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

@@ -48,4 +48,5 @@ export * from "./Tooltip/Tooltip";
 export * from "./Tree/Tree";
 export * from "./Typography";
 export * from "./Workspace";
+export * from "./ContentGroup/ContentGroup";
 export * from "./interfaces";

package/dist/types/extensions/codemirror/CodeMirror.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { Extension } from "@codemirror/state";
 import { EditorView, Rect } from "@codemirror/view";
+import { IntentTypes } from "../../common/Intent";
+import { TestableComponent } from "../../components/interfaces";
 import { SupportedCodeEditorModes } from "./hooks/useCodemirrorModeExtension.hooks";
-export interface CodeEditorProps {
-    setEditorView?: (editor: EditorView | undefined) => any;
+export interface CodeEditorProps extends TestableComponent {
+    setEditorView?: (editor: EditorView | undefined) => void;
     /**
      * `name` attribute of connected textarea element.
      */
@@ -25,7 +27,7 @@ export interface CodeEditorProps {
     /**
      *  Called when the focus status changes
      */
-    onFocusChange?: (focused: boolean) => any;
+    onFocusChange?: (focused: boolean) => void;
     /**
      * Called when the user presses a key
      */
@@ -40,7 +42,7 @@ export interface CodeEditorProps {
     onSelection?: (ranges: {
         from: number;
         to: number;
-    }[]) => any;
+    }[]) => void;
     /**
      * Called when the cursor position changes
      */
@@ -101,11 +103,36 @@ export interface CodeEditorProps {
      * If the <Tab> key is enabled as normal input, i.e. it won't have the behavior of changing to the next input element, expected in a web app.
      */
     enableTab?: boolean;
+    /**
+     * Enables linting feature in the editor ("turtle" and "javascript" modes can use linting currently).
+     */
+    useLinting?: boolean;
+    /**
+     * Autofocus the editor when it is rendered
+     */
+    autoFocus?: boolean;
+    /**
+     * Intent state of the code editor.
+     */
+    intent?: IntentTypes | "edited" | "removed";
+    /**
+     * Disables the editor.
+     */
+    disabled?: boolean;
+    /**
+     * Add toolbar for mode.
+     * Currently only `markdown` is supported.
+     */
+    useToolbar?: boolean;
+    /**
+     * Get the translation for a specific key
+     */
+    translate?: (key: string) => string | false;
 }
 /**
  * Includes a code editor, currently we use CodeMirror library as base.
  */
 export declare const CodeEditor: {
-    ({ onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, defaultValue, readOnly, shouldHaveMinimalSetup, wrapLines, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, }: CodeEditorProps): React.JSX.Element;
+    ({ onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, defaultValue, readOnly, shouldHaveMinimalSetup, wrapLines, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, useLinting, "data-test-id": dataTestId, autoFocus, disabled, intent, useToolbar, translate, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
     supportedModes: ("markdown" | "python" | "sparql" | "turtle" | "xml" | "yaml" | "jinja2" | "json" | "ntriples" | "mathematica" | "sql" | "javascript")[];
 };

package/dist/types/extensions/codemirror/debouncedLinter.d.ts

@@ -0,0 +1,4 @@
+import { Diagnostic } from "@codemirror/lint";
+import { EditorView } from "@codemirror/view";
+import { Linter } from "./types";
+export declare const debouncedLinter: (lintFunction: Linter, time?: number) => (view: EditorView) => Promise<readonly Diagnostic[]>;

package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts

@@ -1,21 +1,23 @@
-import { StreamParser } from "@codemirror/language";
-import { markdown } from "@codemirror/lang-markdown";
+import { javascript } from "@codemirror/lang-javascript";
 import { json } from "@codemirror/lang-json";
+import { markdown } from "@codemirror/lang-markdown";
+import { sql } from "@codemirror/lang-sql";
 import { xml } from "@codemirror/lang-xml";
-import { sql } from "@codemirror/legacy-modes/mode/sql";
+import { yaml } from "@codemirror/lang-yaml";
+import { StreamParser } from "@codemirror/language";
 declare const supportedModes: {
     readonly markdown: typeof markdown;
     readonly python: StreamParser<unknown>;
     readonly sparql: StreamParser<unknown>;
     readonly turtle: StreamParser<unknown>;
     readonly xml: typeof xml;
-    readonly yaml: StreamParser<unknown>;
+    readonly yaml: typeof yaml;
     readonly jinja2: StreamParser<unknown>;
     readonly json: typeof json;
     readonly ntriples: StreamParser<unknown>;
     readonly mathematica: StreamParser<unknown>;
     readonly sql: typeof sql;
-    readonly javascript: StreamParser<unknown>;
+    readonly javascript: typeof javascript;
 };
 export declare const supportedCodeEditorModes: Array<keyof typeof supportedModes>;
 export type SupportedCodeEditorModes = (typeof supportedCodeEditorModes)[number];

package/dist/types/extensions/codemirror/linters/jsLinter.d.ts

@@ -0,0 +1,5 @@
+import { ExtensionCreator } from "../types";
+/**
+ * Sets up the javascript linter. Documentation: https://codemirror.net/examples/lint/
+ */
+export declare const jsLinter: ExtensionCreator;

package/dist/types/extensions/codemirror/linters/turtleLinter.d.ts

@@ -0,0 +1,5 @@
+import { ExtensionCreator } from "../types";
+/**
+ * Sets up the turtle linter. Documentation: https://codemirror.net/examples/lint/
+ */
+export declare const turtleLinter: ExtensionCreator;

package/dist/types/extensions/codemirror/tests/codemirrorTestHelper.d.ts

@@ -18,3 +18,4 @@ export declare const adaptedLineNumbers: (props?: any) => any;
 export declare const adaptedHighlightActiveLine: () => any;
 export declare const adaptedFoldGutter: (props?: any) => any;
 export declare const adaptedCodeFolding: (props?: any) => any;
+export declare const adaptedLintGutter: (props?: any) => any;

package/dist/types/extensions/codemirror/toolbars/commands/markdown.command.d.ts

@@ -0,0 +1,55 @@
+import { EditorView } from "codemirror";
+import { ValidIconName } from "../../../../components/Icon/canonicalIconNames";
+declare enum Commands {
+    header1 = "Heading 1",
+    header2 = "Heading 2",
+    header3 = "Heading 3",
+    header4 = "Heading 4",
+    header5 = "Heading 5",
+    header6 = "Heading 6",
+    codeBlock = "Code block",
+    quote = "Block quote",
+    bold = "Bold",
+    italic = "Italic",
+    strike = "StrikeThrough",
+    inlineCode = "Inline code",
+    unorderedList = "Unordered list",
+    orderedList = "Ordered list",
+    todoList = "Todo list",
+    link = "Link",
+    image = "Image"
+}
+export default class MarkdownCommand {
+    private view;
+    static commands: {
+        readonly paragraphs: readonly [Commands.header1, Commands.header2, Commands.header3, Commands.header4, Commands.header5, Commands.header6, Commands.quote, Commands.codeBlock];
+        readonly basic: {
+            title: Commands;
+            icon: ValidIconName;
+        }[];
+        readonly lists: {
+            title: Commands;
+            icon: ValidIconName;
+            moniker: string;
+        }[];
+        readonly attachments: {
+            title: Commands;
+            icon: ValidIconName;
+        }[];
+    };
+    constructor(view: EditorView);
+    /**
+     * Supported list types are ol, ul, todo.
+     * utility helps to determine which at the start of the line
+     */
+    private getListTypeOfLine;
+    private createListDelimiter;
+    private createList;
+    private enforceCursorFocus;
+    private createHeading;
+    private applyFormatting;
+    private applyAttachment;
+    private applyQuoteFormatting;
+    executeCommand: (command: Commands) => true | void;
+}
+export {};

package/dist/types/extensions/codemirror/toolbars/markdown.toolbar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { EditorView } from "codemirror";
+interface MarkdownToolbarProps {
+    view?: EditorView;
+    togglePreviewStatus: () => void;
+    showPreview: boolean;
+    translate: (key: string) => string | false;
+    disabled?: boolean;
+    readonly?: boolean;
+}
+export declare const MarkdownToolbar: React.FC<MarkdownToolbarProps>;
+export {};

package/dist/types/extensions/codemirror/types.d.ts

@@ -0,0 +1,5 @@
+import { Diagnostic } from "@codemirror/lint";
+import { Extension } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+export type Linter = (view: EditorView) => ReadonlyArray<Diagnostic> | Promise<ReadonlyArray<Diagnostic>>;
+export type ExtensionCreator<T = unknown> = (options?: T) => Extension;

package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts

@@ -11,9 +11,19 @@ import { NodeHighlightColor } from "./sharedTypes";
 type NodeContentHandleLegacyProps = HandleProps;
 type NodeContentHandleNextProps = HandleNextProps;
 export type NodeContentHandleProps = NodeContentHandleLegacyProps | NodeContentHandleNextProps;
-type NodeDimensions = {
-    width: number;
-    height: number;
+export type NodeDimensions = {
+    width?: number;
+    height?: number;
+};
+type ResizeDirections = {
+    right: true;
+    bottom?: false;
+} | {
+    right?: false;
+    bottom: true;
+} | {
+    right: true;
+    bottom: true;
 };
 type IntroductionTime = {
     /**
@@ -185,12 +195,16 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * width and height dimensions of the node (Optional)
      */
     nodeDimensions?: NodeDimensions;
+    /** if node is resizable, this allows direction of specificity */
+    resizeDirections?: ResizeDirections;
+    /** determines how much width a node can be resized to */
+    resizeMaxDimensions?: Partial<NodeDimensions>;
 }
 /**
  * The `NodeContent` element manages the main view of how a node is displaying which content.
  * This element cannot be used directly, all properties must be routed through the `data` property of an `elements` property item inside the `ReactFlow` container.
  */
-export declare function NodeContent<CONTENT_PROPS = any>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, introductionTime, onNodeResize, nodeDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): React.JSX.Element;
+export declare function NodeContent<CONTENT_PROPS = any>({ flowVersion, iconName, depiction, leftElement, typeLabel, label, labelSubline, enlargeHeader, fullWidth, showExecutionButtons, executionButtons, menuButtons, content, contentExtension, footerContent, size, minimalShape, intent, border, highlightColor, adaptHeightForHandleMinCount, adaptSizeIncrement, getMinimalTooltipData, style, showUnconnectableHandles, animated, introductionTime, onNodeResize, nodeDimensions, resizeDirections, resizeMaxDimensions, targetPosition, sourcePosition, isConnectable, selected, letPassWheelEvents, businessData, ...otherDomProps }: NodeContentProps<any>): React.JSX.Element;
 export declare const nodeContentUtils: {
     evaluateHighlightColors: (baseCustomProperty: string, highlightColor?: NodeHighlightColor | NodeHighlightColor[]) => {
         highlightClassNameSuffix: string[];

package/dist/types/extensions/react-flow/nodes/nodeUtils.d.ts

@@ -1,14 +1,15 @@
 import { CSSProperties } from "react";
-import { Node } from "react-flow-renderer";
-type IStickyNote = {
+import { Node, XYPosition } from "react-flow-renderer";
+import { NodeDimensions } from "./NodeContent";
+/** A sticky note for display in the UI as returned from the backend. */
+export interface StickyNote {
     id: string;
     content: string;
     color: string;
-    position: number[];
-    dimension: number[];
-};
+    position: XYPosition & NodeDimensions;
+}
 export declare const nodeDefaultUtils: {
     generateStyleWithColor: (color: string) => CSSProperties;
-    transformNodeToStickyNode: (node: Node<any>) => IStickyNote;
+    transformNodeToStickyNode: (node: Node<any>) => StickyNote;
 };
 export default nodeDefaultUtils;

package/dist/types/extensions/react-flow/versionsupport.d.ts

@@ -4,4 +4,4 @@ export interface ReacFlowVersionSupportProps {
      */
     flowVersion?: "legacy" | "next" | "none";
 }
-export declare const useReactFlowVersion: () => "none" | "legacy" | "next";
+export declare const useReactFlowVersion: () => "none" | "next" | "legacy";