@taikai/rocket-kit 2.0.0-beta.7

package/dist/molecules/actions-menu/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ActionMenu } from './types';
+interface ActionsMenuListInterface<T> {
+    actions: ActionMenu<T>[];
+    data?: any;
+    rowIndex?: number;
+    handleOptionClick?: () => void;
+}
+interface ActionsMenuInterface<T> {
+    className?: string;
+    ariaLabel?: string;
+    actions: ActionMenu<T>[];
+    data?: T;
+    dataTestId?: string;
+    startsOpen?: boolean;
+}
+export declare const ActionMenuList: <T>(props: ActionsMenuListInterface<T>) => JSX.Element;
+declare const ActionsMenu: <T>(props: ActionsMenuInterface<T>) => JSX.Element;
+export default ActionsMenu;

package/dist/molecules/actions-menu/styles.d.ts

@@ -0,0 +1,6 @@
+interface ListInterface {
+    rowIndex?: number;
+}
+export declare const ActionsMenuStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const List: import("styled-components").StyledComponent<"ul", any, ListInterface, never>;
+export {};

package/dist/molecules/actions-menu/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type ActionMenuType = 'default' | 'danger' | 'disabled';
+export interface ActionMenu<T> {
+    id: string;
+    type: ActionMenuType;
+    value: string;
+    visibilityFunc?: (data: T) => boolean;
+    url?: string;
+    action?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>, data: T | null) => void;
+}

