@abgov/react-components 3.4.0-alpha.48 → 3.4.0-alpha.50

package/lib/dropdown/dropdown.d.ts

@@ -1,33 +1,35 @@
 import React, { FC } from "react";
 import { GoAIconType } from "../icons";
 export * from './dropdown-option';
-interface DropdownProps {
+interface WCProps {
     ref: React.MutableRefObject<HTMLElement | null>;
     name: string;
     values: string;
     leadingicon?: string;
     maxheight?: number;
     placeholder?: string;
-    autocomplete?: boolean;
+    filterable?: boolean;
     disabled?: boolean;
+    error?: boolean;
     multiselect?: boolean;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-dropdown': DropdownProps & React.HTMLAttributes<HTMLElement>;
+            'goa-dropdown': WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
 interface Props {
     name: string;
-    selectedValues: string[];
+    values: string[];
     onChange: (name: string, values: string[]) => void;
     disabled?: boolean;
-    autoComplete?: boolean;
+    filterable?: boolean;
     leadingIcon?: GoAIconType;
     maxHeight?: number;
-    multiSelect?: boolean;
+    error?: boolean;
+    multiselect?: boolean;
     placeholder?: string;
     testId?: string;
 }

package/package.json

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

package/react-components.esm.js

@@ -277,7 +277,7 @@ const GoADropdown = props => {
       const {
         name,
         value
-      } = state.detail.data;
+      } = state.detail;
       props.onChange(name, value);
     };
 
@@ -289,13 +289,14 @@ const GoADropdown = props => {
   return jsx("goa-dropdown", Object.assign({
     ref: el,
     name: props.name,
-    values: JSON.stringify(props.selectedValues),
+    values: JSON.stringify(props.values),
     leadingicon: props.leadingIcon,
     maxheight: props.maxHeight,
     placeholder: props.placeholder,
-    autocomplete: props.autoComplete,
+    filterable: props.filterable,
     disabled: props.disabled,
-    multiselect: props.multiSelect,
+    multiselect: props.multiselect,
+    error: props.error,
     "data-testid": props.testId
   }, {
     children: props.children
@@ -699,6 +700,11 @@ const GoARadioGroup = ({
     }
 
     const listener = e => {
+      if (!onChange) {
+        console.warn("Missing onChange function");
+        return;
+      }
+
       onChange(name, e.detail.value);
     };
 

package/react-components.umd.js

@@ -312,7 +312,7 @@
         var current = el.current;
 
         var handler = function handler(state) {
-          var _a = state.detail.data,
+          var _a = state.detail,
               name = _a.name,
               value = _a.value;
           props.onChange(name, value);
@@ -326,13 +326,14 @@
       return jsxRuntime.jsx("goa-dropdown", __assign({
         ref: el,
         name: props.name,
-        values: JSON.stringify(props.selectedValues),
+        values: JSON.stringify(props.values),
         leadingicon: props.leadingIcon,
         maxheight: props.maxHeight,
         placeholder: props.placeholder,
-        autocomplete: props.autoComplete,
+        filterable: props.filterable,
         disabled: props.disabled,
-        multiselect: props.multiSelect,
+        multiselect: props.multiselect,
+        error: props.error,
         "data-testid": props.testId
       }, {
         children: props.children
@@ -707,6 +708,11 @@
         }
 
         var listener = function listener(e) {
+          if (!onChange) {
+            console.warn("Missing onChange function");
+            return;
+          }
+
           onChange(name, e.detail.value);
         };