@reapit/elements 2.3.1 → 2.4.1

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/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/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/cjs/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/cjs/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/cjs/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/cjs/components/Checkbox/index.d.ts

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

package/dist/cjs/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/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/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/cjs/components/Editor/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/components/HtmlRender/utils.d.ts

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

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

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

package/dist/cjs/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/cjs/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/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/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/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/Pagination/index.d.ts

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

package/dist/cjs/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/cjs/components/SelectBox/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/components/TextArea/index.d.ts

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

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