@abgov/react-components 4.0.0-alpha.13 → 4.0.0-alpha.14

package/lib/dropdown/dropdown.d.ts

@@ -4,14 +4,16 @@ export * from './dropdown-option';
 interface WCProps {
     ref: React.MutableRefObject<HTMLElement | null>;
     name: string;
-    values: string;
+    value: string;
     leadingicon?: string;
-    maxheight?: number;
+    maxheight?: string;
     placeholder?: string;
     filterable?: boolean;
     disabled?: boolean;
     error?: boolean;
     multiselect?: boolean;
+    width?: string;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -22,16 +24,17 @@ declare global {
 }
 interface Props {
     name: string;
-    values: string[];
+    value: string[];
     onChange: (name: string, values: string[]) => void;
     disabled?: boolean;
     filterable?: boolean;
     leadingIcon?: GoAIconType;
-    maxHeight?: number;
+    maxHeight?: string;
     error?: boolean;
     multiselect?: boolean;
     placeholder?: string;
     testId?: string;
+    width?: string;
 }
 export declare const GoADropdown: FC<Props>;
 export default GoADropdown;

package/package.json

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

package/react-components.esm.js

@@ -365,9 +365,9 @@ const GoADropdown = props => {
     const handler = state => {
       const {
         name,
-        value
+        values
       } = state.detail;
-      props.onChange(name, value);
+      props.onChange(name, values);
     };
 
     current.addEventListener('_change', handler);
@@ -378,7 +378,7 @@ const GoADropdown = props => {
   return jsx("goa-dropdown", Object.assign({
     ref: el,
     name: props.name,
-    values: JSON.stringify(props.values),
+    value: JSON.stringify(props.value),
     leadingicon: props.leadingIcon,
     maxheight: props.maxHeight,
     placeholder: props.placeholder,
@@ -386,7 +386,8 @@ const GoADropdown = props => {
     disabled: props.disabled,
     multiselect: props.multiselect,
     error: props.error,
-    "data-testid": props.testId
+    testid: props.testId,
+    width: props.width
   }, {
     children: props.children
   }), void 0);

package/react-components.umd.js

@@ -398,8 +398,8 @@
         var handler = function handler(state) {
           var _a = state.detail,
               name = _a.name,
-              value = _a.value;
-          props.onChange(name, value);
+              values = _a.values;
+          props.onChange(name, values);
         };
 
         current.addEventListener('_change', handler);
@@ -410,7 +410,7 @@
       return jsxRuntime.jsx("goa-dropdown", __assign({
         ref: el,
         name: props.name,
-        values: JSON.stringify(props.values),
+        value: JSON.stringify(props.value),
         leadingicon: props.leadingIcon,
         maxheight: props.maxHeight,
         placeholder: props.placeholder,
@@ -418,7 +418,8 @@
         disabled: props.disabled,
         multiselect: props.multiselect,
         error: props.error,
-        "data-testid": props.testId
+        testid: props.testId,
+        width: props.width
       }, {
         children: props.children
       }), void 0);