@gooddata/sdk-ui-kit 10.28.0-alpha.3 → 10.28.0-alpha.30

package/esm/sdk-ui-kit.d.ts

@@ -13,6 +13,7 @@
 
 import { AccessGranularPermission } from '@gooddata/sdk-model';
 import { ColorFormats } from 'tinycolor2';
+import { CompletionSource } from '@codemirror/autocomplete';
 import { Component } from 'react';
 import { CSSProperties } from 'react';
 import { DebouncedFunc } from 'lodash';
@@ -25,6 +26,7 @@ import { IAnalyticalBackend } from '@gooddata/sdk-backend-spi';
 import { IAuditableUsers } from '@gooddata/sdk-model';
 import { IColorPalette } from '@gooddata/sdk-model';
 import { IColorPaletteDefinition } from '@gooddata/sdk-model';
+import { IContextStore } from '@gooddata/sdk-ui';
 import { IExecutionConfig } from '@gooddata/sdk-model';
 import { IFilter } from '@gooddata/sdk-model';
 import { ILocale } from '@gooddata/sdk-ui';
@@ -560,15 +562,51 @@ export declare function DefaultUiListboxInteractiveItemComponent<T>({ item, isFo
 export declare function DefaultUiListboxStaticItemComponent<T>({ item, }: UiListboxStaticItemProps<T>): React_2.ReactNode;
 
 /**
+ * Container for rendering custom content in menu.
  * @internal
  */
-export declare function DefaultUiMenuInteractiveItemComponent<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: UiMenuInteractiveItemProps<T>): React_2.ReactNode;
+export declare const DefaultUiMenuContent: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: {
+    item: IUiMenuContentItem<T>;
+}) => React_2.ReactElement)>;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: IUiMenuContentItemProps<T>): React_2.ReactNode;
+
+/**
+ * Default component for rendering content menu items.
+ * @internal
+ */
+export declare const DefaultUiMenuContentItemWrapper: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: IUiMenuContentItemWrapperProps<T>) => React_2.ReactElement)>;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuGroupItem<T extends IUiMenuItemData = object>({ item, }: IUiMenuGroupItemProps<T>): React_2.ReactNode;
+
+/**
+ * Renders the submenu header when in a submenu.
+ * If not in a submenu, returns null.
+ * @internal
+ */
+export declare const DefaultUiMenuHeader: React_2.FC;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: IUiMenuInteractiveItemProps<T>): React_2.ReactNode;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuInteractiveItemWrapper<T extends IUiMenuItemData = object>({ item, }: IUiMenuInteractiveItemWrapperProps<T>): React_2.ReactNode;
 
 /**
  * By default just renders the data.
  * @internal
  */
-export declare const DefaultUiMenuStaticItemComponent: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: UiMenuStaticItemProps<T>) => React_2.ReactElement)>;
+export declare const DefaultUiMenuStaticItem: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: IUiMenuStaticItemProps<T>) => React_2.ReactElement)>;
 
 /**
  * @internal
@@ -746,6 +784,18 @@ export declare const FilterLabel: React_2.FC<WithIntlProps<IFilterLabelProps & W
     WrappedComponent: React_2.ComponentType<IFilterLabelProps & WrappedComponentProps>;
 };
 
+/**
+ * Finds an interactive menu item that matches the predicate.
+ * @internal
+ */
+export declare const findInteractiveItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], predicate: (item: IUiMenuInteractiveItem<T>) => boolean) => IUiMenuInteractiveItem<T>;
+
+/**
+ * Recursively finds an item in the menu tree that matches the predicate.
+ * @internal
+ */
+export declare const findItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], predicate: (item: IUiMenuItem<T>) => boolean) => IUiMenuItem<T>;
+
 /**
  * @internal
  */
@@ -812,11 +862,6 @@ export declare const GD_COLOR_STATE_HOVER = "#94a1ad";
  */
 export declare const GD_COLOR_WHITE = "#fff";
 
-/**
- * @internal
- */
-export declare function generateHeaderAccountMenuItems(workspacePermissions: IWorkspacePermissions, uiSettings: IUiSettings, workspaceId?: string, showOnlyLogoutItem?: boolean, featureFlags?: ISettings): IHeaderMenuItem[];
-
 /**
  * @internal
  */
