@taikai/rocket-kit 2.0.0-beta.10

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+export { default as AvatarImage } from './atoms/avatar-image';
+export { default as Button } from './atoms/button';
+export { default as ButtonDropdown } from './atoms/button-dropdown';
+export { default as ButtonLink } from './atoms/button-link';
+export { default as Checkbox } from './atoms/checkbox';
+export { default as CheckboxButton } from './atoms/checkbox-button';
+export { default as ErrorField } from './atoms/error-field';
+export { default as Icon } from './atoms/icon';
+export { default as Label } from './atoms/label';
+export { default as Spinner } from './atoms/spinner';
+export { default as Tag } from './atoms/tag';
+export { default as TagNumber } from './atoms/tag-number';
+export { default as TextField } from './atoms/text-field';
+export { default as TextArea } from './atoms/text-area';
+export { default as Select } from './atoms/select';
+export { default as SelectInteractive } from './atoms/select-interactive';
+export { default as TextFieldAppendix } from './atoms/text-field-appendix';
+export { default as TruncateLine } from './atoms/truncate-line';
+export { default as Slideshow } from './atoms/slideshow';
+export { default as VideoPlayer } from './atoms/video-player';
+export { default as ProgressBar } from './atoms/progress-bar';
+export { default as Toggle } from './atoms/toggle';
+export { default as FilePicker } from './atoms/file-picker';
+export { default as ActionsMenu } from './molecules/actions-menu';
+export { default as CardValue } from './molecules/card-value';
+export { default as EmptyTable } from './molecules/empty-table';
+export { default as ModalFooter } from './molecules/modal-footer';
+export { default as NoteCard } from './molecules/note-card';
+export { default as Table } from './molecules/table';
+export { default as TableDnD } from './molecules/table-dnd';
+export { default as FormGroup } from './molecules/form-group';
+export { default as NumberInputSpinner } from './molecules/number-input-spinner';
+export { default as WizardSteps } from './molecules/wizard-steps';
+export { default as AlertNotification } from './molecules/alert-notification';
+export { default as PaginationControl } from './molecules/pagination-control';
+export { default as Error } from './molecules/error';
+export { default as DataWarning } from './molecules/data-warning';
+export { default as RadioGroup } from './molecules/radio-group';
+export { default as CheckboxGroup } from './molecules/checkbox-group';
+export { default as FieldWidthButton } from './molecules/field-with-button';
+export { default as HorizontalNav } from './organisms/horizontal-nav';
+export { default as Modal } from './organisms/modal';
+export { default as ModalDrawer } from './organisms/modal-drawer';
+export { default as LoadingState } from './organisms/loading-state';
+export { default as TabsPanel } from './organisms/tabs-panel';
+export { default as GridContainer } from './organisms/grid-container';
+export { default as GridRow } from './organisms/grid-container/grid-row';
+export { default as GridCol } from './organisms/grid-container/grid-col';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./rocket-kit.cjs.production.min.js')
+} else {
+  module.exports = require('./rocket-kit.cjs.development.js')
+}

package/dist/ions/breakpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const device: {
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    touch: string;
+    mouse: string;
+};

package/dist/ions/icon-empty-data.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const IconEmptyData: () => JSX.Element;
+export default IconEmptyData;

package/dist/ions/icon-login-only.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const IconLoginOnly: () => JSX.Element;
+export default IconLoginOnly;

package/dist/ions/icons.d.ts

@@ -0,0 +1,5 @@
+interface IconsType {
+    [key: string]: string;
+}
+declare const icons: IconsType;
+export default icons;

package/dist/ions/variables.d.ts

@@ -0,0 +1,25 @@
+export declare const colors: {
+    normal: string;
+    light: string;
+    blue: string;
+    darkBlue: string;
+    orange: string;
+    darkOrange: string;
+    red: string;
+    lightRed: string;
+    darkRed: string;
+    purple: string;
+    lightPurple: string;
+    darkPurple: string;
+    green: string;
+    lightGreen: string;
+    darkGreen: string;
+    grey: string;
+    lightGrey: string;
+    darkGrey: string;
+};
+export declare const fontWeight: {
+    regular: number;
+    medium: number;
+    bold: number;
+};

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;