@reapit/elements 2.3.0 → 2.4.0

package/README.md

@@ -1,13 +1,5 @@
-# Reapit Elements Legacy - v2.*
+# Reapit Elements Legacy - v2.
 
 ![lines](/packages/elements/src/tests/badges/badge-lines.svg) ![functions](/packages/elements/src/tests/badges/badge-functions.svg) ![branches](/packages/elements/src/tests/badges/badge-branches.svg) ![statements](/packages/elements/src/tests/badges/badge-statements.svg)
 
-This project exists so we can offer LTS on our v2 of Elements. The package will work with the normal pipleines however, it has to be deployed manually so it can be released to NPM in the `@reapit/elements` namespace rather than `@reapit/elements-legacy`.
-
-To release perform the following steps;
-
-1. Bump version number, v2.*.*
-2. Raise PR, ensure tests pass and new version deploys to dev.
-3. Return to repo, run `yarn build:all` - this will build the main v2 dist, plus storybook and the latest v3 components (we export v3 from the `/v3` of v2 to allow easy migration).
-4. **Temporarily** change the package name to `@reapit/elements` in the `package.json`
-5. With the **prod** AWS creds in scope, run `yarn release && yarn publish --stage prod` - this will update the prod legacy storybook and release a v2 patch of Elements to NPM.
+This is the LTS branch of Reapit Elements. This version will be eventually deprecated and you should try to migrate to version 3 as soon as possible. See https://foundations-documentation.reapit.cloud/app-development/elements for documentation and migration using the v3 export from this version.

package/README_INTERNAL.md

@@ -0,0 +1,15 @@
+# Reapit Elements Legacy - v2.
+
+The main Reapit Elements styleguide is in the Foundations core monorepo and is actively maintained. This is the legacy v2 version, solely to allow patching of the v2.x version.
+
+To perform dev tasks;
+
+1. Git clone the repository
+2. `yarn install`
+3. `yarn start`
+4. Ensure the tests, linting and typechecks pass using `yarn lint`, `yarn check` and `yarn test`
+
+To release, you will need an NPM token and production AWS credentials in your bash profile. Then;
+
+1. `yarn build`
+2. `yarn release`

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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';