@abgov/react-components 3.4.0-alpha.33 → 3.4.0-alpha.36

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

@@ -1,6 +1,5 @@
 import React, { FC } from 'react';
 interface WCProps {
-    name: string;
     label: string;
     optional?: boolean;
     error?: string;
@@ -14,7 +13,6 @@ declare global {
     }
 }
 interface GoAFormItemProps {
-    name: string;
     label: string;
     optional?: boolean;
     error?: string;

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/package.json

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

package/react-components.esm.js

@@ -320,11 +320,9 @@ const GoAFormItem = ({
   helpText,
   error,
   optional,
-  name,
   label
 }) => {
   return jsx("goa-form-item", Object.assign({
-    name: name,
     label: label,
     error: error,
     optional: optional,
@@ -647,7 +645,7 @@ const GoAPageLoader = ({
   }, void 0);
 };
 
-const GoARadio = ({
+const GoARadioItem = ({
   name,
   label,
   value,
@@ -675,6 +673,8 @@ const GoARadioGroup = ({
   value,
   children,
   orientation: _orientation = 'vertical',
+  disabled: _disabled = false,
+  error: _error = false,
   testId,
   onChange
 }) => {
@@ -699,7 +699,9 @@ const GoARadioGroup = ({
     ref: el,
     name: name,
     value: value,
-    orientation: _orientation
+    orientation: _orientation,
+    disabled: _disabled,
+    error: _error
   }, {
     children: children
   }), void 0);
@@ -776,4 +778,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

@@ -357,10 +357,8 @@
           helpText = _a.helpText,
           error = _a.error,
           optional = _a.optional,
-          name = _a.name,
           label = _a.label;
       return jsxRuntime.jsx("goa-form-item", __assign({
-        name: name,
         label: label,
         error: error,
         optional: optional,
@@ -655,7 +653,7 @@
       }, void 0);
     };
 
-    var GoARadio = function GoARadio(_a) {
+    var GoARadioItem = function GoARadioItem(_a) {
       var name = _a.name,
           label = _a.label,
           value = _a.value,
@@ -683,6 +681,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);
@@ -706,7 +708,9 @@
         ref: el,
         name: name,
         value: value,
-        orientation: orientation
+        orientation: orientation,
+        disabled: disabled,
+        error: error
       }, {
         children: children
       }), void 0);
@@ -814,8 +818,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;