@seeqdev/qomponents 0.0.135 → 0.0.137

package/dist/Accordion/Accordion.stories.d.ts

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

package/dist/Alert/Alert.stories.d.ts

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

package/dist/Alert/Alert.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 interface Props {
     children: React.ReactNode;

package/dist/Button/Button.stories.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const AllButtonVariants: () => React.JSX.Element;
-export declare const ButtonWithTooltip: () => React.JSX.Element;
-export declare const ButtonWithIcon: () => React.JSX.Element;
-export declare const DisabledButton: () => React.JSX.Element;
+export declare const AllButtonVariants: () => JSX.Element;
+export declare const ButtonWithTooltip: () => JSX.Element;
+export declare const ButtonWithIcon: () => JSX.Element;
+export declare const DisabledButton: () => JSX.Element;

package/dist/Button/Button.types.d.ts

@@ -13,7 +13,7 @@ export interface ButtonProps {
     /** function to call when clicking the button (takes no parameters) */
     onClick?: (e: React.MouseEvent) => void;
     /** label translation key on the button (i.e. SUBMIT) */
-    label?: string | React.JSX.Element | React.ReactNode;
+    label?: string | JSX.Element | React.ReactNode;
     variant?: ButtonVariant;
     /** type of button (i.e button/submit/reset, default is button) */
     type?: ButtonType;

package/dist/ButtonGroup/ButtonGroup.stories.d.ts

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

package/dist/ButtonGroup/ButtonGroup.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '../Button/Button.types';
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 /**

package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 interface DropdownSubItem {
     /** icon class to be used with the dropdown subitems - if available (i.e. 'fc-zoom')  */

package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts

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

package/dist/Carousel/Carousel.stories.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Properties for the Carousel component.
  */

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 export interface CheckboxProps extends TooltipComponentProps {

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CollapseProps {
     isVisible: boolean;
     children: React.ReactNode;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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];

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '../Button/Button.types';
 import { InputLengthStyleProps, TextFieldProps } from '../TextField/TextField.types';
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 export interface SeeqActionDropdownItems {
     id?: string;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SliderProps {
     disabled?: boolean;
     onValueChange?: (value: number[]) => void;

package/dist/SvgIcon/SvgIcon.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import '../styles.css';
+import { SvgIconProps } from './SvgIcon.types';
+/**
+ * Renders an icon that has an SVG icon path (see {@link isSvgIcon() })
+ *
+ * @param onClick - function to call when clicking the icon (takes no parameters)
+ * @param id - id that can be placed on the SvgIcon component
+ * @param testId - id that will be used in the data-testid attribute on the icon
+ * @param customId - 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
+ * @param icon - the SVG icon
+ * @param color - used to add a custom color to the icon (required if type="color")
+ * @param extraClassNames - extra class names to apply
+ * @param [viewBox='0 0 19 19'] - optional SVG view box
+ * @param type - default will use dark/light text colors otherwise will use the theme color
+ * @param tooltipProps - props to pass to the tooltip
+ */
+declare const SvgIcon: React.FunctionComponent<SvgIconProps>;
+export default SvgIcon;

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

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

package/dist/SvgIcon/SvgIcon.test.d.ts

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

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

@@ -0,0 +1,24 @@
+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/SvgIcon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SvgIcon';

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TabsProps {
     extraClassNames?: string;
     defaultActiveTab?: string;
@@ -11,7 +10,7 @@ export interface TabsProps {
     tabs: {
         label: string;
         id: string;
-        content: React.JSX.Element;
+        content: JSX.Element;
         icon?: string;
         testId?: string;
         tabExtraClassNames?: string;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormControlElement } from '../types';
 export interface TextAreaProps {
     /** extra class names to be placed on the TextArea component */

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 import { FormControlElement, InputGroupPlacement } from '../types';
 export interface TextFieldProps extends TooltipComponentProps {

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const DEFAULT_TOOL_TIP_DELAY = 500;
 export declare const tooltipPositions: readonly ["top", "left", "right", "bottom"];
 export type TooltipPosition = (typeof tooltipPositions)[number];
 export interface TooltipProps {
     position?: TooltipPosition;
-    children?: React.JSX.Element | string;
-    text: React.JSX.Element | string;
+    children?: JSX.Element | string;
+    text: JSX.Element | string;
     delay?: number;
 }
 export interface TooltipComponentProps {

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

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