@@ -842,6 +887,17 @@ export declare function generateHeaderStaticHelpMenuItems(documentationUrl?: str
  */
 export declare function generateSupportUrl(projectId?: string, sessionId?: string, userEmail?: string, url?: string): string;
 
+/**
+ * Gets the closest focusable sibling item in the specified direction.
+ * @internal
+ */
+export declare const getClosestFocusableSibling: <T extends IUiMenuItemData = object>(args: {
+    items: IUiMenuItem<T>[];
+    isItemFocusable: (item: IUiMenuItem<T>) => boolean;
+    itemId?: string;
+    direction: "forward" | "backward";
+}) => IUiMenuItem<T>;
+
 /**
  * This function transforms a color palette into an array of max ten colors which is used
  * to render the color palette in styling picker.
@@ -897,6 +953,36 @@ export declare const getGranteeItemTestId: (grantee: GranteeItem, prefix?: "opti
  */
 export declare const getHeightWithUnitsForEmbedCode: (codeOption: EmbedOptionsType) => string | number;
 
+/**
+ * Gets an interactive menu item by its ID.
+ * @internal
+ */
+export declare const getInteractiveItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuInteractiveItem<T>;
+
+/**
+ * Gets a menu item by its ID.
+ * @internal
+ */
+export declare const getItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>;
+
+/**
+ * Gets the interactive parent of a menu item.
+ * @internal
+ */
+export declare const getItemInteractiveParent: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuInteractiveItem<T>;
+
+/**
+ * Gets all items under a specific interactive parent item.
+ * @internal
+ */
+export declare const getItemsByInteractiveParent: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], parentId?: string) => IUiMenuItem<T>[];
+
+/**
+ * Gets all next sibling items of a menu item with wraparound.
+ * @internal
+ */
+export declare const getNextSiblings: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[];
+
 /**
  * @internal
  */
@@ -929,11 +1015,28 @@ export declare type GetPositionedSelfRegion = {
     alignPoint: IAlignPoint;
 };
 
+/**
+ * Gets all previous sibling items of a menu item with wraparound.
+ * @internal
+ */
+export declare const getPreviousSiblings: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[];
+
 /**
  * @internal
  */
 export declare function getRecommendedDateDataset<T extends IDateDataset>(items: T[]): T;
 
+/**
+ * @internal
+ */
+export declare const getSelectedMenuId: <T extends IUiMenuItemData = object, M = object>(context: IUiMenuContext<T, M>) => string | undefined;
+
+/**
+ * Gets all sibling items of a menu item.
+ * @internal
+ */
+export declare const getSiblingItems: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[];
+
 /**
  * @internal
  */
