@adiba-banking-cloud/backoffice 0.0.7 → 0.0.8

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

@@ -2,7 +2,7 @@
 
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React$1 = require('react');
+var React = require('react');
 var HighchartsReact = require('highcharts-react-official');
 var HighchartsRounded = require('highcharts-rounded-corners');
 var IconSax = require('iconsax-react');
@@ -11209,8 +11209,8 @@ if (typeof window !== "undefined") {
   HighchartsRounded(Highcharts);
 }
 const Column = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const chart = {
       type: "column"
     };
@@ -11219,12 +11219,12 @@ const Column = props => {
     });
     return _objectSpread(_objectSpread({}, initChart(column)), initSeries(column));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11242,7 +11242,7 @@ const EqualizerColumn = props => {
     colors: [props.color || "blue"],
     title: props.title
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11256,10 +11256,10 @@ const SimpleColumn = props => {
     colors: [props.color || "gray"],
     title: props.title
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11394,7 +11394,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax__namespace[name];
-  return /*#__PURE__*/React$1.createElement(Element, {
+  return /*#__PURE__*/React.createElement(Element, {
     size: size,
     variant: variant,
     color: color,
@@ -11419,15 +11419,15 @@ const Logo = _ref => {
       fit
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React$1.createElement(core.Center, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Center, _extends({}, rest, {
     component: "a",
     display: "flex",
     href: href
-  }), /*#__PURE__*/React$1.createElement(core.Image, {
+  }), /*#__PURE__*/React.createElement(core.Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React$1.createElement(core.Space, {
+  }), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1,
     hidden: true
   }));
@@ -11439,7 +11439,7 @@ const DynamicLogo = _ref2 => {
       fit = "contain"
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11453,7 +11453,7 @@ const DynamicShigaLogo = _ref3 => {
       fit = "contain"
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11468,13 +11468,13 @@ const ApplicationMenuTarget = _ref => {
       toggle
     } = _ref;
     _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React$1.createElement(core.Popover.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(core.Popover.Target, null, /*#__PURE__*/React.createElement(core.Button, {
     variant: "transparent",
     justify: "space-between",
     h: 60,
     fw: 300,
     w: 200,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowDown2",
       size: 16
     }),
@@ -11559,7 +11559,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = hooks.useDisclosure(false);
-  return /*#__PURE__*/React$1.createElement(core.Popover, {
+  return /*#__PURE__*/React.createElement(core.Popover, {
     transitionProps: {
       transition
     },
@@ -11573,9 +11573,9 @@ const ApplicationMenu = _ref => {
     radius: "sm",
     opened: opened,
     onChange: toggle
-  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
+  }, /*#__PURE__*/React.createElement(ApplicationMenuTarget, {
     toggle
-  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
+  }, label), /*#__PURE__*/React.createElement(ApplicationMenuDropdown, {
     items,
     moreLink,
     moreText,
@@ -11662,7 +11662,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu, {
+  return /*#__PURE__*/React.createElement(core.Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -11673,11 +11673,11 @@ const UserMenu = _ref => {
     offset: 5,
     arrowOffset: 20,
     arrowSize: 10
-  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
+  }, /*#__PURE__*/React.createElement(UserMenuTarget, {
     name,
     username,
     avatar
-  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
+  }), /*#__PURE__*/React.createElement(UserMenuDropdown, {
     sections,
     height
   }));
@@ -11691,9 +11691,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
     var _item$children;
-    return /*#__PURE__*/React$1.createElement(core.NavLink, {
+    return /*#__PURE__*/React.createElement(core.NavLink, {
       mt: 'xs',
       style: {
         borderRadius: radius
@@ -11703,9 +11703,9 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
       label: item.label
-    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(core.NavLink, {
+    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(core.NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,

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

@@ -1,6 +1,6 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React$1, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useMemo, useEffect } from 'react';
 import HighchartsReact from 'highcharts-react-official';
 import HighchartsRounded from 'highcharts-rounded-corners';
 import * as IconSax from 'iconsax-react';
@@ -11203,7 +11203,7 @@ const Column = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11221,7 +11221,7 @@ const EqualizerColumn = props => {
     colors: [props.color || "blue"],
     title: props.title
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11235,10 +11235,10 @@ const SimpleColumn = props => {
     colors: [props.color || "gray"],
     title: props.title
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11373,7 +11373,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax[name];
-  return /*#__PURE__*/React$1.createElement(Element, {
+  return /*#__PURE__*/React.createElement(Element, {
     size: size,
     variant: variant,
     color: color,
@@ -11398,15 +11398,15 @@ const Logo = _ref => {
       fit
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React$1.createElement(Center, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Center, _extends({}, rest, {
     component: "a",
     display: "flex",
     href: href
-  }), /*#__PURE__*/React$1.createElement(Image, {
+  }), /*#__PURE__*/React.createElement(Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React$1.createElement(Space, {
+  }), /*#__PURE__*/React.createElement(Space, {
     flex: 1,
     hidden: true
   }));
@@ -11418,7 +11418,7 @@ const DynamicLogo = _ref2 => {
       fit = "contain"
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11432,7 +11432,7 @@ const DynamicShigaLogo = _ref3 => {
       fit = "contain"
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11447,13 +11447,13 @@ const ApplicationMenuTarget = _ref => {
       toggle
     } = _ref;
     _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React$1.createElement(Popover.Target, null, /*#__PURE__*/React$1.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Popover.Target, null, /*#__PURE__*/React.createElement(Button, {
     variant: "transparent",
     justify: "space-between",
     h: 60,
     fw: 300,
     w: 200,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowDown2",
       size: 16
     }),
@@ -11538,7 +11538,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = useDisclosure(false);
-  return /*#__PURE__*/React$1.createElement(Popover, {
+  return /*#__PURE__*/React.createElement(Popover, {
     transitionProps: {
       transition
     },
@@ -11552,9 +11552,9 @@ const ApplicationMenu = _ref => {
     radius: "sm",
     opened: opened,
     onChange: toggle
-  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
+  }, /*#__PURE__*/React.createElement(ApplicationMenuTarget, {
     toggle
-  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
+  }, label), /*#__PURE__*/React.createElement(ApplicationMenuDropdown, {
     items,
     moreLink,
     moreText,
@@ -11641,7 +11641,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Menu, {
+  return /*#__PURE__*/React.createElement(Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -11652,11 +11652,11 @@ const UserMenu = _ref => {
     offset: 5,
     arrowOffset: 20,
     arrowSize: 10
-  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
+  }, /*#__PURE__*/React.createElement(UserMenuTarget, {
     name,
     username,
     avatar
-  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
+  }), /*#__PURE__*/React.createElement(UserMenuDropdown, {
     sections,
     height
   }));
@@ -11670,9 +11670,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
     var _item$children;
-    return /*#__PURE__*/React$1.createElement(NavLink, {
+    return /*#__PURE__*/React.createElement(NavLink, {
       mt: 'xs',
       style: {
         borderRadius: radius
@@ -11682,9 +11682,9 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
       label: item.label
-    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(NavLink, {
+    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,

package/build/typings/components/menus/application/ApplicationDropdown.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ApplicationMenuDropdownProps } from "./Application.types";
 export declare const ApplicationMenuDropdown: React.FC<ApplicationMenuDropdownProps>;

package/build/typings/components/menus/side/Side.types.d.ts

@@ -1,8 +1,9 @@
+import { NavLinkVariant } from "@mantine/core";
 import { IconsProps } from "../../general/icons/Icons.types";
 export interface SideMenuProps {
     color: string;
     radius?: number;
-    variant?: "filled" | "light" | "subtle";
+    variant?: NavLinkVariant;
     sidemenu: SideMenuItemProps[];
     onClick?: () => void;
 }

package/build/typings/components/menus/user/UserDropdown.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { UserMenuDropdownProps } from "./User.types";
 export declare const UserMenuDropdown: React.FC<UserMenuDropdownProps>;

package/build/typings/components/menus/user/UserTarget.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { UserMenuTargetProps } from "./User.types";
 export declare const UserMenuTarget: React.FC<UserMenuTargetProps>;

package/package.json

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