@seeqdev/qomponents 0.0.157 → 0.0.159-patch-package-alternative

package/dist/src/ToolbarButton/ToolbarButton.types.d.ts

@@ -0,0 +1,124 @@
+import React, { MouseEvent } from 'react';
+import { TooltipProps } from '../Tooltip/Tooltip.types';
+export declare const tooltipPositions: readonly ['top', 'left', 'right', 'bottom'];
+export type TooltipPosition = (typeof tooltipPositions)[number];
+export declare const toolbarButtonVariants: readonly ["outline", "theme", "theme-light", "warning", "danger", "no-border"];
+export type ToolbarButtonVariant = (typeof toolbarButtonVariants)[number];
+/**
+ * Props for the ToolbarButton component that creates toolbar-style buttons with optional popovers.
+ * Designed for use in toolbars, action bars, and similar UI contexts.
+ */
+export interface ToolbarButtonProps {
+    /**
+     * Primary icon class name to display on the button.
+     * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
+     * This is the main visual identifier for the button's function.
+     */
+    icon: string;
+    /**
+     * Secondary icon class name to display alongside the primary icon.
+     * Useful for showing state indicators, badges, or additional context.
+     */
+    secondIcon?: string;
+    /**
+     * When true, forces the primary icon to render in a smaller size.
+     * Overrides automatic sizing based on button variant or layout.
+     */
+    forceSmallIcon?: boolean;
+    /**
+     * Text label for the toolbar button.
+     * Typically shown when the toolbar has sufficient width or in expanded states.
+     * Helps users understand the button's function when icons alone aren't clear.
+     */
+    label?: string;
+    /**
+     * React content to display in an attached popover when the button is clicked.
+     * Can be any React elements including forms, menus, or complex layouts.
+     * When provided, the button becomes a popover trigger.
+     */
+    popoverContent?: React.ReactNode;
+    /**
+     * When true, renders the button in a compact, icon-only mode.
+     * Hides the label even if provided and uses minimal padding for space-constrained layouts.
+     */
+    isSmall?: boolean;
+    /**
+     * HTML ID attribute for the toolbar button element.
+     * Should be unique across the page for proper HTML semantics and accessibility.
+     */
+    id?: string;
+    /**
+     * Additional CSS classes to apply to the toolbar button container.
+     * Use this to customize the button's appearance beyond the built-in variants.
+     */
+    extraClassNames?: string;
+    /**
+     * Test ID attribute for the toolbar button element used in automated testing.
+     * Applied to the button element for test targeting and interaction.
+     */
+    testId?: string;
+    /**
+     * Text to display in the button's tooltip when hovering.
+     * Provides additional context or instructions about the button's function.
+     */
+    tooltipText?: string;
+    /**
+     * When true, the tooltip text is rendered as HTML allowing for rich content.
+     * When false (default), the tooltip text is treated as plain text for security.
+     * Only set to true if you trust the tooltip content source.
+     */
+    isHtmlTooltip?: boolean;
+    /**
+     * Test ID attribute specifically for the tooltip element used in automated testing.
+     * Helps identify and interact with the tooltip separately from the button.
+     */
+    tooltipTestId?: string;
+    /**
+     * Configuration options for customizing tooltip behavior and appearance.
+     * Omits the 'text' property since that's handled by the `tooltipText` prop.
+     * Includes options like position, delay, and other tooltip-specific settings.
+     */
+    tooltipOptions?: Omit<TooltipProps, 'text'>;
+    /**
+     * When true, disables the toolbar button preventing user interaction.
+     * Disabled buttons appear visually dimmed and don't respond to clicks or show popovers.
+     */
+    disabled?: boolean;
+    /**
+     * Callback function triggered when the toolbar button is clicked.
+     * Primarily used for tracking, analytics, or additional click handling.
+     * Note: this doesn't prevent popover opening if popoverContent is provided.
+     */
+    onClick?: (e: MouseEvent) => void;
+    /**
+     * When true, displays the button in an "active" or "pressed" visual state.
+     * Useful for toggle buttons or indicating the current tool/mode in a toolbar.
+     */
+    isActive?: boolean;
+    /**
+     * Callback function triggered when an attached popover is hidden/closed.
+     * Use this for cleanup, state management, or other hide-related side effects.
+     */
+    onHide?: () => void;
+    /**
+     * When true, displays a visual arrow on the button indicating it has a dropdown/popover.
+     * Helps users understand that clicking will reveal additional options or content.
+     */
+    hasArrow?: boolean;
+    /**
+     * When true, treats the primary icon string as an SVG identifier instead of a font icon class.
+     * Changes how the icon is rendered and styled within the component.
+     */
+    isPrimaryAnSvg?: boolean;
+    /**
+     * Additional CSS classes to apply specifically to the primary icon element.
+     * Use this to customize the icon's appearance independently from the button container.
+     */
+    primaryIconExtraClassNames?: string;
+    /** height for the icon */
+    iconHeight?: number;
+    /** width for the icon */
+    iconWidth?: number;
+    /** viewbox for the icon */
+    primaryIconViewbox?: string;
+}