@@ -1399,6 +1502,7 @@ export declare interface IButtonAccessibilityConfig extends IAccessibilityConfig
  */
 export declare interface IButtonProps {
     id?: string;
+    dataId?: string;
     className?: string;
     disabled?: boolean;
     tabIndex?: number;
@@ -1940,6 +2044,7 @@ export declare interface IDropdownButtonRenderProps {
     toggleDropdown: (desiredState?: boolean | unknown) => void;
     ariaAttributes: {
         role: "button" | string;
+        "data-popupId": string;
     } & Pick<React_2.AriaAttributes, "aria-haspopup" | "aria-expanded" | "aria-controls">;
 }
 
@@ -3712,6 +3817,7 @@ export declare interface IRecurrenceFormProps {
     showInheritValue?: boolean;
     isWhiteLabeled?: boolean;
     onRecurrenceDropdownOpen?: () => void;
+    closeDropdownsOnParentScroll?: boolean;
 }
 
 /**
@@ -3735,6 +3841,7 @@ export declare interface IRecurrenceProps {
     showTimezoneInOccurrence?: boolean;
     isWhiteLabeled?: boolean;
     onRecurrenceDropdownOpen?: () => void;
+    closeOnParentScroll?: boolean;
 }
 
 /**
@@ -4296,15 +4403,16 @@ export declare interface ISubMenuProps extends IMenuStateConfig, Partial<IMenuPo
  */
 export declare interface ISyntaxHighlightingInputProps {
     value: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    placeholder?: string;
+    extensions?: Extension[];
     onChange: (value: string) => void;
     onApi?: (view: EditorView | null) => void;
     onCursor?: (from: number, to: number) => void;
     onKeyDown?: (event: KeyboardEvent, view: EditorView) => boolean;
-    placeholder?: string;
-    label?: string;
-    extensions?: Extension[];
-    className?: string;
-    disabled?: boolean;
+    onCompletion?: CompletionSource;
 }
 
 /**
@@ -4385,6 +4493,7 @@ export declare interface ITimepickerOwnProps {
     skipNormalizeTime?: boolean;
     timeAnchor?: number;
     timeFormat?: string;
+    closeOnParentScroll?: boolean;
 }
 
 /**
@@ -4459,21 +4568,63 @@ export declare interface IUiListboxStaticItem<T> {
 /**
  * @internal
  */
-export declare interface IUiMenuContext<T extends IUiMenuItemData = object> extends IUiMenuPluggableComponents<T> {
+export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
+    type: "content";
+    id: string;
+    stringTitle: string;
+    isDisabled?: boolean;
+    showComponentOnly?: boolean;
+    data: T["content"];
+    Component: React_2.ComponentType<{
+        onBack: () => void;
+        onClose: () => void;
+    }>;
+};
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContentItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuContentItem<T>;
+    isFocused: boolean;
+    onSelect: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContentItemWrapperProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuContentItem<T>;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContentProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuContentItem<T>;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContext<T extends IUiMenuItemData = object, M = object> extends IUiMenuPluggableComponents<T> {
     items: IUiMenuItem<T>[];
-    focusedItem: IUiMenuInteractiveItem<T> | undefined;
-    onSelect: (item: IUiMenuInteractiveItem<T> | undefined) => void;
+    focusedItem: IUiMenuFocusableItem<T> | undefined;
+    shownCustomContentItemId?: string;
+    setShownCustomContentItemId: React_2.Dispatch<React_2.SetStateAction<string | undefined>>;
+    onSelect: (item: IUiMenuFocusableItem<T> | undefined) => void;
     onClose?: () => void;
     setFocusedId: React_2.Dispatch<React_2.SetStateAction<string | undefined>>;
     isItemFocusable: (item: IUiMenuItem<T>) => boolean;
     controlType: IUiMenuControlType;
     setControlType: React_2.Dispatch<React_2.SetStateAction<IUiMenuControlType>>;
     scrollToView: (element: HTMLElement | null) => void;
-    makeItemId: (item: IUiMenuItem<T>) => string;
+    makeItemId: (item: IUiMenuItem<T>) => string | undefined;
     itemClassName?: ((item: IUiMenuItem<T>) => string | undefined) | string;
-    ItemComponent: React_2.ComponentType<UiMenuItemProps<T>>;
+    ItemComponent: React_2.ComponentType<IUiMenuItemProps<T>>;
     menuComponentRef: React_2.RefObject<HTMLElement>;
     itemsContainerRef: React_2.RefObject<HTMLElement>;
+    menuCtxData?: M;
 }
 
 /**
@@ -4481,6 +4632,11 @@ export declare interface IUiMenuContext<T extends IUiMenuItemData = object> exte
  */
 export declare type IUiMenuControlType = "keyboard" | "mouse" | "unknown";
 
+/**
+ * @internal
+ */
+export declare type IUiMenuFocusableItem<T extends IUiMenuItemData = object> = IUiMenuInteractiveItem<T> | IUiMenuContentItem<T>;
+
 /**
  * @internal
  */
@@ -4492,6 +4648,13 @@ export declare type IUiMenuGroupItem<T extends IUiMenuItemData = object> = {
     subItems: IUiMenuItem<T>[];
 };
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuGroupItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuGroupItem<T>;
+}
+
 /**
  * @internal
  */
@@ -4507,7 +4670,23 @@ export declare type IUiMenuInteractiveItem<T extends IUiMenuItemData = object> =
 /**
  * @internal
  */
