@taikai/rocket-kit 3.0.0-beta.5 → 3.0.1

package/dist/molecules/number-input-spinner/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface NumberInputSpinnerProps {
     decreaseAriaLabel?: string;
     increaseAriaLabel?: string;
@@ -8,5 +9,5 @@ export interface NumberInputSpinnerProps {
     onChange?: (value: number) => void;
     disabled?: boolean;
 }
-declare const NumberInputSpinner: (props: NumberInputSpinnerProps) => JSX.Element;
+declare const NumberInputSpinner: (props: NumberInputSpinnerProps) => React.JSX.Element;
 export default NumberInputSpinner;

package/dist/molecules/number-input-spinner/stories/number-input-spinner.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { NumberInputSpinnerProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: NumberInputSpinnerProps) => JSX.Element;
+    component: (props: NumberInputSpinnerProps) => React.JSX.Element;
     argTypes: {
         onChange: {
             action: string;
@@ -11,7 +11,7 @@ declare const _default: {
 };
 export default _default;
 export declare const NumberInputSpinnerSimpleComponent: {
-    (args: NumberInputSpinnerProps): JSX.Element;
+    (args: NumberInputSpinnerProps): React.JSX.Element;
     storyName: string;
     args: {
         increment: number;
@@ -22,7 +22,7 @@ export declare const NumberInputSpinnerSimpleComponent: {
     };
 };
 export declare const NumberInputSpinnerLongComponent: {
-    (args: NumberInputSpinnerProps): JSX.Element;
+    (args: NumberInputSpinnerProps): React.JSX.Element;
     storyName: string;
     args: {
         max: number;

package/dist/molecules/pagination-control/index.d.ts

@@ -7,5 +7,5 @@ export interface PageControlProps {
     onPageChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     ariaLabelBuilder?: any;
 }
-declare const PaginationControl: (props: PageControlProps) => JSX.Element;
+declare const PaginationControl: (props: PageControlProps) => React.JSX.Element;
 export default PaginationControl;

package/dist/molecules/pagination-control/stories/pagination-control.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageControlProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: PageControlProps) => JSX.Element;
+    component: (props: PageControlProps) => React.JSX.Element;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const PaginationControlLight: {
-    (args: PageControlProps): JSX.Element;
+    (args: PageControlProps): React.JSX.Element;
     storyName: string;
     args: {
         page: number;
@@ -22,7 +22,7 @@ export declare const PaginationControlLight: {
     };
 };
 export declare const PaginationControlDark: {
-    (args: PageControlProps): JSX.Element;
+    (args: PageControlProps): React.JSX.Element;
     storyName: string;
     args: {
         dark: boolean;

package/dist/molecules/radio-group/index.d.ts

@@ -16,5 +16,5 @@ export interface RadioGroupProps {
     disabled?: boolean;
     dataTestId?: string;
 }
-declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
+declare const RadioGroup: (props: RadioGroupProps) => React.JSX.Element;
 export default RadioGroup;

package/dist/molecules/radio-group/stories/radio-group.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { RadioGroupProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: RadioGroupProps) => JSX.Element;
+    component: (props: RadioGroupProps) => React.JSX.Element;
     argTypes: {
         type: {
             control: {
@@ -17,7 +17,7 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioGroupComponent: {
-    (args: RadioGroupProps): JSX.Element;
+    (args: RadioGroupProps): React.JSX.Element;
     storyName: string;
     args: {
         type: string;

package/dist/molecules/table/index.d.ts

@@ -31,5 +31,5 @@ export interface TableProps<CellDataType> {
 export interface CellBaseType {
     id: string;
 }
-declare const Table: <CellData extends CellBaseType>(props: TableProps<CellData>) => JSX.Element;
+declare const Table: <CellData extends CellBaseType>(props: TableProps<CellData>) => React.JSX.Element;
 export default Table;

package/dist/molecules/table/stories/table.stories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TableProps {
     border?: boolean;
 }
 declare const _default: {
     title: string;
-    component: <CellData extends import("..").CellBaseType>(props: import("..").TableProps<CellData>) => JSX.Element;
+    component: <CellData extends import("..").CellBaseType>(props: import("..").TableProps<CellData>) => React.JSX.Element;
     argTypes: {
         border: {
             control: {
@@ -30,7 +30,7 @@ declare const _default: {
 };
 export default _default;
 export declare const TableComponent: {
-    (args: TableProps): JSX.Element;
+    (args: TableProps): React.JSX.Element;
     storyName: string;
     args: {
         border: boolean;
@@ -40,7 +40,7 @@ export declare const TableComponent: {
     };
 };
 export declare const TableEmptyComponent: {
-    (args: TableProps): JSX.Element;
+    (args: TableProps): React.JSX.Element;
     storyName: string;
     args: {};
 };

package/dist/molecules/table-dnd/index.d.ts

@@ -29,5 +29,5 @@ export interface TableProps<CellDataType> {
 export interface CellBaseType {
     id: string;
 }
-declare const TableDnD: <CellData extends CellBaseType>(props: TableProps<CellData>) => JSX.Element;
+declare const TableDnD: <CellData extends CellBaseType>(props: TableProps<CellData>) => React.JSX.Element;
 export default TableDnD;

package/dist/molecules/table-dnd/stories/table-dnd.stories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TableDnDProps {
     border?: boolean;
 }
 declare const _default: {
     title: string;
-    component: <CellData extends import("..").CellBaseType>(props: import("..").TableProps<CellData>) => JSX.Element;
+    component: <CellData extends import("..").CellBaseType>(props: import("..").TableProps<CellData>) => React.JSX.Element;
     argTypes: {
         border: {
             control: {
@@ -15,7 +15,7 @@ declare const _default: {
 };
 export default _default;
 export declare const TableDnDComponent: {
-    (args: TableDnDProps): JSX.Element;
+    (args: TableDnDProps): React.JSX.Element;
     storyName: string;
     args: {
         border: boolean;

package/dist/molecules/wizard-steps/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export declare type Step = {
     active: boolean;
     value: string;
@@ -10,5 +10,5 @@ export interface WizardStepsProps {
     steps: Step[];
     dataTestId?: string;
 }
-declare const WizardSteps: (props: WizardStepsProps) => JSX.Element;
+declare const WizardSteps: (props: WizardStepsProps) => React.JSX.Element;
 export default WizardSteps;

package/dist/molecules/wizard-steps/stories/wizard-steps.stories.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("..").WizardStepsProps) => JSX.Element;
+    component: (props: import("..").WizardStepsProps) => React.JSX.Element;
 };
 export default _default;
 export declare const WizardStepsComponent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     storyName: string;
 };
 export declare const WizardStepsRendererComponent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     storyName: string;
 };

package/dist/organisms/grid-container/grid-col.d.ts

@@ -4,5 +4,5 @@ export interface GridColProps {
     size?: number;
     children?: React.ReactNode;
 }
-declare const GridCol: (props: GridColProps) => JSX.Element;
+declare const GridCol: (props: GridColProps) => React.JSX.Element;
 export default GridCol;

package/dist/organisms/grid-container/grid-row.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { GridContainerProps } from '.';
-declare const GridRow: (props: GridContainerProps) => JSX.Element;
+declare const GridRow: (props: GridContainerProps) => React.JSX.Element;
 export default GridRow;

package/dist/organisms/grid-container/index.d.ts

@@ -3,5 +3,5 @@ export interface GridContainerProps {
     className?: string;
     children?: React.ReactNode;
 }
-declare const TabsPanel: (props: GridContainerProps) => JSX.Element;
+declare const TabsPanel: (props: GridContainerProps) => React.JSX.Element;
 export default TabsPanel;

package/dist/organisms/grid-container/stories/grid-container.stories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("..").GridContainerProps) => JSX.Element;
+    component: (props: import("..").GridContainerProps) => React.JSX.Element;
 };
 export default _default;
 export declare const GridContainerComponent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     storyName: string;
 };

package/dist/organisms/horizontal-nav/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export interface HorizontalNavInterface {
     className?: string;
     customColor?: string;
     items: any;
     startsOpen?: boolean;
 }
-declare const HorizontalNav: (props: HorizontalNavInterface) => JSX.Element;
+declare const HorizontalNav: (props: HorizontalNavInterface) => React.JSX.Element;
 export default HorizontalNav;

package/dist/organisms/horizontal-nav/stories/horizontal-nav.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { HorizontalNavInterface } from '..';
 declare const _default: {
     title: string;
-    component: (props: HorizontalNavInterface) => JSX.Element;
+    component: (props: HorizontalNavInterface) => React.JSX.Element;
     argTypes: {
         customColor: {
             control: string;
@@ -11,10 +11,10 @@ declare const _default: {
 };
 export default _default;
 export declare const HorizontalNavComponent: {
-    (args: HorizontalNavInterface): JSX.Element;
+    (args: HorizontalNavInterface): React.JSX.Element;
     storyName: string;
     args: {
-        items: JSX.Element[];
+        items: React.JSX.Element[];
         startsOpen: boolean;
     };
 };

package/dist/organisms/loading-state/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export interface LoadingStateProps {
     type: 'text' | 'card' | 'value';
     lines?: number;
     cardsNumber?: number;
     center?: boolean;
 }
-declare const LoadingState: (props: LoadingStateProps) => JSX.Element;
+declare const LoadingState: (props: LoadingStateProps) => React.JSX.Element;
 export default LoadingState;

package/dist/organisms/loading-state/stories/loading-state.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { LoadingStateProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: LoadingStateProps) => JSX.Element;
+    component: (props: LoadingStateProps) => React.JSX.Element;
     argTypes: {
         type: {
             control: {
@@ -14,7 +14,7 @@ declare const _default: {
 };
 export default _default;
 export declare const LoadingStateComponent: {
-    (args: LoadingStateProps): JSX.Element;
+    (args: LoadingStateProps): React.JSX.Element;
     storyName: string;
     args: {
         type: string;

package/dist/organisms/modal/index.d.ts

@@ -8,5 +8,5 @@ export interface ModalProps {
     footer: boolean;
     zIndex?: number;
 }
-declare const Modal: (props: ModalProps) => JSX.Element;
+declare const Modal: (props: ModalProps) => React.JSX.Element;
 export default Modal;

package/dist/organisms/modal/stories/modal.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: ModalProps) => JSX.Element;
+    component: (props: ModalProps) => React.JSX.Element;
     argTypes: {};
 };
 export default _default;
 export declare const ModalComponentBase: {
-    (args: ModalProps): JSX.Element;
+    (args: ModalProps): React.JSX.Element;
     storyName: string;
     args: {
         title: string;
@@ -17,7 +17,7 @@ export declare const ModalComponentBase: {
     };
 };
 export declare const ModalEditorComponent: {
-    (args: ModalProps): JSX.Element;
+    (args: ModalProps): React.JSX.Element;
     storyName: string;
     args: {
         title: string;

package/dist/organisms/modal-drawer/index.d.ts

@@ -9,5 +9,5 @@ export interface ModalDrawerProps {
     footerHidden?: boolean;
     zIndex?: number;
 }
-declare const ModalDrawer: (props: ModalDrawerProps) => JSX.Element;
+declare const ModalDrawer: (props: ModalDrawerProps) => React.JSX.Element;
 export default ModalDrawer;

package/dist/organisms/modal-drawer/stories/modal-drawer.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalDrawerProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: ModalDrawerProps) => JSX.Element;
+    component: (props: ModalDrawerProps) => React.JSX.Element;
     argTypes: {};
 };
 export default _default;
 export declare const ModalDrawerComponent: {
-    (args: ModalDrawerProps): JSX.Element;
+    (args: ModalDrawerProps): React.JSX.Element;
     storyName: string;
     args: {
         title: string;
@@ -16,7 +16,7 @@ export declare const ModalDrawerComponent: {
     };
 };
 export declare const ModalDrawerCustomFooterComponent: {
-    (args: ModalDrawerProps): JSX.Element;
+    (args: ModalDrawerProps): React.JSX.Element;
     storyName: string;
     args: {
         title: string;

package/dist/organisms/tabs-panel/index.d.ts

@@ -10,5 +10,5 @@ export interface TabsPanelProps {
     onChange?: () => {};
     tabs: Tab[];
 }
-declare const TabsPanel: (props: TabsPanelProps) => JSX.Element;
+declare const TabsPanel: (props: TabsPanelProps) => React.JSX.Element;
 export default TabsPanel;

package/dist/organisms/tabs-panel/stories/tabs-panel.stories.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
+import React from 'react';
 import { TabsPanelProps } from '..';
 declare const _default: {
     title: string;
-    component: (props: TabsPanelProps) => JSX.Element;
+    component: (props: TabsPanelProps) => React.JSX.Element;
     argTypes: {};
 };
 export default _default;
 export declare const TabsPanelComponent: {
-    (args: TabsPanelProps): JSX.Element;
+    (args: TabsPanelProps): React.JSX.Element;
     storyName: string;
     args: {
         unmountOnExit: boolean;
         selectedTabKey: number;
         tabs: {
             title: string;
-            renderer: JSX.Element;
+            renderer: React.JSX.Element;
         }[];
     };
 };