@bundle-stats/ui 4.5.3-alpha.2 → 4.5.3-alpha.4

package/types/components/metrics-table-options/metrics-table-options.d.ts

@@ -1,4 +1,4 @@
-export function MetricsTableOptions(props: any): JSX.Element;
+export function MetricsTableOptions(props: any): React.JSX.Element;
 export namespace MetricsTableOptions {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -14,4 +14,5 @@ export namespace MetricsTableOptions {
         export { handleResetFilters_1 as handleResetFilters };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/components/metrics-table-search/metrics-table-search.d.ts

@@ -1,4 +1,4 @@
-export function MetricsTableSearch(props: any): JSX.Element;
+export function MetricsTableSearch(props: any): React.JSX.Element;
 export namespace MetricsTableSearch {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -13,4 +13,5 @@ export namespace MetricsTableSearch {
         export { placeholder_1 as placeholder };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/components/metrics-table-title/metrics-table-title.d.ts

@@ -1,4 +1,4 @@
-export function MetricsTableTitle(props: any): JSX.Element;
+export function MetricsTableTitle(props: any): React.JSX.Element;
 export namespace MetricsTableTitle {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -18,4 +18,5 @@ export namespace MetricsTableTitle {
         export { popoverInfo_1 as popoverInfo };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/components/module-info/module-info.d.ts

@@ -16,5 +16,5 @@ interface ModuleInfoProps {
     customComponentLink?: React.ElementType;
     onClose: () => void;
 }
-export declare const ModuleInfo: (props: ModuleInfoProps & React.ComponentProps<'div'>) => JSX.Element;
+export declare const ModuleInfo: (props: ModuleInfoProps & React.ComponentProps<'div'>) => React.JSX.Element;
 export {};

package/types/components/package-info/package-info.d.ts

@@ -11,5 +11,5 @@ interface PackageInfoProps {
     customComponentLink?: React.ElementType;
     onClose: () => void;
 }
-export declare const PackageInfo: (props: PackageInfoProps & React.ComponentProps<'div'>) => JSX.Element;
+export declare const PackageInfo: (props: PackageInfoProps & React.ComponentProps<'div'>) => React.JSX.Element;
 export {};

package/types/components/run-info/run-info.d.ts

@@ -14,4 +14,4 @@ export interface RunInfoProps {
     loading?: boolean;
     enhance?: boolean;
 }
-export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaPercentage, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & React.ComponentProps<'div'>) => JSX.Element;
+export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaPercentage, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & React.ComponentProps<'div'>) => React.JSX.Element;

package/types/components/sort-button/sort-button.d.ts

@@ -7,5 +7,5 @@ interface SortButtonProps {
     sort: SortAction;
     updateSort: (params: SortAction) => void;
 }
-export declare const SortButton: (props: SortButtonProps & React.ComponentProps<'div'>) => JSX.Element;
+export declare const SortButton: (props: SortButtonProps & React.ComponentProps<'div'>) => React.JSX.Element;
 export {};

package/types/components/summary/summary.d.ts

@@ -14,13 +14,11 @@ interface SummaryItemData {
     baseline: number;
 }
 interface SummaryProps {
-    size?: MetricRunInfoProps['size'];
-    keys?: Array<string>;
     data?: SummaryItemProps['data'];
     loading?: boolean;
     showSummaryItemDelta?: SummaryItemProps['showDelta'];
     showSummaryItemBaseline?: SummaryItemProps['showBaseline'];
     summaryItemLink?: SummaryItemProps['customLink'];
 }
-export declare const Summary: ({ className, size, keys, data, loading, showSummaryItemDelta, showSummaryItemBaseline, summaryItemLink, }: SummaryProps & React.ComponentProps<'div'>) => JSX.Element;
+export declare const Summary: ({ className, data, loading, showSummaryItemDelta, showSummaryItemBaseline, summaryItemLink, }: SummaryProps & React.ComponentProps<'div'>) => React.JSX.Element;
 export {};

package/types/components/total-size-type-title/total-size-type-title.d.ts

@@ -1,6 +1,6 @@
 export function TotalSizeTypeTitle({ className }: {
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace TotalSizeTypeTitle {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -10,4 +10,5 @@ export namespace TotalSizeTypeTitle {
         export { className_1 as className };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/layout/box/box.d.ts

@@ -9,5 +9,5 @@ interface BoxProps<T extends React.ElementType> {
     outline?: boolean;
     outlineHover?: boolean;
 }
-export declare const Box: <T extends React.ElementType<any> = "div">(props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>) => JSX.Element;
+export declare const Box: <T extends React.ElementType<any> = "div">(props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>) => React.JSX.Element;
 export {};

package/types/layout/flex-stack/flex-stack.d.ts

@@ -7,5 +7,5 @@ interface FlexStackProps<T extends React.ElementType> {
     inline?: boolean;
     alignItems?: 'top' | 'center' | 'bottom';
 }
-export declare const FlexStack: <T extends React.ElementType<any> = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => JSX.Element;
+export declare const FlexStack: <T extends React.ElementType<any> = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => React.JSX.Element;
 export {};

package/types/layout/footer/footer.d.ts

@@ -1,7 +1,7 @@
 export function Footer({ className, version }: {
     className: any;
     version: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace Footer {
     namespace defaultProps {
         let className: string;
@@ -14,4 +14,5 @@ export namespace Footer {
         export { version_1 as version };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/layout/stack/stack.d.ts

@@ -4,4 +4,4 @@ export type StackProps = {
     as?: React.ElementType;
     space?: (typeof SPACES)[number];
 };
-export declare const Stack: (props: StackProps & React.ComponentProps<'div'>) => JSX.Element;
+export declare const Stack: (props: StackProps & React.ComponentProps<'div'>) => React.JSX.Element;

package/types/query-state.d.ts

@@ -1,2 +1,3 @@
-export function QueryStateProvider(props: any): JSX.Element;
+export function QueryStateProvider(props: any): React.JSX.Element;
 export function useComponentQueryState(componentName: any): any[];
+import React from 'react';

package/types/stories/wrapper.d.ts

@@ -1 +1,2 @@
-export function getWrapperDecorator(customWrapperStyles?: {}): (storyFn: any) => JSX.Element;
+export function getWrapperDecorator(customWrapperStyles?: {}): (storyFn: any) => React.JSX.Element;
+import React from 'react';

package/types/ui/alert/alert.d.ts

@@ -4,5 +4,5 @@ import { Box } from '../../layout/box';
 interface AlertProps {
     kind?: (typeof KIND)[keyof typeof KIND];
 }
-export declare const Alert: (props: AlertProps & React.ComponentProps<typeof Box>) => JSX.Element;
+export declare const Alert: (props: AlertProps & React.ComponentProps<typeof Box>) => React.JSX.Element;
 export {};

package/types/ui/container/container.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType;
 }
-export declare const Container: ({ as: Component, className, ...restProps }: ContainerProps) => JSX.Element;
+export declare const Container: ({ as: Component, className, ...restProps }: ContainerProps) => React.JSX.Element;
 export {};

package/types/ui/dropdown/dropdown.d.ts

@@ -1,4 +1,4 @@
-export function Dropdown(props: any): JSX.Element;
+export function Dropdown(props: any): React.JSX.Element;
 export namespace Dropdown {
     export namespace defaultProps {
         let className: string;
@@ -22,12 +22,13 @@ export namespace Dropdown {
     }
     export { Item };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare function Item({ className, isActive, ...restProps }: {
     [x: string]: any;
     className?: string | undefined;
     isActive?: boolean | undefined;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Item {
     export namespace propTypes_1 {
         let className_2: PropTypes.Requireable<string>;

package/types/ui/empty-set/empty-set.d.ts

@@ -1,4 +1,4 @@
-export function EmptySet(props: any): JSX.Element;
+export function EmptySet(props: any): React.JSX.Element;
 export namespace EmptySet {
     namespace propTypes {
         let resources: PropTypes.Validator<string>;
@@ -13,4 +13,5 @@ export namespace EmptySet {
         export { handleViewAll_1 as handleViewAll };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/file-name/file-name.d.ts

@@ -2,7 +2,7 @@ export function FileName({ className, as: Component, name }: {
     className: any;
     as: any;
     name: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace FileName {
     namespace defaultProps {
         let className: string;
@@ -18,4 +18,5 @@ export namespace FileName {
         export { name_1 as name };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/filters/filters.d.ts

@@ -1,4 +1,4 @@
-export function Filters(props: any): JSX.Element;
+export function Filters(props: any): React.JSX.Element;
 export namespace Filters {
     namespace defaultProps {
         let className: string;
@@ -11,4 +11,5 @@ export namespace Filters {
         export let toggleFilter: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/filters/index.d.ts

@@ -1,4 +1,4 @@
-export function Filters(props: any): JSX.Element;
+export function Filters(props: any): React.JSX.Element;
 export namespace Filters {
     namespace defaultProps {
         let onChange: null;
@@ -9,4 +9,5 @@ export namespace Filters {
         export { onChange_1 as onChange };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts

@@ -1,4 +1,4 @@
-export function HorizontalBarChart(props: any): JSX.Element;
+export function HorizontalBarChart(props: any): React.JSX.Element;
 export namespace HorizontalBarChart {
     namespace defaultProps {
         let className: string;
@@ -19,4 +19,5 @@ export namespace HorizontalBarChart {
         export { maxValue_1 as maxValue };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/hover-card/hover-card.d.ts

@@ -10,4 +10,4 @@ export interface HoverCardProps {
         close: () => void;
     }) => React.ReactNode);
 }
-export declare const HoverCard: (props: HoverCardProps) => JSX.Element;
+export declare const HoverCard: (props: HoverCardProps) => React.JSX.Element;

package/types/ui/icon/icon.d.ts

@@ -31,7 +31,7 @@ interface IconProps {
     as?: React.ElementType;
 }
 export declare const Icon: {
-    (props: IconProps & React.ComponentProps<'span'>): JSX.Element;
+    (props: IconProps & React.ComponentProps<'span'>): React.JSX.Element;
     ICONS: {
         readonly ARROW: "arrow";
         readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";

package/types/ui/input/input.d.ts

@@ -2,7 +2,7 @@ export function Input({ className, size, ...restProps }: {
     [x: string]: any;
     className: any;
     size: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace Input {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -15,4 +15,5 @@ export namespace Input {
         export { size_1 as size };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/loader/loader.d.ts

@@ -2,7 +2,7 @@ export function Loader({ className, size, ...restProps }: {
     [x: string]: any;
     className: any;
     size: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace Loader {
     let SIZE_SMALL: string;
     let SIZE_MEDIUM: string;
@@ -20,4 +20,5 @@ export namespace Loader {
         export { size_1 as size };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-export function Skeleton(props: any): JSX.Element;
+export function Skeleton(props: any): React.JSX.Element;
 export namespace Skeleton {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -14,4 +14,5 @@ export namespace Skeleton {
         export { block_1 as block };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/table/table.d.ts

@@ -5,7 +5,7 @@ interface TableProps {
     outline?: boolean;
 }
 export declare const Table: {
-    (props: TableProps & React.ComponentProps<'table'>): JSX.Element;
+    (props: TableProps & React.ComponentProps<'table'>): React.JSX.Element;
     THead: React.ElementType<any>;
     TBody: React.ElementType<any>;
     Tr: React.ElementType<any>;

package/types/ui/tabs/tabs.d.ts

@@ -1,7 +1,7 @@
 export function Tabs({ className, ...restProps }: {
     [x: string]: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace Tabs {
     export namespace defaultProps {
         let className: string;
@@ -13,13 +13,14 @@ export namespace Tabs {
     }
     export { Item };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare function Item({ isTabActive, as: Component, className, ...restProps }: {
     [x: string]: any;
     isTabActive: any;
     as: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Item {
     export namespace defaultProps_1 {
         export let isTabActive: boolean;

package/types/ui/tag/tag.d.ts

@@ -6,7 +6,7 @@ interface TagProps {
     size?: (typeof SIZE)[keyof typeof SIZE];
 }
 export declare const Tag: {
-    (props: TagProps & React.ComponentProps<'span'>): JSX.Element;
+    (props: TagProps & React.ComponentProps<'span'>): React.JSX.Element;
     KINDS: {
         readonly DEFAULT: "default";
         readonly SUCCESS: "success";

package/types/ui/toolbar/toolbar.d.ts

@@ -1,4 +1,4 @@
-export function Toolbar(props: any): JSX.Element;
+export function Toolbar(props: any): React.JSX.Element;
 export namespace Toolbar {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
@@ -12,4 +12,5 @@ export namespace Toolbar {
         export { renderActions_1 as renderActions };
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/types/ui/tooltip/tooltip.d.ts

@@ -7,5 +7,5 @@ interface TooltipProps<T extends React.ElementType> {
     containerRef?: React.RefObject<HTMLElement>;
     darkMode?: boolean;
 }
-export declare const Tooltip: <T extends React.ElementType<any> = "span">(props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>) => JSX.Element;
+export declare const Tooltip: <T extends React.ElementType<any> = "span">(props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>) => React.JSX.Element;
 export {};

package/types/utils.d.ts

@@ -1,2 +1,3 @@
 export function getColors(count?: number): string[];
-export function getRenderChildWithClassName(className: any): (child: any) => JSX.Element | null;
+export function getRenderChildWithClassName(className: any): (child: any) => React.JSX.Element | null;
+import React from 'react';