@reapit/elements 2.1.2 → 2.3.0-beta.1

package/dist/esm/components/Spreadsheet/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Cell, SpreadsheetProps } from './types';
+import { handleDownload } from './handlers';
+export declare const UploadButton: ({ onChangeInput }: {
+    onChangeInput: any;
+}) => JSX.Element;
+export declare const DownloadButton: ({ data }: {
+    data: any;
+}) => JSX.Element;
+export declare const DownloadSampleButton: ({ headers }: {
+    headers: any;
+}) => JSX.Element;
+export declare const AddRowButton: ({ addNewRow }: {
+    addNewRow: any;
+}) => JSX.Element;
+export declare const getErrorsFromData: (data: Cell[][]) => JSX.Element[];
+export declare const renderErrorElements: (data?: Cell[][]) => JSX.Element | null;
+export declare const Spreadsheet: React.FC<SpreadsheetProps>;
+export * from './types';
+export * from './utils';
+export { handleDownload as handleDownloadCsv };

package/dist/esm/components/Spreadsheet/modal-upload.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ModalUploadProp } from './types';
+export declare const ModalUpload: React.FC<ModalUploadProp>;

package/dist/esm/components/Spreadsheet/spreadsheet.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./types").SpreadsheetProps>;
+};
+export default _default;
+export declare const Basic: Story;
+export declare const Validate: Story;
+export declare const CustomStyle: Story;
+export declare const CustomComponent: Story;
+export declare const SpreadsheetOnly: Story;
+export declare const SpreadsheetWithAfterDataChangedHandler: Story;
+export declare const CustomCompSpreadsheetWithAfterCellsChangedHandleronent: Story;
+export declare const UploadWithValidate: Story;

package/dist/esm/components/Spreadsheet/types.d.ts

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import ReactDataSheet from 'react-datasheet';
+export declare class MyReactDataSheet extends ReactDataSheet<Cell, string | null> {
+}
+/** Cell contain predefined value
+ * https://github.com/nadbm/react-datasheet/blob/master/types/react-datasheet.d.ts
+ * plus some properties below
+ */
+export declare type ChangedCells = {
+    oldCell: Cell;
+    row: number;
+    col: number;
+    newCell: Cell;
+}[];
+export declare type InvalidIndies = {
+    row: number;
+    col: number;
+    cell: Cell;
+}[];
+export interface UploadData {
+    header: Cell[];
+    totalRow: number;
+    validatedData: Cell[][];
+    invalidIndies: InvalidIndies;
+    shouldProcess: boolean;
+    isModalOpen: boolean;
+    exceedMaxRow: boolean;
+}
+export declare type SetUploadData = React.Dispatch<React.SetStateAction<UploadData>>;
+export declare type SetData = React.Dispatch<React.SetStateAction<Cell[][]>>;
+export declare type SetSelected = React.Dispatch<React.SetStateAction<SelectedMatrix | null>>;
+export interface Cell extends ReactDataSheet.Cell<Cell, string | null> {
+    value: string | null;
+    isValidated?: ValidateValue;
+    fixedReadOnly?: boolean;
+    /** Additional className for styling cell */
+    className?: string;
+    style?: React.CSSProperties;
+    CustomComponent?: React.FC<{
+        data: Cell[][];
+        cellRenderProps: ReactDataSheet.CellRendererProps<Cell, string | null>;
+        setData: SetData;
+        setSelected: SetSelected;
+        afterCellsChanged?: AfterCellsChanged;
+    }>;
+    error?: ErrorString;
+    touched?: boolean;
+}
+export interface DoubleClickPayLoad {
+    row: number;
+    col: number;
+    maxRowIndex: number;
+    maxColIndex: number;
+    isReadOnly?: boolean;
+}
+export declare type ErrorString = string;
+export declare type ValidateValue = boolean | ErrorString;
+export declare type ValidateFunction = (data: Cell[][]) => ValidateValue[][];
+export declare type AfterCellsChanged = (changes: ChangedCells, data: Cell[][], setData: SetData) => any;
+export declare type AfterDataChanged = (changes: ChangedCells, data: Cell[][]) => any;
+export declare type AfterUploadDataValidated = (params: {
+    uploadData: UploadData;
+    currentData: Cell[][];
+    setData: SetData;
+}) => any;
+export interface SpreadsheetProps {
+    data: Cell[][];
+    description?: React.ReactNode;
+    hasUploadButton?: boolean;
+    hasDownloadButton?: boolean;
+    hasAddButton?: boolean;
+    /**
+     * The validate function will be called everytime data changed, should return
+     * format like [[true, false], [true, true]] and have to match with spreadsheet data
+     */
+    validate?: ValidateFunction;
+    afterCellsChanged?: AfterCellsChanged;
+    afterDataChanged?: AfterDataChanged;
+    afterUploadDataValidated?: AfterUploadDataValidated;
+    CustomDownButton?: JSX.Element;
+    allowOnlyOneValidationErrorPerRow?: boolean;
+    maxUploadRow?: number;
+    hasDownloadSampleButton?: boolean;
+    sampleHeaders?: string[];
+}
+export declare type SelectedMatrix = {
+    start: ReactDataSheet.Location;
+    end: ReactDataSheet.Location;
+};
+export interface ContextMenuProp {
+    visible: boolean;
+    top: number;
+    left: number;
+}
+export interface ModalUploadProp {
+    uploadData: UploadData;
+    setUploadData: SetUploadData;
+}
+export declare type SetContextMenuProp = React.Dispatch<React.SetStateAction<ContextMenuProp>>;
+export interface ContextMenuData {
+    label: string;
+    items: {
+        id: string;
+        text: string;
+    }[];
+}
+export interface ContextMenuFCProps {
+    selected: SelectedMatrix | null;
+    contextMenuProp: ContextMenuProp;
+    setContextMenuProp: SetContextMenuProp;
+    onCellsChanged: OnCellsChanged;
+    data: Cell[][];
+}
+export declare type ChangesArray = ReactDataSheet.CellsChangedArgs<Cell, string | null>;
+export declare type OnCellsChanged = (changes: ChangesArray) => any;

