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

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

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "3.4.0-alpha.31",
+  "version": "3.4.0-alpha.32",
   "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);
 };
 

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);
     };