@seeqdev/qomponents 0.0.156 → 0.0.158

package/dist/Carousel/Carousel.types.d.ts

@@ -1,23 +0,0 @@
-/**
- * Properties for the Carousel component.
- */
-export interface CarouselProps {
-    testId?: string;
-    extraClassNames?: string;
-    activeIndex?: number;
-    /**
-     * Callback function that is called when the slide changes.
-     * @param nextSlide - The index of the next slide.
-     * @param direction - The direction of the slide change, either 'left' or 'right'.
-     */
-    onSlide?: (nextSlide: number, direction: 'left' | 'right') => void;
-    autoSlide?: boolean;
-    interval?: number;
-    nextIcon?: string;
-    prevIcon?: string;
-    iconExtraClassNames?: string;
-    showArrows?: boolean;
-    showIndicators?: boolean;
-    continuous?: boolean;
-    carouselItems: React.ReactNode[];
-}

package/dist/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllCheckboxes: () => JSX.Element;

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

@@ -1,19 +0,0 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-export interface CheckboxProps extends TooltipComponentProps {
-    extraClassNames?: string;
-    extraLabelClassNames?: string;
-    type?: 'radio' | 'checkbox';
-    id?: string;
-    name?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    value?: string | number;
-    label?: string | React.ReactNode;
-    onChange?: React.ChangeEventHandler<FormControlElement>;
-    onKeyDown?: React.KeyboardEventHandler<FormControlElement>;
-    onClick?: React.MouseEventHandler<FormControlElement>;
-    disabled?: boolean;
-    testId?: string;
-}
-export {};

package/dist/Collapse/Collapse.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllCollapses: () => JSX.Element;

package/dist/Collapse/Collapse.types.d.ts

@@ -1,4 +0,0 @@
-export interface CollapseProps {
-    isVisible: boolean;
-    children: React.ReactNode;
-}

package/dist/Icon/Icon.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllIcons: () => JSX.Element;

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

@@ -1,30 +0,0 @@
-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 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
-     *  select few icons that are not pulled from that set. For those we need to pass specific prefixes instead.*/
-    iconPrefix?: string;
-    /** icon color option (text, white, theme, color, inherit; default is "theme") */
-    type?: IconType;
-    /** used to add a custom color to the icon (required if type="color") */
-    color?: string;
-    /** function to call when clicking the icon (takes no parameters) */
-    onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => any;
-    /** extra class names to be placed on the Icon component */
-    extraClassNames?: string;
-    /** id that can be placed on the Icon component */
-    id?: string;
-    /** true to add the 'fa-lg' class to the icon */
-    large?: boolean;
-    /** true to add the 'fa-sm' class to the icon */
-    small?: boolean;
-    /** id that will be used in the data-testid attribute on the icon */
-    testId?: string;
-    /** 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;
-    number?: number;
-}

package/dist/InputGroup/InputGroup.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTextFields: () => JSX.Element;

package/dist/InputGroup/InputGroup.test.d.ts

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

package/dist/InputGroup/InputGroup.types.d.ts

@@ -1,35 +0,0 @@
-import { ButtonProps } from '../Button/Button.types';
-import { InputLengthStyleProps, TextFieldProps } from '../TextField/TextField.types';
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-/**
- * Interface representing the properties for an appended button.
- */
-interface AppendedButtonProps {
-    /** Specifies that the variant is a button */
-    variant: 'button';
-    /** The properties for the button */
-    buttonProps: ButtonProps;
-}
-/**
- * Props for an element variant in the InputGroup appended component.
- */
-interface ElementProps {
-    /** Specifies that this is an element variant */
-    variant: 'element';
-    /** The React node to be rendered as the element */
-    element: React.ReactNode;
-}
-export type AppendedProps = AppendedButtonProps | ElementProps | undefined;
-/**
- * Interface representing the base properties for an input group component.
- * Extends the properties of a TextField component.
- */
-interface BaseInputGroupProps extends TextFieldProps {
-    /** Append elements - Array of elements to be appended to the input group */
-    append: AppendedProps[];
-    /** The field to be rendered in the input group */
-    field?: React.ReactNode;
-}
-/** Combined InputGroupProps */
-export type InputGroupProps = BaseInputGroupProps & TooltipComponentProps & InputLengthStyleProps;
-export {};

package/dist/Modal/Modal.types.d.ts

