@abgov/react-components 4.0.0-alpha.4 → 4.0.0-alpha.5

package/lib/chip/chip.d.ts

@@ -14,10 +14,11 @@ declare global {
     }
 }
 export interface Props {
-    onDeleteIconClick?: () => void;
+    onClick?: () => void;
+    deletable?: boolean;
     leadingIcon?: string;
     error?: boolean;
     content: string;
 }
-export declare const GoAChip: ({ leadingIcon, error, content, onDeleteIconClick }: Props) => JSX.Element;
+export declare const GoAChip: ({ leadingIcon, deletable, error, content, onClick }: Props) => JSX.Element;
 export default GoAChip;

package/lib/modal/modal.d.ts

@@ -6,6 +6,7 @@ interface WCProps {
     width?: string;
     closable?: boolean;
     scrollable?: boolean;
+    transition?: "fast" | "slow" | "none";
 }
 declare global {
     namespace JSX {
@@ -19,6 +20,7 @@ interface Props {
     width?: string;
     actions?: React.ReactElement;
     onClose?: () => void;
+    transition?: "fast" | "slow" | "none";
     open?: boolean;
 }
 export declare const GoAModal: FC<Props>;

package/package.json

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

package/react-components.esm.js

@@ -266,30 +266,31 @@ const GoACheckbox = ({
 
 const GoAChip = ({
   leadingIcon: _leadingIcon = "",
+  deletable: _deletable = false,
   error: _error = false,
   content,
-  onDeleteIconClick
+  onClick
 }) => {
   const el = useRef(null);
   useEffect(() => {
     if (!el.current) return;
-    if (!onDeleteIconClick) return;
+    if (!onClick) return;
     const current = el.current;
 
     const listener = e => {
-      onDeleteIconClick();
+      onClick();
     };
 
-    current.addEventListener('_onDeleteIconClick', listener);
+    current.addEventListener('_click', listener);
     return () => {
-      current.removeEventListener('_onDeleteIconClick', listener);
+      current.removeEventListener('_click', listener);
     };
-  }, [el, onDeleteIconClick]);
+  }, [el, onClick]);
   return jsx("goa-chip", {
     ref: el,
     leadingicon: _leadingIcon,
     error: _error,
-    deletable: !!onDeleteIconClick,
+    deletable: _deletable,
     content: content
   }, void 0);
 };
@@ -674,6 +675,7 @@ const GoAModal = ({
   open,
   width,
   actions,
+  transition,
   onClose
 }) => {
   const el = useRef(null);
@@ -699,7 +701,8 @@ const GoAModal = ({
     open: open,
     closable: !!onClose,
     scrollable: true,
-    width: width
+    width: width,
+    transition: transition
   }, {
     children: [actions && jsx("div", Object.assign({
       slot: "actions"

package/react-components.umd.js

@@ -299,30 +299,32 @@
     var GoAChip = function GoAChip(_a) {
       var _b = _a.leadingIcon,
           leadingIcon = _b === void 0 ? "" : _b,
-          _c = _a.error,
-          error = _c === void 0 ? false : _c,
+          _c = _a.deletable,
+          deletable = _c === void 0 ? false : _c,
+          _d = _a.error,
+          error = _d === void 0 ? false : _d,
           content = _a.content,
-          onDeleteIconClick = _a.onDeleteIconClick;
+          onClick = _a.onClick;
       var el = react.useRef(null);
       react.useEffect(function () {
         if (!el.current) return;
-        if (!onDeleteIconClick) return;
+        if (!onClick) return;
         var current = el.current;
 
         var listener = function listener(e) {
-          onDeleteIconClick();
+          onClick();
         };
 
-        current.addEventListener('_onDeleteIconClick', listener);
+        current.addEventListener('_click', listener);
         return function () {
-          current.removeEventListener('_onDeleteIconClick', listener);
+          current.removeEventListener('_click', listener);
         };
-      }, [el, onDeleteIconClick]);
+      }, [el, onClick]);
       return jsxRuntime.jsx("goa-chip", {
         ref: el,
         leadingicon: leadingIcon,
         error: error,
-        deletable: !!onDeleteIconClick,
+        deletable: deletable,
         content: content
       }, void 0);
     };
@@ -677,6 +679,7 @@
           open = _a.open,
           width = _a.width,
           actions = _a.actions,
+          transition = _a.transition,
           onClose = _a.onClose;
       var el = react.useRef(null);
       react.useEffect(function () {
@@ -701,7 +704,8 @@
         open: open,
         closable: !!onClose,
         scrollable: true,
-        width: width
+        width: width,
+        transition: transition
       }, {
         children: [actions && jsxRuntime.jsx("div", __assign({
           slot: "actions"