@abgov/react-components 3.4.0-alpha.1 → 3.4.0-alpha.5

package/experimental/experimental/app-version-header/app-version-header.component.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-interface GoAAppVersionHeaderProps {
-    isProdEnvironment?: boolean;
-    environment?: string;
-    version?: string;
-}
-export declare const GoAAppVersionHeader: FC<GoAAppVersionHeaderProps>;
-export default GoAAppVersionHeader;

package/experimental/experimental/button/button.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-declare type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'borderless';
-declare type ButtonSize = 'small' | 'medium' | 'large';
-declare type ButtonVariant = 'default' | 'danger';
-declare type ButtonProps = {
-    type?: ButtonType;
-    size?: ButtonSize;
-    title?: string;
-    variant?: ButtonVariant;
-    onClick: () => void;
-    [key: string]: unknown;
-};
-export declare const GoAButton: FC<ButtonProps>;
-export default GoAButton;

package/experimental/experimental/card/card.component.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    title?: string;
-    type: 'primary' | 'secondary' | 'tertiary';
-    minWidth?: string;
-    maxWidth?: string;
-    other?: Record<string, unknown>;
-}
-export declare const GoACard: FC<Props>;
-export default GoACard;

package/experimental/experimental/common.d.ts

@@ -1,3 +0,0 @@
-export interface TestProps {
-    testId?: string;
-}

package/experimental/experimental/flex/index.d.ts

@@ -1 +0,0 @@
-export * from './row';

package/experimental/experimental/form/form.actions.component.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    alignment: 'left' | 'right';
-}
-export declare const GoAFormActions: FC<Props>;
-export default GoAFormActions;

package/experimental/experimental/form/form.component.d.ts

@@ -1,10 +0,0 @@
-import React, { FC } from 'react';
-import { GoAFormItem } from './form.item.component';
-import { GoAFormActions } from './form.actions.component';
-import './form.scss';
-export declare const GoAForm: FC;
-declare const _default: {
-    GoAForm: React.FC<{}>;
-};
-export default _default;
-export { GoAFormItem, GoAFormActions };

package/experimental/experimental/form/form.item.component.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-interface GoAFormItemProps {
-    helpText?: string;
-    error?: string;
-}
-export declare const GoAFormItem: FC<GoAFormItemProps>;
-export default GoAFormItem;

package/experimental/experimental/form/index.d.ts

@@ -1 +0,0 @@
-export * from './form.component';

package/experimental/experimental/icons/iconButton.component.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TestProps } from '../common';
-import { IconSize, GoAIconType, IconVariant } from './icon.component';
-import './icons.scss';
-interface Props extends TestProps {
-    type: GoAIconType;
-    size?: IconSize;
-    variant?: IconVariant;
-    title?: string;
-    disabled?: boolean;
-    onClick: () => void;
-}
-export declare function GoAIconButton({ type, disabled, variant, onClick, size, title, testId }: Props & TestProps): JSX.Element;
-export {};

package/experimental/experimental/icons/index.d.ts

@@ -1,2 +0,0 @@
-export * from './icon.component';
-export * from './iconButton.component';

package/experimental/experimental/index.d.ts

@@ -1,16 +0,0 @@
-import { GoABadge, GoAInfoBadge, GoAEmergencyBadge, GoASuccessBadge, GoAWarningBadge } from './badge/badge.component';
-import { GoAButton } from './button/button';
-import { GoAAppVersionHeader } from './app-version-header/app-version-header.component';
-import { GoACard } from './card/card.component';
-import { GoAFlexRow } from './flex';
-import { GoAFormItem, GoAFormActions, GoAForm } from './form/form.component';
-import { GoAIcon, GoAIconButton } from './icons';
-import { GoAInput, GoAInputText, GoAInputPassword, GoAInputDate, GoAInputTime, GoAInputDateTime, GoAInputEmail, GoAInputSearch, GoAInputUrl, GoAInputTel, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputRange } from './input/input.component';
-import { GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle } from './modal/modal.component';
-import { GoAScrollable } from './scrollable/scrollable.component';
-import { GoATextArea } from './textarea/textarea.component';
-import { GoATransition, GoATransitionSequence } from './transitions';
-import type { GoAIconType } from './icons';
-import type { GoABadgeType } from './badge/badge.component';
-export type { GoAIconType, GoABadgeType };
-export { GoABadge, GoAInfoBadge, GoAEmergencyBadge, GoASuccessBadge, GoAWarningBadge, GoAButton, GoAAppVersionHeader, GoACard, GoAFlexRow, GoAForm, GoAFormActions, GoAFormItem, GoAIcon, GoAIconButton, GoAInput, GoAInputText, GoAInputPassword, GoAInputDate, GoAInputTime, GoAInputDateTime, GoAInputEmail, GoAInputSearch, GoAInputUrl, GoAInputTel, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputRange, GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle, GoAScrollable, GoATextArea, GoATransition, GoATransitionSequence };