@@ -1,48 +0,0 @@
-import { FormControlElement } from '../types';
-import React from 'react';
-import { ButtonVariant } from '../Button/Button.types';
-export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
-export type TitleIconPosition = 'left' | 'right';
-export interface ModalProps {
-    title: string;
-    titleSuffixLabel?: string;
-    subtitle?: string;
-    titleIcon?: string | React.ReactElement;
-    titleIconPosition?: TitleIconPosition;
-    children: React.ReactElement;
-    modalFooter?: React.ReactElement;
-    open: boolean;
-    /** function to call when clicking the close button (takes no parameters) */
-    onClose?: () => any;
-    customButton?: boolean;
-    customButtonLabel?: string;
-    onClickCustomButton?: () => any;
-    submitButtonLabel?: string;
-    cancelButtonLabel?: string;
-    disableSubmitButton?: boolean;
-    stopPropagationSubmitButton?: boolean;
-    onSubmit?: (event: React.MouseEvent) => any;
-    isTitleEditable?: boolean;
-    onTitleChanged?: React.ChangeEventHandler<FormControlElement>;
-    inputExtraClassNames?: string;
-    hideCloseIcon?: boolean;
-    size?: ModalSize;
-    hideFooterButtons?: boolean;
-    hideSubmitButton?: boolean;
-    hideCancelButton?: boolean;
-    testId?: string;
-    dialogClassName?: string;
-    titlePlaceholder?: string;
-    titleRequired?: boolean;
-    titleError?: string;
-    submitButtonTooltip?: string;
-    cancelButtonTooltip?: string;
-    disableCustomButton?: boolean;
-    customHeader?: React.ReactElement;
-    middleFooterSection?: React.ReactElement;
-    customButtonVariant?: ButtonVariant;
-    keepFocusInsideModal?: boolean;
-    submitButtonVariant?: ButtonVariant;
-    onPointerDownOutside?: (e: Event) => void;
-    onInteractOutside?: (e: Event) => void;
-}

package/dist/ProgressBar/ProgressBar.stories.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllProgressBars: () => JSX.Element;
-export declare const WaveAnimationShowcase: () => JSX.Element;
-export declare const HeightCustomizationShowcase: () => JSX.Element;

package/dist/ProgressBar/ProgressBar.test.d.ts

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

package/dist/ProgressBar/ProgressBar.types.d.ts

@@ -1,40 +0,0 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-/**
- * Animation types for progress indicators
- */
-export type ProgressAnimationType = 'default' | 'wave' | 'none';
-/**
- * The ProgressBar component displays a visual representation of a progress value.
- */
-export interface ProgressIndicatorProps extends TooltipComponentProps {
-    /** Additional classes to apply to the progress indicator. */
-    extraClasses?: string;
-    /** The test id for the progress indicator. */
-    testId?: string;
-    /** The value of the progress indicator, between 0 and max. */
-    value: number;
-    /** The color of the progress indicator.  e.g. #ffffff */
-    color?: string;
-    /** The label to display on the progress indicator. */
-    label?: string;
-    /** Additional classes to apply to the label. */
-    labelClasses?: string;
-    /** Animation type for the progress indicator */
-    animationType?: ProgressAnimationType;
-}
-export interface ProgressBarProps {
-    /** The indicator values */
-    values: ProgressIndicatorProps[];
-    /** The maximum value of the progress bar. */
-    max?: number;
-    /** Additional classes to apply to the progress bar container. */
-    containerExtraClasses?: string;
-    /** Additional classes to apply to the progress bar for styling (including height). */
-    extraClassNames?: string;
-    /** The test id for the progress bar. */
-    testId?: string;
-    /** The label to display when the progress bar has a value of zero. */
-    zeroValueLabel?: string;
-    /** Animation type for all progress indicators (can be overridden per indicator) */
-    animationType?: ProgressAnimationType;
-}

package/dist/ProgressBar/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './ProgressBar';
-export type { ProgressBarProps, ProgressIndicatorProps, ProgressAnimationType } from './ProgressBar.types';

package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllSeeqActionDropdownVariants: () => JSX.Element;

package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts

