@reapit/elements 2.3.1 → 2.4.0

package/dist/cjs/utils/combine-address/combine-address.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/completed-section/completed-section.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/datetime/datetime.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/device-detection/device-detection.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/fetcher/fetcher.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/is-base64/is-base64.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/query-params/query-params.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/cjs/utils/validators/validate-base.d.ts

@@ -11,5 +11,5 @@ export interface ValidateCustomParams<ValuesType, ErrorKeys extends string> {
     keys: ErrorKeys[];
     currentErrors: PartialRecord<ErrorKeys, string>;
 }
-export declare const validateBase: <ValuesType extends Object, ErrorKeys extends string>({ values, keys, validator, errMessage, currentErrors, }: ValidateBaseProps<ValuesType, ErrorKeys>) => PartialRecord<ErrorKeys, string>;
+export declare const validateBase: <ValuesType, ErrorKeys extends string>({ values, keys, validator, errMessage, currentErrors, }: ValidateBaseProps<ValuesType, ErrorKeys>) => PartialRecord<ErrorKeys, string>;
 export {};

package/dist/cjs/utils/validators/validators.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface ButtonProps {
+export interface ButtonProps extends React.HTMLAttributes<HTMLElement> {
     type?: 'submit' | 'reset' | 'button';
     variant?: 'primary' | 'secondary' | 'danger' | 'info' | 'success';
     onClick?: () => void;
@@ -10,7 +10,7 @@ export interface ButtonProps {
     dataTest?: string;
 }
 export declare const Button: React.FC<ButtonProps>;
-export interface ButtonGroupProps {
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     hasSpacing?: boolean;
     isCentered?: boolean;

package/dist/esm/components/CameraImageInput/camera-image-input.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { FileInputProps } from '../FileInput';
 declare const _default: {

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FileInputProps } from '../FileInput';
 export declare const CameraImageInput: (props: FileInputProps) => JSX.Element;

package/dist/esm/components/CardInputGroup/card-expires-input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from '../Input';
 export declare type CardExpiresInputProps = Pick<InputProps, 'name' | 'labelText' | 'id' | 'dataTest' | 'required' | 'disabled' | 'className'>;
 export declare const CardExpiresInput: ({ name, labelText, id, dataTest, required, disabled, className, }: CardExpiresInputProps) => JSX.Element;

package/dist/esm/components/Checkbox/checkbox.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { CheckboxProps } from '.';
 declare const _default: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldInputProps } from 'formik';
 export interface CheckboxProps {
     id: string;

package/dist/esm/components/DatePicker/date-picker.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react';
 import { DatePickerProps } from '.';
 declare const _default: {

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { ButtonProps } from '../Button/index';
 import { DynamicLinkParams } from './dynamic-link-gen';
-export interface AcLinkParams {
+export interface AcLinkParams extends React.HTMLAttributes<HTMLElement> {
     dynamicLinkParams: DynamicLinkParams;
     navigateParentWindow?: Window;
 }
-export interface AcButtonParams {
+export interface AcButtonParams extends React.HTMLAttributes<HTMLElement> {
     dynamicLinkParams: DynamicLinkParams;
     buttonProps: ButtonProps;
     navigateParentWindow?: Window;

package/dist/esm/components/Editor/editor.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { EditorProps } from './index';
 declare const _default: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface EditorProps {
     onChange?: (html: string) => void;
     hasError?: boolean;

package/dist/esm/components/FileInput/file-input.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { FileInputProps } from '.';
 declare const _default: {

package/dist/esm/components/HelpGuide/help-guide.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Element {
     type: string;
     tagName?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const items: {
     icon: JSX.Element;
     text: string;

package/dist/esm/components/ImageInput/image-input.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { ImageInputProps } from '.';
 declare const _default: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FileInputProps } from '../FileInput';
 export declare const isImageType: (type: string) => boolean;
 export declare const getTypeFromBase64: (base64: string) => string;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare type InfoType = '404' | 'CLIENT_APPS_EMPTY' | 'INSTALLED_APPS_EMPTY' | 'DEVELOPER_APPS_EMPTY' | 'ADMIN_APPROVALS_EMPTY' | 'DEVELOPER_EMPTY' | '';
-export interface InfoProps {
+export interface InfoProps extends React.HTMLAttributes<HTMLElement> {
     infoType: InfoType;
 }
 export declare const infoText: (infoType: InfoType) => string;

package/dist/esm/components/Input/input.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { InputProps } from '.';
 declare const _default: {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface LayoutProps {
+export interface LayoutProps extends React.HTMLAttributes<HTMLElement> {
     id?: string;
     className?: string;
     dataTest?: string;

package/dist/esm/components/Menu/Menu.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { RouteProps } from 'react-router';
 import { Link } from 'react-router-dom';
-import { Location } from 'history';
 export interface MenuConfig extends RouteProps {
     defaultActiveKey: string;
     currentActiveKey?: string;
     mode?: 'DESKTOP' | 'WEB';
     menu: MenuItem[];
+    location: any;
 }
 export interface MenuItem {
     type: 'PRIMARY' | 'SECONDARY' | 'LOGO';
@@ -17,7 +17,7 @@ export interface MenuItem {
     callback?: () => void;
     disabled?: boolean;
 }
-export declare const getActiveItemKey: (menu?: MenuItem[], location?: Location<any> | undefined) => string | null;
+export declare const getActiveItemKey: (menu?: MenuItem[], location?: any) => string | null;
 export declare const LinkItem: React.FC<{
     item: MenuItem;
     children: React.ReactNode;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PaginationProps {
     pageNumber?: number;
     pageSize?: number;

package/dist/esm/components/Pagination/pagination.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { PaginationProps } from '.';
 declare const _default: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SelectBoxOptions {
     label: string;
     value: string;

package/dist/esm/components/SelectBox/select-box.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { SelectBoxProps } from '.';
 declare const _default: {

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

@@ -1,4 +1,5 @@
 /// <reference types="jest" />
+/// <reference types="react" />
 import { Cell, SetData, SetSelected, SetUploadData, SetContextMenuProp, AfterCellsChanged } from '../types';
 export declare const parseResult: {
     data: string[][];

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TextAreaProps {
     placeholder?: string;
     id: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { TextAreaProps } from '.';
 declare const _default: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldInputProps, FieldHelperProps } from 'formik';
 import { EditorProps } from '../Editor';
 export interface TextAreaEditorProps extends EditorProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { TextAreaEditorProps } from '.';
 declare const _default: {

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface TileProps {
+export interface TileProps extends React.HTMLAttributes<HTMLElement> {
     heading: React.ReactNode;
     subHeading?: React.ReactNode;
     subHeadingAdditional?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface HeadingProps {
+export interface HeadingProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     isCentered?: boolean;
     id?: string;

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

@@ -15,7 +15,7 @@ export declare type WizardContextValues = {
 };
 export declare const WizardContextProvider: React.FC<{
     value: WizardContextValues;
-}>;
+} & React.HTMLAttributes<HTMLElement>>;
 export declare const useWizardContext: () => WizardContextValues;
 export declare type WizardRenderCallbackParams = {
     context: WizardContextValues;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WizardContextValues, WizardRenderCallbackParams } from './context';
-import { FormikProps } from 'formik';
+import { FormikValues, FormikHelpers } from 'formik';
 export interface WizardProps {
     children: React.ReactElement<WizardStepProps<any>> | React.ReactElement<WizardStepProps<any>>[];
     current?: string;
@@ -18,19 +18,19 @@ export declare type WizardActionType = 'next' | 'prev';
 export interface WizardStepProps<T> {
     id: string;
     Component: React.FC<any>;
-    validate?: (value: T) => {
+    validate?: (value: FormikValues) => {
         [k in keyof T]: string;
     };
-    initialValue?: T;
+    initialValue?: FormikValues;
     onNavigate?: (params: {
-        form: FormikProps<T>;
+        form: FormikHelpers<FormikValues>;
         type: WizardActionType;
         context: WizardContextValues;
     }) => Promise<boolean>;
     onSubmit?: (params: {
-        values: T;
+        values: FormikValues;
         context: WizardContextValues;
-        form: FormikProps<T>;
+        form: FormikHelpers<FormikValues>;
     }) => void;
 }
 declare function WizardStep<T>({ Component, initialValue, onNavigate, validate, onSubmit }: WizardStepProps<T>): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 import { WizardProps } from '.';
 declare const _default: {

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

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

package/dist/esm/helpers/mock-router.d.ts

@@ -1,2 +1 @@
-import { RouteComponentProps } from 'react-router';
-export declare function getMockRouterProps<P>(data: P | {}): RouteComponentProps<{} | P, import("react-router").StaticContext, import("history").History.PoorMansUnknown>;
+export declare function getMockRouterProps<P>(data: P | {}): any;

package/dist/esm/hooks/UsePortal/use-portal.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Story } from '@storybook/react/types-6-0';
 declare const _default: {
     title: string;

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
 import './styles/index.scss';
-import '../../../node_modules/rc-dialog/assets/index.css';
+import '../node_modules/rc-dialog/assets/index.css';
 export * from './hooks/UsePortal';
 export * from 'formik';
 export * from './components/Pagination';