-export declare type IUiMenuItem<T extends IUiMenuItemData = object> = IUiMenuStaticItem<T> | IUiMenuInteractiveItem<T> | IUiMenuGroupItem<T>;
+export declare interface IUiMenuInteractiveItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuInteractiveItem<T>;
+    isFocused: boolean;
+    onSelect: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuInteractiveItemWrapperProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuInteractiveItem<T>;
+}
+
+/**
+ * @internal
+ */
+export declare type IUiMenuItem<T extends IUiMenuItemData = object> = IUiMenuStaticItem<T> | IUiMenuInteractiveItem<T> | IUiMenuGroupItem<T> | IUiMenuContentItem<T>;
 
 /**
  * @internal
@@ -4516,15 +4695,25 @@ export declare type IUiMenuItemData = {
     [type in IUiMenuItem<any>["type"]]?: unknown;
 };
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuItem<T>;
+}
+
 /**
  * @internal
  */
 export declare interface IUiMenuPluggableComponents<T extends IUiMenuItemData = object> {
-    InteractiveItemComponent: React_2.ComponentType<UiMenuInteractiveItemProps<T>>;
-    InteractiveItemWrapperComponent: React_2.ComponentType<UiMenuInteractiveItemWrapperProps<T>>;
-    GroupItemComponent: React_2.ComponentType<UiMenuGroupItemProps<T>>;
-    StaticItemComponent: React_2.ComponentType<UiMenuStaticItemProps<T>>;
-    MenuHeaderComponent: React_2.ComponentType;
+    InteractiveItem: React_2.ComponentType<IUiMenuInteractiveItemProps<T>>;
+    InteractiveItemWrapper: React_2.ComponentType<IUiMenuInteractiveItemWrapperProps<T>>;
+    GroupItem: React_2.ComponentType<IUiMenuGroupItemProps<T>>;
+    StaticItem: React_2.ComponentType<IUiMenuStaticItemProps<T>>;
+    ContentItemWrapper: React_2.ComponentType<IUiMenuContentItemWrapperProps<T>>;
+    ContentItem: React_2.ComponentType<IUiMenuContentItemProps<T>>;
+    Content: React_2.ComponentType<IUiMenuContentProps<T>>;
+    MenuHeader: React_2.ComponentType;
 }
 
 /**
@@ -4536,6 +4725,13 @@ export declare type IUiMenuStaticItem<T extends IUiMenuItemData = object> = {
     data: T["static"];
 };
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuStaticItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuStaticItem<T>;
+}
+
 /**
  * @internal
  */
@@ -5265,6 +5461,11 @@ export declare type SizeMedium = "medium";
  */
 export declare type SizeSmall = "small";
 
+/**
+ * @internal
+ */
+export declare type SizeXSmall = "xsmall";
+
 /**
  * @internal
  */
@@ -5496,6 +5697,11 @@ export declare type TStylingEditorDialogFooterProps = {
  */
 export declare type TUTMContent = "main_menu_help_documentation" | "main_menu_help_university" | "main_menu_help_community" | "main_menu_help_support" | "main_menu_help_ticket" | "main_menu_help_slack";
 
+/**
+ * @internal
+ */
+export declare const typedUiMenuContextStore: <T extends IUiMenuItemData = object, M = object>() => IContextStore<IUiMenuContext<T, M>>;
+
 /**
  * @internal
  */
@@ -5531,7 +5737,7 @@ export declare interface UiButtonProps {
 /**
  * @internal
  */
-export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, accessibilityConfig, }: UiChipProps) => React_2.JSX.Element;
+export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, onDeleteKeyDown, accessibilityConfig, }: UiChipProps) => React_2.JSX.Element;
 
 /**
  * @internal
@@ -5545,6 +5751,7 @@ export declare interface UiChipProps {
     iconBefore?: IconType;
     onClick?: () => void;
     onDelete?: () => void;
+    onDeleteKeyDown?: (event: React_2.KeyboardEvent<HTMLButtonElement>) => void;
     accessibilityConfig?: IUiChipAccessibilityConfig;
 }
 
@@ -5598,7 +5805,7 @@ export declare const UiIconButton: React_2.ForwardRefExoticComponent<UiIconButto
 export declare interface UiIconButtonProps {
     icon: IconType;
     label: string;
-    size?: SizeSmall | SizeMedium | SizeLarge;
+    size?: SizeXSmall | SizeSmall | SizeMedium | SizeLarge;
     variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
     isDisabled?: boolean;
     onClick?: (e: React_2.MouseEvent<HTMLButtonElement>) => void;
@@ -5670,47 +5877,18 @@ export declare interface UiListboxStaticItemProps<T> {
  *
  * @internal
  */