package/dist/{ToolbarButton → src/ToolbarButton}/index.d.ts

@@ -1 +1 @@
-export { ToolbarButton as default } from './ToolbarButton';
+export { ToolbarButton as default } from './ToolbarButton';

package/dist/src/Tooltip/QTip.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllQTips: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Tooltip → src/Tooltip}/QTip.types.d.ts

@@ -1,13 +1,13 @@
-import { TooltipPosition } from './Tooltip.types';
-export interface QTipDataAttributes {
-    /** text displayed by the tooltip */
-    'data-qtip-text': string;
-    /** one of TooltipPosition */
-    'data-qtip-placement'?: TooltipPosition;
-    /** set to true to render the provided text as html */
-    'data-qtip-is-html'?: boolean;
-    /** number of milliseconds to wait before showing a tooltip on-hover */
-    'data-qtip-delay'?: number;
-    /** useful for testing; sets the provided string as the data-testid attribute of the tooltip */
-    'data-qtip-testid'?: string;
-}
+import { TooltipPosition } from './Tooltip.types';
+export interface QTipDataAttributes {
+    /** text displayed by the tooltip */
+    'data-qtip-text': string;
+    /** one of TooltipPosition */
+    'data-qtip-placement'?: TooltipPosition;
+    /** set to true to render the provided text as html */
+    'data-qtip-is-html'?: boolean;
+    /** number of milliseconds to wait before showing a tooltip on-hover */
+    'data-qtip-delay'?: number;
+    /** useful for testing; sets the provided string as the data-testid attribute of the tooltip */
+    'data-qtip-testid'?: string;
+}

package/dist/src/Tooltip/QTipPerformance.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const QtipPerformance: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Tooltip → src/Tooltip}/Qtip.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-/**
- * QTip
- *
- * QTip is a Singleton Tooltip component that guarantees high-performance and reduces component wrappers!
- *
- * QTip is used by all qomponents that support the display of tooltips.
- * If you want to add a Tooltip to your application you can do so by adding the following html data-attributes:
- *
- *    'data-qtip-text': the tooltip text to display; this can also be a string containing valid HTML
- *    'data-qtip-placement': one of TooltipPosition (top, bottom, right, or left)
- *    'data-qtip-is-html': set this to true if you provided a text that contains HTML,
- *    'data-qtip-delay': this can be used to delay the showing of the tooltip. this should be a number representing
- *    the # of milliseconds you want to delay the tooltip for. If no delay is provided the DEFAULT_TOOL_TIP_DELAY is
- *    applied!
- *    'data-qtip-testid': use this attribute to provide a value for a data-testid of your tooltip; this is useful
- *    for tests
- *
- * In order for QTip to be able to display Tooltips you must add the QTip component to your top-most component
- * (often that's App or Application) - simply add:
- *
- *    <QTip />
- *
- * and enjoy beautiful & performant tooltips!
- */
-export declare const QTip: React.FunctionComponent<any>;
+import React from 'react';
+/**
+ * QTip
+ *
+ * QTip is a Singleton Tooltip component that guarantees high-performance and reduces component wrappers!
+ *
+ * QTip is used by all qomponents that support the display of tooltips.
+ * If you want to add a Tooltip to your application you can do so by adding the following html data-attributes:
+ *
+ *    'data-qtip-text': the tooltip text to display; this can also be a string containing valid HTML
+ *    'data-qtip-placement': one of TooltipPosition (top, bottom, right, or left)
+ *    'data-qtip-is-html': set this to true if you provided a text that contains HTML,
+ *    'data-qtip-delay': this can be used to delay the showing of the tooltip. this should be a number representing
+ *    the # of milliseconds you want to delay the tooltip for. If no delay is provided the DEFAULT_TOOL_TIP_DELAY is
+ *    applied!
+ *    'data-qtip-testid': use this attribute to provide a value for a data-testid of your tooltip; this is useful
+ *    for tests
+ *
+ * In order for QTip to be able to display Tooltips you must add the QTip component to your top-most component
+ * (often that's App or Application) - simply add:
+ *
+ *    <QTip />
+ *
+ * and enjoy beautiful & performant tooltips!
+ */
+export declare const QTip: React.FunctionComponent<any>;

