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

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/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/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.30",
+  "version": "3.4.0-alpha.33",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/react-components.esm.js

@@ -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);
@@ -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);
 };
 
@@ -701,11 +707,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);
 };
 

package/react-components.umd.js

@@ -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
       }, {
@@ -587,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 () {
@@ -606,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);
     };
 
@@ -709,10 +714,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);
     };