@abgov/react-components 3.4.0-alpha.46 → 3.4.0-alpha.49

package/lib/circular-progress/circular-progress.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 export declare type CircularProgressType = 'infinite' | 'progress';
 export declare type CircularProgressVariant = "fullscreen" | "inline";
+export declare type CircularProgressSize = "small" | "large";
 interface WCProps {
     type?: CircularProgressType;
     variant?: CircularProgressVariant;
+    size?: CircularProgressSize;
     message?: string;
     visible?: string;
     progress?: number;
@@ -18,9 +20,10 @@ declare global {
 export interface CircularProgressProps {
     type?: CircularProgressType;
     variant?: CircularProgressVariant;
+    size?: CircularProgressSize;
     message?: string;
     visible?: boolean;
     progress?: number;
 }
-export declare const GoACircularProgress: ({ type, visible, message, progress, variant }: CircularProgressProps) => JSX.Element;
+export declare const GoACircularProgress: ({ type, visible, message, progress, variant, size }: CircularProgressProps) => JSX.Element;
 export default GoACircularProgress;

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.46",
+  "version": "3.4.0-alpha.49",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/react-components.esm.js

@@ -217,14 +217,16 @@ const GoACircularProgress = ({
   visible,
   message,
   progress,
-  variant
+  variant,
+  size
 }) => {
   return jsx("goa-circular-progress", {
     type: type,
     visible: visible ? "true" : "false",
     message: message,
     progress: progress,
-    variant: variant
+    variant: variant,
+    size: size
   }, void 0);
 };
 
@@ -275,7 +277,7 @@ const GoADropdown = props => {
       const {
         name,
         value
-      } = state.detail.data;
+      } = state.detail;
       props.onChange(name, value);
     };
 
@@ -287,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
@@ -697,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

@@ -256,13 +256,15 @@
           visible = _a.visible,
           message = _a.message,
           progress = _a.progress,
-          variant = _a.variant;
+          variant = _a.variant,
+          size = _a.size;
       return jsxRuntime.jsx("goa-circular-progress", {
         type: type,
         visible: visible ? "true" : "false",
         message: message,
         progress: progress,
-        variant: variant
+        variant: variant,
+        size: size
       }, void 0);
     };
 
@@ -310,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);
@@ -324,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
@@ -705,6 +708,11 @@
         }
 
         var listener = function listener(e) {
+          if (!onChange) {
+            console.warn("Missing onChange function");
+            return;
+          }
+
           onChange(name, e.detail.value);
         };