@db-ux/react-core-components 2.2.3-getBoundingClientRect-a18038f → 2.2.4

package/dist/components/custom-select/custom-select.js

@@ -102,12 +102,12 @@ function DBCustomSelectFn(props, component) {
             event.stopPropagation();
             props.onDropdownToggle(event);
         }
-        if (event.target.open) {
+        if (event.target instanceof HTMLDetailsElement && event.target.open) {
             set_documentClickListenerCallbackId(new DocumentClickListener().addCallback((event) => handleDocumentClose(event)));
             set_documentScrollListenerCallbackId(new DocumentScrollListener().addCallback((event) => handleDocumentScroll(event)));
             handleAutoPlacement();
             _observer === null || _observer === void 0 ? void 0 : _observer.observe(detailsRef.current);
-            if (!event.target.dataset.test) {
+            if (!event.target.dataset["test"]) {
                 // We need this workaround for snapshot testing
                 handleOpenByKeyboardFocus();
             }
@@ -162,7 +162,9 @@ function DBCustomSelectFn(props, component) {
         }
     }
     function handleTagRemove(option, event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         handleSelect(option.value);
         handleSummaryFocus();
     }
@@ -229,7 +231,7 @@ function DBCustomSelectFn(props, component) {
                         // 2. If we are on the search, and press up we go back to summary and close
                         if (activeElement.getAttribute("type") === "search" &&
                             (event.key === "ArrowUp" || event.key === "ArrowLeft")) {
-                            handleClose("close");
+                            handleClose(undefined, true);
                             handleSummaryFocus();
                         }
                         else {
@@ -255,7 +257,7 @@ function DBCustomSelectFn(props, component) {
         var _a;
         event.stopPropagation();
         if (event.key === "Escape" && ((_a = detailsRef.current) === null || _a === void 0 ? void 0 : _a.open)) {
-            handleClose("close");
+            handleClose(undefined, true);
             handleSummaryFocus();
         }
         else if (event.key === "ArrowDown" ||
@@ -265,18 +267,20 @@ function DBCustomSelectFn(props, component) {
             handleArrowDownUp(event);
         }
     }
-    function handleClose(event) {
+    function handleClose(event, forceClose) {
         if (detailsRef.current) {
-            if (event === "close") {
+            if (forceClose) {
                 detailsRef.current.open = false;
                 handleSummaryFocus();
             }
-            else if (detailsRef.current.open && (event === null || event === void 0 ? void 0 : event.relatedTarget)) {
-                const relatedTarget = event.relatedTarget;
-                if (!detailsRef.current.contains(relatedTarget)) {
-                    // We need to use delay here because the combination of `contains`
-                    // and changing the DOM element causes a race condition inside browser
-                    delay(() => (detailsRef.current.open = false), 1);
+            else if (detailsRef.current.open && event) {
+                if (event.relatedTarget) {
+                    const relatedTarget = event.relatedTarget;
+                    if (!detailsRef.current.contains(relatedTarget)) {
+                        // We need to use delay here because the combination of `contains`
+                        // and changing the DOM element causes a race condition inside browser
+                        delay(() => (detailsRef.current.open = false), 1);
+                    }
                 }
             }
         }
@@ -313,7 +317,7 @@ function DBCustomSelectFn(props, component) {
             }
             else {
                 handleOptionSelected([value]);
-                handleClose("close");
+                handleClose(undefined, true);
             }
         }
     }
@@ -371,12 +375,16 @@ function DBCustomSelectFn(props, component) {
             }
         }
     }
-    function handleSearch(event) {
+    function handleSearch(valueOrEvent) {
+        if (valueOrEvent === undefined) {
+            return;
+        }
         let filterText;
-        if (typeof event === "string") {
-            filterText = event;
+        if (typeof valueOrEvent === "string") {
+            filterText = valueOrEvent;
         }
         else {
+            const event = valueOrEvent;
             event.stopPropagation();
             if (props.onSearch) {
                 props.onSearch(event);
@@ -612,7 +620,7 @@ function DBCustomSelectFn(props, component) {
                                         getSelectAllLabel())))) : null,
                             React.createElement(DBCustomSelectList, { multiple: getBoolean(props.multiple, "multiple"), label: (_h = (_g = props.ariaListLabel) !== null && _g !== void 0 ? _g : props.label) !== null && _h !== void 0 ? _h : DEFAULT_LABEL }, _options === null || _options === void 0 ? void 0 : _options.map((option) => (React.createElement(DBCustomSelectListItem, { type: props.multiple ? "checkbox" : "radio", showDivider: option.showDivider, icon: option.icon, isGroupTitle: option.isGroupTitle, groupTitle: getOptionLabel(option), name: _id, checked: getOptionChecked(option.value), disabled: option.disabled, value: option.value, onChange: (event) => handleSelect(option.value), key: getOptionKey(option, "custom-select-list-item-") }, !option.isGroupTitle ? (React.createElement(React.Fragment, null, getOptionLabel(option))) : null))))))),
                     React.createElement("div", null,
-                        React.createElement(DBButton, { variant: "ghost", width: "full", icon: "cross", size: "small", name: _id, form: _id, onClick: (event) => handleClose("close") }, (_j = props.mobileCloseButtonText) !== null && _j !== void 0 ? _j : DEFAULT_CLOSE_BUTTON))))) : null),
+                        React.createElement(DBButton, { variant: "ghost", width: "full", icon: "cross", size: "small", name: _id, form: _id, onClick: (event) => handleClose(undefined, true) }, (_j = props.mobileCloseButtonText) !== null && _j !== void 0 ? _j : DEFAULT_CLOSE_BUTTON))))) : null),
         ((_k = props.showClearSelection) !== null && _k !== void 0 ? _k : true) && (_values === null || _values === void 0 ? void 0 : _values.length) ? (React.createElement(DBButton, { icon: "cross", variant: "ghost", size: "small", noText: true, name: _id, form: _id, onClick: (event) => handleClearAll(event) },
             props.clearSelectionText,
             React.createElement(DBTooltip, { placement: "top" }, props.clearSelectionText))) : null,