package/dist/esm/components/Spreadsheet/utils.d.ts

@@ -0,0 +1,65 @@
+import Papa from 'papaparse';
+import { Cell, SetData, ValidateFunction, ChangedCells, InvalidIndies, ValidateValue } from './types';
+export declare const usePrevious: (value: any) => undefined;
+/** Get max row and col of data */
+export declare const getMaxRowAndCol: (data?: Cell[][] | undefined) => {
+    maxRow: number;
+    maxCol: number;
+};
+export declare const setCurrentCellValue: (cellData: string, data: Cell[][], row: number, col: number, setData: SetData) => void;
+export declare const parseCsvFile: (file: File) => Promise<Papa.ParseResult<any>>;
+/** convert to string to download */
+export declare const unparseDataToCsvString: (parseResult: string[][]) => string;
+/**
+ * Convert from ParseResult to Cell[][]
+ * Convert from [['value1', 'value2'], ['value3', 'value4']]
+ * to [[{value: 'value1'}, {value: ''}], [{value: 'value3'}, {value: 'value4'}]]
+ * for compatible reason
+ */
+export declare const convertToCompatibleData: (parsedResult: any) => Cell[][];
+/**
+ * Convert back from Cell[][] to string[][]
+ */
+export declare const convertDataToCsv: (data: Cell[][]) => string[][];
+export declare const changedCellsGenerate: (newData?: Cell[][] | undefined, oldData?: Cell[][] | undefined) => ChangedCells;
+/**
+ * data with isValidated setted
+ * and readOnly set to true if
+ *   - allowOnlyOneValidationErrorPerRow = true and belonge to invalidated row and is validated cell
+ */
+export declare const generateDataWithReadOnlyAndIsValidated: ({ data, allowOnlyOneValidationErrorPerRow, validateFunction, }: {
+    data: Cell[][];
+    allowOnlyOneValidationErrorPerRow: boolean;
+    validateFunction?: ValidateFunction | undefined;
+}) => Cell[][];
+/**
+ * to be used together with allowOnlyOneValidationErrorPerRow option
+ * ^ (alterDataWithReadOnly) will set readOnly to every validated cell on that row except the invalidaed row
+ */
+export interface generateDataWithReadOnlyParams {
+    data: Cell[][];
+    invalidatedRowIndexSet: Set<number>;
+}
+/**
+ * if cell is header row or cell's fixedReadOnly property = true, ignore cell
+ * If cell belong to invalidated row, set readOnly to false if cell is validated, else set readOnly to true
+ * If cell belong to validated row, set readOnly to true
+ */
+export declare const generateDataWithReadOnly: ({ data, invalidatedRowIndexSet }: generateDataWithReadOnlyParams) => Cell[][];
+/**
+ * to be used together with allowOnlyOneValidationErrorPerRow option
+ * This set will contain invalidated row
+ */
+export declare const generateInvalidatedRowIndexSet: (data: Cell[][]) => Set<number>;
+export declare const validatedDataGenerate: (data: Cell[][], validateFunction?: ValidateFunction | undefined) => Cell[][];
+/**
+ * Calculate number of invalid rows, using invalidIndies
+ */
+export declare const calculateNumberOfInvalidRows: (invalidIndies: InvalidIndies) => number;
+/**
+ * Remove all rows which include at least one invalid row
+ */
+export declare const createDataWithInvalidRowsRemoved: (data: Cell[][], validateMatrix: ValidateValue[][]) => {
+    dataWithInvalidRowsRemoved: Cell[][];
+    invalidIndies: InvalidIndies;
+};

