@abgov/react-components 3.4.0-beta.2 → 3.4.0-beta.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/experimental/badge/badge.component.d.ts +10 -0
- package/experimental/common.d.ts +3 -0
- package/experimental/form/form.actions.component.d.ts +3 -0
- package/experimental/form/form.component.d.ts +10 -0
- package/experimental/form/form.item.component.d.ts +7 -0
- package/experimental/{experimental/form → form}/formFieldValidator.d.ts +0 -0
- package/experimental/icons/icon.component.d.ts +12 -0
- package/experimental/icons/iconButton.component.d.ts +13 -0
- package/experimental/icons/index.d.ts +2 -0
- package/experimental/index.d.ts +8 -0
- package/experimental/{experimental/input → input}/input.component.d.ts +0 -0
- package/experimental/modal/modal.component.d.ts +18 -0
- package/experimental/react-components.esm.js +1741 -1777
- package/experimental/react-components.umd.js +1744 -1782
- package/experimental/scrollable/scrollable.component.d.ts +12 -0
- package/experimental/transitions/index.d.ts +2 -0
- package/experimental/transitions/transition.d.ts +9 -0
- package/experimental/transitions/transitionSequence.d.ts +9 -0
- package/index.d.ts +13 -6
- package/lib/_common/errorState.d.ts +5 -0
- package/{experimental/experimental → lib}/element-loader/element-loader.d.ts +1 -1
- package/{experimental/experimental → lib}/page-loader/page-loader.d.ts +0 -0
- package/lib/radio-group/radio-group.d.ts +6 -31
- package/lib/radio-group/radio.d.ts +13 -0
- package/{experimental/experimental → lib}/skeleton/skeleton-element.d.ts +0 -0
- package/{experimental/experimental → lib}/skeleton/skeleton-grid-column.d.ts +0 -0
- package/{experimental/experimental → lib}/skeleton/skeleton-image-content.d.ts +0 -0
- package/{experimental/experimental → lib}/skeleton/skeleton-titled-content.d.ts +0 -0
- package/package.json +1 -1
- package/react-components.esm.js +310 -779
- package/react-components.umd.js +308 -783
- package/experimental/experimental/badge/badge.component.d.ts +0 -8
- package/experimental/experimental/form/container/form.button.component.d.ts +0 -7
- package/experimental/experimental/form/container/form.container.component.d.ts +0 -7
- package/experimental/experimental/form/container/form.item.component.d.ts +0 -18
- package/experimental/experimental/form/form.component.d.ts +0 -32
- package/experimental/experimental/icons.d.ts +0 -8
- package/experimental/experimental/index.d.ts +0 -11
- package/experimental/experimental/modal/modal.component.d.ts +0 -40
- package/experimental/experimental/scrollable/scrollable.component.d.ts +0 -13
- package/lib/radio-group/radio/radio.d.ts +0 -17
- package/lib/radio-group/radio-group.context.d.ts +0 -6
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
interface GoABadgeProps {
|
|
3
|
-
type: 'information' | 'success' | 'warning' | 'emergency' | 'dark' | 'midtone' | 'light' | 'inactive';
|
|
4
|
-
icon?: ReactNode;
|
|
5
|
-
content?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const GoABadge: FC<GoABadgeProps>;
|
|
8
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '../form.scss';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
declare type GoAFormItemProps = {
|
|
5
|
-
name?: string;
|
|
6
|
-
validators?: [];
|
|
7
|
-
onChange?: (value: string) => void;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
};
|
|
10
|
-
export declare const GoAFormItem: {
|
|
11
|
-
({ name, validators, onChange, children, }: GoAFormItemProps): JSX.Element;
|
|
12
|
-
propTypes: {
|
|
13
|
-
name: PropTypes.Requireable<string>;
|
|
14
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
-
validators: PropTypes.Requireable<any[]>;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export default GoAFormItem;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { GoAFormItem } from './container/form.item.component';
|
|
3
|
-
import { GoAFormButton } from './container/form.button.component';
|
|
4
|
-
import { GoAFormContainer } from './container/form.container.component';
|
|
5
|
-
import './form.scss';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
declare type FormProps = {
|
|
8
|
-
formTitle: string;
|
|
9
|
-
formDescription: string;
|
|
10
|
-
/**
|
|
11
|
-
* Action to take on submit button click
|
|
12
|
-
*/
|
|
13
|
-
onFormSubmit?: (data: any) => void;
|
|
14
|
-
/**
|
|
15
|
-
* Provide children to be rendered inside of the element
|
|
16
|
-
*/
|
|
17
|
-
children?: ReactNode;
|
|
18
|
-
};
|
|
19
|
-
declare let FormContext: any;
|
|
20
|
-
export declare const Provider: React.Provider<any>;
|
|
21
|
-
export declare const GoAForm: {
|
|
22
|
-
({ formTitle, formDescription, onFormSubmit, children, ...props }: FormProps): JSX.Element;
|
|
23
|
-
propTypes: {
|
|
24
|
-
formTitle: PropTypes.Requireable<string>;
|
|
25
|
-
formDescription: PropTypes.Requireable<string>;
|
|
26
|
-
onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
export default GoAForm;
|
|
31
|
-
export { GoAFormItem, GoAFormButton, GoAFormContainer };
|
|
32
|
-
export { FormContext };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { GoABadge } from './badge/badge.component';
|
|
2
|
-
import { GoAElementLoader } from './element-loader/element-loader';
|
|
3
|
-
import { GoAFormItem, GoAFormButton, GoAFormContainer, GoAForm } from './form/form.component';
|
|
4
|
-
import { GoAInput } from './input/input.component';
|
|
5
|
-
import { GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle } from './modal/modal.component';
|
|
6
|
-
import { GoAPageLoader } from './page-loader/page-loader';
|
|
7
|
-
import { GoAScrollable } from './scrollable/scrollable.component';
|
|
8
|
-
import { GoASkeletonContent } from './skeleton/skeleton-titled-content';
|
|
9
|
-
import { GoASkeletonGridColumnContent } from './skeleton/skeleton-grid-column';
|
|
10
|
-
import { GoASkeletonImageContent } from './skeleton/skeleton-image-content';
|
|
11
|
-
export { GoABadge, GoAElementLoader, GoAForm, GoAFormButton, GoAFormContainer, GoAFormItem, GoAInput, GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle, GoAPageLoader, GoAScrollable, GoASkeletonContent, GoASkeletonGridColumnContent, GoASkeletonImageContent, };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/******************************************************************************
|
|
2
|
-
* <div class="modal-root">
|
|
3
|
-
* <div class="modal" style="opacity: 1">
|
|
4
|
-
* <img
|
|
5
|
-
* class="modal-close"
|
|
6
|
-
* src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGNsYXNzPSdpb25pY29uJyB2aWV3Qm94PScwIDAgNTEyIDUxMic+PHRpdGxlPkNsb3NlPC90aXRsZT48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9J2N1cnJlbnRDb2xvcicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzMyJyBkPSdNMzY4IDM2OEwxNDQgMTQ0TTM2OCAxNDRMMTQ0IDM2OCcvPjwvc3ZnPg=="
|
|
7
|
-
* alt="Close"
|
|
8
|
-
* />
|
|
9
|
-
* <div class="modal-content">
|
|
10
|
-
* <div class="modal-title">Show a little bit of text</div>
|
|
11
|
-
* <div class="goa-scrollable">
|
|
12
|
-
* <div style="overflow: hidden auto; height: 100%; padding: 0rem 1rem">
|
|
13
|
-
* Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
14
|
-
* magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
15
|
-
* consequat.
|
|
16
|
-
* </div>
|
|
17
|
-
* </div>
|
|
18
|
-
* <div class="modal-actions">
|
|
19
|
-
* <button class="goa-button goa--tertiary" type="button">Cancel</button>
|
|
20
|
-
* <button class="goa-button" type="submit">Save</button>
|
|
21
|
-
* </div>
|
|
22
|
-
* </div>
|
|
23
|
-
* </div>
|
|
24
|
-
* <div class="modal-background" style="opacity: 1"></div>
|
|
25
|
-
* </div>
|
|
26
|
-
/*****************************************************************************/
|
|
27
|
-
import { FC } from 'react';
|
|
28
|
-
import './modal.css';
|
|
29
|
-
/**
|
|
30
|
-
* Modal - Main Component
|
|
31
|
-
*/
|
|
32
|
-
interface ModalProps {
|
|
33
|
-
isOpen?: boolean;
|
|
34
|
-
onClose?: () => void;
|
|
35
|
-
}
|
|
36
|
-
export declare const GoAModal: FC<ModalProps>;
|
|
37
|
-
export default GoAModal;
|
|
38
|
-
export declare const GoAModalActions: FC;
|
|
39
|
-
export declare const GoAModalContent: FC;
|
|
40
|
-
export declare const GoAModalTitle: FC;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import './scrollable.css';
|
|
3
|
-
interface Props {
|
|
4
|
-
vertical?: boolean;
|
|
5
|
-
horizontal?: boolean;
|
|
6
|
-
hPadding?: number;
|
|
7
|
-
vPadding?: number;
|
|
8
|
-
height?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare function GoAScrollable({ vertical, horizontal, hPadding, vPadding, height, children, }: Props & {
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
}): ReactElement;
|
|
13
|
-
export default GoAScrollable;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
2
|
-
import './radio.scss';
|
|
3
|
-
export declare type LabelPosition = 'before' | 'after';
|
|
4
|
-
export interface Data {
|
|
5
|
-
text: string;
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export interface Props {
|
|
9
|
-
value: string;
|
|
10
|
-
name?: string;
|
|
11
|
-
labelPosition?: LabelPosition;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
required?: boolean;
|
|
14
|
-
children: React.ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export declare const GoARadio: FC<Props>;
|
|
17
|
-
export default GoARadio;
|