@@ -1,57 +0,0 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-export interface SeeqActionDropdownItems {
-    id?: string;
-    /** icon class to be used with the workbench items - if available (i.e. 'fc-zoom') */
-    icon?: string;
-    /** icon extra class names */
-    iconExtraClassNames?: string;
-    /** label for the workbench items */
-    display: string;
-    /** function called when the workbench item is clicked on */
-    action: (e?: Event) => void;
-    /** is item disabled */
-    enabled?: boolean;
-    /** displays a divider line under present workbench item */
-    divider?: boolean;
-    /** test id for the workbench item */
-    testId?: string;
-    /** subtext displayed below workbench item "headline" */
-    text?: string;
-}
-export interface SeeqActionDropdownProps extends TooltipComponentProps {
-    /** items for the dropdown content */
-    seeqActionDropdownItems: SeeqActionDropdownItems[];
-    /** element to be used as the trigger */
-    trigger: React.ReactNode;
-    /** id of the trigger */
-    id?: string;
-    /** extra class names to be placed on the dropdown container */
-    extraClassNames?: string;
-    /** id that will be used in the data-testid attribute on the container element */
-    containerTestId?: string;
-    /** is the button disabled */
-    disabled?: boolean;
-    /** function called when the trigger is clicked on, i.e. for tracking (does not open the popover) */
-    onClick?: (e: MouseEvent) => void;
-    /** alignment of the content of the popover */
-    align?: 'start' | 'center' | 'end';
-    /** number offset from the aligned position */
-    alignOffset?: number;
-    /** the placement of the popover */
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    /** number offset from the placement position */
-    placementOffset?: number;
-    /** set to display arrow or not */
-    hasArrow?: boolean;
-    /** is popover open */
-    isOpen?: boolean;
-    /** function called to open and close popover */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** sets focus on the trigger button after the dropdown is closed */
-    setFocusOnTriggerOnClose?: boolean;
-    /** should popover close when the content is clicked? */
-    isCloseOnContentClick?: boolean;
-    /** focus should be kept within dropdown */
-    keepFocusInsideDropdown?: boolean;
-    variant: 'create-workbench' | 'view-workbench' | 'insert-seeq-content';
-}

package/dist/Select/Select.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllSelectVariants: () => JSX.Element;

package/dist/Select/Select.types.d.ts

@@ -1,89 +0,0 @@
-import { GroupBase, InputActionMeta, MenuPlacement, MultiValue, SingleValue } from 'react-select';
-import { ReactNode } from 'react';
-import { InputGroupPlacement } from '../types';
-export type Option = {
-    label: string;
-    value: string | number;
-} | any;
-export type GroupedOption = {
-    label: string;
-    options: Option[];
-};
-export interface SelectProps {
-    /** set to true to not automatically close the menu on selection */
-    closeMenuOnSelect?: boolean;
-    /** set to true if users can add new options */
-    creatable?: boolean;
-    /** set to true to disable the select */
-    isDisabled?: boolean;
-    /** extra class names to be placed on the select container: this can be used to size the select */
-    extraClassNames?: string;
-    /** extra class names to be placed on the select control */
-    controlClassNames?: string;
-    /** custom filter for search */
-    filterConfig?: unknown;
-    /** formats option labels in the menu and control as React components */
-    getOptionLabel?: (option: Option) => ReactNode | undefined;
-    /** resolves option data to a string to be displayed as the label by components */
-    getOptionValue?: (option: Option) => string;
-    /** formats the selected option labels in the menu and control as React components */
-    getSelectedValueLabel?: (option: Option) => ReactNode | undefined;
-    /** id of the select component */
-    id?: string;
-    /** if the select is displayed as part of an input group provide the placement here */
-    inputGroup?: InputGroupPlacement;
-    /** id of the input component */
-    inputId?: string;
-    /** set to true if users should be able to clear selection */
-    isClearable?: boolean;
-    /** set to true while select options are loading */
-    isLoading?: boolean;
-    /** set to true if multiple options can be selected */
-    isMulti?: boolean;
-    /** set to true if select should be searchable by typing in the select box */
-    isSearchable?: boolean;
-    /** set to true to keep the menu open; this is helpful for debugging */
-    menuIsOpen?: boolean;
-    /** where the menu should be displayed - auto is usually a great choice */
-    menuPlacement?: MenuPlacement;
-    /** whether the menu should use a portal, and where it should attach  */
-    menuPortalTarget?: null | HTMLElement;
-    /** message displayed if no options are available */
-    noOptionsMessage?: string;
-    /** handle change events on the select */
-    onChange: (newValue: SingleValue<Option> | MultiValue<Option>) => void;
-    /** Array of options that populate the select menu */
-    options: Option[] | GroupedOption[];
-    /** placeholder text that is displayed when no option is selected */
-    placeholder?: string;
-    /** if true error formatting will be displayed */
-    showError?: boolean;
-    /** if true the select will be displayed in a "small" version */
-    small?: boolean;
-    /** value of the select */
-    value?: Option | undefined;
-    /** default value of the select */
-    defaultValue?: Option | undefined;
-    /** custom method to filter whether an option should be displayed in the menu */
-    filterOption?: (option: Option, rawInput: string) => boolean;
-    /** formats group labels in the menu as React components */
-    formatGroupLabel?: (group: GroupBase<unknown>) => ReactNode;
-    /** handle remove events in multi-select */
-    onRemove?: ({ id }: {
-        id: Option | string;
-    }) => void;
-    /** custom handle for on menu open events in select component */
-    onMenuOpen?: () => void;
-    /** custom handle for on menu close events in select component */
-    onMenuClose?: () => void;
-    /** custom components to be used in the select */
-    components?: Partial<any>;
-    /** custom handle for on menu input focus events in select */
-    onMenuInputFocus?: (inputValue: string) => void;
-    /** custom handle for on input change events for the select - this is different from onChange which is only called
-     *  when an option is selected - this event is called whenever something about the select changes; the action
-     *  tells you what changed */
-    onInputChange?: (inputValue: string, action: InputActionMeta) => void;
-    /** value of the search input */
-    inputValue?: string;
-}