package/dist/esm/components/Table/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Table/index.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * React-table currently don't implement types
+ *
+ */
+export interface TableProps {
+    columns: any[];
+    data: any[];
+    loading?: boolean;
+    scrollable?: boolean;
+    bordered?: boolean;
+    striped?: boolean;
+    fullWidth?: boolean;
+    maxHeight?: number;
+    expandable?: boolean;
+}
+export declare const expanderColumn: {
+    id: string;
+    columnProps: {
+        width: number;
+    };
+    Cell: ({ row }: {
+        row: any;
+    }) => JSX.Element | null;
+};
+export declare const addExpandableColumnToColumnsIfExpandableIsTrue: ({ expandable, columns, }: {
+    expandable: boolean;
+    columns: any[];
+}) => any[];
+export declare const Table: React.FC<TableProps>;

package/dist/esm/components/Table/table.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TableProps } from '.';
+import { Story } from '@storybook/react/types-6-0';
+declare const _default: {
+    title: string;
+    component: React.FC<TableProps>;
+};
+export default _default;
+export declare const Primary: Story<TableProps>;
+export declare const IsLoading: Story<TableProps>;
+export declare const ExpandableRows: Story<TableProps>;

package/dist/esm/components/Tabs/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Tabs/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface TabConfig {
+    tabIdentifier: string;
+    displayText: string;
+    onTabClick: (tabIdentifier: string) => void;
+    active: boolean;
+}
+export interface TabsProps {
+    tabConfigs: TabConfig[];
+    className?: string;
+}
+export declare const selectTab: (event: React.SyntheticEvent, tabConfig: TabConfig) => void;
+export declare const Tabs: React.FunctionComponent<TabsProps>;

package/dist/esm/components/Tabs/tabs.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { TabsProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<TabsProps>;
+};
+export default _default;
+export declare const Primary: Story<TabsProps>;

package/dist/esm/components/TextArea/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/TextArea/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface TextAreaProps {
+    placeholder?: string;
+    id: string;
+    labelText?: string;
+    name: string;
+    dataTest?: string;
+    validate?: (value: string) => string | null;
+    required?: boolean;
+}
+export declare const textareaPrimary = "textarea is-primary";
+export declare const textareaError = "textarea is-danger";
+export declare const TextArea: ({ name, labelText, id, dataTest, placeholder, required, validate, }: TextAreaProps) => JSX.Element;

package/dist/esm/components/TextArea/text-area.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react/types-6-0';
+import { TextAreaProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ name, labelText, id, dataTest, placeholder, required, validate, }: TextAreaProps) => JSX.Element;
+    decorators: ((Story: Story<import("@storybook/react/types-6-0").Args>) => JSX.Element)[];
+};
+export default _default;
+export declare const Primary: Story<TextAreaProps>;

package/dist/esm/components/TextAreaEditor/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/TextAreaEditor/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { FieldInputProps, FieldHelperProps } from 'formik';
+import { EditorProps } from '../Editor';
+export interface TextAreaEditorProps extends EditorProps {
+    placeholder?: string;
+    id: string;
+    labelText: string;
+    name: string;
+    dataTest?: string;
+    allowPasteRichText?: boolean;
+    required?: boolean;
+}
+export declare type HandleTextAreaOnChangeParams = {
+    field: FieldInputProps<string>;
+};
+export declare type HandleTextAreaOnBlurParams = {
+    helpers: FieldHelperProps<string>;
+};
+export declare const handleTextAreaOnChange: ({ field }: HandleTextAreaOnChangeParams) => (html: string) => void;
+export declare const handleTextAreaOnBlur: ({ helpers }: HandleTextAreaOnBlurParams) => () => void;
+export declare const handleTextAreaOnPaste: () => (e: any) => void;
+export declare const TextAreaEditor: ({ name, labelText, placeholder, id, allowPasteRichText, required, ...restProps }: TextAreaEditorProps) => JSX.Element;

