@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.
Files changed (42) hide show
  1. package/experimental/badge/badge.component.d.ts +10 -0
  2. package/experimental/common.d.ts +3 -0
  3. package/experimental/form/form.actions.component.d.ts +3 -0
  4. package/experimental/form/form.component.d.ts +10 -0
  5. package/experimental/form/form.item.component.d.ts +7 -0
  6. package/experimental/{experimental/form → form}/formFieldValidator.d.ts +0 -0
  7. package/experimental/icons/icon.component.d.ts +12 -0
  8. package/experimental/icons/iconButton.component.d.ts +13 -0
  9. package/experimental/icons/index.d.ts +2 -0
  10. package/experimental/index.d.ts +8 -0
  11. package/experimental/{experimental/input → input}/input.component.d.ts +0 -0
  12. package/experimental/modal/modal.component.d.ts +18 -0
  13. package/experimental/react-components.esm.js +1741 -1777
  14. package/experimental/react-components.umd.js +1744 -1782
  15. package/experimental/scrollable/scrollable.component.d.ts +12 -0
  16. package/experimental/transitions/index.d.ts +2 -0
  17. package/experimental/transitions/transition.d.ts +9 -0
  18. package/experimental/transitions/transitionSequence.d.ts +9 -0
  19. package/index.d.ts +13 -6
  20. package/lib/_common/errorState.d.ts +5 -0
  21. package/{experimental/experimental → lib}/element-loader/element-loader.d.ts +1 -1
  22. package/{experimental/experimental → lib}/page-loader/page-loader.d.ts +0 -0
  23. package/lib/radio-group/radio-group.d.ts +6 -31
  24. package/lib/radio-group/radio.d.ts +13 -0
  25. package/{experimental/experimental → lib}/skeleton/skeleton-element.d.ts +0 -0
  26. package/{experimental/experimental → lib}/skeleton/skeleton-grid-column.d.ts +0 -0
  27. package/{experimental/experimental → lib}/skeleton/skeleton-image-content.d.ts +0 -0
  28. package/{experimental/experimental → lib}/skeleton/skeleton-titled-content.d.ts +0 -0
  29. package/package.json +1 -1
  30. package/react-components.esm.js +310 -779
  31. package/react-components.umd.js +308 -783
  32. package/experimental/experimental/badge/badge.component.d.ts +0 -8
  33. package/experimental/experimental/form/container/form.button.component.d.ts +0 -7
  34. package/experimental/experimental/form/container/form.container.component.d.ts +0 -7
  35. package/experimental/experimental/form/container/form.item.component.d.ts +0 -18
  36. package/experimental/experimental/form/form.component.d.ts +0 -32
  37. package/experimental/experimental/icons.d.ts +0 -8
  38. package/experimental/experimental/index.d.ts +0 -11
  39. package/experimental/experimental/modal/modal.component.d.ts +0 -40
  40. package/experimental/experimental/scrollable/scrollable.component.d.ts +0 -13
  41. package/lib/radio-group/radio/radio.d.ts +0 -17
  42. 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,7 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- import '../form.scss';
3
- export interface GoAFormButtonProps {
4
- children: ReactNode;
5
- }
6
- export declare const GoAFormButton: FC<GoAFormButtonProps>;
7
- export default GoAFormButton;
@@ -1,7 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- import '../form.scss';
3
- export interface GoAFormContainerProps {
4
- children: ReactNode;
5
- }
6
- export declare const GoAFormContainer: FC<GoAFormContainerProps>;
7
- export default GoAFormContainer;
@@ -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,8 +0,0 @@
1
- /// <reference types="react" />
2
- interface Props {
3
- onClick: () => void;
4
- size?: number;
5
- className?: string;
6
- }
7
- export declare function GoACloseIcon({ className, onClick, size }: Props): JSX.Element;
8
- export {};
@@ -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;
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare const RadioContext: React.Context<{
3
- selectedValue: string;
4
- }>;
5
- export declare const RadioGroupContext: (initialValue: any, required: any, children: any) => JSX.Element;
6
- export default RadioGroupContext;