package/dist/Slider/Slider.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllSliders: () => JSX.Element;

package/dist/Slider/Slider.test.d.ts

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

package/dist/Slider/Slider.types.d.ts

@@ -1,16 +0,0 @@
-export interface SliderProps {
-    disabled?: boolean;
-    onValueChange?: (value: number[]) => void;
-    onPointerUp?: React.PointerEventHandler<HTMLDivElement>;
-    id?: string;
-    name?: string;
-    value: number;
-    rootExtraClassNames?: string;
-    trackExtraClassNames?: string;
-    thumbExtraClassNames?: string;
-    rangeExtraClassNames?: string;
-    testId?: string;
-    step?: number;
-    min?: number;
-    max?: number;
-}

package/dist/SvgIcon/SvgIcon.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllIcons: () => JSX.Element;

package/dist/SvgIcon/SvgIcon.types.d.ts

@@ -1,24 +0,0 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-export declare const svgIconTypes: readonly ["theme", "white", "dark-gray", "darkish-gray", "gray", "color", "info", "text", "warning", "inherit", "danger", "theme-light", "success", "default"];
-export type SvgIconType = (typeof svgIconTypes)[number];
-export interface SvgIconProps extends TooltipComponentProps {
-    /** icon class to be used (i.e. fc-zoom) */
-    icon: string;
-    /** default will use dark/light text colors otherwise will use the theme color */
-    type?: SvgIconType;
-    /** used to add a custom color to the icon (required if type="color") */
-    color?: string;
-    /** function to call when clicking the icon (takes no parameters) */
-    onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => any;
-    /** extra class names to be placed on the SvgIcon component */
-    extraClassNames?: string;
-    /** id that can be placed on the SvgIcon component */
-    id?: string;
-    /** id that will be used in the data-testid attribute on the icon */
-    testId?: string;
-    /** 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;
-    /** optional SVG view box */
-    viewBox?: string;
-}

package/dist/Tabs/Tabs.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTabsVariants: () => JSX.Element;

package/dist/Tabs/Tabs.types.d.ts

@@ -1,20 +0,0 @@
-export interface TabsProps {
-    extraClassNames?: string;
-    defaultActiveTab?: string;
-    activeTab?: string;
-    transition?: boolean;
-    onTabSelect?: (tabId: string) => void;
-    id?: string;
-    testId?: string;
-    stretchTabs?: boolean;
-    tabs: {
-        label: string;
-        id: string;
-        content: JSX.Element;
-        icon?: string;
-        testId?: string;
-        tabExtraClassNames?: string;
-        disabled?: boolean;
-        tabContentExtraClassNames?: string;
-    }[];
-}

package/dist/TextArea/TextArea.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTextAreas: () => JSX.Element;

package/dist/TextArea/TextArea.types.d.ts

