@seeqdev/qomponents 0.0.157 → 0.0.159

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,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllSliders: () => React.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,17 +0,0 @@
-/// <reference types="react" />
-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,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllIcons: () => React.JSX.Element;

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-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,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTabsVariants: () => React.JSX.Element;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-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: React.JSX.Element;
-        icon?: string;
-        testId?: string;
-        tabExtraClassNames?: string;
-        disabled?: boolean;
-        tabContentExtraClassNames?: string;
-    }[];
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTextAreas: () => React.JSX.Element;

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

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-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,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTextFields: () => React.JSX.Element;

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

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-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,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllToolbarButtonVariants: () => React.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;
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllQTips: () => React.JSX.Element;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const QtipPerformance: () => React.JSX.Element;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTooltips: () => React.JSX.Element;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const TooltipPerformance: () => React.JSX.Element;