@adiba-banking-cloud/backoffice 0.0.40 → 0.0.42

package/build/index.cjs.js/index.js

@@ -12545,9 +12545,10 @@ const ConnectionPanelDetail = _ref => {
   }, value));
 };
 
-const _excluded$3 = ["statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
+const _excluded$3 = ["id", "statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
 const ConnectionPanel = _ref => {
   let {
+      id,
       statusColor,
       name,
       status,
@@ -12605,7 +12606,8 @@ const ConnectionPanel = _ref => {
     onClick: edit.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
@@ -12614,7 +12616,8 @@ const ConnectionPanel = _ref => {
     onClick: test.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
@@ -12625,7 +12628,8 @@ const ConnectionPanel = _ref => {
     leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
@@ -13119,8 +13123,7 @@ const SuccessModal = _ref => {
     pb: "md"
   }, /*#__PURE__*/React.createElement(core.Center, {
     w: 170,
-    h: 170,
-    p: 25
+    h: 170
   }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
     speed: 0.8,
     src: SuccessAnimation,
@@ -13129,8 +13132,10 @@ const SuccessModal = _ref => {
   })), /*#__PURE__*/React.createElement(core.Text, {
     ta: "center"
   }, innerProps.modalBody), /*#__PURE__*/React.createElement(core.Button, {
+    radius: "xl",
+    fw: 300,
+    size: "md",
     fullWidth: true,
-    mt: "md",
     onClick: () => {
       innerProps.button.onClick();
       context.closeAll();
@@ -13165,13 +13170,12 @@ const ConfirmModal = _ref => {
     p: 0,
     pb: "md"
   }, /*#__PURE__*/React.createElement(core.Center, {
-    w: 170,
-    h: 170,
+    w: 150,
+    h: 150,
     p: 25
   }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
     speed: 0.8,
     src: ConfirmAnimation,
-    loop: false,
     autoplay: true
   })), /*#__PURE__*/React.createElement(core.Text, {
     ta: "center",

package/build/index.esm.js/index.js

@@ -12524,9 +12524,10 @@ const ConnectionPanelDetail = _ref => {
   }, value));
 };
 
-const _excluded$3 = ["statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
+const _excluded$3 = ["id", "statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
 const ConnectionPanel = _ref => {
   let {
+      id,
       statusColor,
       name,
       status,
@@ -12584,7 +12585,8 @@ const ConnectionPanel = _ref => {
     onClick: edit.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
@@ -12593,7 +12595,8 @@ const ConnectionPanel = _ref => {
     onClick: test.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
@@ -12604,7 +12607,8 @@ const ConnectionPanel = _ref => {
     leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
@@ -13098,8 +13102,7 @@ const SuccessModal = _ref => {
     pb: "md"
   }, /*#__PURE__*/React.createElement(Center, {
     w: 170,
-    h: 170,
-    p: 25
+    h: 170
   }, /*#__PURE__*/React.createElement(DotLottieReact, {
     speed: 0.8,
     src: SuccessAnimation,
@@ -13108,8 +13111,10 @@ const SuccessModal = _ref => {
   })), /*#__PURE__*/React.createElement(Text, {
     ta: "center"
   }, innerProps.modalBody), /*#__PURE__*/React.createElement(Button, {
+    radius: "xl",
+    fw: 300,
+    size: "md",
     fullWidth: true,
-    mt: "md",
     onClick: () => {
       innerProps.button.onClick();
       context.closeAll();
@@ -13144,13 +13149,12 @@ const ConfirmModal = _ref => {
     p: 0,
     pb: "md"
   }, /*#__PURE__*/React.createElement(Center, {
-    w: 170,
-    h: 170,
+    w: 150,
+    h: 150,
     p: 25
   }, /*#__PURE__*/React.createElement(DotLottieReact, {
     speed: 0.8,
     src: ConfirmAnimation,
-    loop: false,
     autoplay: true
   })), /*#__PURE__*/React.createElement(Text, {
     ta: "center",

package/build/typings/components/panels/connection/Connection.types.d.ts

@@ -1,5 +1,6 @@
 import { CardProps, MantineColor } from "@mantine/core";
 export interface ConnectionPanelProps extends CardProps {
+    id: string;
     name: string;
     status: string;
     statusColor: "lime" | "red" | "gold" | "lightgray";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",