package/experimental/experimental/modal/modal.component.d.ts

@@ -1,21 +0,0 @@
-import { FC } from 'react';
-import { TestProps } from '../common';
-import './modal.scss';
-/**
- * Modal - Main Component
- */
-interface ModalProps {
-    isOpen?: boolean;
-    onClose?: () => void;
-}
-interface ModalTestProps extends TestProps {
-    backgroundTestId?: string;
-}
-export declare const GoAModal: FC<ModalProps & ModalTestProps>;
-export default GoAModal;
-export declare const GoAModalActions: FC;
-export interface GoAModalContentProps {
-    disableScroll?: boolean;
-}
-export declare const GoAModalContent: FC<GoAModalContentProps & TestProps>;
-export declare const GoAModalTitle: FC<TestProps>;

package/experimental/experimental/scrollable/scrollable.component.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { TestProps } from '../common';
-import './scrollable.scss';
-interface Props {
-    vertical?: boolean;
-    horizontal?: boolean;
-    hPadding?: number;
-    vPadding?: number;
-    height?: number;
-}
-export declare const GoAScrollable: FC<Props & TestProps>;
-export default GoAScrollable;

package/experimental/experimental/textarea/textarea.component.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { OnChange } from '../../lib/_common/input';
-import './textarea.scss';
-interface Props {
-    name: string;
-    value: string;
-    id?: string;
-    placeholder?: string;
-    onChange: OnChange;
-}
-export declare const GoATextArea: FC<Props>;
-export default GoATextArea;

package/experimental/experimental/transitions/index.d.ts

@@ -1,2 +0,0 @@
-export * from './transitionSequence';
-export * from './transition';

package/experimental/experimental/transitions/transition.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import './transitions.scss';
-export interface GoATransitionProps {
-    name: string;
-    active: boolean;
-    onComplete?: () => void;
-}
-export declare const GoATransition: FC<GoATransitionProps>;
-export default GoATransition;

package/experimental/experimental/transitions/transitionSequence.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-declare type TransitionType = 'fade-in' | 'fade-out' | 'slide-in-up' | 'slide-out-up' | 'slide-in-down' | 'slide-out-down' | 'slide-in-left' | 'slide-out-left' | 'slide-in-right' | 'slide-out-right';
-interface Props {
-    transitions: string[] | TransitionType[];
-    transitionIndex: number;
-    onTransitionComplete?: (index: number, done: boolean) => void;
-}
-export declare const GoATransitionSequence: FC<Props>;
-export {};

package/lib/_common/input.d.ts

@@ -1,4 +0,0 @@
-/**
- * Function used by input components to relay changes to the parent
- */
-export declare type OnChange = (name: string, value: string) => void;

package/lib/card/card.component.d.ts

@@ -1,25 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import './card.scss';
-interface Props {
-    /** Card title, required */
-    title: string | ReactNode;
-    /** Card content*/
-    content?: string | ReactNode;
-    /** Deprecated: Use content*/
-    description?: string;
-    /** Card image , display on top of title */
-    cardImageUrl?: string;
-    /** Minimum width of the card */
-    minWidth?: string;
-    /** Maximum width of the card */
-    maxWidth?: string;
-    /** Navigation to relate website from Card title */
-    titleUrl?: string;
-    /** customize footer by passing react component code */
-    children?: React.ReactNode;
-    other?: unknown;
-}
-export declare const GoACard: FC<Props>;
-export default GoACard;
-export declare const GoALoadingCardWithImage: (props: Props) => JSX.Element;
-export declare const GoALoadingCardNoImage: (props: Props) => JSX.Element;

package/lib/card-group/card.group.component.d.ts

