@adiba-banking-cloud/backoffice 0.0.34 → 0.0.35

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

@@ -1,13 +1,14 @@
 'use strict';
 
+var modals = require('@mantine/modals');
+var React = require('react');
+var core = require('@mantine/core');
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
 var HighchartsReact = require('highcharts-react-official');
 var HighchartsRounded = require('highcharts-rounded-corners');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var IconSax = require('iconsax-react');
-var core = require('@mantine/core');
 var reactRouterDom = require('react-router-dom');
 var hooks = require('@mantine/hooks');
 require('@fontsource/poppins/100.css');
@@ -13132,6 +13133,69 @@ const TwoFactorVerificationModal = _ref => {
   }, "Close modal"));
 };
 
+const useModal = () => {
+  const ConfirmationModal = () => modals.modals.openConfirmModal({
+    title: 'Confirmation',
+    children: 'This is a confirmation modal',
+    onConfirm: () => {
+      console.log('Confirmed');
+    }
+  });
+  const ErrorModal = () => modals.modals.openContextModal({
+    modal: 'ErrorModal',
+    title: 'Error',
+    innerProps: {
+      modalBody: 'This is an error modal'
+    }
+  });
+  const InfoModal = () => modals.modals.openContextModal({
+    modal: 'InfoModal',
+    title: 'Info',
+    innerProps: {
+      modalBody: 'This is an info modal'
+    }
+  });
+  const SimpleModal = () => modals.modals.openContextModal({
+    modal: 'SimpleModal',
+    title: 'Simple',
+    innerProps: {
+      modalBody: 'This is a simple modal'
+    }
+  });
+  const SuccessModal = () => modals.modals.openContextModal({
+    modal: 'SuccessModal',
+    title: 'Success',
+    innerProps: {
+      modalBody: 'This is a success modal'
+    }
+  });
+  const TwoFactorVerificationModal = () => modals.modals.openContextModal({
+    modal: 'TwoFactorVerificationModal',
+    title: 'Two Factor Verification',
+    innerProps: {
+      modalBody: 'This is a two factor verification modal'
+    }
+  });
+  return {
+    ConfirmationModal,
+    ErrorModal,
+    InfoModal,
+    SimpleModal,
+    SuccessModal,
+    TwoFactorVerificationModal
+  };
+};
+
+const useManagedModals = () => {
+  return {
+    ErrorModal: ErrorModal,
+    InfoModal: InfoModal,
+    SimpleModal: SimpleModal,
+    SuccessModal: SuccessModal,
+    TwoFactorVerificationModal: TwoFactorVerificationModal
+  };
+};
+
 exports.ApplicationMenu = ApplicationMenu;
 exports.ApplicationPanel = ApplicationPanel;
 exports.AvatarLabelPanel = AvatarLabelPanel;
@@ -13164,3 +13228,5 @@ exports.TitledPanel = TitledPanel;
 exports.TwoFactorVerificationModal = TwoFactorVerificationModal;
 exports.UserMenu = UserMenu;
 exports.theme = theme;
+exports.useManagedModals = useManagedModals;
+exports.useModal = useModal;

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

@@ -1,11 +1,12 @@
+import { modals } from '@mantine/modals';
+import React, { useRef, useMemo, useEffect } from 'react';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, createTheme, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table } from '@mantine/core';
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { useRef, useMemo, useEffect } from 'react';
 import HighchartsReact from 'highcharts-react-official';
 import HighchartsRounded from 'highcharts-rounded-corners';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as IconSax from 'iconsax-react';
-import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, createTheme, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table } from '@mantine/core';
 import { Link } from 'react-router-dom';
 import { useDisclosure } from '@mantine/hooks';
 import '@fontsource/poppins/100.css';
@@ -13111,4 +13112,67 @@ const TwoFactorVerificationModal = _ref => {
   }, "Close modal"));
 };
 
-export { ApplicationMenu, ApplicationPanel, AvatarLabelPanel, ConnectionPanel, DonutChart, DynamicLogo, DynamicShigaLogo, EqualizerColumn, ErrorModal, File, Icons, InfoModal, LabelPanel, PageTitle, PaymentMethod, PaymentMethodAdd, SearchPanel, SideMenu, SimpleArea, SimpleColumn, SimpleModal, SimplePanel, SimpleTable, SimpleText, StackedColumn, SubscriptionPlans, SuccessModal, TitleWithIndex, TitledPanel, TwoFactorVerificationModal, UserMenu, theme };
+const useModal = () => {
+  const ConfirmationModal = () => modals.openConfirmModal({
+    title: 'Confirmation',
+    children: 'This is a confirmation modal',
+    onConfirm: () => {
+      console.log('Confirmed');
+    }
+  });
+  const ErrorModal = () => modals.openContextModal({
+    modal: 'ErrorModal',
+    title: 'Error',
+    innerProps: {
+      modalBody: 'This is an error modal'
+    }
+  });
+  const InfoModal = () => modals.openContextModal({
+    modal: 'InfoModal',
+    title: 'Info',
+    innerProps: {
+      modalBody: 'This is an info modal'
+    }
+  });
+  const SimpleModal = () => modals.openContextModal({
+    modal: 'SimpleModal',
+    title: 'Simple',
+    innerProps: {
+      modalBody: 'This is a simple modal'
+    }
+  });
+  const SuccessModal = () => modals.openContextModal({
+    modal: 'SuccessModal',
+    title: 'Success',
+    innerProps: {
+      modalBody: 'This is a success modal'
+    }
+  });
+  const TwoFactorVerificationModal = () => modals.openContextModal({
+    modal: 'TwoFactorVerificationModal',
+    title: 'Two Factor Verification',
+    innerProps: {
+      modalBody: 'This is a two factor verification modal'
+    }
+  });
+  return {
+    ConfirmationModal,
+    ErrorModal,
+    InfoModal,
+    SimpleModal,
+    SuccessModal,
+    TwoFactorVerificationModal
+  };
+};
+
+const useManagedModals = () => {
+  return {
+    ErrorModal: ErrorModal,
+    InfoModal: InfoModal,
+    SimpleModal: SimpleModal,
+    SuccessModal: SuccessModal,
+    TwoFactorVerificationModal: TwoFactorVerificationModal
+  };
+};
+
+export { ApplicationMenu, ApplicationPanel, AvatarLabelPanel, ConnectionPanel, DonutChart, DynamicLogo, DynamicShigaLogo, EqualizerColumn, ErrorModal, File, Icons, InfoModal, LabelPanel, PageTitle, PaymentMethod, PaymentMethodAdd, SearchPanel, SideMenu, SimpleArea, SimpleColumn, SimpleModal, SimplePanel, SimpleTable, SimpleText, StackedColumn, SubscriptionPlans, SuccessModal, TitleWithIndex, TitledPanel, TwoFactorVerificationModal, UserMenu, theme, useManagedModals, useModal };

package/build/typings/index.d.ts

@@ -1 +1,3 @@
 export * from "./components";
+export * from "./shared/hooks/modals/useModal";
+export * from "./shared/hooks/modals/useManagedModals";

package/package.json

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