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

package/index.d.ts

@@ -18,6 +18,7 @@ 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 { 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 { GoAServiceLevelHeader } from './lib/service-level-header/service-level-header';
@@ -27,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, 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, GoARadio, GoARadioGroup, GoAServiceLevelHeader, GoASuccessBadge, GoASpinner, GoATextArea, GoAWarningBadge, };

package/lib/app-header/app-header.d.ts

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 interface WCProps {
     title: string;
-    url: string;
+    url?: string;
 }
 declare global {
     namespace JSX {
@@ -12,7 +12,7 @@ declare global {
 }
 interface Props {
     title: string;
-    url: string;
+    url?: string;
 }
 export declare const GoAAppHeader: FC<Props>;
 export default GoAAppHeader;

package/lib/button/button.d.ts

@@ -24,7 +24,7 @@ declare type ButtonProps = {
     size?: ButtonSize;
     variant?: ButtonVariant;
     disabled?: boolean;
-    onClick: () => void;
+    onClick: (e: any) => void;
     children: ReactNode;
 };
 export declare const GoAButton: FC<ButtonProps>;

package/lib/checkbox/checkbox.d.ts

@@ -8,19 +8,19 @@ declare global {
 }
 interface CheckboxProps {
     ref: React.RefObject<HTMLElement>;
+    id?: string;
     name: string;
     checked?: boolean;
     disabled?: boolean;
-    indeterminate?: boolean;
     error?: boolean;
     text?: string;
     value?: string | number | boolean;
 }
 export interface Props {
+    id?: string;
     name: string;
     checked?: boolean;
     disabled?: boolean;
-    indeterminate?: boolean;
     error?: boolean;
     text?: string;
     value?: string | number | boolean;

package/lib/container/container.d.ts

@@ -14,9 +14,9 @@ declare global {
 }
 interface Props {
     headingSize: HeadingSize;
-    variant: ContainerVariant;
-    title: ReactNode;
-    actions: ReactNode;
+    variant?: ContainerVariant;
+    title?: ReactNode;
+    actions?: ReactNode;
     children: ReactNode;
 }
 export declare const GoAContainer: FC<Props>;

package/lib/flex/index.d.ts

@@ -1 +1 @@
-export * as GoAFlexRow from './row';
+export { GoAFlexRow } from './row';

package/lib/form/index.d.ts

@@ -1 +1 @@
-export * as GoAFormItem from './form-item';
+export { GoAFormItem } from './form-item';

package/lib/page-block/page-block.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-page-block': React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare const GoAPageBlock: FC;

package/package.json

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

package/react-components.esm.js

@@ -121,7 +121,7 @@ const GoAButton = ({
     const current = el.current;
 
     const listener = e => {
-      onClick();
+      onClick(e);
     };
 
     current.addEventListener('_click', listener);
@@ -169,13 +169,13 @@ const GoACallout = ({
 };
 
 const GoACheckbox = ({
+  id,
   name,
   testId,
   error,
   disabled,
   checked,
-  indeterminate,
-  value: _value = true,
+  value,
   text,
   children,
   onChange
@@ -200,13 +200,13 @@ const GoACheckbox = ({
   return jsx("goa-checkbox", Object.assign({
     "data-testid": testId,
     ref: el,
+    id: id,
     name: name,
     error: error,
     checked: checked,
     disabled: disabled,
-    indeterminate: indeterminate,
     text: text,
-    value: _value
+    value: value
   }, {
     children: children
   }), void 0);
@@ -315,12 +315,6 @@ const GoAFlexRow = ({
   }), void 0);
 };
 
-var row = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  GoAFlexRow: GoAFlexRow,
-  'default': GoAFlexRow
-});
-
 const GoAFormItem = ({
   children,
   helpText,
@@ -340,12 +334,6 @@ const GoAFormItem = ({
   }), void 0);
 };
 
-var formItem = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  GoAFormItem: GoAFormItem,
-  'default': GoAFormItem
-});
-
 const GoAHeroBanner = ({
   title,
   backgroundUrl,
@@ -629,6 +617,14 @@ const GoANotification = ({
   }), void 0);
 };
 
+const GoAPageBlock = ({
+  children
+}) => {
+  return jsx("goa-page-block", {
+    children: children
+  }, void 0);
+};
+
 const GoAPageLoader = ({
   type,
   visible,
@@ -772,4 +768,4 @@ const GoASpinner = ({
   }, void 0);
 };
 
-export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, row as GoAFlexRow, formItem as GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, 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 };
+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 };

package/react-components.umd.js

@@ -162,7 +162,7 @@
         var current = el.current;
 
         var listener = function listener(e) {
-          onClick();
+          onClick(e);
         };
 
         current.addEventListener('_click', listener);
@@ -209,14 +209,13 @@
     };
 
     var GoACheckbox = function GoACheckbox(_a) {
-      var name = _a.name,
+      var id = _a.id,
+          name = _a.name,
           testId = _a.testId,
           error = _a.error,
           disabled = _a.disabled,
           checked = _a.checked,
-          indeterminate = _a.indeterminate,
-          _b = _a.value,
-          value = _b === void 0 ? true : _b,
+          value = _a.value,
           text = _a.text,
           children = _a.children,
           onChange = _a.onChange;
@@ -240,11 +239,11 @@
       return jsxRuntime.jsx("goa-checkbox", __assign({
         "data-testid": testId,
         ref: el,
+        id: id,
         name: name,
         error: error,
         checked: checked,
         disabled: disabled,
-        indeterminate: indeterminate,
         text: text,
         value: value
       }, {
@@ -353,12 +352,6 @@
       }), void 0);
     };
 
-    var row = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        GoAFlexRow: GoAFlexRow,
-        'default': GoAFlexRow
-    });
-
     var GoAFormItem = function GoAFormItem(_a) {
       var children = _a.children,
           helpText = _a.helpText,
@@ -377,12 +370,6 @@
       }), void 0);
     };
 
-    var formItem = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        GoAFormItem: GoAFormItem,
-        'default': GoAFormItem
-    });
-
     var GoAHeroBanner = function GoAHeroBanner(_a) {
       var title = _a.title,
           backgroundUrl = _a.backgroundUrl,
@@ -640,6 +627,13 @@
       }), void 0);
     };
 
+    var GoAPageBlock = function GoAPageBlock(_a) {
+      var children = _a.children;
+      return jsxRuntime.jsx("goa-page-block", {
+        children: children
+      }, void 0);
+    };
+
     var GoAPageLoader = function GoAPageLoader(_a) {
       var type = _a.type,
           visible = _a.visible,
@@ -787,8 +781,8 @@
     exports.GoADropdown = GoADropdown;
     exports.GoADropdownOption = GoADropdownOption;
     exports.GoAEmergencyBadge = GoAEmergencyBadge;
-    exports.GoAFlexRow = row;
-    exports.GoAFormItem = formItem;
+    exports.GoAFlexRow = GoAFlexRow;
+    exports.GoAFormItem = GoAFormItem;
     exports.GoAHeroBanner = GoAHeroBanner;
     exports.GoAHeroBannerActions = GoAHeroBannerActions;
     exports.GoAIcon = GoAIcon;
@@ -810,6 +804,7 @@
     exports.GoAInputUrl = GoAInputUrl;
     exports.GoAModal = GoAModal;
     exports.GoANotification = GoANotification;
+    exports.GoAPageBlock = GoAPageBlock;
     exports.GoAPageLoader = GoAPageLoader;
     exports.GoARadio = GoARadio;
     exports.GoARadioGroup = GoARadioGroup;