@abgov/react-components 4.17.0 → 4.18.1

package/lib/input/input.d.ts

@@ -60,44 +60,41 @@ interface BaseProps extends Margins {
     trailingContent?: React.ReactNode;
     maxLength?: number;
 }
-declare type OnChange = (name: string, value: string) => void;
-declare type OnFocus = (name: string, value: string) => void;
-declare type OnBlur = (name: string, value: string) => void;
+declare type OnChange<T = string> = (name: string, value: T) => void;
+declare type OnFocus<T = string> = (name: string, value: T) => void;
+declare type OnBlur<T = string> = (name: string, value: T) => void;
+declare type OnKeyPress<T = string> = (name: string, value: T, key: string) => void;
 export interface GoAInputProps extends BaseProps {
-    onChange: OnChange;
+    onChange: OnChange<string>;
     value: string;
     min?: number | string;
     max?: number | string;
     step?: number;
-    onFocus?: OnFocus;
-    onBlur?: OnBlur;
+    onFocus?: OnFocus<string>;
+    onBlur?: OnBlur<string>;
+    onKeyPress?: OnKeyPress<string>;
 }
-export declare type InputProps = GoAInputProps;
-declare type OnNumberChange = (name: string, value: number) => void;
-declare type OnNumberFocus = (name: string, value: number) => void;
-declare type OnNumberBlur = (name: string, value: number) => void;
-export interface GoANumberInputProps extends BaseProps {
-    onChange: OnNumberChange;
+interface GoANumberInputProps extends BaseProps {
+    onChange: OnChange<number>;
     value: number;
     min?: number;
     max?: number;
     step?: number;
-    onFocus?: OnNumberFocus;
-    onBlur?: OnNumberBlur;
+    onFocus?: OnFocus<number>;
+    onBlur?: OnBlur<number>;
+    onKeyPress?: OnKeyPress<number>;
 }
-declare type OnDateChange = (name: string, value: GoADate) => void;
-declare type OnDateFocus = (name: string, value: GoADate) => void;
-declare type OnDateBlur = (name: string, value: GoADate) => void;
-export interface GoADateInputProps extends BaseProps {
-    onChange: OnDateChange;
+interface GoADateInputProps extends BaseProps {
+    onChange: OnChange<GoADate>;
     value: GoADate;
     min?: GoADate;
     max?: GoADate;
     step?: number;
-    onFocus?: OnDateFocus;
-    onBlur?: OnDateBlur;
+    onFocus?: OnFocus<GoADate>;
+    onBlur?: OnBlur<GoADate>;
+    onKeyPress?: OnKeyPress<GoADate>;
 }
-export declare function GoAInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, onTrailingIconClick, onChange, onFocus, onBlur, }: GoAInputProps & {
+export declare function GoAInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoAInputProps & {
     type?: GoAInputType;
 }): JSX.Element;
 export declare function GoAInputText(props: GoAInputProps): JSX.Element;

package/lib/textarea/textarea.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Margins } from "../../common/styling";
+declare type CountBy = "character" | "word";
 interface WCProps extends Margins {
     ref: React.Ref<HTMLTextAreaElement>;
     name: string;
@@ -8,10 +9,10 @@ interface WCProps extends Margins {
     rows?: number;
     error?: boolean;
     disabled?: boolean;
-    showcounter?: boolean;
-    maxcharcount?: number;
     width?: string;
     arialabel?: string;
+    countby?: CountBy;
+    maxcount?: number;
 }
 declare global {
     namespace JSX {
@@ -28,12 +29,14 @@ export interface GoATextAreaProps extends Margins {
     rows?: number;
     error?: boolean;
     disabled?: boolean;
-    showCounter?: boolean;
-    maxCharCount?: number;
     width?: string;
     testId?: string;
     ariaLabel?: string;
+    countBy?: CountBy;
+    maxCount?: number;
     onChange: (name: string, value: string) => void;
+    onKeyPress?: (name: string, value: string, key: string) => void;
 }
-export declare function GoATextArea({ name, value, placeholder, rows, disabled, showCounter, maxCharCount, width, testId, error, ariaLabel, mt, mr, mb, ml, onChange, }: GoATextAreaProps): JSX.Element;
-export default GoATextArea;
+export declare function GoATextarea({ name, value, placeholder, rows, disabled, countBy, maxCount, width, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;
+export { GoATextarea as GoATextArea };
+export default GoATextarea;

package/package.json

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