@abgov/react-components 3.4.0-alpha.16 → 3.4.0-alpha.19

package/index.d.ts

@@ -23,8 +23,9 @@ import { GoAPageLoader } from './lib/page-loader/page-loader';
 import { GoARadioGroup, GoARadio } from './lib/radio-group/radio-group';
 import { GoAServiceLevelHeader } from './lib/service-level-header/service-level-header';
 import { GoATextArea } from './lib/textarea/textarea';
+import { GoASpinner } from './lib/spinner/spinner';
 import type { GoAIconType } from './lib/icons';
 import type { GoABadgeType } from './lib/badge/badge';
 export type { GoAIconType };
 export type { GoABadgeType };
-export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerContent, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAModal, GoANotification, GoAPageLoader, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASuccessBadge, GoATextArea, GoAWarningBadge, };
+export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerContent, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAModal, GoANotification, GoAPageLoader, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASuccessBadge, GoASpinner, GoATextArea, GoAWarningBadge, };

package/lib/service-level-header/service-level-header.d.ts

@@ -9,9 +9,11 @@ declare global {
 export declare type ServiceLevel = 'alpha' | 'beta' | 'live';
 interface WebComponentProps {
     level: ServiceLevel;
+    version?: string;
 }
 export interface HeaderProps {
     level: ServiceLevel;
+    version?: string;
 }
 export declare const GoAServiceLevelHeader: FC<HeaderProps>;
 export default GoAServiceLevelHeader;

package/lib/spinner/spinner.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-declare type SpinnerType = "infinite" | "progress";
-declare type SpinnerSize = "small" | "medium" | "large" | "xlarge";
+export declare type SpinnerType = "infinite" | "progress";
+export declare type SpinnerSize = "small" | "medium" | "large" | "xlarge";
 interface WCProps {
     size: SpinnerSize;
     type: SpinnerType;
-    invert: boolean;
-    progress: number;
+    invert?: boolean;
+    progress?: number;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -16,9 +17,10 @@ declare global {
 }
 export interface SpinnerProps {
     type: SpinnerType;
-    size?: SpinnerSize;
-    invert: boolean;
-    progress: number;
+    size: SpinnerSize;
+    invert?: boolean;
+    progress?: number;
+    testId?: string;
 }
-export declare const GoASpinner: ({ type, size, progress, invert }: SpinnerProps) => JSX.Element;
+export declare const GoASpinner: ({ type, size, progress, invert, testId }: SpinnerProps) => JSX.Element;
 export default GoASpinner;

package/package.json

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

package/react-components.esm.js

@@ -485,7 +485,7 @@ const GoAInput = ({
       const {
         name,
         value
-      } = e.detail.data;
+      } = e.detail;
       onChange(name, value);
     };
 
@@ -493,8 +493,7 @@ const GoAInput = ({
       onTrailingIconClick === null || onTrailingIconClick === void 0 ? void 0 : onTrailingIconClick();
     };
 
-    current.addEventListener('_change', changeListener); // TODO: remove all the `on:` prefixes
-
+    current.addEventListener('_change', changeListener);
     current.addEventListener('_trailingIconClick', clickListener);
     return () => {
       current.removeEventListener('_change', changeListener);
@@ -715,10 +714,12 @@ const GoARadioGroup = ({
 };
 
 const GoAServiceLevelHeader = ({
-  level
+  level,
+  version
 }) => {
   return jsx("goa-service-level-header", {
-    level: level
+    level: level,
+    version: version
   }, void 0);
 };
 
@@ -761,4 +762,20 @@ const GoATextArea = ({
   }, void 0);
 };
 
-export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, row as GoAFlexRow, formItem as GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAHeroBannerContent, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAModal, GoANotification, GoAPageLoader, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASuccessBadge, GoATextArea, GoAWarningBadge };
+const GoASpinner = ({
+  type,
+  size,
+  progress,
+  invert,
+  testId
+}) => {
+  return jsx("goa-spinner", {
+    type: type,
+    size: size,
+    progress: progress,
+    invert: invert,
+    testid: testId
+  }, void 0);
+};
+
+export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, row as GoAFlexRow, formItem as GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAHeroBannerContent, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAModal, GoANotification, GoAPageLoader, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASpinner, GoASuccessBadge, GoATextArea, GoAWarningBadge };

package/react-components.umd.js

@@ -491,7 +491,7 @@
         var current = ref.current;
 
         var changeListener = function changeListener(e) {
-          var _a = e.detail.data,
+          var _a = e.detail,
               name = _a.name,
               value = _a.value;
           onChange(name, value);
@@ -501,8 +501,7 @@
           onTrailingIconClick === null || onTrailingIconClick === void 0 ? void 0 : onTrailingIconClick();
         };
 
-        current.addEventListener('_change', changeListener); // TODO: remove all the `on:` prefixes
-
+        current.addEventListener('_change', changeListener);
         current.addEventListener('_trailingIconClick', clickListener);
         return function () {
           current.removeEventListener('_change', changeListener);
@@ -723,9 +722,11 @@
     };
 
     var GoAServiceLevelHeader = function GoAServiceLevelHeader(_a) {
-      var level = _a.level;
+      var level = _a.level,
+          version = _a.version;
       return jsxRuntime.jsx("goa-service-level-header", {
-        level: level
+        level: level,
+        version: version
       }, void 0);
     };
 
@@ -766,6 +767,21 @@
       }, void 0);
     };
 
+    var GoASpinner = function GoASpinner(_a) {
+      var type = _a.type,
+          size = _a.size,
+          progress = _a.progress,
+          invert = _a.invert,
+          testId = _a.testId;
+      return jsxRuntime.jsx("goa-spinner", {
+        type: type,
+        size: size,
+        progress: progress,
+        invert: invert,
+        testid: testId
+      }, void 0);
+    };
+
     exports.GoAAppHeader = GoAAppHeader;
     exports.GoABadge = GoABadge;
     exports.GoAButton = GoAButton;
@@ -804,6 +820,7 @@
     exports.GoARadio = GoARadio;
     exports.GoARadioGroup = GoARadioGroup;
     exports.GoAServiceLevelHeader = GoAServiceLevelHeader;
+    exports.GoASpinner = GoASpinner;
     exports.GoASuccessBadge = GoASuccessBadge;
     exports.GoATextArea = GoATextArea;
     exports.GoAWarningBadge = GoAWarningBadge;