package/dist/molecules/alert-notification/index.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties } from 'react';
+export interface AlertNotificationProps {
+    className?: string;
+    style?: CSSProperties;
+    variant?: 'success' | 'orange' | 'red';
+    value: string;
+    children?: React.ReactNode;
+    closeAction?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const AlertNotification: (props: AlertNotificationProps) => JSX.Element;
+export default AlertNotification;

package/dist/molecules/alert-notification/stories/alert-notification.stories.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { AlertNotificationProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: AlertNotificationProps) => JSX.Element;
+    argTypes: {
+        variant: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const AlertNotificationComponent: {
+    (args: AlertNotificationProps): JSX.Element;
+    storyName: string;
+    args: {
+        className: string;
+        variant: string;
+        value: string;
+        closeAction: () => void;
+    };
+};

package/dist/molecules/alert-notification/styles.d.ts

@@ -0,0 +1,5 @@
+interface AlertNotificationProps {
+    variant?: 'success' | 'orange' | 'red';
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, AlertNotificationProps, never>;
+export {};

package/dist/molecules/card-value/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface CardValueProps {
+    label: string;
+    kai?: boolean;
+    value: string | number;
+    description?: string;
+    buttonValue?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CardValue: (props: CardValueProps) => JSX.Element;
+export default CardValue;

package/dist/molecules/card-value/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CardValueStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CardValueButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,23 @@
+import React, { CSSProperties } from 'react';
+export declare type CheckboxItem = {
+    value: string;
+    label?: string | React.ReactNode;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    dataTestId?: string;
+    required?: boolean;
+};
+export interface CheckboxGroupProps {
+    type?: 'row' | 'column';
+    children?: React.ReactNode;
+    options?: CheckboxItem[];
+    error?: string;
+    onChange?: () => {};
+    disabled?: boolean;
+}
+declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
+export default CheckboxGroup;

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { CheckboxGroupProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: CheckboxGroupProps) => JSX.Element;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        onChange: {
+            action: () => void;
+        };
+    };
+};
+export default _default;
+export declare const CheckboxGroupComponent: {
+    (args: CheckboxGroupProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+        options: {
+            label: string;
+            value: string;
+            checked: null;
+            disabled: boolean;
+        }[];
+        error: string;
+        disabled: boolean;
+    };
+};

package/dist/molecules/checkbox-group/styles.d.ts

@@ -0,0 +1,6 @@
+interface CheckboxGroupProps {
+    type?: 'row' | 'column';
+    error?: string;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"ul", any, CheckboxGroupProps, never>;
+export {};

package/dist/molecules/data-warning/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface DataWarningProps {
+    type?: 'login' | 'data';
+    children: React.ReactNode;
+}
+declare const DataWarning: (props: DataWarningProps) => JSX.Element;
+export default DataWarning;

package/dist/molecules/data-warning/stories/data-warning.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { DataWarningProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: DataWarningProps) => JSX.Element;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const DataWarningComponent: {
+    (args: DataWarningProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+    };
+};

package/dist/molecules/data-warning/styles.d.ts

@@ -0,0 +1,5 @@
+interface DataWarningProps {
+    type: 'login' | 'data';
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, DataWarningProps, never>;
+export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface EmptyTableProps {
+    border?: boolean;
+    value: string;
+    tableHead: string[];
+}
+declare const EmptyTable: (props: EmptyTableProps) => JSX.Element;
+export default EmptyTable;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { EmptyTableProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: EmptyTableProps) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const EmptyTableComponent: {
+    (args: EmptyTableProps): JSX.Element;
+    storyName: string;
+    args: {
+        border: boolean;
+        tableHead: string[];
+        value: string;
+    };
+};

package/dist/molecules/empty-table/styles.d.ts

@@ -0,0 +1,10 @@
+interface BorderProps {
+    border: boolean;
+}
+export declare const EmptyTableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyTableHead: import("styled-components").StyledComponent<"div", any, BorderProps, never>;
+export declare const EmptyTableBody: import("styled-components").StyledComponent<"div", any, BorderProps, never>;
+export declare const EmptyTableRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyTableCellText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyTableOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ErrorProps {
+    variant?: 'default' | 'minimal';
+    value: string;
+}
+declare const Error: (props: ErrorProps) => JSX.Element;
+export default Error;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ErrorProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: ErrorProps) => JSX.Element;
+    argTypes: {
+        variant: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const ErrorComponent: {
+    (args: ErrorProps): JSX.Element;
+    args: {
+        variant: string;
+        value: string;
+    };
+};

package/dist/molecules/error/styles.d.ts

@@ -0,0 +1,5 @@
+interface ErrorProps {
+    variant: 'default' | 'minimal';
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, ErrorProps, never>;
+export {};

package/dist/molecules/field-with-button/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextFieldType } from '../../atoms/text-field/types';
+export interface FieldWidthButtonProps {
+    label?: string;
+    type?: TextFieldType;
+    name?: string;
+    placeholder?: string;
+    value?: string | number;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    error?: string;
+    dataTestId?: string;
+    required?: boolean;
+    buttonIcon: string;
+    buttonValue?: string;
+    buttonAction?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    buttonDisabled?: boolean;
+}
+declare const FieldWidthButton: (props: FieldWidthButtonProps) => JSX.Element;
+export default FieldWidthButton;

package/dist/molecules/field-with-button/stories/field-with-button.stories.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { FieldWidthButtonProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: FieldWidthButtonProps) => JSX.Element;
+    argTypes: {
+        onChange: {
+            action: () => void;
+        };
+        buttonAction: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const FieldWidthButtonComponent: {
+    (args: FieldWidthButtonProps): JSX.Element;
+    storyName: string;
+    args: {
+        label: string;
+        value: string;
+        disabled: boolean;
+        buttonIcon: string;
+        buttonValue: string;
+    };
+};

package/dist/molecules/field-with-button/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Field: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FormGroupProps {
+    kai?: boolean;
+    label: string;
+    error?: boolean;
+    children: React.ReactNode;
+}
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+export default FormGroup;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { FormGroupProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: FormGroupProps) => JSX.Element;
+    argTypes: {
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        kai: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const FormGroupComponent: {
+    (args: FormGroupProps): JSX.Element;
+    storyName: string;
+    args: {
+        label: string;
+        kai: boolean;
+        error: boolean;
+    };
+};

package/dist/molecules/form-group/styles.d.ts

@@ -0,0 +1,5 @@
+interface WrapperProps {
+    error?: boolean;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
+export {};

package/dist/molecules/modal-footer/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ModalFooterProps {
+    children?: React.ReactNode;
+    closeAction?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    closeValue?: string;
+    dataTestId?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const ModalFooter: (props: ModalFooterProps) => JSX.Element;
+export default ModalFooter;

package/dist/molecules/modal-footer/stories/modal-footer.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ModalFooterProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: ModalFooterProps) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const ModalFooterComponentNoChildren: {
+    (args: ModalFooterProps): JSX.Element;
+    storyName: string;
+    args: {
+        closeValue: string;
+    };
+};
+export declare const ModalFooterComponentChildren: {
+    (args: ModalFooterProps): JSX.Element;
+    storyName: string;
+    args: {
+        closeValue: string;
+    };
+};

package/dist/molecules/modal-footer/styles.d.ts

@@ -0,0 +1 @@
+export declare const FooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/molecules/note-card/index.d.ts

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from 'react';
+import { NoteColor } from './types';
+interface NoteCardProps {
+    color?: NoteColor;
+    value: any;
+    buttonValue?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const NoteCard: (props: NoteCardProps) => JSX.Element;
+export default NoteCard;

package/dist/molecules/note-card/styles.d.ts

@@ -0,0 +1,7 @@
+import { NoteColor } from './types';
+interface NoteCardProps {
+    color?: NoteColor;
+    buttonValue?: string;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, NoteCardProps, never>;
+export {};

package/dist/molecules/note-card/types.d.ts

@@ -0,0 +1 @@
+export declare type NoteColor = 'grey' | 'green' | 'red';

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface NumberInputSpinnerProps {
+    decreaseAriaLabel?: string;
+    increaseAriaLabel?: string;
+    increment?: number;
+    min?: number;
+    max?: number;
+    value?: number;
+    onChange?: (value: number) => void;
+    disabled?: boolean;
+}
+declare const NumberInputSpinner: (props: NumberInputSpinnerProps) => JSX.Element;
+export default NumberInputSpinner;

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

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

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

@@ -0,0 +1,7 @@
+interface NumberInputSpinnerProps {
+    max?: number;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, NumberInputSpinnerProps, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PageControlProps {
+    dark?: boolean;
+    page: number;
+    pageCount: number;
+    hrefBuilder?: any;
+    onPageChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ariaLabelBuilder?: any;
+}
+declare const PaginationControl: (props: PageControlProps) => JSX.Element;
+export default PaginationControl;

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { PageControlProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: PageControlProps) => JSX.Element;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PaginationControlLight: {
+    (args: PageControlProps): JSX.Element;
+    storyName: string;
+    args: {
+        page: number;
+        pageCount: number;
+        onPageChange: () => void;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export declare const PaginationControlDark: {
+    (args: PageControlProps): JSX.Element;
+    storyName: string;
+    args: {
+        dark: boolean;
+        page: number;
+        pageCount: number;
+        onPageChange: () => void;
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};

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

@@ -0,0 +1,5 @@
+interface PageControlProps {
+    dark?: boolean;
+}
+export declare const PaginationWrapper: import("styled-components").StyledComponent<"div", any, PageControlProps, never>;
+export {};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export declare type Item = {
+    value: string;
+    label: string;
+    disabled: boolean;
+    checked: boolean | undefined;
+};
+export interface RadioGroupProps {
+    className?: string;
+    style?: React.CSSProperties;
+    options: Item[];
+    type?: 'row' | 'column';
+    group: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    error?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+}
+declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
+export default RadioGroup;

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { RadioGroupProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: RadioGroupProps) => JSX.Element;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        onChange: {
+            action: () => void;
+        };
+    };
+};
+export default _default;
+export declare const RadioGroupComponent: {
+    (args: RadioGroupProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+        group: string;
+        options: {
+            value: string;
+            label: string;
+            disabled: boolean;
+            checked: undefined;
+        }[];
+        error: string;
+        disabled: boolean;
+    };
+};

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

@@ -0,0 +1,13 @@
+interface WrapperProps {
+    type?: 'row' | 'column';
+    group: string;
+    error?: string;
+    disabled?: boolean;
+}
+interface ItemProps {
+    error?: string;
+    disabled?: boolean;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"ul", any, WrapperProps, never>;
+export declare const Item: import("styled-components").StyledComponent<"li", any, ItemProps, never>;
+export {};