@@ -1,34 +0,0 @@
-import { FormControlElement } from '../types';
-export interface TextAreaProps {
-    /** extra class names to be placed on the TextArea component */
-    extraClassNames?: string;
-    /** id of TextArea */
-    id?: string;
-    /** name of TextArea */
-    name?: string;
-    /** function that will be called when TextArea value changes */
-    onChange?: React.ChangeEventHandler<FormControlElement>;
-    /** function that will be called on key up within the TextArea */
-    onKeyUp?: React.KeyboardEventHandler<FormControlElement>;
-    onKeyDown?: React.KeyboardEventHandler<FormControlElement>;
-    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
-    onBlur?: React.FocusEventHandler<FormControlElement>;
-    /** placeholder text displayed when TextArea is empty */
-    placeholder?: string;
-    /** set readonly to true if TextArea can not be edited */
-    readonly?: boolean;
-    /** set disabled to true if TextArea is disabled */
-    disabled?: boolean;
-    /** specifies the visible number of lines in the TextArea */
-    rows?: number;
-    /** specifies the visible width of the TextArea */
-    cols?: number;
-    /** set this to true to focus the TextArea when page loads */
-    autoFocus?: boolean;
-    /** id that will be used in the data-testid attribute on the TextArea */
-    testId?: string;
-    /** value of the TextArea */
-    value?: string | string[] | number;
-    /** if true error formatting will be displayed */
-    showError?: boolean;
-}

package/dist/TextField/TextField.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTextFields: () => JSX.Element;

package/dist/TextField/TextField.types.d.ts

@@ -1,39 +0,0 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-import { FormControlElement, InputGroupPlacement } from '../types';
-export interface TextFieldProps extends TooltipComponentProps {
-    readonly?: boolean;
-    disabled?: boolean;
-    onChange?: React.ChangeEventHandler<FormControlElement>;
-    onKeyUp?: React.KeyboardEventHandler<FormControlElement>;
-    onKeyDown?: React.KeyboardEventHandler<FormControlElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<FormControlElement>;
-    id?: string;
-    name?: string;
-    size?: 'sm' | 'lg';
-    value?: string | string[] | number;
-    placeholder?: string;
-    extraClassNames?: string;
-    type?: 'text' | 'password' | 'number' | 'email';
-    testId?: string;
-    ref?: any;
-    inputGroup?: InputGroupPlacement;
-    step?: number | string;
-    showError?: boolean;
-    errorText?: string;
-    required?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    inputWidth?: number;
-    inputHeight?: number;
-    min?: number;
-    max?: number;
-}
-export interface DimensionStyle {
-    width?: string;
-    height?: string;
-}
-export interface InputLengthStyleProps {
-    maxLength?: number;
-    minLength?: number;
-}

package/dist/ToolbarButton/ToolbarButton.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllToolbarButtonVariants: () => JSX.Element;

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

@@ -1,53 +0,0 @@
-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];
-export interface ToolbarButtonProps {
-    /** icon class to be used with the toolbar (i.e. 'fc-zoom') */
-    icon: string;
-    /** second icon class to be displayed alongside icon */
-    secondIcon?: string;
-    /** true to force the icon to be small */
-    forceSmallIcon?: boolean;
-    /** label for the toolbar item (shown only when toolbar is wide enough) */
-    label?: string;
-    /** items for the popover content */
-    popoverContent?: React.ReactNode;
-    /** true to render an icon-only toolbar button */
-    isSmall?: boolean;
-    id?: string;
-    /** extra class names to be placed on the Toolbar container component */
-    extraClassNames?: string;
-    /** id that will be used in the data-testid attribute on the toolbar button element */
-    testId?: string;
-    /** the text to be displayed on the icon's tooltip */
-    tooltipText?: string;
-    /** true if the provided tooltip text should be rendered as HTML */
-    isHtmlTooltip?: boolean;
-    /** optional testId applied to the tooltip - useful for testing */
-    tooltipTestId?: string;
-    /** options for the tooltip */
-    tooltipOptions?: Omit<TooltipProps, 'text'>;
-    /** sets button to disabled */
-    disabled?: boolean;
-    /** function called when the toolbar is clicked on, i.e. for tracking (does not open the popover) */
-    onClick?: (e: MouseEvent) => void;
-    /** true to give the toolbar button the "pressed" look */
-    isActive?: boolean;
-    /** called when popup is hidden */
-    onHide?: () => void;
-    /** set to display arrow or not */
-    hasArrow?: boolean;
-    /** true if the `icon` string is an svg */
-    isPrimaryAnSvg?: boolean;
-    /** extra class names to be placed on the primary icon */
-    primaryIconExtraClassNames?: string;
-    /** height for the icon */
-    iconHeight?: number;
-    /** width for the icon */
-    iconWidth?: number;
-    /** viewbox for the icon */
-    primaryIconViewbox?: string;
-}