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

package/lib/input/input.d.ts

@@ -0,0 +1,70 @@
+import React, { FC } from 'react';
+import { GoAIconType } from '../..';
+interface WCProps {
+    ref?: React.MutableRefObject<HTMLInputElement | null>;
+    type: string;
+    name: string;
+    value: string;
+    id?: string;
+    placeholder?: string;
+    leadingicon?: string;
+    trailingicon?: string;
+    variant: string;
+    disabled?: boolean;
+    error?: string;
+    readonly?: boolean;
+    handletrailingiconclick: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-input': WCProps & React.HTMLAttributes<HTMLInputElement>;
+        }
+    }
+}
+interface Props {
+    name: string;
+    value: string;
+    onChange: (name: string, value: string) => void;
+    id?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    onTrailingIconClick?: () => void;
+    variant?: 'goa' | 'bare';
+    focused?: boolean;
+    readonly?: boolean;
+    error?: string;
+}
+export declare const GoAInput: FC<Props & {
+    type: string;
+}>;
+export declare const GoAInputText: FC<Props>;
+export declare const GoAInputPassword: FC<Props>;
+export declare const GoAInputDate: FC<Props & {
+    min?: string;
+    max?: string;
+}>;
+export declare const GoAInputTime: FC<Props>;
+export declare const GoAInputDateTime: FC<Props & {
+    min?: string;
+    max?: string;
+}>;
+export declare const GoAInputEmail: FC<Props>;
+export declare const GoAInputSearch: FC<Props>;
+export declare const GoAInputUrl: FC<Props>;
+export declare const GoAInputTel: FC<Props>;
+export declare const GoAInputFile: FC<Props>;
+export declare const GoAInputMonth: FC<Props>;
+export declare const GoAInputNumber: FC<Props & {
+    min?: number;
+    max?: number;
+    step?: number;
+}>;
+export declare const GoAInputRange: FC<Props & {
+    min?: number;
+    max?: number;
+    step?: number;
+}>;
+export default GoAInput;

package/lib/modal/modal.d.ts

@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+interface WCProps {
+    ref: React.RefObject<HTMLElement>;
+    title: string;
+    closable: boolean;
+    scrollable: boolean;
+    open?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-modal': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    title: string;
+    closable: boolean;
+    open?: boolean;
+    onClose?: () => void;
+}
+export declare const GoAModal: FC<Props>;
+export default GoAModal;

package/lib/notification/notification.d.ts

@@ -1,39 +1,18 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import '../../theme.scss';
-import '../../../../core-css/src/lib/styles/notification/notification.scss';
-import '../../../../core-css/src/lib/styles/notification-banner/notification-banner.scss';
-declare type notificationType = "important" | 'information' | 'event' | 'emergency';
-export interface NotificationProps {
-    /**
-      * The type of the notification, changes stylings and icons.
-    */
-    type?: notificationType;
-    /**
-     * Notification message
-    */
-    message?: string;
-    /**
-     * Hidden title message
-    */
-    title?: string;
-    /**
-     * Optional link for notification, if no link is provided notification will not contain anchor.
-    */
-    notificationUrl?: string;
-    /**
-     * Boolean: can this notification be closed?
-    */
-    isDismissable?: boolean;
+declare type NotificationType = "important" | 'information' | 'event' | 'emergency';
+interface WCProps {
+    type: NotificationType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-notification': WCProps & React.HTMLAttributes<HTMLButtonElement>;
+        }
+    }
+}
+export interface Props {
+    type?: NotificationType;
     children?: React.ReactNode;
-    onDismiss?: () => void;
 }
-export declare const GoANotification: {
-    ({ title, type, message, notificationUrl, isDismissable, children, onDismiss, ...props }: NotificationProps): JSX.Element;
-    propTypes: {
-        title: PropTypes.Requireable<string>;
-        type: PropTypes.Validator<string>;
-        content: PropTypes.Requireable<string>;
-    };
-};
+export declare const GoANotification: ({ type, children }: Props) => JSX.Element;
 export default GoANotification;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+declare type PageLoaderType = 'infinite' | 'progress';
+declare type PageLoaderVariant = "fullscreen" | "inline";
+interface WCProps {
+    type?: PageLoaderType;
+    variant?: PageLoaderVariant;
+    message?: string;
+    visible?: boolean;
+    progress?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-page-loader': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface PageLoaderProps {
+    type?: PageLoaderType;
+    variant?: PageLoaderVariant;
+    message?: string;
+    visible?: boolean;
+    progress?: number;
+}
+export declare const GoAPageLoader: ({ type, visible, message, progress, variant }: PageLoaderProps) => JSX.Element;
+export default GoAPageLoader;

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

