@abgov/react-components 3.4.0-beta.8 → 4.0.0-alpha.2

package/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/common.d.ts

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

package/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/form/form.actions.component.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const GoAFormActions: FC;
-export default GoAFormActions;

package/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/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/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/icons/icons.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { TestProps } from '../common';
-import './icons.css';
-declare type IconType = 'close';
-declare type IconSize = 'small' | 'medium' | 'large';
-interface Props extends TestProps {
-    type: IconType;
-    onClick: () => void;
-    size?: IconSize;
-    variant?: 'circular' | 'goa';
-}
-export declare function GoAIcon({ type, variant, onClick, size }: Props): JSX.Element;
-export {};

package/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/modal/modal.component.d.ts

@@ -1,44 +0,0 @@
-/******************************************************************************
- * <div class="modal-root">
- *   <div class="modal" style="opacity: 1">
- *     <img
- *       class="modal-close"
- *       src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGNsYXNzPSdpb25pY29uJyB2aWV3Qm94PScwIDAgNTEyIDUxMic+PHRpdGxlPkNsb3NlPC90aXRsZT48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9J2N1cnJlbnRDb2xvcicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzMyJyBkPSdNMzY4IDM2OEwxNDQgMTQ0TTM2OCAxNDRMMTQ0IDM2OCcvPjwvc3ZnPg=="
- *       alt="Close"
- *     />
- *     <div class="modal-content">
- *       <div class="modal-title">Show a little bit of text</div>
- *       <div class="goa-scrollable">
- *         <div style="overflow: hidden auto; height: 100%; padding: 0rem 1rem">
- *           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
- *           magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- *           consequat.
- *         </div>
- *       </div>
- *       <div class="modal-actions">
- *         <button class="goa-button goa--tertiary" type="button">Cancel</button>
- *         <button class="goa-button" type="submit">Save</button>
- *       </div>
- *     </div>
- *   </div>
- *   <div class="modal-background" style="opacity: 1"></div>
- * </div>
-/*****************************************************************************/
-import { FC } from 'react';
-import './modal.css';
-import { TestProps } from '../common';
-/**
- * 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 declare const GoAModalContent: FC<TestProps>;
-export declare const GoAModalTitle: FC<TestProps>;

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

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

package/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/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/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/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,59 +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';
-declare type DropDownrops = {
-    /**
-    * Title of dropdown
-    */
-    title: string;
-    /**
-    * SubTitle of dropdown. The subtitle is normally used to indicate the state of dropdown.
-    */
-    subTitle?: string;
-    /**
-    * description of dropdown. Description is the message shown on the menu.
-    */
-    description?: string;
-    /**
-    * Maximum height of the dropdown.
-    */
-    menuHeight?: number;
-    /**
-    * If true, allowe multiple selection. Otherwise, single selection is used as default.
-    */
-    multiple?: boolean;
-    /**
-    * If true, disable the dropdown.
-    */
-    disabled?: boolean;
-    /**
-    * Overwrite the discription when the dropdown is disabled.
-    */
-    display?: string;
-    /**
-    * Error messgae
-    */
-    errorMessage?: string;
-    key?: string;
-    /**
-    * If true, the menu of the dropdown changes to input model. This is useful, if we need to add custom filter for the dropdown list.
-    */
-    menuEditable?: boolean;
-    /**
-    * Callback function if dropdown menu is in input model.
-    */
-    menuInputChanged?: (text: string) => void;
-    /**
-    * The property will overwrite the default toggle behavior.
-    */
-    open?: boolean;
-    /**
-     * Callback function for option change event.
-     */
-    selectionChanged: (option: DropdownOption) => void;
-};
-export declare const GoADropdown: FC<DropDownrops>;
-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/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/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;