@abgov/react-components 4.0.0-alpha.5 → 4.0.0-alpha.51

package/lib/input/input.d.ts

@@ -1,8 +1,9 @@
 import React, { FC } from 'react';
 import { GoAIconType } from '../..';
+declare type GoAInputType = "text" | "number" | "password" | "email" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
 interface WCProps {
     ref?: React.MutableRefObject<HTMLInputElement | null>;
-    type: string;
+    type?: GoAInputType;
     name: string;
     value: string;
     id?: string;
@@ -18,7 +19,12 @@ interface WCProps {
     maxcharcount?: number;
     handletrailingiconclick: boolean;
     width?: string;
+    prefix?: string;
+    suffix?: string;
     testid?: string;
+    min?: string;
+    max?: string;
+    step?: number;
 }
 declare global {
     namespace JSX {
@@ -27,7 +33,7 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     name: string;
     value: string;
     onChange: (name: string, value: string) => void;
@@ -44,21 +50,26 @@ export interface Props {
     width?: string;
     showCounter?: boolean;
     maxCharCount?: number;
+    prefix?: string;
+    suffix?: string;
     testId?: string;
+    min?: string;
+    max?: string;
+    step?: number;
 }
 export declare const GoAInput: FC<Props & {
-    type: string;
+    type?: GoAInputType;
 }>;
 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 GoAInputDate: FC<Omit<Props, "value"> & {
+    value: Date | string;
 }>;
-export declare const GoAInputTime: FC<Props>;
-export declare const GoAInputDateTime: FC<Props & {
-    min?: string;
-    max?: string;
+export declare const GoAInputTime: FC<Omit<Props, "value"> & {
+    value: Date | string;
+}>;
+export declare const GoAInputDateTime: FC<Omit<Props, "value"> & {
+    value: Date;
 }>;
 export declare const GoAInputEmail: FC<Props>;
 export declare const GoAInputSearch: FC<Props>;
@@ -66,14 +77,10 @@ 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 & {
+export declare const GoAInputNumber: FC<Omit<Props, "value" | "min" | "max"> & {
+    value: number;
     min?: number;
     max?: number;
-    step?: number;
 }>;
+export declare const GoAInputRange: FC<Props>;
 export default GoAInput;

package/lib/microsite-header/microsite-header.d.ts

@@ -8,12 +8,12 @@ declare global {
 }
 export declare type ServiceLevel = 'alpha' | 'beta' | 'live';
 interface WebComponentProps {
-    level: ServiceLevel;
+    type: ServiceLevel;
     version?: string;
     feedbackurl?: string;
 }
 export interface HeaderProps {
-    level: ServiceLevel;
+    type: ServiceLevel;
     version?: string;
     feedbackUrl?: string;
 }

package/lib/modal/modal.d.ts

@@ -21,6 +21,7 @@ interface Props {
     actions?: React.ReactElement;
     onClose?: () => void;
     transition?: "fast" | "slow" | "none";
+    children?: React.ReactNode;
     open?: boolean;
 }
 export declare const GoAModal: FC<Props>;

package/lib/notification/notification.d.ts

@@ -10,7 +10,7 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     type?: NotificationType;
     children?: React.ReactNode;
 }

package/lib/page/page.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-page': React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface PageProps {
+    children?: ReactNode;
+}
+export declare function GoAPage(props: PageProps): JSX.Element;
+export default GoAPage;

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

@@ -1,9 +1,16 @@
-import React, { FC } from 'react';
+import React, { FC, ReactNode } from 'react';
+export interface WCPageBlockProps {
+    width: "full" | string;
+}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-page-block': React.HTMLAttributes<HTMLElement>;
+            'goa-page-block': WCPageBlockProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export declare const GoAPageBlock: FC;
+export interface PageBlockProps {
+    width: "full" | string;
+    children?: ReactNode;
+}
+export declare const GoAPageBlock: FC<PageBlockProps>;

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

@@ -22,6 +22,7 @@ interface Props {
     orientation?: 'horizontal' | 'vertical';
     testId?: string;
     error?: boolean;
+    children?: React.ReactNode;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoARadioGroup: FC<Props>;

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

@@ -21,6 +21,7 @@ interface Props {
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;
+    children?: React.ReactNode;
     testId?: string;
 }
 export declare const GoARadioItem: FC<Props>;

package/lib/textarea/textarea.d.ts

@@ -9,6 +9,7 @@ interface WCProps {
     disabled?: boolean;
     showcounter?: boolean;
     maxcharcount?: number;
+    width?: string;
 }
 declare global {
     namespace JSX {
@@ -27,6 +28,7 @@ interface Props {
     disabled?: boolean;
     showCounter?: boolean;
     maxCharCount?: number;
+    width?: string;
     testId?: string;
     onChange: (name: string, value: string) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-alpha.51",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -16,13 +16,13 @@
     "url": "https://github.com/GovAlta/ui-components.git",
     "directory": "libs/react-components"
   },
-  "dependencies": {
-    "@abgov/web-components": "^1.0.0-alpha.23"
-  },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
+  "dependencies": {
+    "date-fns": "^2.29.2"
+  },
   "main": "./react-components.umd.js",
   "module": "./react-components.esm.js",
   "typings": "./index.d.ts"