@@ -1,51 +1,25 @@
-import React, { ReactNode, FC } from 'react';
-import { Data as RadioItem, LabelPosition } from './radio/radio';
-import './radio-group.scss';
-export * from './radio/radio';
+import React, { FC } from 'react';
+export * from './radio';
+interface RadioGroupProps {
+    ref: React.RefObject<HTMLElement>;
+    name: string;
+    value?: string;
+    orientation: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-radio-group': RadioGroupProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 interface Props {
-    children?: ReactNode;
-    /**
-     * Name of the form value
-     */
     name: string;
-    /**
-     * Help text of the radio item
-     */
-    helperText?: string;
-    /**
-     * List of radio buttons to select
-     */
-    items?: RadioItem[];
-    /**
-     * Is the radio button selection required.
-     */
-    required?: boolean;
-    /**
-     * Error messages
-     */
-    requiredErrorMessage?: string;
-    /**
-     * Title of the radio item
-     */
-    title?: string;
-    /**
-     * Initial data value
-     */
     value?: string;
-    /**
-     * Where is the label positioned
-     */
-    labelPosition?: LabelPosition;
-    /**
-     * Disable radio buttons
-     */
     disabled?: boolean;
-    /**
-     * Callback function containing the newly selected value
-     */
-    onChange: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    testId?: string;
+    onChange: (name: string, value: string) => void;
 }
-export declare const RadioContext: React.Context<string>;
-export declare const RadioUpdateContext: React.Context<(value: string) => void>;
 export declare const GoARadioGroup: FC<Props>;
 export default GoARadioGroup;

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

@@ -0,0 +1,27 @@
+import React, { FC } from 'react';
+interface RadioItemProps {
+    name: string;
+    value: string;
+    label?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    error?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-radio-item': RadioItemProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    value: string;
+    label?: string;
+    name: string;
+    disabled?: boolean;
+    checked?: boolean;
+    error?: boolean;
+    testId?: string;
+}
+export declare const GoARadio: FC<Props>;
+export default GoARadio;

package/lib/service-level-header/service-level-header.d.ts

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-service-level-header': WebComponentProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare type ServiceLevel = 'alpha' | 'beta' | 'live';
+interface WebComponentProps {
+    level: ServiceLevel;
+}
+export interface HeaderProps {
+    level: ServiceLevel;
+}
+export declare const GoAServiceLevelHeader: FC<HeaderProps>;
+export default GoAServiceLevelHeader;

package/lib/skeleton/skeleton.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile";
+interface WCProps {
+    size: number;
+    type: SkeletonType;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-skeleton': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface SkeletonProps {
+    type: SkeletonType;
+    size?: number;
+}
+export declare const GoASkeleton: ({ type, size }: SkeletonProps) => JSX.Element;
+export default GoASkeleton;

package/lib/spinner/spinner.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare type SpinnerType = "infinite" | "progress";
+declare type SpinnerSize = "small" | "medium" | "large" | "xlarge";
+interface WCProps {
+    size: SpinnerSize;
+    type: SpinnerType;
+    invert: boolean;
+    progress: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-spinner': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface SpinnerProps {
+    type: SpinnerType;
+    size?: SpinnerSize;
+    invert: boolean;
+    progress: number;
+}
+export declare const GoASpinner: ({ type, size, progress, invert }: SpinnerProps) => JSX.Element;
+export default GoASpinner;

package/lib/textarea/textarea.d.ts

@@ -0,0 +1,27 @@
+import React, { FC } from 'react';
+interface WCProps {
+    ref: React.Ref<HTMLTextAreaElement>;
+    name: string;
+    value: string;
+    placeholder?: string;
+    rows: number;
+    disabled: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-textarea': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    name: string;
+    value: string;
+    id?: string;
+    placeholder?: string;
+    rows: number;
+    disabled: boolean;
+    onChange: (name: string, value: string) => void;
+}
+export declare const GoATextArea: FC<Props>;
+export default GoATextArea;

package/package.json

@@ -1,22 +1,27 @@
 {
   "name": "@abgov/react-components",
-  "version": "3.3.2-beta.3",
-  "description": "Government of Alberta - DIO - Shared UI components for React JS",
+  "version": "3.4.0-alpha.4",
+  "description": "Government of Alberta - UI components for React",
+  "publishConfig": {
+    "access": "public"
+  },
+  "semantic-release": "semantic-release",
   "bugs": {
-    "url": "https://gitlab.gov.ab.ca/dio/core/ui-components/-/issues"
+    "url": "https://github.com/GovAlta/ui-components/issues"
   },
-  "keywoards": [
+  "license": "Apache-2.0",
+  "keywords": [
     "GoA",
     "template",
-    "react"
+    "React"
   ],
   "repository": {
     "type": "git",
-    "url": "https://gitlab.gov.ab.ca/dio/core/ui-components.git",
+    "url": "https://github.com/GovAlta/ui-components.git",
     "directory": "libs/react-components"
   },
   "dependencies": {
-    "classnames": "^2.3.1"
+    "@abgov/web-components": "^0.0.1"
   },
   "peerDependencies": {
     "react": "^17.0.2",