-export declare function UiMenu<T extends IUiMenuItemData = object>(props: UiMenuProps<T>): React_2.ReactNode;
-
-/**
- * @internal
- */
-export declare interface UiMenuGroupItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuGroupItem<T>;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuInteractiveItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuInteractiveItem<T>;
-    isFocused: boolean;
-    onSelect: () => void;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuInteractiveItemWrapperProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuInteractiveItem<T>;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuItem<T>;
-}
+export declare function UiMenu<T extends IUiMenuItemData = object, M extends object = object>(props: UiMenuProps<T, M>): React_2.ReactNode;
 
 /**
  * @internal
  */
-export declare interface UiMenuProps<T extends IUiMenuItemData = object> extends Partial<IUiMenuPluggableComponents<T>> {
+export declare interface UiMenuProps<T extends IUiMenuItemData = object, M = object> extends Partial<IUiMenuPluggableComponents<T>> {
     items: IUiMenuItem<T>[];
-    className?: string;
+    className?: ((context: IUiMenuContext<T>) => string | undefined) | string;
     itemClassName?: ((item: IUiMenuItem<T>) => string | undefined) | string;
     maxWidth?: number;
     onSelect?: (item: IUiMenuInteractiveItem<T>) => void;
+    onLevelChange?: (level: number, item?: IUiMenuContentItem<T> | IUiMenuInteractiveItem<T>) => void;
     onClose?: () => void;
     onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IUiMenuContext<T>) => void;
     shouldKeyboardActionPreventDefault?: boolean;
@@ -5718,13 +5896,7 @@ export declare interface UiMenuProps<T extends IUiMenuItemData = object> extends
     shouldCloseOnSelect?: boolean;
     isDisabledFocusable?: boolean;
     ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuStaticItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuStaticItem<T>;
+    menuCtxData?: M;
 }
 
 /**
@@ -5801,6 +5973,12 @@ export declare type UnitsType = "px" | "%" | "rem" | "em";
  */
 export declare const unrelatedHeader: IDateDatasetHeader;
 