package/dist/{Tooltip → src/Tooltip}/Tooltip.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import '../styles.css';
-import { TooltipProps } from './Tooltip.types';
-/**
- * @deprecated
- * Note: Tooltip has been replaced by QTip - a singleton JS tooltip that behaves well even with overflow settings :)
- * See @QTip for more info!
- *
- * This component displays a Tooltip for the provided children. It is a CSS only tooltip that will not display
- * correctly if a parent element has an overflow CSS property assigned. Please use QTip to ensure your tooltips
- * display correctly.
- */
-export declare const Tooltip: React.FunctionComponent<TooltipProps>;
+import React from 'react';
+import '../styles.css';
+import { TooltipProps } from './Tooltip.types';
+/**
+ * @deprecated
+ * Note: Tooltip has been replaced by QTip - a singleton JS tooltip that behaves well even with overflow settings :)
+ * See @QTip for more info!
+ *
+ * This component displays a Tooltip for the provided children. It is a CSS only tooltip that will not display
+ * correctly if a parent element has an overflow CSS property assigned. Please use QTip to ensure your tooltips
+ * display correctly.
+ */
+export declare const Tooltip: React.FunctionComponent<TooltipProps>;

package/dist/src/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllTooltips: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Tooltip → src/Tooltip}/Tooltip.types.d.ts