package/dist/components/custom-select/model.d.ts

@@ -1,4 +1,4 @@
-import { BaseFormProps, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
+import { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
 import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
 import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
 import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
@@ -46,19 +46,19 @@ export type DBCustomSelectEvents = {
     /**
      * Informs the user when dropdown was toggled.
      */
-    onDropdownToggle?: (event: any) => void;
+    onDropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
     /**
      * Informs the user when dropdown was toggled.
      */
-    dropdownToggle?: (event: any) => void;
+    dropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
     /**
      * Informs the user when a search was performed.
      */
-    onSearch?: (event: any) => void;
+    onSearch?: (event: InputEvent<HTMLInputElement>) => void;
     /**
      * Informs the user when a search was performed.
      */
-    search?: (event: any) => void;
+    search?: (event: InputEvent<HTMLInputElement>) => void;
 };
 export type DBCustomSelectDefaultProps = {
     /**
@@ -198,7 +198,7 @@ export type DBCustomSelectDefaultState = {
     searchEnabled: boolean;
     amountOptions: number;
     setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: any) => void;
+    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
     handleSelectAll: (event: any) => void;
@@ -216,4 +216,4 @@ export type DBCustomSelectDefaultState = {
     selectAllIndeterminate: boolean;
     handleAutoPlacement: () => void;
 };
-export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & DocumentScrollState;
+export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState<InteractionEvent<HTMLDetailsElement>> & DocumentScrollState;

package/dist/components/drawer/drawer.d.ts

@@ -1,3 +1,4 @@
 import * as React from "react";
-declare const DBDrawer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "width" | "spacing" | keyof import("../..").GlobalProps | keyof import("../..").CloseEventProps | keyof import("../..").InnerCloseButtonProps | keyof import("./model").DBDrawerDefaultProps> & import("./model").DBDrawerDefaultProps & import("../..").GlobalProps & import("../..").CloseEventProps & import("../..").InnerCloseButtonProps & import("../..").WidthProps & import("../..").SpacingProps & React.RefAttributes<any>>;
+import { ClickEvent, GeneralKeyboardEvent } from "../../shared/model";
+declare const DBDrawer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "width" | "spacing" | keyof import("../../shared/model").GlobalProps | keyof import("../../shared/model").InnerCloseButtonProps | keyof import("./model").DBDrawerDefaultProps | keyof import("../../shared/model").CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>> & import("./model").DBDrawerDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & import("../../shared/model").InnerCloseButtonProps & import("../../shared/model").WidthProps & import("../../shared/model").SpacingProps & React.RefAttributes<any>>;
 export default DBDrawer;

package/dist/components/drawer/drawer.js

@@ -4,25 +4,36 @@ import { filterPassingProps, getRootProps } from "../../utils/react";
 import { useRef, useEffect, forwardRef } from "react";
 import DBButton from "../button/button";
 import { DEFAULT_CLOSE_BUTTON } from "../../shared/constants";
-import { cls, delay, getBooleanAsString } from "../../utils";
+import { cls, delay, getBooleanAsString, isKeyboardEvent } from "../../utils";
 function DBDrawerFn(props, component) {
     var _a;
     const _ref = component || useRef(component);
     const dialogContainerRef = useRef(null);
     function handleClose(event, forceClose) {
-        if (event.key === "Escape") {
-            event.preventDefault();
-        }
-        if (forceClose) {
-            event.stopPropagation();
+        var _a;
+        if (!event)
+            return;
+        if (isKeyboardEvent(event)) {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                if (props.onClose) {
+                    props.onClose(event);
+                }
+            }
         }
-        if (forceClose ||
-            event.key === "Escape" ||
-            (event.target.nodeName === "DIALOG" &&
+        else {
+            if (forceClose) {
+                event.stopPropagation();
+                if (props.onClose) {
+                    props.onClose(event);
+                }
+            }
+            if (((_a = event.target) === null || _a === void 0 ? void 0 : _a.nodeName) === "DIALOG" &&
                 event.type === "click" &&
-                props.backdrop !== "none")) {
-            if (props.onClose) {
-                props.onClose(event);
+                props.backdrop !== "none") {
+                if (props.onClose) {
+                    props.onClose(event);
+                }
             }
         }
     }

package/dist/components/drawer/model.d.ts

@@ -1,4 +1,4 @@
-import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
 export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
 export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
 export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
@@ -34,8 +34,8 @@ export type DBDrawerDefaultProps = {
      */
     variant?: DrawerVariantType;
 };
-export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps & InnerCloseButtonProps & WidthProps & SpacingProps;
+export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
 export type DBDrawerDefaultState = {
     handleDialogOpen: () => void;
 };
-export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState;
+export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;

package/dist/components/notification/model.d.ts

@@ -1,4 +1,4 @@
-import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
+import { ClickEvent, CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
 export declare const NotificationVariantList: readonly ["docked", "standalone", "overlay"];
 export type NotificationVariantType = (typeof NotificationVariantList)[number];
 export declare const NotificationLinkVariantList: readonly ["block", "inline"];
@@ -52,6 +52,6 @@ export type DBNotificationDefaultProps = {
      */
     variant?: NotificationVariantType;
 };
-export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
+export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
 export type DBNotificationDefaultState = {};
-export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState;
+export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement>>;

package/dist/components/notification/notification.d.ts

@@ -1,3 +1,4 @@
 import * as React from "react";
-declare const DBNotification: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "text" | "icon" | keyof import("../../shared/model").GlobalProps | "showIcon" | keyof import("./model").DBNotificationDefaultProps | keyof import("../../shared/model").CloseEventProps | "semantic" | keyof import("../../shared/model").InnerCloseButtonProps | keyof import("../../shared/model").PopoverProps> & import("./model").DBNotificationDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").CloseEventProps & import("../../shared/model").IconProps & import("../../shared/model").SemanticProps & import("../../shared/model").InnerCloseButtonProps & import("../../shared/model").PopoverProps & import("../../shared/model").ShowIconProps & import("../../shared/model").TextProps & React.RefAttributes<any>>;
+import { ClickEvent } from "../../shared/model";
+declare const DBNotification: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "text" | "icon" | keyof import("../../shared/model").GlobalProps | "showIcon" | keyof import("./model").DBNotificationDefaultProps | keyof import("../../shared/model").CloseEventProps<ClickEvent<HTMLButtonElement>> | "semantic" | keyof import("../../shared/model").InnerCloseButtonProps | keyof import("../../shared/model").PopoverProps> & import("./model").DBNotificationDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").CloseEventProps<ClickEvent<HTMLButtonElement>> & import("../../shared/model").IconProps & import("../../shared/model").SemanticProps & import("../../shared/model").InnerCloseButtonProps & import("../../shared/model").PopoverProps & import("../../shared/model").ShowIconProps & import("../../shared/model").TextProps & React.RefAttributes<any>>;
 export default DBNotification;

package/dist/components/notification/notification.js

@@ -9,6 +9,8 @@ function DBNotificationFn(props, component) {
     var _a;
     const _ref = component || useRef(component);
     function handleClose(event) {
+        if (!event)
+            return;
         event.stopPropagation();
         if (props.onClose) {
             props.onClose(event);

package/dist/components/tabs/model.d.ts

@@ -1,4 +1,4 @@
-import { AlignmentProps, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
+import { AlignmentProps, InputEvent, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
 import { DBTabItemProps } from '../tab-item/model';
 import { DBTabPanelProps } from '../tab-panel/model';
 export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
@@ -28,27 +28,29 @@ export type DBTabsDefaultProps = {
      */
     name?: string;
     /**
-     * Informs the user if the current tab index has changed.
+     * Provide simple tabs with label + text as content
      */
-    onIndexChange?: (index?: number) => void;
+    tabs?: DBSimpleTabProps[] | string;
+};
+export type DBTabsEventProps = {
     /**
-     * Informs the user if another tab has been selected.
+     * Informs the user if the current tab index has changed.
      */
-    onTabSelect?: (event?: Event) => void;
+    indexChange?: (index?: number) => void;
     /**
      * Informs the user if the current tab index has changed.
      */
-    indexChange?: (index?: number) => void;
+    onIndexChange?: (index?: number) => void;
     /**
      * Informs the user if another tab has been selected.
      */
-    tabSelect?: (event?: Event) => void;
+    onTabSelect?: (event?: InputEvent<HTMLElement>) => void;
     /**
-     * Provide simple tabs with label + text as content
+     * Informs the user if another tab has been selected.
      */
-    tabs?: DBSimpleTabProps[] | string;
+    tabSelect?: (event?: InputEvent<HTMLElement>) => void;
 };
-export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps;
+export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & DBTabsEventProps;
 export type DBTabsDefaultState = {
     _name: string;
     scrollContainer?: Element | null;
@@ -59,6 +61,6 @@ export type DBTabsDefaultState = {
     convertTabs: () => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
-    handleChange: (event: any) => void;
+    handleChange: (event: InputEvent<HTMLElement>) => void;
 };
 export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;

package/dist/components/tabs/tabs.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTabs: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "width" | "orientation" | keyof import("../..").GlobalProps | keyof import("./model").DBTabsDefaultProps | "alignment"> & import("./model").DBTabsDefaultProps & import("../..").GlobalProps & import("../..").OrientationProps & import("../..").WidthProps & import("../..").AlignmentProps & React.RefAttributes<any>>;
+declare const DBTabs: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "width" | "orientation" | keyof import("../../shared/model").GlobalProps | keyof import("./model").DBTabsDefaultProps | "alignment" | keyof import("./model").DBTabsEventProps> & import("./model").DBTabsDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").OrientationProps & import("../../shared/model").WidthProps & import("../../shared/model").AlignmentProps & import("./model").DBTabsEventProps & React.RefAttributes<any>>;
 export default DBTabs;

package/dist/components/tabs/tabs.js

@@ -104,10 +104,13 @@ function DBTabsFn(props, component) {
     function handleChange(event) {
         var _a, _b;
         event.stopPropagation();
-        const list = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest("ul");
+        const closest = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest;
+        if (!closest)
+            return;
+        const list = closest("ul");
         const listItem = 
         // db-tab-item for angular and stencil wrapping elements
-        (_b = event.target.closest("db-tab-item")) !== null && _b !== void 0 ? _b : event.target.closest("li");
+        (_b = closest("db-tab-item")) !== null && _b !== void 0 ? _b : closest("li");
         if (list !== null && listItem !== null) {
             const indices = Array.from(list.childNodes).indexOf(listItem);
             if (props.onIndexChange) {

package/dist/components/tag/model.d.ts

@@ -1,6 +1,16 @@
 import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, EmphasisProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
+export type DBTagEventsProps = {
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    onRemove?: (event?: ClickEvent<HTMLButtonElement> | void) => void;
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    remove?: (event?: ClickEvent<HTMLButtonElement> | void) => void;
+};
 export type DBTagDefaultProps = {
     /**
      *	Defines the behavior of the component:
@@ -16,14 +26,6 @@ export type DBTagDefaultProps = {
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
     noText?: boolean | string;
-    /**
-     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
-     */
-    onRemove?: (event?: any) => void;
-    /**
-     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
-     */
-    remove?: (event?: any) => void;
     /**
      * The removeButton attribute shows the cancel button.
      */
@@ -41,9 +43,9 @@ export type DBTagDefaultProps = {
      */
     value?: string;
 };
-export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps;
+export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps & DBTagEventsProps;
 export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
-    handleRemove: (event?: ClickEvent<HTMLButtonElement>) => void;
+    handleRemove: (event?: ClickEvent<HTMLButtonElement> | void) => void;
 };
 export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;

package/dist/components/tag/tag.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTag: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "content" | "overflow" | "icon" | keyof import("../../shared/model").GlobalProps | "showIcon" | "semantic" | "emphasis" | keyof import("./model").DBTagDefaultProps> & import("./model").DBTagDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").IconProps & import("../../shared/model").SemanticProps & import("../../shared/model").OverflowProps & import("../../shared/model").EmphasisProps & import("../../shared/model").ShowIconProps & import("../../shared/model").ContentSlotProps & React.RefAttributes<any>>;
+declare const DBTag: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "content" | "overflow" | "icon" | keyof import("../../shared/model").GlobalProps | "showIcon" | "semantic" | "emphasis" | keyof import("./model").DBTagDefaultProps | keyof import("./model").DBTagEventsProps> & import("./model").DBTagDefaultProps & import("../../shared/model").GlobalProps & import("../../shared/model").IconProps & import("../../shared/model").SemanticProps & import("../../shared/model").OverflowProps & import("../../shared/model").EmphasisProps & import("../../shared/model").ShowIconProps & import("../../shared/model").ContentSlotProps & import("./model").DBTagEventsProps & React.RefAttributes<any>>;
 export default DBTag;

package/dist/components/tag/tag.js

@@ -10,7 +10,9 @@ function DBTagFn(props, component) {
     const _ref = component || useRef(component);
     const [initialized, setInitialized] = useState(() => false);
     function handleRemove(event) {
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
+        if (!event)
+            return;
+        event.stopPropagation();
         if (props.onRemove) {
             props.onRemove(event);
         }

package/dist/shared/model.d.ts

@@ -390,6 +390,8 @@ export type TextProps = {
      */
     text?: string;
 };
+export type GeneralEvent<T> = React.SyntheticEvent<T>;
+export type GeneralKeyboardEvent<T> = React.KeyboardEvent<T>;
 export type ClickEvent<T> = React.MouseEvent<T, MouseEvent>;
 export type ClickEventProps<T> = {
     /**
@@ -401,24 +403,24 @@ export type ClickEventState<T> = {
     handleClick: (event: ClickEvent<T> | any) => void;
 };
 export type ToggleEventProps = {
-    toggle?: (open: boolean | any) => void;
-    onToggle?: (open: boolean | any) => void;
+    toggle?: (open: boolean) => void;
+    onToggle?: (open: boolean) => void;
 };
 export type ToggleEventState<T> = {
     handleToggle: (event?: ClickEvent<T> | any) => void;
 };
-export type CloseEventProps = {
+export type CloseEventProps<T> = {
     /**
      * Function to handle button click (close).
      */
-    onClose?: (event?: any) => void;
+    onClose?: (event?: T) => void;
     /**
      * Function to handle button click (close).
      */
-    close?: (event?: any) => void;
+    close?: (event?: T) => void;
 };
-export type CloseEventState = {
-    handleClose: (event: any, forceClose?: boolean) => void;
+export type CloseEventState<T> = {
+    handleClose: (event?: T | void, forceClose?: boolean) => void;
 };
 export declare const AlignmentList: readonly ["start", "center"];
 export type AlignmentType = (typeof AlignmentList)[number];

package/dist/utils/floating-components.d.ts

@@ -4,4 +4,17 @@ export interface DBDataOutsidePair {
 }
 export declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;
 export declare const handleFixedDropdown: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
+export declare const getFloatingProps: (element: HTMLElement, parent: HTMLElement, placement: string) => {
+    top: number;
+    bottom: number;
+    right: number;
+    height: number;
+    width: number;
+    left: number;
+    childHeight: number;
+    childWidth: number;
+    correctedPlacement: string;
+    innerWidth: number;
+    innerHeight: number;
+};
 export declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;

package/dist/utils/floating-components.js

@@ -82,7 +82,7 @@ export const handleFixedDropdown = (element, parent, placement) => {
     }
     element.style.position = 'fixed';
 };
-const getFloatingProps = (element, parent, placement) => {
+export const getFloatingProps = (element, parent, placement) => {
     if (!element || !parent) {
         return {
             top: 0,

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+import { ClickEvent, GeneralKeyboardEvent } from '../shared/model';
 export declare const uuid: () => string;
 export declare const addAttributeToChildren: (element: Element, attribute: {
     key: string;
@@ -36,3 +37,4 @@ export declare const getOptionKey: (option: {
     id?: string;
     value?: string | number | string[] | undefined;
 }, prefix: string) => string;
+export declare const isKeyboardEvent: <T>(event?: ClickEvent<T> | GeneralKeyboardEvent<T>) => event is GeneralKeyboardEvent<T>;

package/dist/utils/index.js

@@ -103,3 +103,4 @@ export const getOptionKey = (option, prefix) => {
     const key = (_b = (_a = option.id) !== null && _a !== void 0 ? _a : option.value) !== null && _b !== void 0 ? _b : uuid();
     return `${prefix}${key}`;
 };
+export const isKeyboardEvent = (event) => event.key !== undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/react-core-components",
-  "version": "2.2.3-getBoundingClientRect-a18038f",
+  "version": "2.2.4",
   "description": "React components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@db-ux/core-components": "2.2.3-getBoundingClientRect-a18038f",
-    "@db-ux/core-foundations": "2.2.3-getBoundingClientRect-a18038f"
+    "@db-ux/core-components": "2.2.4",
+    "@db-ux/core-foundations": "2.2.4"
   }
 }