@seeqdev/qomponents 0.0.65 → 0.0.66

package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts

@@ -1,23 +1,36 @@
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-interface DropdownSubItems {
-    /** icon class to be used with the dropdown subitems - if available (i.e. 'fc-zoom') */
+interface DropdownSubItem {
+    /** icon class to be used with the dropdown subitems - if available (i.e. 'fc-zoom')  */
+    iconClass?: string;
+    /** label for the dropdown subitems */
+    label: string;
+    /** function called when the dropdown subitem is clicked on */
+    onClick?: (e?: Event) => void;
+    /** is subitem disabled */
+    disabled?: boolean;
+    /** tooltip for the dropdown subitem */
+    tooltip?: string;
+}
+interface DropdownItems {
+    id?: string;
+    /** icon class to be used with the dropdown items - if available (i.e. 'fc-zoom') */
     icon?: string;
-    /** icon type to be used with the dropdown subitems - if available (i.e. 'fc') */
+    /** icon type to be used with the dropdown items - if available (i.e. 'fc') */
     iconType?: string;
-    /** icon color to be used with the dropdown subitems - if available */
+    /** icon color to be used with the dropdown items - if available */
     iconColor?: string;
     /** custom id for the icon */
     iconCustomId?: string;
     /** icon extra class names */
     iconExtraClassNames?: string;
-    /** label for the dropdown subitems */
+    /** label for the dropdown items */
     label: string;
     /** custom id for the dropdown label */
     labelCustomId?: string;
     /** is the dropdown subitem a label */
     isLabel?: boolean;
-    /** function called when the dropdown subitem is clicked on */
-    onClick: (e: Event) => void;
+    /** function called when the dropdown item is clicked on */
+    onClick: (e?: Event) => void;
     /** dropdown subitem container classes */
     itemContainerClasses?: string;
     /** dropdown subitem label classes */
@@ -36,10 +49,12 @@ interface DropdownSubItems {
     hasDivider?: boolean;
     /** test id for the dropdown subitem */
     testId?: string;
+    /** subitems for the dropdown */
+    subMenuItems?: DropdownSubItem[];
 }
 export interface ButtonWithDropdownProps extends TooltipComponentProps {
     /** items for the dropdown content */
-    dropdownItems: DropdownSubItems[];
+    dropdownItems: DropdownItems[];
     /** icon element to be used as the trigger */
     triggerIcon: React.ReactNode;
     /** id of the dropdown trigger */

package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts

@@ -31,6 +31,8 @@ export interface ButtonWithPopoverProps extends TooltipComponentProps {
     hasArrow?: boolean;
     /** displays the popover when we hover over trigger */
     isHoverEnabled?: boolean;
+    /** delay before popover is displayed when isHoverEnabled is true */
+    hoverOpenDelay?: number;
     /** extra trigger container classnames */
     extraTriggerClassNames?: string;
     /** extra popover container classnames */
@@ -39,4 +41,8 @@ export interface ButtonWithPopoverProps extends TooltipComponentProps {
     isCloseOnContentClick?: boolean;
     /** sets focus on the trigger button after the dropdown is closed */
     setFocusOnTriggerOnClose?: boolean;
+    /** calls the function if click or focus happens outside popover content */
+    onInteractOutside?: () => void;
+    /** calls the function if pointer down happens outside popover content */
+    onPointerDownOutside?: () => void;
 }