@adiba-banking-cloud/backoffice 0.0.29 → 0.0.31

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

@@ -11263,10 +11263,11 @@ const parseColorToRgb = colorString => {
 const createAreaFillGradient = function (baseColor) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
-    startOpacity = 0.6,
-    endOpacity = 0.0
+    startOpacity = 0.2,
+    endOpacity = 0.08
   } = options;
   const parsedColor = parseColorToRgb(baseColor);
+  "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", 1)");
 
   // Color string for the top of the gradient (base color with specified start opacity)
   const rgbaStart = "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", ").concat(startOpacity, ")");
@@ -11285,8 +11286,9 @@ const createAreaFillGradient = function (baseColor) {
     },
     stops: [[0, rgbaStart],
     // First stop: at the top (0% of gradient vector)
-    [1, rgbaEnd] // Second stop: at the bottom (100% of gradient vector)
-    ]
+    [0.9, rgbaEnd],
+    // Second stop: at the bottom (100% of gradient vector)
+    [1, "transparent"]]
   };
 };
 
@@ -11573,7 +11575,6 @@ const initSeries = props => {
   const renderPlot = () => {
     const areaspline = {
       lineWidth: 1,
-      opacity: 0.3,
       color: "#C8700B",
       pointPlacement: "on",
       marker: {
@@ -11822,8 +11823,12 @@ const UserMenuTarget = _ref => {
   }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "sm"
   }, /*#__PURE__*/React.createElement(core.Avatar, {
-    radius: "xl",
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     align: "flex-start",
@@ -12040,7 +12045,7 @@ const SearchPanel = _ref3 => {
     rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(core.ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null, console.debug(typeof filterFn))
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null)
   }), /*#__PURE__*/React.createElement(core.Button, {
     variant: "light",
     size: "md",
@@ -12141,11 +12146,17 @@ const AvatarLabelPanel = _ref2 => {
   }), /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React.createElement(core.Center, {
-    w: labelWidth
+  }, /*#__PURE__*/React.createElement(core.Box, {
+    w: labelWidth,
+    pl: 'md'
   }, /*#__PURE__*/React.createElement(core.Avatar, {
     size: avatarSize,
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   })), /*#__PURE__*/React.createElement(core.Stack, {
     py: 10,
     gap: "md",
@@ -12508,7 +12519,7 @@ const ApplicationPanel = _ref => {
     src: coverImage,
     fallbackSrc: img$a
   }), /*#__PURE__*/React.createElement(core.Overlay, {
-    gradient: "linear-gradient(45deg, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 100%)"
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%)"
   }))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
   }, /*#__PURE__*/React.createElement(core.Stack, {

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

@@ -11242,10 +11242,11 @@ const parseColorToRgb = colorString => {
 const createAreaFillGradient = function (baseColor) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
-    startOpacity = 0.6,
-    endOpacity = 0.0
+    startOpacity = 0.2,
+    endOpacity = 0.08
   } = options;
   const parsedColor = parseColorToRgb(baseColor);
+  "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", 1)");
 
   // Color string for the top of the gradient (base color with specified start opacity)
   const rgbaStart = "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", ").concat(startOpacity, ")");
@@ -11264,8 +11265,9 @@ const createAreaFillGradient = function (baseColor) {
     },
     stops: [[0, rgbaStart],
     // First stop: at the top (0% of gradient vector)
-    [1, rgbaEnd] // Second stop: at the bottom (100% of gradient vector)
-    ]
+    [0.9, rgbaEnd],
+    // Second stop: at the bottom (100% of gradient vector)
+    [1, "transparent"]]
   };
 };
 
@@ -11552,7 +11554,6 @@ const initSeries = props => {
   const renderPlot = () => {
     const areaspline = {
       lineWidth: 1,
-      opacity: 0.3,
       color: "#C8700B",
       pointPlacement: "on",
       marker: {
@@ -11801,8 +11802,12 @@ const UserMenuTarget = _ref => {
   }, /*#__PURE__*/React.createElement(Group, {
     gap: "sm"
   }, /*#__PURE__*/React.createElement(Avatar, {
-    radius: "xl",
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   }), /*#__PURE__*/React.createElement(Stack, {
     gap: 0,
     align: "flex-start",
@@ -12019,7 +12024,7 @@ const SearchPanel = _ref3 => {
     rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null, console.debug(typeof filterFn))
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null)
   }), /*#__PURE__*/React.createElement(Button, {
     variant: "light",
     size: "md",
@@ -12120,11 +12125,17 @@ const AvatarLabelPanel = _ref2 => {
   }), /*#__PURE__*/React.createElement(Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React.createElement(Center, {
-    w: labelWidth
+  }, /*#__PURE__*/React.createElement(Box, {
+    w: labelWidth,
+    pl: 'md'
   }, /*#__PURE__*/React.createElement(Avatar, {
     size: avatarSize,
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   })), /*#__PURE__*/React.createElement(Stack, {
     py: 10,
     gap: "md",
@@ -12487,7 +12498,7 @@ const ApplicationPanel = _ref => {
     src: coverImage,
     fallbackSrc: img$a
   }), /*#__PURE__*/React.createElement(Overlay, {
-    gradient: "linear-gradient(45deg, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 100%)"
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%)"
   }))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md"
   }, /*#__PURE__*/React.createElement(Stack, {

package/build/typings/components/charts/donut/Donut.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DonutChartProps } from "./Donut.types";
+export declare const DonutChart: React.FC<DonutChartProps>;

package/build/typings/components/charts/donut/Donut.default.d.ts

@@ -0,0 +1,2 @@
+import { DonutChartConfig, DonutChartProps } from "./Donut.types";
+export declare const initChart: ({ withLegend, centerLabel, centerValue, ...rest }: DonutChartProps) => DonutChartConfig;

package/build/typings/components/charts/donut/Donut.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+import "@mantine/core/styles.css";
+import { DonutChart } from "./Donut";
+declare const _default: Meta<typeof DonutChart>;
+export default _default;
+export declare const SimpleDonutChart: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Donut.types").DonutChartProps>;

package/build/typings/components/charts/donut/Donut.types.d.ts

@@ -0,0 +1,37 @@
+import * as Highcharts from "highcharts";
+export interface CustomChart extends Highcharts.Chart {
+    customLabel?: Highcharts.SVGElement;
+}
+export interface DonutChartProps {
+    bgColor?: string;
+    plotBgColor?: string;
+    colors?: string[];
+    title?: string;
+    categories: string[];
+    series: number[];
+    withLegend: boolean | DonutChartLegendProps;
+    centerValue?: string;
+    centerLabel?: string;
+}
+interface DonutChartLegendProps {
+    enabled: boolean;
+    layout?: "vertical" | "horizontal";
+    align?: "left" | "center" | "right";
+    verticalAlign?: "top" | "middle" | "bottom";
+    floating?: boolean;
+    x?: number;
+    y?: number;
+}
+export interface DonutChartConfig {
+    chart: object;
+    title: object;
+    exporting: {
+        enabled: boolean;
+    };
+    tooltip: object;
+    legend: object;
+    plotOptions: object;
+    credits: object;
+    series: object;
+}
+export {};

package/package.json

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