@abgov/react-components 3.4.0-alpha.31 → 3.4.0-alpha.34

package/index.d.ts

@@ -20,7 +20,7 @@ import { GoAModal } from './lib/modal/modal';
 import { GoANotification } from './lib/notification/notification';
 import { GoAPageBlock } from './lib/page-block/page-block';
 import { GoAPageLoader } from './lib/page-loader/page-loader';
-import { GoARadioGroup, GoARadio } from './lib/radio-group/radio-group';
+import { GoARadioGroup, GoARadioItem } 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';
@@ -28,4 +28,4 @@ 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, GoAPageLoader, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASuccessBadge, GoASpinner, GoATextArea, GoAWarningBadge, };
+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, GoAPageLoader, GoARadioItem, GoARadioGroup, GoAServiceLevelHeader, GoASuccessBadge, GoASpinner, GoATextArea, GoAWarningBadge, };

package/lib/modal/modal.d.ts

@@ -1,10 +1,11 @@
 import React, { FC } from 'react';
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
-    title: string;
-    closable: boolean;
-    scrollable: boolean;
+    title?: string;
     open?: boolean;
+    width?: string;
+    closable?: boolean;
+    scrollable?: boolean;
 }
 declare global {
     namespace JSX {
@@ -14,10 +15,11 @@ declare global {
     }
 }
 interface Props {
-    title: string;
-    closable: boolean;
-    open?: boolean;
+    title?: string;
+    width?: string;
+    actions?: React.ReactElement;
     onClose?: () => void;
+    open?: boolean;
 }
 export declare const GoAModal: FC<Props>;
 export default GoAModal;

package/lib/radio-group/radio-group.d.ts

@@ -5,6 +5,8 @@ interface RadioGroupProps {
     name: string;
     value?: string;
     orientation: string;
+    disabled: boolean;
+    error: boolean;
 }
 declare global {
     namespace JSX {
@@ -19,6 +21,7 @@ interface Props {
     disabled?: boolean;
     orientation?: 'horizontal' | 'vertical';
     testId?: string;
+    error?: boolean;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoARadioGroup: FC<Props>;

package/lib/radio-group/radio.d.ts

@@ -23,5 +23,5 @@ interface Props {
     error?: boolean;
     testId?: string;
 }
-export declare const GoARadio: FC<Props>;
-export default GoARadio;
+export declare const GoARadioItem: FC<Props>;
+export default GoARadioItem;

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

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

package/package.json

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

package/react-components.esm.js

@@ -575,7 +575,8 @@ const GoAModal = ({
   title,
   children,
   open,
-  closable,
+  width,
+  actions,
   onClose
 }) => {
   const el = useRef(null);
@@ -595,14 +596,19 @@ const GoAModal = ({
       current.removeEventListener('_close', listener);
     };
   }, [el, onClose]);
-  return jsx("goa-modal", Object.assign({
+  return jsxs("goa-modal", Object.assign({
     ref: el,
     title: title,
     open: open,
-    closable: closable,
-    scrollable: true
+    closable: !!onClose,
+    scrollable: true,
+    width: width
   }, {
-    children: children
+    children: [actions && jsx("div", Object.assign({
+      slot: "actions"
+    }, {
+      children: actions
+    }), void 0), children]
   }), void 0);
 };
 
@@ -641,7 +647,7 @@ const GoAPageLoader = ({
   }, void 0);
 };
 
-const GoARadio = ({
+const GoARadioItem = ({
   name,
   label,
   value,
@@ -669,6 +675,8 @@ const GoARadioGroup = ({
   value,
   children,
   orientation: _orientation = 'vertical',
+  disabled: _disabled = false,
+  error: _error = false,
   testId,
   onChange
 }) => {
@@ -693,7 +701,9 @@ const GoARadioGroup = ({
     ref: el,
     name: name,
     value: value,
-    orientation: _orientation
+    orientation: _orientation,
+    disabled: _disabled,
+    error: _error
   }, {
     children: children
   }), void 0);
@@ -701,11 +711,13 @@ const GoARadioGroup = ({
 
 const GoAServiceLevelHeader = ({
   level,
-  version
+  version,
+  feedbackUrl
 }) => {
   return jsx("goa-service-level-header", {
     level: level,
-    version: version
+    version: version,
+    feedbackurl: feedbackUrl
   }, void 0);
 };
 
@@ -768,4 +780,4 @@ const GoASpinner = ({
   }, void 0);
 };
 
-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, GoAPageLoader, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASpinner, GoASuccessBadge, GoATextArea, GoAWarningBadge };
+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, GoAPageLoader, GoARadioGroup, GoARadioItem, GoAServiceLevelHeader, GoASpinner, GoASuccessBadge, GoATextArea, GoAWarningBadge };

package/react-components.umd.js

@@ -586,7 +586,8 @@
       var title = _a.title,
           children = _a.children,
           open = _a.open,
-          closable = _a.closable,
+          width = _a.width,
+          actions = _a.actions,
           onClose = _a.onClose;
       var el = React.useRef(null);
       React.useEffect(function () {
@@ -605,14 +606,19 @@
           current.removeEventListener('_close', listener);
         };
       }, [el, onClose]);
-      return jsxRuntime.jsx("goa-modal", __assign({
+      return jsxRuntime.jsxs("goa-modal", __assign({
         ref: el,
         title: title,
         open: open,
-        closable: closable,
-        scrollable: true
+        closable: !!onClose,
+        scrollable: true,
+        width: width
       }, {
-        children: children
+        children: [actions && jsxRuntime.jsx("div", __assign({
+          slot: "actions"
+        }, {
+          children: actions
+        }), void 0), children]
       }), void 0);
     };
 
@@ -649,7 +655,7 @@
       }, void 0);
     };
 
-    var GoARadio = function GoARadio(_a) {
+    var GoARadioItem = function GoARadioItem(_a) {
       var name = _a.name,
           label = _a.label,
           value = _a.value,
@@ -677,6 +683,10 @@
           children = _a.children,
           _b = _a.orientation,
           orientation = _b === void 0 ? 'vertical' : _b,
+          _c = _a.disabled,
+          disabled = _c === void 0 ? false : _c,
+          _d = _a.error,
+          error = _d === void 0 ? false : _d,
           testId = _a.testId,
           onChange = _a.onChange;
       var el = React.useRef(null);
@@ -700,7 +710,9 @@
         ref: el,
         name: name,
         value: value,
-        orientation: orientation
+        orientation: orientation,
+        disabled: disabled,
+        error: error
       }, {
         children: children
       }), void 0);
@@ -708,10 +720,12 @@
 
     var GoAServiceLevelHeader = function GoAServiceLevelHeader(_a) {
       var level = _a.level,
-          version = _a.version;
+          version = _a.version,
+          feedbackUrl = _a.feedbackUrl;
       return jsxRuntime.jsx("goa-service-level-header", {
         level: level,
-        version: version
+        version: version,
+        feedbackurl: feedbackUrl
       }, void 0);
     };
 
@@ -806,8 +820,8 @@
     exports.GoANotification = GoANotification;
     exports.GoAPageBlock = GoAPageBlock;
     exports.GoAPageLoader = GoAPageLoader;
-    exports.GoARadio = GoARadio;
     exports.GoARadioGroup = GoARadioGroup;
+    exports.GoARadioItem = GoARadioItem;
     exports.GoAServiceLevelHeader = GoAServiceLevelHeader;
     exports.GoASpinner = GoASpinner;
     exports.GoASuccessBadge = GoASuccessBadge;