@abgov/react-components 4.0.0-alpha.3 → 4.0.0-alpha.4

package/lib/input/input.d.ts

@@ -14,6 +14,8 @@ interface WCProps {
     error?: boolean;
     readonly?: boolean;
     focused?: boolean;
+    showcounter?: boolean;
+    maxcharcount?: number;
     handletrailingiconclick: boolean;
     width?: string;
     testid?: string;
@@ -40,6 +42,8 @@ export interface Props {
     readonly?: boolean;
     error?: boolean;
     width?: string;
+    showCounter?: boolean;
+    maxCharCount?: number;
     testId?: string;
 }
 export declare const GoAInput: FC<Props & {

package/lib/textarea/textarea.d.ts

@@ -5,8 +5,10 @@ interface WCProps {
     value: string;
     placeholder?: string;
     rows?: number;
-    error: boolean;
-    disabled: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    showcounter?: boolean;
+    maxcharcount?: number;
 }
 declare global {
     namespace JSX {
@@ -21,9 +23,11 @@ interface Props {
     id?: string;
     placeholder?: string;
     rows?: number;
-    error: boolean;
-    disabled: boolean;
-    testId: string;
+    error?: boolean;
+    disabled?: boolean;
+    showCounter?: boolean;
+    maxCharCount?: number;
+    testId?: string;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoATextArea: FC<Props>;

package/package.json

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

package/react-components.esm.js

@@ -527,6 +527,8 @@ const GoAInput = ({
   placeholder,
   error,
   width,
+  showCounter,
+  maxCharCount,
   testId,
   onTrailingIconClick,
   onChange
@@ -574,6 +576,8 @@ const GoAInput = ({
     "data-testid": testId,
     value: value,
     width: width,
+    showcounter: showCounter,
+    maxcharcount: maxCharCount,
     handletrailingiconclick: !!onTrailingIconClick
   }, void 0);
 };
@@ -823,6 +827,8 @@ const GoATextArea = ({
   placeholder,
   rows,
   disabled,
+  showCounter,
+  maxCharCount,
   testId,
   error,
   onChange
@@ -855,6 +861,8 @@ const GoATextArea = ({
     value: value,
     rows: rows,
     disabled: disabled,
+    showcounter: showCounter,
+    maxcharcount: maxCharCount,
     error: error,
     "data-testid": testId
   }, void 0);

package/react-components.umd.js

@@ -530,6 +530,8 @@
           placeholder = _a.placeholder,
           error = _a.error,
           width = _a.width,
+          showCounter = _a.showCounter,
+          maxCharCount = _a.maxCharCount,
           testId = _a.testId,
           onTrailingIconClick = _a.onTrailingIconClick,
           onChange = _a.onChange;
@@ -575,6 +577,8 @@
         "data-testid": testId,
         value: value,
         width: width,
+        showcounter: showCounter,
+        maxcharcount: maxCharCount,
         handletrailingiconclick: !!onTrailingIconClick
       }, void 0);
     };
@@ -824,6 +828,8 @@
           placeholder = _a.placeholder,
           rows = _a.rows,
           disabled = _a.disabled,
+          showCounter = _a.showCounter,
+          maxCharCount = _a.maxCharCount,
           testId = _a.testId,
           error = _a.error,
           onChange = _a.onChange;
@@ -854,6 +860,8 @@
         value: value,
         rows: rows,
         disabled: disabled,
+        showcounter: showCounter,
+        maxcharcount: maxCharCount,
         error: error,
         "data-testid": testId
       }, void 0);