@reapit/elements 2.3.0 → 2.4.0

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/esm/components/Alert/Alert.stories.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
 import { AlertProps } from './index';
 declare const _default: {
     title: string;
     component: React.FC<AlertProps>;
 };
 export default _default;
-export declare const Primary: ((args: AlertProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Danger: ((args: AlertProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Info: ((args: AlertProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Warning: ((args: AlertProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Success: ((args: AlertProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<AlertProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Primary: Story<AlertProps>;
+export declare const Danger: Story<AlertProps>;
+export declare const Info: Story<AlertProps>;
+export declare const Warning: Story<AlertProps>;
+export declare const Success: Story<AlertProps>;

package/dist/esm/components/BreadcrumbV2/__styles__/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const breadcrumbItem: string;
-export declare const breadcrumbBold: string;
-export declare const breadcrumbLastItem: string;
-export declare const breadcrumbSeparator: string;
+export declare const breadcrumbItem: import("@linaria/core").LinariaClassName;
+export declare const breadcrumbBold: import("@linaria/core").LinariaClassName;
+export declare const breadcrumbLastItem: import("@linaria/core").LinariaClassName;
+export declare const breadcrumbSeparator: import("@linaria/core").LinariaClassName;

package/dist/esm/components/Button/button-group.stories.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
 import { ButtonGroupProps } from './index';
 declare const _default: {
     title: string;
     component: React.FC<ButtonGroupProps>;
 };
 export default _default;
-export declare const Default: ((args: ButtonGroupProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ButtonGroupProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ButtonGroupProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const HasSpacing: ((args: ButtonGroupProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ButtonGroupProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ButtonGroupProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Default: Story<ButtonGroupProps>;
+export declare const HasSpacing: Story<ButtonGroupProps>;

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/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/HelpGuide/__styles__/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const helpGuideContent: string;
-export declare const helpGuideImage: string;
-export declare const helpGuide: string;
+export declare const helpGuideContent: import("@linaria/core").LinariaClassName;
+export declare const helpGuideImage: import("@linaria/core").LinariaClassName;
+export declare const helpGuide: import("@linaria/core").LinariaClassName;

package/dist/esm/components/ImageCropperV2/__styles__/styles.d.ts

@@ -1,9 +1,9 @@
-export declare const reactImageCropGlobalStyles: string;
-export declare const imageCropperOuter: string;
-export declare const imageCropperInner: string;
-export declare const imageCropperContent: string;
-export declare const imageCropperCropPanelWrapper: string;
-export declare const imageCropperCropPanel: string;
-export declare const imageCropperPreviewWrapper: string;
-export declare const imageCropperPreview: string;
-export declare const imageCropperActionWrapper: string;
+export declare const reactImageCropGlobalStyles: import("@linaria/core").LinariaClassName;
+export declare const imageCropperOuter: import("@linaria/core").LinariaClassName;
+export declare const imageCropperInner: import("@linaria/core").LinariaClassName;
+export declare const imageCropperContent: import("@linaria/core").LinariaClassName;
+export declare const imageCropperCropPanelWrapper: import("@linaria/core").LinariaClassName;
+export declare const imageCropperCropPanel: import("@linaria/core").LinariaClassName;
+export declare const imageCropperPreviewWrapper: import("@linaria/core").LinariaClassName;
+export declare const imageCropperPreview: import("@linaria/core").LinariaClassName;
+export declare const imageCropperActionWrapper: import("@linaria/core").LinariaClassName;

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/Info/info.stories.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
 import { InfoProps } from '.';
 declare const _default: {
     title: string;
     component: React.FC<InfoProps>;
 };
 export default _default;
-export declare const Four04: ((args: InfoProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<InfoProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<InfoProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const NoAppsInstalled: ((args: InfoProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<InfoProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<InfoProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const DeveloperAppsEmpty: ((args: InfoProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<InfoProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<InfoProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Four04: Story<InfoProps>;
+export declare const NoAppsInstalled: Story<InfoProps>;
+export declare const DeveloperAppsEmpty: Story<InfoProps>;

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/ModalV2/__styles__/index.d.ts

@@ -1,5 +1,5 @@
-export declare const modalContainer: string;
-export declare const modalCentered: string;
-export declare const modalResponsiveContainer: string;
-export declare const modalNoPadding: string;
-export declare const modalNoHeader: string;
+export declare const modalContainer: import("@linaria/core").LinariaClassName;
+export declare const modalCentered: import("@linaria/core").LinariaClassName;
+export declare const modalResponsiveContainer: import("@linaria/core").LinariaClassName;
+export declare const modalNoPadding: import("@linaria/core").LinariaClassName;
+export declare const modalNoHeader: import("@linaria/core").LinariaClassName;

package/dist/esm/components/ProgressBar/index.stories.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
 import { ProgressBarProps } from '.';
 declare const _default: {
     title: string;
     component: React.FC<ProgressBarProps>;
 };
 export default _default;
-export declare const Zero: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Fifty: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Seventy: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
-export declare const Hundred: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Zero: Story<ProgressBarProps>;
+export declare const Fifty: Story<ProgressBarProps>;
+export declare const Seventy: Story<ProgressBarProps>;
+export declare const Hundred: Story<ProgressBarProps>;

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/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/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';