@@ -1,24 +0,0 @@
-import React, { FC } from 'react';
-import './card.group.scss';
-declare type CardGroupLayout = 'basic' | 'column';
-interface CardItem {
-    title: string;
-    /** Card description */
-    description?: string;
-    /** Card image , display on top of title */
-    cardImageUrl?: string;
-    /** Display card size to allow card responsively show in different device*/
-    cardWidth?: number;
-    /** Navigation to relate webside from Card title */
-    titleUrl?: string;
-    /** customize footer by passing react component code */
-    children?: React.ReactNode;
-}
-interface Props {
-    title?: string;
-    children?: React.ReactNode;
-    layout: CardGroupLayout;
-    cardItems?: CardItem[];
-}
-export declare const GoACardGroup: FC<Props>;
-export default GoACardGroup;

package/lib/dropdown/option.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import './dropdown.scss';
-interface Props {
-    value: string;
-    label: string;
-    selected?: boolean;
-    disabled?: boolean;
-    onClick?: (value: string) => void;
-    visible?: boolean;
-    _testId?: string;
-}
-export declare const GoADropdownOption: FC<Props>;
-export {};

package/lib/element-loader/element-loader.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import './element-loader.scss';
-export interface ElementLoaderProps {
-    visible?: boolean;
-    baseColour: string;
-    spinnerColour: string;
-    size?: string;
-}
-export declare const GoAElementLoader: ({ visible, baseColour, spinnerColour, size, }: ElementLoaderProps) => JSX.Element;

package/lib/header/header.d.ts

@@ -1,10 +0,0 @@
-import { FunctionComponent } from 'react';
-import './header.scss';
-declare type ServiceLevel = 'alpha' | 'beta' | 'live';
-export interface HeaderProps {
-    serviceName: string;
-    serviceHome: string;
-    serviceLevel: ServiceLevel;
-}
-export declare const GoAHeader: FunctionComponent<HeaderProps>;
-export default GoAHeader;

package/lib/hero-banner/content/hero-banner-content.component.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import './hero-banner-content.component.scss';
-interface Props {
-    content: string;
-}
-export declare const GoAHeroBannerContent: FC<Props>;
-export default GoAHeroBannerContent;

package/lib/hero-banner/hero-banner.component.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import './hero-banner.component.scss';
-interface Props {
-    title: string;
-    backgroundUrl: string;
-    content?: string;
-    linkText?: string;
-    linkUrl?: string;
-}
-export declare const GoAHeroBanner: FC<Props>;
-export default GoAHeroBanner;

package/lib/hero-banner/link/hero-banner-link.component.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import './hero-banner-link.component.scss';
-interface Props {
-    linkText: string;
-    linkUrl: string;
-}
-declare const GoAHeroBannerLink: FC<Props>;
-export default GoAHeroBannerLink;

package/lib/microsite-logo/microsite-logo.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import './microsite-logo.scss';
-export interface MicrositeLogoProps {
-    serviceName: string;
-    serviceHome: string;
-}
-export declare const GoaMicrositeLogo: FunctionComponent<MicrositeLogoProps>;
-export default GoaMicrositeLogo;

package/lib/skeleton/skeleton-element.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './skeleton-element.scss';
-declare type indicatorType = 'text' | 'avatar' | 'title' | 'paragraph' | 'thumbnail' | 'card';
-export interface SkeletonProps {
-    type?: indicatorType;
-}
-export declare const GoASkeletonElement: ({ type }: SkeletonProps) => JSX.Element;
-export {};

package/lib/skeleton/skeleton-grid-column.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import './skeleton-element.scss';
-export interface DisplayProps {
-    /**
-     * The number of rows to display.
-     */
-    rows?: number;
-}
-export declare const GoASkeletonGridColumnContent: ({ rows }: DisplayProps) => JSX.Element;

package/lib/skeleton/skeleton-image-content.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import './skeleton-element.scss';
-export interface DisplayProps {
-    /**
-     * The number of rows to display.
-     */
-    rows?: number;
-}
-export declare const GoASkeletonImageContent: ({ rows }: DisplayProps) => JSX.Element;

package/lib/skeleton/skeleton-titled-content.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import './skeleton-element.scss';
-export interface DisplayProps {
-    /**
-     * The number of rows to display.
-     */
-    rows?: number;
-}
-export declare const GoASkeletonContent: ({ rows }: DisplayProps) => JSX.Element;