@abgov/react-components 4.4.0 → 4.5.0

package/README.md

@@ -5,9 +5,8 @@ This library contains react components from the Government of Alberta.
 Add Dependencies
 
 ```bash
-npm i @abgov/react-components@alpha
-npm i @abgov/web-components@alpha
-npm i @abgov/styles@alpha
+npm i @abgov/react-components
+npm i @abgov/web-components
 ```
 
 Link ionicons in app/index.html
@@ -27,5 +26,5 @@ Add the following to the head element
 Import the styles in the `src/index.css` file
 
 ```css
-@import "@abgov/styles/styles.esm.css";
+@import "@abgov/web-components/index.css";
 ```

package/index.d.ts

@@ -30,6 +30,7 @@ export * from "./lib/notification/notification";
 export * from "./lib/one-column-layout/one-column-layout";
 export * from "./lib/page-block/page-block";
 export * from "./lib/radio-group/radio-group";
+export * from "./lib/pagination/pagination";
 export * from "./lib/skeleton/skeleton";
 export * from "./lib/spacer/spacer";
 export * from "./lib/spinner/spinner";

package/lib/input/input.d.ts

@@ -11,6 +11,7 @@ interface WCProps extends Margins {
     value: string;
     id?: string;
     autocapitalize?: GoAAutoCapitalize;
+    debounce?: number;
     placeholder?: string;
     leadingicon?: string;
     trailingicon?: string;
@@ -39,6 +40,7 @@ declare global {
 interface BaseProps extends Margins {
     name: string;
     id?: string;
+    debounce?: number;
     disabled?: boolean;
     autoCapitalize?: GoAAutoCapitalize;
     placeholder?: string;

package/lib/pagination/pagination.d.ts

@@ -0,0 +1,25 @@
+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;
+}
+export declare function GoAPagination(props: PaginationProps): JSX.Element;
+export default GoAPagination;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"