+/**
+ * Unwraps items from group containers into a flat array.
+ * @internal
+ */
+export declare function unwrapGroupItems<T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[]): IUiMenuItem<T>[];
+
 /**
  * A helper hook to provide not just state/setState pair but also a debounced version of the state.
  * @internal

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.d.ts

@@ -1,20 +1,22 @@
 import React from "react";
 import { EditorView } from "@codemirror/view";
 import { Extension } from "@codemirror/state";
+import { CompletionSource } from "@codemirror/autocomplete";
 /**
  * @internal
  */
 export interface ISyntaxHighlightingInputProps {
     value: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    placeholder?: string;
+    extensions?: Extension[];
     onChange: (value: string) => void;
     onApi?: (view: EditorView | null) => void;
     onCursor?: (from: number, to: number) => void;
     onKeyDown?: (event: KeyboardEvent, view: EditorView) => boolean;
-    placeholder?: string;
-    label?: string;
-    extensions?: Extension[];
-    className?: string;
-    disabled?: boolean;
+    onCompletion?: CompletionSource;
 }
 /**
  * @internal

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlightingInput.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2B3E,CAAC"}
+{"version":3,"file":"SyntaxHighlightingInput.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAChE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA6B3E,CAAC"}

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.js

@@ -6,7 +6,7 @@ import { useCodemirror } from "./hooks/useCodemirror.js";
  * @internal
  */
 export const SyntaxHighlightingInput = (props) => {
-    const { value, label, placeholder, onApi, onChange, onCursor, onKeyDown, className, extensions = [], disabled, } = props;
+    const { value, label, placeholder, onApi, onChange, onCursor, onKeyDown, onCompletion, className, extensions = [], disabled, } = props;
     const { editorRef } = useCodemirror({
         placeholderText: placeholder,
         label,
@@ -17,6 +17,7 @@ export const SyntaxHighlightingInput = (props) => {
         onApi,
         onChange,
         onKeyDown,
+        onCompletion,
     });
     return React.createElement("div", { className: cx(className, "gd-input-syntax-highlighting-input"), ref: editorRef });
 };

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlightingInput.js","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAkBzD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAA4C,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,EACF,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GAAG,EAAE,EACf,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QAChC,eAAe,EAAE,WAAW;QAC5B,KAAK;QACL,UAAU;QACV,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,SAAS;KACZ,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,oCAAoC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AACnG,CAAC,CAAC"}
+{"version":3,"file":"SyntaxHighlightingInput.js","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAK5B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAmBzD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAA4C,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,EACF,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,SAAS,EACT,UAAU,GAAG,EAAE,EACf,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QAChC,eAAe,EAAE,WAAW;QAC5B,KAAK;QACL,UAAU;QACV,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,SAAS;QACT,YAAY;KACf,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,oCAAoC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AACnG,CAAC,CAAC"}

package/esm/syntaxHighlightingInput/hooks/useCodemirror.d.ts

@@ -1,6 +1,7 @@
 import { MutableRefObject } from "react";
 import { Extension } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
+import { CompletionSource } from "@codemirror/autocomplete";
 export interface IUseCodemirrorProps {
     value?: string;
     label?: string;
@@ -10,9 +11,10 @@ export interface IUseCodemirrorProps {
     onChange: (value: string) => void;
     onApi?: (view: EditorView | null) => void;
     onCursor?: (from: number, to: number) => void;
+    onCompletion?: CompletionSource;
     onKeyDown?: (event: KeyboardEvent, view: EditorView) => boolean;
 }
-export declare function useCodemirror({ value, label, disabled, placeholderText, extensions, onApi, onKeyDown, onCursor, onChange, }: IUseCodemirrorProps): {
+export declare function useCodemirror({ value, label, disabled, placeholderText, extensions, onCompletion, onApi, onKeyDown, onCursor, onChange, }: IUseCodemirrorProps): {
     editorRef: MutableRefObject<HTMLDivElement>;
     viewRef: MutableRefObject<EditorView>;
 };

package/esm/syntaxHighlightingInput/hooks/useCodemirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCodemirror.d.ts","sourceRoot":"","sources":["../../../src/syntaxHighlightingInput/hooks/useCodemirror.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAA8B,MAAM,OAAO,CAAC;AACrE,OAAO,EAA6C,SAAS,EAAe,MAAM,mBAAmB,CAAC;AACtG,OAAO,EAAE,UAAU,EAAmC,MAAM,kBAAkB,CAAC;AAgB/E,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;CACnE;AAED,wBAAgB,aAAa,CAAC,EAC1B,KAAU,EACV,KAAK,EACL,QAAQ,EACR,eAAe,EACf,UAAU,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GACX,EAAE,mBAAmB;;;EAiGrB"}
+{"version":3,"file":"useCodemirror.d.ts","sourceRoot":"","sources":["../../../src/syntaxHighlightingInput/hooks/useCodemirror.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAA8B,MAAM,OAAO,CAAC;AACrE,OAAO,EAA6C,SAAS,EAAe,MAAM,mBAAmB,CAAC;AACtG,OAAO,EAAE,UAAU,EAAmC,MAAM,kBAAkB,CAAC;AAG/E,OAAO,EAAkB,gBAAgB,EAAoB,MAAM,0BAA0B,CAAC;AAc9F,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;CACnE;AAED,wBAAgB,aAAa,CAAC,EAC1B,KAAU,EACV,KAAK,EACL,QAAQ,EACR,eAAe,EACf,UAAU,EACV,YAAY,EACZ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GACX,EAAE,mBAAmB;;;EA2HrB"}