@seeqdev/qomponents 0.0.63 → 0.0.65

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

@@ -1,4 +1,4 @@
-import { TooltipPosition } from '../Tooltip/Tooltip.types';
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 interface DropdownSubItems {
     /** icon class to be used with the dropdown subitems - if available (i.e. 'fc-zoom') */
     icon?: string;
@@ -37,7 +37,7 @@ interface DropdownSubItems {
     /** test id for the dropdown subitem */
     testId?: string;
 }
-export interface ButtonWithDropdownProps {
+export interface ButtonWithDropdownProps extends TooltipComponentProps {
     /** items for the dropdown content */
     dropdownItems: DropdownSubItems[];
     /** icon element to be used as the trigger */
@@ -48,16 +48,6 @@ export interface ButtonWithDropdownProps {
     extraClassNames?: string;
     /** id that will be used in the data-testid attribute on the container element */
     containerTestId?: string;
-    /** the text to be displayed on the triggers's tooltip */
-    tooltipText?: string;
-    /** optional testId applied to the tooltip - useful for testing */
-    tooltipTestId?: string;
-    /** number of milliseconds to wait before showing a tooltip on-hover */
-    tooltipDelay?: number;
-    /** position of the tooltip */
-    tooltipPlacement?: TooltipPosition;
-    /** true if the provided tooltip text should be rendered as HTML */
-    isHtmlTooltip?: boolean;
     /** is the button disabled */
     disabled?: boolean;
     /** function called when the trigger is clicked on, i.e. for tracking (does not open the popover) */

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TooltipPosition } from '../Tooltip/Tooltip.types';
-export interface ButtonWithPopoverProps {
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+export interface ButtonWithPopoverProps extends TooltipComponentProps {
     /** icon class to be used with the toolbar (i.e. 'fc-zoom') */
     trigger: React.ReactNode;
     /** items for the popover content */
@@ -10,16 +10,6 @@ export interface ButtonWithPopoverProps {
     extraClassNames?: string;
     /** id that will be used in the data-testid attribute on the container element */
     containerTestId?: string;
-    /** the text to be displayed on the icon's tooltip */
-    tooltipText?: string;
-    /** optional testId applied to the tooltip - useful for testing */
-    tooltipTestId?: string;
-    /** number of milliseconds to wait before showing a tooltip on-hover */
-    tooltipDelay?: number;
-    /** position of the tooltip */
-    tooltipPlacement?: TooltipPosition;
-    /** true if the provided tooltip text should be rendered as HTML */
-    isHtmlTooltip?: boolean;
     disabled?: boolean;
     /** function called when the toolbar is clicked on, i.e. for tracking (does not open the popover) */
     onClick?: (isOpen: boolean) => void;
@@ -39,6 +29,8 @@ export interface ButtonWithPopoverProps {
     onOpenChange?: (isOpen: boolean) => void;
     /** set to display arrow or not */
     hasArrow?: boolean;
+    /** displays the popover when we hover over trigger */
+    isHoverEnabled?: boolean;
     /** extra trigger container classnames */
     extraTriggerClassNames?: string;
     /** extra popover container classnames */

package/dist/Checkbox/Checkbox.types.d.ts

@@ -1,5 +1,6 @@
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-export interface CheckboxProps {
+export interface CheckboxProps extends TooltipComponentProps {
     extraClassNames?: string;
     extraLabelClassNames?: string;
     type?: 'radio' | 'checkbox';

package/dist/Icon/Icon.types.d.ts

@@ -1,7 +1,7 @@
-import { TooltipPosition } from '../Tooltip/Tooltip.types';
+import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 export declare const iconTypes: readonly ["theme", "white", "dark-gray", "darkish-gray", "gray", "color", "info", "text", "warning", "inherit", "danger", "theme-light", "success"];
-export type IconType = typeof iconTypes[number];
-export interface IconProps {
+export type IconType = (typeof iconTypes)[number];
+export interface IconProps extends TooltipComponentProps {
     /** icon class to be used (i.e. fc-zoom) */
     icon: string;
     /** normally we want for Icon to prefix FontAwesome icons with the fa-sharp fa-regular prefix however there are a
@@ -26,14 +26,5 @@ export interface IconProps {
     /** id that will be used in the data-customid attribute on the icon.
      * Can be used to identify the icon as the click event target in an event handler */
     customId?: string;
-    /** text to display on icon tooltip */
-    tooltip?: string;
-    /** number of milliseconds to wait before showing a tooltip on-hover */
-    tooltipDelay?: number;
-    tooltipPlacement?: TooltipPosition;
-    /** true if the provided tooltip text should be rendered as HTML */
-    isHtmlTooltip?: boolean;
-    /** optional testId applied to the tooltip - useful for testing */
-    tooltipTestId?: string;
     number?: number;
 }

package/dist/Tooltip/Tooltip.types.d.ts

@@ -1,9 +1,21 @@
 export declare const DEFAULT_TOOL_TIP_DELAY = 500;
 export declare const tooltipPositions: readonly ["top", "left", "right", "bottom"];
-export type TooltipPosition = typeof tooltipPositions[number];
+export type TooltipPosition = (typeof tooltipPositions)[number];
 export interface TooltipProps {
     position?: TooltipPosition;
     children?: JSX.Element | string;
     text: JSX.Element | string;
     delay?: number;
 }
+export interface TooltipComponentProps {
+    /** text to display on tooltip */
+    tooltip?: string;
+    /** number of milliseconds to wait before showing a tooltip on-hover */
+    tooltipDelay?: number;
+    /** one of four possible tooltip positions */
+    tooltipPlacement?: TooltipPosition;
+    /** true if the provided tooltip text should be rendered as HTML */
+    isHtmlTooltip?: boolean;
+    /** optional testId applied to the tooltip - useful for testing */
+    tooltipTestId?: string;
+}

package/dist/Tooltip/qTip.utilities.d.ts

@@ -0,0 +1,3 @@
+import { QTipDataAttributes } from './QTip.types';
+import { TooltipComponentProps } from './Tooltip.types';
+export declare const getQTipData: ({ tooltip, tooltipPlacement, isHtmlTooltip, tooltipTestId, tooltipDelay, }: TooltipComponentProps) => QTipDataAttributes | undefined;