@adiba-banking-cloud/backoffice 0.0.50 → 0.0.52

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

@@ -13122,13 +13122,19 @@ const SimpleModal = _ref => {
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$1);
   return /*#__PURE__*/React.createElement(core.Stack, {
-    gap: innerProps.gap
-  }, /*#__PURE__*/React.createElement(core.Text, {
-    size: "sm"
-  }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody), /*#__PURE__*/React.createElement(core.Group, _extends({
-    justify: "flex-end",
-    gap: "md"
-  }, innerProps.groupProps), /*#__PURE__*/React.createElement(core.Button, _extends({
+    p: "md"
+  }, /*#__PURE__*/React.createElement(core.Stack, {
+    align: "center",
+    gap: "lg"
+  }, /*#__PURE__*/React.createElement(core.Title, {
+    order: 3,
+    fw: 500,
+    h: 40
+  }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)), /*#__PURE__*/React.createElement(core.Group, _extends({
+    gap: "sm"
+  }, innerProps.groupProps, {
+    grow: true
+  }), /*#__PURE__*/React.createElement(core.Button, _extends({
     hidden: !((_innerProps$cancelPro = innerProps.cancelProps) !== null && _innerProps$cancelPro !== void 0 && _innerProps$cancelPro.label)
   }, innerProps.cancelProps, {
     onClick: () => context.closeModal(id),
@@ -13184,7 +13190,7 @@ const TwoFactorModal = _ref => {
   return /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     py: 40,
-    gap: "xl"
+    gap: "lg"
   }, /*#__PURE__*/React.createElement(core.Title, {
     order: 3,
     fw: 500,
@@ -13298,7 +13304,10 @@ const useModal = () => {
       title,
       message,
       size = "md",
-      buttonProps
+      buttonProps = {
+        confirmProps,
+        cancelProps
+      }
     } = _ref3;
     return modals.modals.openContextModal({
       modal: "SimpleModal",
@@ -13365,8 +13374,7 @@ const useManagedModals = () => {
     ErrorModal: ErrorModal,
     InfoModal: InfoModal,
     SimpleModal: SimpleModal,
-    SuccessModal: SuccessModal,
-    TwoFactorModal: TwoFactorModal
+    SuccessModal: SuccessModal
   };
 };
 

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

@@ -13101,13 +13101,19 @@ const SimpleModal = _ref => {
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$1);
   return /*#__PURE__*/React.createElement(Stack, {
-    gap: innerProps.gap
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody), /*#__PURE__*/React.createElement(Group, _extends({
-    justify: "flex-end",
-    gap: "md"
-  }, innerProps.groupProps), /*#__PURE__*/React.createElement(Button, _extends({
+    p: "md"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    align: "center",
+    gap: "lg"
+  }, /*#__PURE__*/React.createElement(Title, {
+    order: 3,
+    fw: 500,
+    h: 40
+  }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)), /*#__PURE__*/React.createElement(Group, _extends({
+    gap: "sm"
+  }, innerProps.groupProps, {
+    grow: true
+  }), /*#__PURE__*/React.createElement(Button, _extends({
     hidden: !((_innerProps$cancelPro = innerProps.cancelProps) !== null && _innerProps$cancelPro !== void 0 && _innerProps$cancelPro.label)
   }, innerProps.cancelProps, {
     onClick: () => context.closeModal(id),
@@ -13163,7 +13169,7 @@ const TwoFactorModal = _ref => {
   return /*#__PURE__*/React.createElement(Stack, {
     align: "center",
     py: 40,
-    gap: "xl"
+    gap: "lg"
   }, /*#__PURE__*/React.createElement(Title, {
     order: 3,
     fw: 500,
@@ -13277,7 +13283,10 @@ const useModal = () => {
       title,
       message,
       size = "md",
-      buttonProps
+      buttonProps = {
+        confirmProps,
+        cancelProps
+      }
     } = _ref3;
     return modals.openContextModal({
       modal: "SimpleModal",
@@ -13344,8 +13353,7 @@ const useManagedModals = () => {
     ErrorModal: ErrorModal,
     InfoModal: InfoModal,
     SimpleModal: SimpleModal,
-    SuccessModal: SuccessModal,
-    TwoFactorModal: TwoFactorModal
+    SuccessModal: SuccessModal
   };
 };
 

package/build/typings/components/modals/simple/Simple.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+import "@mantine/core/styles.css";
+import { SimpleModal } from "./Simple";
+declare const _default: Meta<typeof SimpleModal>;
+export default _default;
+export declare const SimpleModalExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mantine/modals").ContextModalProps<import("./Simple.types").SimpleModalProps>>;

package/build/typings/shared/hooks/modals/useManagedModals.d.ts

@@ -17,5 +17,4 @@ export declare const useManagedModals: () => {
             onClick: () => void;
         };
     }>) => import("react/jsx-runtime").JSX.Element;
-    TwoFactorModal: ({ children, title, pinLength, }: import("../../../components/modals/twofactor/Twofactor.types").TwoFactorModalProps) => import("react/jsx-runtime").JSX.Element;
 };

package/build/typings/shared/hooks/modals/useModal.types.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from "@mantine/core";
 import { OpenConfirmModal } from "@mantine/modals/lib/context";
 export type SuccessModalProps = {
     title?: string;
@@ -20,16 +21,8 @@ export type SimpleModalProps = {
     message?: React.ReactNode;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | number;
     buttonProps?: {
-        confirmProps?: {
-            label?: string;
-            onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-            size?: "xs" | "sm" | "md" | "lg" | "xl" | number;
-        };
-        cancelProps?: {
-            label?: string;
-            onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-            size?: "xs" | "sm" | "md" | "lg" | "xl" | number;
-        };
+        confirmProps?: SimpleModalButtonProps;
+        cancelProps?: SimpleModalButtonProps;
     };
 };
 export interface TwoFactorVerificationModalProps extends OpenConfirmModal {
@@ -38,3 +31,7 @@ export interface TwoFactorVerificationModalProps extends OpenConfirmModal {
     onConfirm?: () => void;
     pinLength?: number;
 }
+interface SimpleModalButtonProps extends ButtonProps {
+    label?: string;
+}
+export {};

package/package.json

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