package/dist/esm/components/TextAreaEditor/text-area-editor.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react/types-6-0';
+import { TextAreaEditorProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ name, labelText, placeholder, id, allowPasteRichText, required, ...restProps }: TextAreaEditorProps) => JSX.Element;
+};
+export default _default;
+export declare const SampleForm: Story<TextAreaEditorProps>;

package/dist/esm/components/Tile/__styles__/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const CardHeading: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const CardSubHeading: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const CardSubHeadingAdditional: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const CardBodyWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const CardImageWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/dist/esm/components/Tile/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Tile/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface TileProps {
+    heading: React.ReactNode;
+    subHeading?: React.ReactNode;
+    subHeadingAdditional?: React.ReactNode;
+    hightlight?: boolean;
+    icon?: React.ReactNode;
+    image?: React.ReactNode;
+    menu?: React.ReactNode;
+    footerItems?: React.ReactNode[];
+    onClick?: () => void;
+    dataTest?: string;
+}
+export declare const Tile: React.FC<TileProps>;

package/dist/esm/components/Tile/tile.stories.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { TileProps } from './index';
+declare const _default: {
+    title: string;
+    component: React.FC<TileProps>;
+};
+export default _default;
+export declare const AddressTile: Story<TileProps>;
+export declare const AddressTileHightlighted: Story<TileProps>;
+export declare const AppTile: Story<TileProps>;

package/dist/esm/components/Toast/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Toast/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * TODO: Expand component to accept types info and success actions
+ * just need to add appropriate actions and adjust the btn-danger
+ * class to primary and success
+ */
+export interface ErrorData {
+    readonly status?: number;
+    readonly message?: string;
+    readonly type: 'COMPONENT' | 'SERVER';
+}
+export interface ToastProps {
+    serverError: ErrorData | null;
+    componentError: ErrorData | null;
+    errorClearedServer: () => void;
+    errorClearedComponent: () => void;
+}
+export declare const Toast: React.FC<ToastProps>;

package/dist/esm/components/Toast/toast.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { ToastProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ToastProps>;
+};
+export default _default;
+export declare const ComponentError: Story<ToastProps>;
+export declare const ServerError: Story<ToastProps>;

package/dist/esm/components/ToastMessage/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/ToastMessage/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export declare type ToastVariant = 'primary' | 'secondary' | 'danger' | 'info';
+export interface ToastMessageProps {
+    visible?: boolean;
+    displayDuration?: number;
+    message: string;
+    variant: ToastVariant;
+    onCloseToast: () => void;
+    preventClose?: boolean;
+    hasNavBar?: boolean;
+}
+export declare const ToastMessage: React.FC<ToastMessageProps>;

package/dist/esm/components/ToastMessage/toastMessage.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { ToastMessageProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ToastMessageProps>;
+};
+export default _default;
+export declare const Primary: Story<ToastMessageProps>;
+export declare const Secondary: Story<ToastMessageProps>;
+export declare const Danger: Story<ToastMessageProps>;
+export declare const Info: Story<ToastMessageProps>;

package/dist/esm/components/Typography/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Typography/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface HeadingProps {
+    className?: string;
+    isCentered?: boolean;
+    id?: string;
+    isHeadingSection?: boolean;
+}
+export declare const H1: React.FC<HeadingProps>;
+export declare const H2: React.FC<HeadingProps>;
+export declare const H3: React.FC<HeadingProps>;
+export declare const H4: React.FC<HeadingProps>;
+export declare const H5: React.FC<HeadingProps>;
+export declare const H6: React.FC<HeadingProps>;
+export declare const SubTitleH1: React.FC<HeadingProps>;
+export declare const SubTitleH2: React.FC<HeadingProps>;
+export declare const SubTitleH3: React.FC<HeadingProps>;
+export declare const SubTitleH4: React.FC<HeadingProps>;
+export declare const SubTitleH5: React.FC<HeadingProps>;
+export declare const SubTitleH6: React.FC<HeadingProps>;

package/dist/esm/components/Typography/typography.stories.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+declare const _default: {
+    title: string;
+    component: React.FC<import(".").HeadingProps>;
+    subcomponents: {
+        H2: React.FC<import(".").HeadingProps>;
+        H3: React.FC<import(".").HeadingProps>;
+        H4: React.FC<import(".").HeadingProps>;
+        H5: React.FC<import(".").HeadingProps>;
+        H6: React.FC<import(".").HeadingProps>;
+        SubTitleH1: React.FC<import(".").HeadingProps>;
+        SubTitleH2: React.FC<import(".").HeadingProps>;
+        SubTitleH3: React.FC<import(".").HeadingProps>;
+        SubTitleH4: React.FC<import(".").HeadingProps>;
+        SubTitleH5: React.FC<import(".").HeadingProps>;
+        SubTitleH6: React.FC<import(".").HeadingProps>;
+    };
+};
+export default _default;
+export declare const Titles: Story;
+export declare const TitlesCentered: Story;
+export declare const SubTitles: Story;
+export declare const SubTitlesCentered: Story;
+export declare const TileSubTitleCombo: Story;

