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

package/index.d.ts

@@ -8,6 +8,7 @@ import { GoAButton } from './lib/button/button';
 import { GoAButtonGroup } from './lib/button-group/button-group';
 import { GoACallout } from './lib/callout/callout';
 import { GoACheckbox } from './lib/checkbox/checkbox';
+import { GoACircularProgress } from './lib/circular-progress/circular-progress';
 import { GoAContainer } from './lib/container/container';
 import { GoADropdown, GoADropdownOption } from './lib/dropdown/dropdown';
 import { GoAFlexRow } from './lib/flex';
@@ -16,16 +17,16 @@ import { GoAHeroBanner } from './lib/hero-banner/hero-banner';
 import { GoAHeroBannerActions } from './lib/hero-banner/hero-banner-actions';
 import { GoAIcon, GoAIconButton } from './lib/icons';
 import { GoAInput, GoAInputText, GoAInputPassword, GoAInputDate, GoAInputTime, GoAInputDateTime, GoAInputEmail, GoAInputSearch, GoAInputUrl, GoAInputTel, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputRange } from './lib/input/input';
+import { GoAMicrositeHeader } from './lib/microsite-header/microsite-header';
 import { GoAModal } from './lib/modal/modal';
 import { GoANotification } from './lib/notification/notification';
 import { GoAPageBlock } from './lib/page-block/page-block';
-import { GoACircularProgress } from './lib/circular-progress/circular-progress';
 import { GoARadioGroup, GoARadioItem } from './lib/radio-group/radio-group';
-import { GoAMicrositeHeader } from './lib/microsite-header/microsite-header';
-import { GoATextArea } from './lib/textarea/textarea';
+import { GoASkeleton } from './lib/skeleton/skeleton';
 import { GoASpinner } from './lib/spinner/spinner';
+import { GoATextArea } from './lib/textarea/textarea';
 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, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAModal, GoANotification, GoAPageBlock, GoACircularProgress, GoARadioItem, GoARadioGroup, GoAMicrositeHeader, GoASuccessBadge, GoASpinner, GoATextArea, GoAWarningBadge, };
+export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoACircularProgress, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpinner, GoASuccessBadge, GoATextArea, GoAWarningBadge, };

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/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile";
+export declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile";
 interface WCProps {
     size: number;
     type: SkeletonType;

package/package.json

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

package/react-components.esm.js

@@ -212,6 +212,24 @@ const GoACheckbox = ({
   }), void 0);
 };
 
+const GoACircularProgress = ({
+  type,
+  visible,
+  message,
+  progress,
+  variant,
+  size
+}) => {
+  return jsx("goa-circular-progress", {
+    type: type,
+    visible: visible ? "true" : "false",
+    message: message,
+    progress: progress,
+    variant: variant,
+    size: size
+  }, void 0);
+};
+
 const GoAContainer = ({
   headingSize,
   title,
@@ -569,6 +587,18 @@ const GoAInputRange = _a => {
   }), void 0);
 };
 