@@ -1,22 +1,22 @@
-export declare const DEFAULT_TOOL_TIP_DELAY = 500;
-export declare const tooltipPositions: readonly ["top", "left", "right", "bottom"];
-import React from 'react';
-export type TooltipPosition = (typeof tooltipPositions)[number];
-export interface TooltipProps {
-    position?: TooltipPosition;
-    children?: React.JSX.Element | string;
-    text: React.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;
-}
+export declare const DEFAULT_TOOL_TIP_DELAY = 500;
+export declare const tooltipPositions: readonly ["top", "left", "right", "bottom"];
+import React from 'react';
+export type TooltipPosition = (typeof tooltipPositions)[number];
+export interface TooltipProps {
+    position?: TooltipPosition;
+    children?: React.JSX.Element | string;
+    text: React.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/src/Tooltip/TooltipPerformance.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TooltipPerformance: () => import("react/jsx-runtime").JSX.Element;

package/dist/{Tooltip → src/Tooltip}/index.d.ts

@@ -1,2 +1,2 @@
-export { Tooltip } from './Tooltip';
-export { QTip } from './Qtip';
+export { Tooltip } from './Tooltip';
+export { QTip } from './Qtip';

package/dist/{Tooltip → src/Tooltip}/qTip.utilities.d.ts

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

package/dist/{index.d.ts → src/index.d.ts}

@@ -1,45 +1,45 @@
-import Button from './Button';
-import ToolbarButton from './ToolbarButton';
-import TextField from './TextField';
-import Checkbox from './Checkbox';
-import TextArea from './TextArea';
-import { QTip, Tooltip } from './Tooltip';
-import Icon from './Icon';
-import Select from './Select';
-import { SelectCompoents } from './Select';
-import Modal from './Modal';
-import Tabs from './Tabs';
-import Accordion from './Accordion';
-import ButtonWithPopover from './ButtonWithPopover';
-import ButtonWithDropdown from './ButtonWithDropdown';
-import Alert from './Alert';
-import SeeqActionDropdown from './SeeqActionDropdown';
-import InputGroup from './InputGroup';
-import Collapse from './Collapse';
-import Slider from './Slider';
-import ProgressBar from './ProgressBar';
-import ButtonGroup from './ButtonGroup';
-import Carousel from './Carousel';
-export { Tabs };
-export { Button };
-export { ToolbarButton };
-export { TextField };
-export { TextArea };
-export { Tooltip };
-export { Checkbox };
-export { Icon };
-export { Select };
-export { SelectCompoents };
-export { QTip };
-export { Modal };
-export { Accordion };
-export { ButtonWithPopover };
-export { ButtonWithDropdown };
-export { Alert };
-export { SeeqActionDropdown };
-export { InputGroup };
-export { Collapse };
-export { Slider };
-export { ProgressBar };
-export { ButtonGroup };
-export { Carousel };
+import Button from './Button';
+import ToolbarButton from './ToolbarButton';
+import TextField from './TextField';
+import Checkbox from './Checkbox';
+import TextArea from './TextArea';
+import { QTip, Tooltip } from './Tooltip';
+import Icon from './Icon';
+import Select from './Select';
+import { SelectCompoents } from './Select';
+import Modal from './Modal';
+import Tabs from './Tabs';
+import Accordion from './Accordion';
+import ButtonWithPopover from './ButtonWithPopover';
+import ButtonWithDropdown from './ButtonWithDropdown';
+import Alert from './Alert';
+import SeeqActionDropdown from './SeeqActionDropdown';
+import InputGroup from './InputGroup';
+import Collapse from './Collapse';
+import Slider from './Slider';
+import ProgressBar from './ProgressBar';
+import ButtonGroup from './ButtonGroup';
+import Carousel from './Carousel';
+export { Tabs };
+export { Button };
+export { ToolbarButton };
+export { TextField };
+export { TextArea };
+export { Tooltip };
+export { Checkbox };
+export { Icon };
+export { Select };
+export { SelectCompoents };
+export { QTip };
+export { Modal };
+export { Accordion };
+export { ButtonWithPopover };
+export { ButtonWithDropdown };
+export { Alert };
+export { SeeqActionDropdown };
+export { InputGroup };
+export { Collapse };
+export { Slider };
+export { ProgressBar };
+export { ButtonGroup };
+export { Carousel };

package/dist/src/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/{types.d.ts → src/types.d.ts}

@@ -1,2 +1,2 @@
-export type InputGroupPlacement = 'left' | 'right' | undefined;
-export type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type InputGroupPlacement = 'left' | 'right' | undefined;
+export type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;

package/dist/{utils → src/utils}/browserId.d.ts

@@ -1,9 +1,9 @@
-/**
- * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
- * @see http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
- */
-export declare const browserId: string;
-export declare const browserName: string;
-export declare const browserVersion: number;
-export declare const browserIsFirefox: boolean;
-export declare const browserIsEdgeBeforeChromium: boolean;
+/**
+ * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
+ * @see http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
+ */
+export declare const browserId: string;
+export declare const browserName: string;
+export declare const browserVersion: number;
+export declare const browserIsFirefox: boolean;
+export declare const browserIsEdgeBeforeChromium: boolean;

package/dist/{utils → src/utils}/svg.d.ts

@@ -1,15 +1,15 @@
-export declare const SVG_PATH = "svgpath:";
-/**
- * Determines if an icon is SVG
- *
- * @param icon - an icon string that will either be an icon class or an SVG path definition (e.g. "fa fa-wrench" or
- * "svgpath:M 17.0181 0 ...")
- */
-export declare function isSvgIcon(icon: string): boolean;
-/**
- * Retrieves the SVG path from an SVG icon
- *
- * @param icon - an SVG icon string including path definition (e.g. "svgpath:M 17.0181 0 ...")
- * @returns the SVG icon path or an empty string if the supplied icon is not SVG
- */
-export declare function getSvgIconPath(icon: string): string;
+export declare const SVG_PATH = "svgpath:";
+/**
+ * Determines if an icon is SVG
+ *
+ * @param icon - an icon string that will either be an icon class or an SVG path definition (e.g. "fa fa-wrench" or
+ * "svgpath:M 17.0181 0 ...")
+ */
+export declare function isSvgIcon(icon: string): boolean;
+/**
+ * Retrieves the SVG path from an SVG icon
+ *
+ * @param icon - an SVG icon string including path definition (e.g. "svgpath:M 17.0181 0 ...")
+ * @returns the SVG icon path or an empty string if the supplied icon is not SVG
+ */
+export declare function getSvgIconPath(icon: string): string;

package/dist/{utils → src/utils}/validateStyleDimension.d.ts

@@ -1,2 +1,2 @@
-import { DimensionStyle } from '../TextField/TextField.types';
-export declare const setValidInputDimension: (width?: number, height?: number) => DimensionStyle | undefined;
+import { DimensionStyle } from '../TextField/TextField.types';
+export declare const setValidInputDimension: (width?: number, height?: number) => DimensionStyle | undefined;

package/dist/{utils → src/utils}/validateStyleDimension.test.d.ts

@@ -1 +1 @@
-export {};
+export {};