@taikai/rocket-kit 2.0.0-beta.10

package/dist/atoms/select/stories/select.stories.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { SelectProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: SelectProps) => JSX.Element;
+    argTypes: {
+        minimal: {
+            control: {
+                type: string;
+            };
+        };
+        onChange: {
+            action: string;
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const SelectComponent: {
+    (args: SelectProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        placeholder: string;
+        options: {
+            value: string;
+            name: string;
+        }[];
+        error: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/select/styles.d.ts

@@ -0,0 +1,6 @@
+interface SelectStyleProps {
+    minimal?: boolean;
+    error?: string;
+}
+export declare const SelectStyle: import("styled-components").StyledComponent<"select", any, SelectStyleProps, never>;
+export {};

package/dist/atoms/select-interactive/components/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TCustomOptions, TOptions } from '../types';
+import { formatGroupLabel } from 'react-select/src/builtins';
+export declare const FormatGroupLabel: formatGroupLabel<TOptions>;
+export declare const CustomSelectOption: (props: TCustomOptions, commonProps: any) => JSX.Element;
+export declare const CustomSelectValue: (props: TCustomOptions) => JSX.Element;

package/dist/atoms/select-interactive/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectInteractiveProps, TSelectInteractiveOption } from './types';
+declare const SelectInteractive: ({ name, multi, search, placeholder, options, value, clear, error, disabled, formatGroupLabel, onChange, onInputChange, ...rest }: SelectInteractiveProps<TSelectInteractiveOption>) => JSX.Element;
+export default SelectInteractive;

package/dist/atoms/select-interactive/stories/select-interactive.stories.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { SelectInteractiveProps, TSelectInteractiveOption } from '../types';
+declare const _default: {
+    title: string;
+    component: ({ name, multi, search, placeholder, options, value, clear, error, disabled, formatGroupLabel, onChange, onInputChange, ...rest }: SelectInteractiveProps<TSelectInteractiveOption>) => JSX.Element;
+    argTypes: {
+        multi: {
+            control: {
+                type: string;
+            };
+        };
+        search: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const SelectInteractiveSimpleComponent: {
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    storyName: string;
+    args: {
+        multi: boolean;
+        search: boolean;
+        placeholder: string;
+    };
+};
+export declare const SelectInteractiveGroupedOptionsNotFormattedComponent: {
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    storyName: string;
+};
+export declare const SelectInteractiveFormatedGroupedOptionsComponent: {
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    storyName: string;
+};
+export declare const SelectInteractiveIconsComponent: {
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    storyName: string;
+    args: {
+        multi: boolean;
+        search: boolean;
+        placeholder: string;
+    };
+};
+export declare const SelectInteractiveCustomComponent: {
+    (args: SelectInteractiveProps<TSelectInteractiveOption>): JSX.Element;
+    storyName: string;
+    args: {
+        multi: boolean;
+        search: boolean;
+        placeholder: string;
+    };
+};

package/dist/atoms/select-interactive/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectGroupLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectGroupTotal: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/atoms/select-interactive/types.d.ts

@@ -0,0 +1,34 @@
+import { MapHTMLAttributes, ReactNode } from 'react';
+import { NamedProps } from 'react-select/src/Select';
+export interface TSelectInteractiveOption {
+    value: string;
+    label: string;
+    [k: string]: any;
+}
+export interface TOptions extends TSelectInteractiveOption {
+    icon?: string;
+    customImage?: React.ReactNode;
+}
+export interface TCustomOptions {
+    data: TOptions;
+}
+export interface OptionsGroup<T extends TSelectInteractiveOption> {
+    label: string;
+    options: ReadonlyArray<T>;
+}
+declare type TDivElement = Omit<MapHTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'>;
+declare type Options = TSelectInteractiveOption | ReadonlyArray<TSelectInteractiveOption>;
+export interface SelectInteractiveProps<T extends Options> extends TDivElement, Pick<NamedProps<T>, 'onInputChange'> {
+    name?: string;
+    error?: string;
+    clear?: boolean;
+    multi?: boolean;
+    search?: boolean;
+    disabled?: boolean;
+    placeholder?: ReactNode;
+    formatGroupLabel?: boolean;
+    value?: ReadonlyArray<TOptions> | TOptions | null | undefined;
+    onChange: (values: Array<TOptions> | TOptions) => void;
+    options: ReadonlyArray<TOptions | OptionsGroup<TOptions>>;
+}
+export {};

package/dist/atoms/slideshow/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface SlideshowProps {
+    showArrows?: boolean;
+    slidesNumber: number;
+    autoPlay?: boolean;
+    stopOnHover?: boolean;
+    interval?: number;
+    dynamicHeight?: boolean;
+    slideSelected?: number;
+    children: any;
+}
+declare const Slideshow: (props: SlideshowProps) => JSX.Element;
+export default Slideshow;

package/dist/atoms/slideshow/stories/slideshow.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { SlideshowProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: SlideshowProps) => JSX.Element;
+};
+export default _default;
+export declare const SlideshowComponent: {
+    (args: SlideshowProps): JSX.Element;
+    story: {
+        name: string;
+    };
+    args: {
+        showArrows: boolean;
+        slidesNumber: number;
+        autoPlay: boolean;
+        stopOnHover: boolean;
+        interval: number;
+        dynamicHeight: boolean;
+        slideSelected: number;
+    };
+};

package/dist/atoms/slideshow/styles.d.ts

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

package/dist/atoms/spinner/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+interface SpinnerProps {
+    fill?: string;
+    size?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const Spinner: (props: SpinnerProps) => JSX.Element;
+export default Spinner;

package/dist/atoms/spinner/styles.d.ts

@@ -0,0 +1,6 @@
+interface LoadingProps {
+    fill?: string;
+    size?: string;
+}
+export declare const Loading: import("styled-components").StyledComponent<"div", any, LoadingProps, never>;
+export {};

package/dist/atoms/tag/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { TagVariant, TagColor } from './types';
+interface TagProps {
+    variant?: TagVariant;
+    color?: TagColor;
+    value: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const Tag: (props: TagProps) => JSX.Element;
+export default Tag;

package/dist/atoms/tag/styles.d.ts

@@ -0,0 +1,7 @@
+import { TagVariant, TagColor } from './types';
+interface TagWrapperProps {
+    variant?: TagVariant;
+    color?: TagColor;
+}
+export declare const TagWrapper: import("styled-components").StyledComponent<"span", any, TagWrapperProps, never>;
+export {};

package/dist/atoms/tag/types.d.ts

@@ -0,0 +1,2 @@
+export declare type TagVariant = 'solid' | 'outline';
+export declare type TagColor = 'green' | 'orange' | 'red' | 'grey' | 'light';

package/dist/atoms/tag-number/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface TagNumberProps {
+    label: string;
+    value: number | string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const TagNumber: (props: TagNumberProps) => JSX.Element;
+export default TagNumber;

package/dist/atoms/tag-number/stories/tag-number.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TagNumberProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TagNumberProps) => JSX.Element;
+};
+export default _default;
+export declare const TagNumberComponent: {
+    (args: TagNumberProps): JSX.Element;
+    storyName: string;
+    args: {
+        label: string;
+        value: number;
+    };
+};

package/dist/atoms/tag-number/styles.d.ts

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

package/dist/atoms/text-area/index.d.ts

@@ -0,0 +1,21 @@
+import React, { CSSProperties } from 'react';
+export interface TextAreaProps {
+    minimal?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    height?: string;
+    name?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    minlength?: number;
+    maxlength?: number;
+    charactersCount?: number;
+    disabled?: boolean;
+    error?: string;
+    required?: boolean;
+    dataTestId?: string;
+}
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export default TextArea;

package/dist/atoms/text-area/stories/text-area.stories.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import { TextAreaProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TextAreaProps) => JSX.Element;
+    argTypes: {
+        minimal: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const TextAreaComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        placeholder: string;
+        height: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+        required: boolean;
+    };
+};
+export declare const TextAreaCharactersCountComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        placeholder: string;
+        height: string;
+        error: string;
+        disabled: boolean;
+        required: boolean;
+    };
+};
+export declare const TextAreaDefaultComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        height: string;
+        placeholder: string;
+        defaultValue: string;
+        value: null;
+        onChange: () => void;
+        disabled: boolean;
+    };
+};
+export declare const TextAreaDisabledComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        height: string;
+        placeholder: string;
+        value: string;
+        onChange: () => void;
+        disabled: boolean;
+    };
+};
+export declare const TextAreaFullBorderComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        height: string;
+        placeholder: string;
+        onChange: () => void;
+        disabled: boolean;
+    };
+};
+export declare const TextAreaErrorComponent: {
+    (args: TextAreaProps): JSX.Element;
+    storyName: string;
+    args: {
+        minimal: boolean;
+        name: string;
+        height: string;
+        placeholder: string;
+        value: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/text-area/styles.d.ts

@@ -0,0 +1,11 @@
+interface TextAreaProps {
+    minimal?: boolean;
+    height?: string;
+    error?: string;
+    minlength?: number;
+    maxlength?: number;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextAreaStyle: import("styled-components").StyledComponent<"textarea", any, TextAreaProps, never>;
+export declare const Count: import("styled-components").StyledComponent<"div", any, TextAreaProps, never>;
+export {};

package/dist/atoms/text-field/index.d.ts

@@ -0,0 +1,23 @@
+import React, { CSSProperties } from 'react';
+import { TextFieldType } from './types';
+interface TextFieldProps {
+    type?: TextFieldType;
+    minimal?: boolean;
+    error?: string;
+    icon?: string;
+    name?: string;
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    dataTestId?: string;
+    className?: string;
+    style?: CSSProperties;
+    min?: number;
+    max?: number;
+    pattern?: string;
+    required?: boolean;
+}
+declare const TextField: (props: TextFieldProps) => JSX.Element;
+export default TextField;

package/dist/atoms/text-field/styles.d.ts

@@ -0,0 +1,7 @@
+interface InputStyleProps {
+    minimal?: boolean;
+    icon?: string;
+    error?: string;
+}
+export declare const TextFieldInputStyle: import("styled-components").StyledComponent<"input", any, InputStyleProps, never>;
+export {};

package/dist/atoms/text-field/types.d.ts

@@ -0,0 +1 @@
+export declare type TextFieldType = 'text' | 'url' | 'password' | 'date' | 'time' | 'number' | 'email';

package/dist/atoms/text-field-appendix/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TextFieldType } from '../text-field/types';
+export interface TextFieldAppendixProps {
+    append?: string;
+    prepend?: string;
+    type?: TextFieldType;
+    error?: string;
+    name?: string;
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    dataTestId?: string;
+    className?: string;
+    min?: number;
+    max?: number;
+    pattern?: string;
+    required?: boolean;
+}
+declare const TextFieldAppendix: (props: TextFieldAppendixProps) => JSX.Element;
+export default TextFieldAppendix;

package/dist/atoms/text-field-appendix/stories/text-field-appendix.stories.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { TextFieldAppendixProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: TextFieldAppendixProps) => JSX.Element;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const TextFieldPrependComponent: {
+    (args: TextFieldAppendixProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+        name: string;
+        prepend: string;
+        append: string;
+        placeholder: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+    };
+};
+export declare const TextFieldAppendComponent: {
+    (args: TextFieldAppendixProps): JSX.Element;
+    storyName: string;
+    args: {
+        type: string;
+        name: string;
+        prepend: string;
+        append: string;
+        placeholder: string;
+        onChange: () => void;
+        error: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/text-field-appendix/styles.d.ts

@@ -0,0 +1,10 @@
+interface TextFieldAppendixProps {
+    error?: string;
+}
+interface AppendixProps {
+    position: 'left' | 'right';
+    error?: string;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, TextFieldAppendixProps, never>;
+export declare const Appendix: import("styled-components").StyledComponent<"div", any, AppendixProps, never>;
+export {};

package/dist/atoms/toggle/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToggleProps } from './types';
+declare const Toggle: ({ ariaLabelOn, ariaLabelOff, labelLeft, labelRight, checked, disabled, isLabelVisible, onClick, ...rest }: ToggleProps) => JSX.Element;
+export default Toggle;

package/dist/atoms/toggle/stories/toogle.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ToggleProps } from '../types';
+declare const _default: {
+    title: string;
+    component: ({ ariaLabelOn, ariaLabelOff, labelLeft, labelRight, checked, disabled, isLabelVisible, onClick, ...rest }: ToggleProps) => JSX.Element;
+};
+export default _default;
+export declare const ToggleComponent: {
+    (args: ToggleProps): JSX.Element;
+    storyName: string;
+    args: {
+        checked: boolean;
+        isLabelVisible: boolean;
+        labelLeft: string;
+        labelRight: string;
+        disabled: boolean;
+    };
+};

package/dist/atoms/toggle/styles.d.ts

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

package/dist/atoms/toggle/types.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export interface ToggleProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'onClick'> {
+    /** The value that is called
+     * when one of the fields is clicked
+     */
+    onClick?: (value: boolean) => void;
+    labelLeft?: string;
+    labelRight?: string;
+    /** The default checked input */
+    checked?: boolean;
+    disabled?: boolean;
+    /** Activates or disactivates the labels */
+    isLabelVisible: boolean;
+    ariaLabelOn?: string;
+    ariaLabelOff?: string;
+}

package/dist/atoms/truncate-line/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface TruncateLineProps {
+    value: string;
+    className?: string;
+    style?: CSSProperties;
+    dataTestId?: string;
+}
+declare const TruncateLine: (props: TruncateLineProps) => JSX.Element;
+export default TruncateLine;

package/dist/atoms/truncate-line/stories/truncate-line.stories.d.ts

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

package/dist/atoms/truncate-line/styles.d.ts

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

package/dist/atoms/video-player/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface VideoPlayerProps {
+    video: any;
+    playing?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    width?: string;
+    height?: string;
+    onEnded?: any;
+}
+declare const VideoPlayer: (props: VideoPlayerProps) => JSX.Element;
+export default VideoPlayer;

package/dist/atoms/video-player/stories/video-player.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { VideoPlayerProps } from '..';
+declare const _default: {
+    title: string;
+    component: (props: VideoPlayerProps) => JSX.Element;
+    argTypes: {
+        onEnded: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const VideoPlayerComponent: {
+    (args: VideoPlayerProps): JSX.Element;
+    storyName: string;
+    args: {
+        video: string;
+        playing: boolean;
+        loop: boolean;
+        controls: boolean;
+        width: string;
+        height: string;
+    };
+};

package/dist/atoms/video-player/styles.d.ts

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

package/dist/globalStyles.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default GlobalStyle;