+const GoAMicrositeHeader = ({
+  level,
+  version,
+  feedbackUrl
+}) => {
+  return jsx("goa-microsite-header", {
+    level: level,
+    version: version,
+    feedbackurl: feedbackUrl
+  }, void 0);
+};
+
 const GoAModal = ({
   title,
   children,
@@ -629,22 +659,6 @@ const GoAPageBlock = ({
   }, void 0);
 };
 
-const GoACircularProgress = ({
-  type,
-  visible,
-  message,
-  progress,
-  variant
-}) => {
-  return jsx("goa-circular-progress", {
-    type: type,
-    visible: visible ? "true" : "false",
-    message: message,
-    progress: progress,
-    variant: variant
-  }, void 0);
-};
-
 const GoARadioItem = ({
   name,
   label,
@@ -707,15 +721,29 @@ const GoARadioGroup = ({
   }), void 0);
 };
 
-const GoAMicrositeHeader = ({
-  level,
-  version,
-  feedbackUrl
+const GoASkeleton = ({
+  type,
+  size: _size = 1
 }) => {
-  return jsx("goa-microsite-header", {
-    level: level,
-    version: version,
-    feedbackurl: feedbackUrl
+  return jsx("goa-skeleton", {
+    type: type,
+    size: _size
+  }, void 0);
+};
+
+const GoASpinner = ({
+  type,
+  size,
+  progress,
+  invert,
+  testId
+}) => {
+  return jsx("goa-spinner", {
+    type: type,
+    size: size,
+    progress: progress,
+    invert: invert,
+    testid: testId
   }, void 0);
 };
 
@@ -762,20 +790,4 @@ const GoATextArea = ({
   }, void 0);
 };
 
-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, GoACircularProgress, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASpinner, GoASuccessBadge, GoATextArea, GoAWarningBadge };
+export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoACircularProgress, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpinner, GoASuccessBadge, GoATextArea, GoAWarningBadge };

package/react-components.umd.js

@@ -251,6 +251,23 @@
       }), void 0);
     };
 
+    var GoACircularProgress = function GoACircularProgress(_a) {
+      var type = _a.type,
+          visible = _a.visible,
+          message = _a.message,
+          progress = _a.progress,
+          variant = _a.variant,
+          size = _a.size;
+      return jsxRuntime.jsx("goa-circular-progress", {
+        type: type,
+        visible: visible ? "true" : "false",
+        message: message,
+        progress: progress,
+        variant: variant,
+        size: size
+      }, void 0);
+    };
+
     var GoAContainer = function GoAContainer(_a) {
       var headingSize = _a.headingSize,
           title = _a.title,
@@ -580,6 +597,17 @@
       }), void 0);
     };
 
+    var GoAMicrositeHeader = function GoAMicrositeHeader(_a) {
+      var level = _a.level,
+          version = _a.version,
+          feedbackUrl = _a.feedbackUrl;
+      return jsxRuntime.jsx("goa-microsite-header", {
+        level: level,
+        version: version,
+        feedbackurl: feedbackUrl
+      }, void 0);
+    };
+
     var GoAModal = function GoAModal(_a) {
       var title = _a.title,
           children = _a.children,
@@ -638,21 +666,6 @@
       }, void 0);
     };
 
-    var GoACircularProgress = function GoACircularProgress(_a) {
-      var type = _a.type,
-          visible = _a.visible,
-          message = _a.message,
-          progress = _a.progress,
-          variant = _a.variant;
-      return jsxRuntime.jsx("goa-circular-progress", {
-        type: type,
-        visible: visible ? "true" : "false",
-        message: message,
-        progress: progress,
-        variant: variant
-      }, void 0);
-    };
-
     var GoARadioItem = function GoARadioItem(_a) {
       var name = _a.name,
           label = _a.label,
@@ -716,14 +729,28 @@
       }), void 0);
     };
 
-    var GoAMicrositeHeader = function GoAMicrositeHeader(_a) {
-      var level = _a.level,
-          version = _a.version,
-          feedbackUrl = _a.feedbackUrl;
-      return jsxRuntime.jsx("goa-microsite-header", {
-        level: level,
-        version: version,
-        feedbackurl: feedbackUrl
+    var GoASkeleton = function GoASkeleton(_a) {
+      var type = _a.type,
+          _b = _a.size,
+          size = _b === void 0 ? 1 : _b;
+      return jsxRuntime.jsx("goa-skeleton", {
+        type: type,
+        size: size
+      }, 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);
     };
 
@@ -768,21 +795,6 @@
       }, 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;
@@ -821,6 +833,7 @@
     exports.GoAPageBlock = GoAPageBlock;
     exports.GoARadioGroup = GoARadioGroup;
     exports.GoARadioItem = GoARadioItem;
+    exports.GoASkeleton = GoASkeleton;
     exports.GoASpinner = GoASpinner;
     exports.GoASuccessBadge = GoASuccessBadge;
     exports.GoATextArea = GoATextArea;