package/dist/esm/components/UploadProgress/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/UploadProgress/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface UploadProgressProps {
+    visible: boolean;
+    percentage?: number;
+    totalCount?: number;
+    completedCount?: number;
+}
+export declare const UploadProgress: React.FC<UploadProgressProps>;

package/dist/esm/components/UploadProgress/upload-progress.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { UploadProgressProps } from './index';
+declare const _default: {
+    title: string;
+    component: React.FC<UploadProgressProps>;
+};
+export default _default;
+export declare const Default: Story<UploadProgressProps>;
+export declare const Animated: Story;

package/dist/esm/components/Wizard/__tests__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/Wizard/context.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { FormikProps } from 'formik';
+import { WizardStepProps } from '.';
+export declare type WizardContextValues = {
+    current: string;
+    goNext: () => void;
+    goPrev: () => void;
+    goTo: (stepId: string) => void;
+    close: () => void;
+    currentIndex: number;
+    isFirst: boolean;
+    isLast: boolean;
+    steps: WizardStepProps<any>[];
+    isLoading: boolean;
+};
+export declare const WizardContextProvider: React.FC<{
+    value: WizardContextValues;
+}>;
+export declare const useWizardContext: () => WizardContextValues;
+export declare type WizardRenderCallbackParams = {
+    context: WizardContextValues;
+    form: FormikProps<any>;
+};
+export declare type WizardRenderContextValues = {
+    leftFooterRender: ((params: WizardRenderCallbackParams) => React.ReactNode) | React.ReactNode;
+    rightFooterRender: ((params: WizardRenderCallbackParams) => React.ReactNode) | React.ReactNode;
+};
+export declare const WizardRenderContextProvider: ({ children, value, }: {
+    value: WizardRenderContextValues;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const useRenderWizardContext: () => WizardRenderContextValues;

package/dist/esm/components/Wizard/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { WizardContextValues, WizardRenderCallbackParams } from './context';
+import { FormikProps } from 'formik';
+export interface WizardProps {
+    children: React.ReactElement<WizardStepProps<any>> | React.ReactElement<WizardStepProps<any>>[];
+    current?: string;
+    isLoading?: boolean;
+    visible: boolean;
+    afterClose?: () => void;
+    leftFooterRender?: ((params: WizardRenderCallbackParams) => React.ReactNode) | React.ReactNode;
+    rightFooterRender?: ((params: WizardRenderCallbackParams) => React.ReactNode) | React.ReactNode;
+}
+export declare const Wizard: {
+    ({ children, current, isLoading, visible, afterClose, leftFooterRender, rightFooterRender, }: WizardProps): JSX.Element;
+    Step: typeof WizardStep;
+};
+export declare type WizardActionType = 'next' | 'prev';
+export interface WizardStepProps<T> {
+    id: string;
+    Component: React.FC<any>;
+    validate?: (value: T) => {
+        [k in keyof T]: string;
+    };
+    initialValue?: T;
+    onNavigate?: (params: {
+        form: FormikProps<T>;
+        type: WizardActionType;
+        context: WizardContextValues;
+    }) => Promise<boolean>;
+    onSubmit?: (params: {
+        values: T;
+        context: WizardContextValues;
+        form: FormikProps<T>;
+    }) => void;
+}
+declare function WizardStep<T>({ Component, initialValue, onNavigate, validate, onSubmit }: WizardStepProps<T>): JSX.Element;
+export default Wizard;

package/dist/esm/components/Wizard/wizard.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react/types-6-0';
+import { WizardProps } from '.';
+declare const _default: {
+    title: string;
+    component: {
+        ({ children, current, isLoading, visible, afterClose, leftFooterRender, rightFooterRender, }: WizardProps): JSX.Element;
+        Step: <T>({ Component, initialValue, onNavigate, validate, onSubmit }: import(".").WizardStepProps<T>) => JSX.Element;
+    };
+};
+export default _default;
+export declare const Basic: Story<WizardProps>;
+export declare const HasForm: Story<WizardProps>;
+export declare const CustomNav: Story<WizardProps>;
+export declare const HasHook: Story<WizardProps>;

package/dist/esm/helpers/fade-in.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FadeIn: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export default FadeIn;