@abgov/react-components 3.3.2-beta.3 → 3.4.0-alpha.4

package/experimental/experimental/badge/badge.component.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface GoABadgeProps {
-    type: 'information' | 'success' | 'warning' | 'emergency' | 'dark' | 'midtone' | 'light' | 'inactive';
-    icon?: ReactNode;
-    content?: string;
-}
-export declare const GoABadge: FC<GoABadgeProps>;
-export {};

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

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

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

@@ -1,7 +0,0 @@
-import { FC, ReactNode } from 'react';
-import '../form.scss';
-export interface GoAFormButtonProps {
-    children: ReactNode;
-}
-export declare const GoAFormButton: FC<GoAFormButtonProps>;
-export default GoAFormButton;

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

@@ -1,7 +0,0 @@
-import { FC, ReactNode } from 'react';
-import '../form.scss';
-export interface GoAFormContainerProps {
-    children: ReactNode;
-}
-export declare const GoAFormContainer: FC<GoAFormContainerProps>;
-export default GoAFormContainer;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import '../form.scss';
-import PropTypes from 'prop-types';
-declare type GoAFormItemProps = {
-    name?: string;
-    validators?: [];
-    onChange?: (value: string) => void;
-    children?: React.ReactNode;
-};
-export declare const GoAFormItem: {
-    ({ name, validators, onChange, children, }: GoAFormItemProps): JSX.Element;
-    propTypes: {
-        name: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        validators: PropTypes.Requireable<any[]>;
-    };
-};
-export default GoAFormItem;

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

