@abgov/react-components 3.4.0-alpha.18 → 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/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.18",
+  "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);
@@ -763,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);
@@ -768,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;
@@ -806,6 +820,7 @@
     exports.GoARadio = GoARadio;
     exports.GoARadioGroup = GoARadioGroup;
     exports.GoAServiceLevelHeader = GoAServiceLevelHeader;
+    exports.GoASpinner = GoASpinner;
     exports.GoASuccessBadge = GoASuccessBadge;
     exports.GoATextArea = GoATextArea;
     exports.GoAWarningBadge = GoAWarningBadge;