@abgov/react-components 4.0.0-alpha.11 → 4.0.0-alpha.110

package/lib/pagination/pagination.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | undefined>;
+    itemcount: number;
+    perpagecount?: number;
+    pagenumber: number;
+    variant?: "all" | "links-only";
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-pagination": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface PaginationProps extends Margins {
+    itemCount: number;
+    perPageCount?: number;
+    pageNumber: number;
+    variant?: "all" | "links-only";
+    onChange: (page: number) => void;
+    testId?: string;
+}
+export declare function GoAPagination(props: PaginationProps): JSX.Element;
+export default GoAPagination;

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

@@ -1,27 +1,31 @@
-import React, { FC } from 'react';
-export * from './radio';
-interface RadioGroupProps {
+import React, { FC } from "react";
+import { Margins } from "../../common/styling";
+export * from "./radio";
+interface RadioGroupProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name: string;
     value?: string;
     orientation: string;
     disabled: boolean;
     error: boolean;
+    arialabel?: string;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-radio-group': RadioGroupProps & React.HTMLAttributes<HTMLElement>;
+            "goa-radio-group": RadioGroupProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-interface Props {
+interface Props extends Margins {
     name: string;
     value?: string;
     disabled?: boolean;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: "horizontal" | "vertical";
     testId?: string;
     error?: boolean;
+    ariaLabel?: string;
+    children?: React.ReactNode;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoARadioGroup: FC<Props>;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface RadioItemProps {
     name: string;
     value: string;
@@ -10,7 +10,7 @@ interface RadioItemProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-radio-item': RadioItemProps & React.HTMLAttributes<HTMLElement>;
+            "goa-radio-item": RadioItemProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -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/skeleton/skeleton.d.ts

@@ -1,19 +1,26 @@
-import React from 'react';
+import React from "react";
+import { Margins } from "../../common/styling";
 export declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile";
-interface WCProps {
-    size: number;
+declare type SkeletonSize = 1 | 2 | 3 | 4;
+interface WCProps extends Margins {
+    maxwidth?: string;
+    size?: SkeletonSize;
+    linecount?: number;
     type: SkeletonType;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-skeleton': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-skeleton": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export interface SkeletonProps {
+export interface SkeletonProps extends Margins {
+    maxWidth?: string;
+    size?: SkeletonSize;
+    lineCount?: number;
     type: SkeletonType;
-    size?: number;
+    testId?: string;
 }
-export declare const GoASkeleton: ({ type, size }: SkeletonProps) => JSX.Element;
+export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: SkeletonProps) => JSX.Element;
 export default GoASkeleton;

package/lib/spacer/spacer.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { Spacing } from "../../common/styling";
+interface WCProps {
+    hspacing?: Spacing | "fill";
+    vspacing?: Spacing;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-spacer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface SpacerProps {
+    hSpacing?: Spacing | "fill";
+    vSpacing?: Spacing;
+    testId?: string;
+}
+export declare function GoASpacer(props: SpacerProps): JSX.Element;
+export default GoASpacer;

package/lib/spinner/spinner.d.ts

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

package/lib/table/table.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export declare type TableVariant = "normal" | "relaxed";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | null>;
+    width?: string;
+    stickyheader?: boolean;
+    variant?: TableVariant;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface TableProps extends Margins {
+    width?: string;
+    onSort?: (sortBy: string, sortDir: number) => void;
+    variant?: TableVariant;
+    testId?: string;
+    children: ReactNode;
+}
+export declare function GoATable(props: TableProps): JSX.Element;
+export default GoATable;

package/lib/textarea/textarea.d.ts

@@ -1,5 +1,6 @@
-import React, { FC } from 'react';
-interface WCProps {
+import React, { FC } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
     ref: React.Ref<HTMLTextAreaElement>;
     name: string;
     value: string;
@@ -9,15 +10,17 @@ interface WCProps {
     disabled?: boolean;
     showcounter?: boolean;
     maxcharcount?: number;
+    width?: string;
+    arialabel?: string;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-textarea': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-interface Props {
+interface Props extends Margins {
     name: string;
     value: string;
     id?: string;
@@ -27,7 +30,9 @@ interface Props {
     disabled?: boolean;
     showCounter?: boolean;
     maxCharCount?: number;
+    width?: string;
     testId?: string;
+    ariaLabel?: string;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoATextArea: FC<Props>;

package/lib/two-column-layout/two-column-layout.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    navcolumnwidth?: string;
+    maxcontentwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-two-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    navColumnWidth?: string;
+    maxContentWidth?: string;
+    header: ReactNode;
+    footer: ReactNode;
+    nav: ReactNode;
+    children: ReactNode;
+}
+export declare function GoATwoColumnLayout(props: Props): JSX.Element;
+export default GoATwoColumnLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.0.0-alpha.11",
+  "version": "4.0.0-alpha.110",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -16,12 +16,12 @@
     "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"
+    "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",