@@ -1,32 +0,0 @@
-import React, { ReactNode } from 'react';
-import { GoAFormItem } from './container/form.item.component';
-import { GoAFormButton } from './container/form.button.component';
-import { GoAFormContainer } from './container/form.container.component';
-import './form.scss';
-import PropTypes from 'prop-types';
-declare type FormProps = {
-    formTitle: string;
-    formDescription: string;
-    /**
-     * Action to take on submit button click
-     */
-    onFormSubmit?: (data: any) => void;
-    /**
-     * Provide children to be rendered inside of the element
-     */
-    children?: ReactNode;
-};
-declare let FormContext: any;
-export declare const Provider: React.Provider<any>;
-export declare const GoAForm: {
-    ({ formTitle, formDescription, onFormSubmit, children, ...props }: FormProps): JSX.Element;
-    propTypes: {
-        formTitle: PropTypes.Requireable<string>;
-        formDescription: PropTypes.Requireable<string>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-};
-export default GoAForm;
-export { GoAFormItem, GoAFormButton, GoAFormContainer };
-export { FormContext };

package/experimental/experimental/form/formFieldValidator.d.ts

@@ -1,4 +0,0 @@
-export declare const requiredValidator: (val: any) => string[];
-export declare const passwordMatchedValidator: (val: any, formData: any) => string[];
-export declare const emailValidator: (val: any) => string[];
-export declare const phoneValidator: (val: any) => string[];

package/experimental/experimental/index.d.ts

@@ -1,9 +0,0 @@
-import { GoABadge } from './badge/badge.component';
-import { GoAPageLoader } from './page-loader/page-loader';
-import { GoAElementLoader } from './element-loader/element-loader';
-import { GoAFormItem, GoAFormButton, GoAFormContainer, GoAForm } from './form/form.component';
-import { GoASkeletonContent } from './skeleton/skeleton-titled-content';
-import { GoASkeletonGridColumnContent } from './skeleton/skeleton-grid-column';
-import { GoASkeletonImageContent } from './skeleton/skeleton-image-content';
-import { GoAInput } from './input/input.component';
-export { GoABadge, GoAPageLoader, GoAElementLoader, GoASkeletonContent, GoASkeletonGridColumnContent, GoASkeletonImageContent, GoAFormItem, GoAFormButton, GoAFormContainer, GoAForm, GoAInput };

package/experimental/experimental/input/input.component.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import './input.scss';
-declare type Props = {
-    validate?: (value: string) => boolean;
-    name?: string;
-    type: string;
-    message?: string;
-    required?: boolean;
-    helpText?: string;
-    multiLine?: boolean;
-    navigator?: boolean;
-    onChange?: (value: string) => void;
-};
-export declare const GoAInput: FC<Props>;
-export default GoAInput;

package/experimental/experimental/page-loader/page-loader.d.ts

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-import './page-loader.scss';
-declare type indicatorType = 'infinite' | 'progress';
-declare type displayTypeIndicator = 'large' | 'small';
-export interface PageLoaderProps {
-    /**
-     * The type of page loader, deterministic and indeterministic.
-     */
-    type?: indicatorType;
-    /**
-     * The message to display while loading.
-     */
-    message?: string;
-    /**
-     * Sets the page loader visibility state.
-     */
-    visible?: boolean;
-    /**
-     * Sets the percentage value of the page loader while set to progress type, 0 - 100 percent.
-     */
-    value?: number;
-    /**
-     * Sets the page to locked and does not accept user input.
-     */
-    pagelock?: boolean;
-    /**
-     * Sets the progress indicator display type size.
-     */
-    displayType?: displayTypeIndicator;
-}
-export declare const GoAPageLoader: {
-    ({ type, visible, message, value, pagelock, displayType }: PageLoaderProps): JSX.Element;
-    propTypes: {
-        visible: PropTypes.Requireable<boolean>;
-        message: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<number>;
-        type: PropTypes.Requireable<string>;
-        pagelock: PropTypes.Requireable<boolean>;
-        displayType: PropTypes.Requireable<string>;
-    };
-};
-export default GoAPageLoader;

package/experimental/experimental/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/experimental/experimental/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/experimental/experimental/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/experimental/experimental/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;

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

@@ -1,26 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import '../../theme.scss';
-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/dropdown.component.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { DropdownOption } from './dropdown.context';
-import './dropdown.component.scss';
-import GoAOption from './option/option.component';
-import GoAOptionGroup from './option-group/option-group.component';
-interface Props {
-    title: string;
-    subTitle: string;
-    description?: string;
-    menuHeight?: number;
-    multiple?: boolean;
-    disabled?: boolean;
-    display?: string;
-    errorMessage?: string;
-    key?: string;
-    selectionChanged: (option: DropdownOption) => void;
-}
-export declare const GoADropdown: FC<Props>;
-export default GoADropdown;
-export { GoAOption, GoAOptionGroup };

package/lib/dropdown/dropdown.context.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { GoAOptionProps } from './option/option.component';
-export declare class DropdownOption {
-    value: string;
-    label: string;
-    selected: boolean;
-    constructor(val: string, label: string, sel: boolean);
-}
-/** Used to store the options in the dropdown */
-export interface KeyOptionPair {
-    [value: string]: DropdownOption;
-}
-/** Interface for the context for the dropdown and its children */
-export interface DropdownContextProps {
-    selectionChanged?: (option: GoAOptionProps) => void;
-}
-export declare const DropdownContext: import("react").Context<DropdownContextProps>;

package/lib/dropdown/option/option.component.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-export interface GoAOptionProps {
-    label: string;
-    value: string;
-    selected?: boolean;
-    defaultSelected?: boolean;
-    children?: any;
-}
-export declare const GoAOption: FC<GoAOptionProps>;
-export default GoAOption;

package/lib/dropdown/option-group/option-group.component.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    label: string;
-}
-export declare const GoAOptionGroup: FC<Props>;
-export default GoAOptionGroup;

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 @@
-/// <reference types="react" />
-import './microsite-logo.scss';
-export interface MicrositeLogoProps {
-    serviceName: string;
-    serviceHome: string;
-}
-export declare const MicrositeLogo: (props: MicrositeLogoProps) => JSX.Element;
-export default MicrositeLogo;

package/lib/radio-group/radio/radio.d.ts

@@ -1,17 +0,0 @@
-import React, { FC } from 'react';
-import './radio.scss';
-export declare type LabelPosition = 'before' | 'after';
-export interface Data {
-    text: string;
-    value: string;
-}
-export interface Props {
-    value: string;
-    name?: string;
-    labelPosition?: LabelPosition;
-    disabled?: boolean;
-    required?: boolean;
-    children: React.ReactNode;
-}
-export declare const GoARadio: FC<Props>;
-export default GoARadio;

package/lib/radio-group/radio-group.context.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const RadioContext: React.Context<{
-    selectedValue: string;
-}>;
-export declare const RadioGroupContext: (initialValue: any, required: any, children: any) => JSX.Element;
-export default RadioGroupContext;