@adiba-banking-cloud/backoffice 0.0.104 → 0.0.106

package/build/index.cjs.js/{heatmap-CMbh3f40.js → heatmap-BJmii0aO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DtyYkhep.js');
+var index = require('./index-BLpjQkzt.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.cjs.js/{index-DtyYkhep.js → index-BLpjQkzt.js}

@@ -11416,34 +11416,40 @@ const StackedColumn = props => {
   }));
 };
 const initSeries$3 = props => {
-  const renderXAxis = (categories, showXLabel) => ({
-    categories,
-    labels: {
-      enabled: showXLabel,
-      style: {
-        textTransform: "uppercase",
-        color: "#575E77"
+  const renderXAxis = function (categories) {
+    let showXLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    return {
+      categories,
+      labels: {
+        enabled: showXLabel,
+        style: {
+          textTransform: "uppercase",
+          color: "#575E77"
+        }
       }
-    }
-  });
-  const renderYAxis = (equalizer, series, showYLabel) => ({
-    allowDecimals: false,
-    title: {
-      text: null
-    },
-    gridLineDashStyle: "Dot",
-    gridLineWidth: 2,
-    labels: {
-      enabled: showYLabel,
-      formatter: ctx => {
-        if (!equalizer || series.length > 1) {
-          return ctx.value;
+    };
+  };
+  const renderYAxis = function (equalizer, series) {
+    let showYLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return {
+      allowDecimals: false,
+      title: {
+        text: null
+      },
+      gridLineDashStyle: "Dot",
+      gridLineWidth: 2,
+      labels: {
+        enabled: showYLabel,
+        formatter: ctx => {
+          if (!equalizer || series.length > 1) {
+            return ctx.value;
+          }
+          const axisLabel = ctx.value * computeBoundary(series[0]) / 100;
+          return axisLabel.toFixed();
         }
-        const axisLabel = ctx.value * computeBoundary(series[0]) / 100;
-        return axisLabel.toFixed();
       }
-    }
-  });
+    };
+  };
   const renderSeries = (seriesData, seriesColors, equalizer, showDataLabels, showAxisLabel) => {
     if (seriesData.length > 1 || !equalizer) {
       let br = undefined;
@@ -11592,8 +11598,8 @@ const initSeries$3 = props => {
     return plot;
   };
   return {
-    xAxis: renderXAxis(props.xAxisLabel, props.showXLabel),
-    yAxis: renderYAxis(props.equalizer, props.series, props.showYLabel),
+    xAxis: renderXAxis(props.xAxisLabel, props.showXLabel ?? true),
+    yAxis: renderYAxis(props.equalizer, props.series, props.showYLabel ?? true),
     plotOptions: renderPlot(props.equalizer),
     series: renderSeries(props.series, props?.colors, props.equalizer, props.showDataLabels, props.showAxisLabel)
   };
@@ -11893,20 +11899,27 @@ const initMultiAxisSeries = props => {
     const yAxesCount = props.series.length;
     const yAxes = [];
     const showYAxisArray = Array.isArray(props.showYAxis) ? props.showYAxis : props.showYAxis === false ? new Array(yAxesCount).fill(false) : new Array(yAxesCount).fill(true);
+
+    // Handle showYAxisTitle - default to true if not specified
+    const showYAxisTitleArray = Array.isArray(props.showYAxisTitle) ? props.showYAxisTitle : props.showYAxisTitle === false ? new Array(yAxesCount).fill(false) : new Array(yAxesCount).fill(true);
     for (let i = 0; i < yAxesCount; i++) {
       const config = props.yAxisConfig?.[i] || {};
       // showYAxisArray[i] will be true or false (never undefined due to fill logic above)
       // We want to show the axis unless it's explicitly false
       const shouldShowYAxis = showYAxisArray[i] !== false;
+      const shouldShowTitle = showYAxisTitleArray[i] !== false;
+
+      // Determine title text - hide if showYAxisTitle is false, otherwise use config.title or null
+      const titleText = shouldShowTitle && config.title !== undefined ? config.title : null;
 
       // Hide yAxis labels and grid if showYAxis is explicitly false for this axis
       if (!shouldShowYAxis) {
         yAxes.push({
           ...defaultYAxis,
           ...config,
-          title: config.title !== undefined ? {
-            text: config.title
-          } : defaultYAxis.title,
+          title: {
+            text: titleText
+          },
           labels: {
             enabled: false
           },
@@ -11919,9 +11932,9 @@ const initMultiAxisSeries = props => {
         yAxes.push({
           ...defaultYAxis,
           ...config,
-          title: config.title !== undefined ? {
-            text: config.title
-          } : defaultYAxis.title,
+          title: {
+            text: titleText
+          },
           labels: {
             enabled: true,
             color: "#575E77",
@@ -12153,7 +12166,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-CMbh3f40.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-BJmii0aO.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12342,6 +12355,8 @@ const initCalendarSeries = props => {
   });
   const renderYAxis = () => ({
     categories: weeks,
+    reversed: props.reversed || false,
+    // Configurable: reverse the y-axis (oldest at top when true)
     title: {
       text: null
     },

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DtyYkhep.js');
+var index = require('./index-BLpjQkzt.js');
 require('@mantine/modals');
 require('react');
 require('@mantine/core');

package/build/index.esm.js/{heatmap-OI5flU15.js → heatmap-yNnNxsAY.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './index-BfazjC7j.js';
+import { g as getDefaultExportFromCjs } from './index-CWjYoFnK.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.esm.js/{index-BfazjC7j.js → index-CWjYoFnK.js}

@@ -11395,34 +11395,40 @@ const StackedColumn = props => {
   }));
 };
 const initSeries$3 = props => {
-  const renderXAxis = (categories, showXLabel) => ({
-    categories,
-    labels: {
-      enabled: showXLabel,
-      style: {
-        textTransform: "uppercase",
-        color: "#575E77"
+  const renderXAxis = function (categories) {
+    let showXLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    return {
+      categories,
+      labels: {
+        enabled: showXLabel,
+        style: {
+          textTransform: "uppercase",
+          color: "#575E77"
+        }
       }
-    }
-  });
-  const renderYAxis = (equalizer, series, showYLabel) => ({
-    allowDecimals: false,
-    title: {
-      text: null
-    },
-    gridLineDashStyle: "Dot",
-    gridLineWidth: 2,
-    labels: {
-      enabled: showYLabel,
-      formatter: ctx => {
-        if (!equalizer || series.length > 1) {
-          return ctx.value;
+    };
+  };
+  const renderYAxis = function (equalizer, series) {
+    let showYLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return {
+      allowDecimals: false,
+      title: {
+        text: null
+      },
+      gridLineDashStyle: "Dot",
+      gridLineWidth: 2,
+      labels: {
+        enabled: showYLabel,
+        formatter: ctx => {
+          if (!equalizer || series.length > 1) {
+            return ctx.value;
+          }
+          const axisLabel = ctx.value * computeBoundary(series[0]) / 100;
+          return axisLabel.toFixed();
         }
-        const axisLabel = ctx.value * computeBoundary(series[0]) / 100;
-        return axisLabel.toFixed();
       }
-    }
-  });
+    };
+  };
   const renderSeries = (seriesData, seriesColors, equalizer, showDataLabels, showAxisLabel) => {
     if (seriesData.length > 1 || !equalizer) {
       let br = undefined;
@@ -11571,8 +11577,8 @@ const initSeries$3 = props => {
     return plot;
   };
   return {
-    xAxis: renderXAxis(props.xAxisLabel, props.showXLabel),
-    yAxis: renderYAxis(props.equalizer, props.series, props.showYLabel),
+    xAxis: renderXAxis(props.xAxisLabel, props.showXLabel ?? true),
+    yAxis: renderYAxis(props.equalizer, props.series, props.showYLabel ?? true),
     plotOptions: renderPlot(props.equalizer),
     series: renderSeries(props.series, props?.colors, props.equalizer, props.showDataLabels, props.showAxisLabel)
   };
@@ -11872,20 +11878,27 @@ const initMultiAxisSeries = props => {
     const yAxesCount = props.series.length;
     const yAxes = [];
     const showYAxisArray = Array.isArray(props.showYAxis) ? props.showYAxis : props.showYAxis === false ? new Array(yAxesCount).fill(false) : new Array(yAxesCount).fill(true);
+
+    // Handle showYAxisTitle - default to true if not specified
+    const showYAxisTitleArray = Array.isArray(props.showYAxisTitle) ? props.showYAxisTitle : props.showYAxisTitle === false ? new Array(yAxesCount).fill(false) : new Array(yAxesCount).fill(true);
     for (let i = 0; i < yAxesCount; i++) {
       const config = props.yAxisConfig?.[i] || {};
       // showYAxisArray[i] will be true or false (never undefined due to fill logic above)
       // We want to show the axis unless it's explicitly false
       const shouldShowYAxis = showYAxisArray[i] !== false;
+      const shouldShowTitle = showYAxisTitleArray[i] !== false;
+
+      // Determine title text - hide if showYAxisTitle is false, otherwise use config.title or null
+      const titleText = shouldShowTitle && config.title !== undefined ? config.title : null;
 
       // Hide yAxis labels and grid if showYAxis is explicitly false for this axis
       if (!shouldShowYAxis) {
         yAxes.push({
           ...defaultYAxis,
           ...config,
-          title: config.title !== undefined ? {
-            text: config.title
-          } : defaultYAxis.title,
+          title: {
+            text: titleText
+          },
           labels: {
             enabled: false
           },
@@ -11898,9 +11911,9 @@ const initMultiAxisSeries = props => {
         yAxes.push({
           ...defaultYAxis,
           ...config,
-          title: config.title !== undefined ? {
-            text: config.title
-          } : defaultYAxis.title,
+          title: {
+            text: titleText
+          },
           labels: {
             enabled: true,
             color: "#575E77",
@@ -12132,7 +12145,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-OI5flU15.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-yNnNxsAY.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12321,6 +12334,8 @@ const initCalendarSeries = props => {
   });
   const renderYAxis = () => ({
     categories: weeks,
+    reversed: props.reversed || false,
+    // Configurable: reverse the y-axis (oldest at top when true)
     title: {
       text: null
     },

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

@@ -1,4 +1,4 @@
-export { A as ApplicationMenu, o as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, n as ConnectionPanel, D as DonutChart, z as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, u as ErrorModal, F as File, d as Icons, v as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, H as MaskedTilePanel, M as MultiAxisArea, P as PageTitle, q as PaymentMethod, r as PaymentMethodAdd, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, G as SimpleForm, w as SimpleModal, i as SimplePanel, s as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, p as SubscriptionPlans, x as SuccessModal, J as TilePanel, m as TitleWithIndex, T as TitledPanel, y as TwoFactorModal, U as UserMenu, t as theme, N as useManagedModals, K as useModal } from './index-BfazjC7j.js';
+export { A as ApplicationMenu, o as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, n as ConnectionPanel, D as DonutChart, z as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, u as ErrorModal, F as File, d as Icons, v as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, H as MaskedTilePanel, M as MultiAxisArea, P as PageTitle, q as PaymentMethod, r as PaymentMethodAdd, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, G as SimpleForm, w as SimpleModal, i as SimplePanel, s as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, p as SubscriptionPlans, x as SuccessModal, J as TilePanel, m as TitleWithIndex, T as TitledPanel, y as TwoFactorModal, U as UserMenu, t as theme, N as useManagedModals, K as useModal } from './index-CWjYoFnK.js';
 import '@mantine/modals';
 import 'react';
 import '@mantine/core';

package/build/typings/components/charts/area/Area.types.d.ts

@@ -91,6 +91,7 @@ export interface MultiAxisAreaChartProps {
         verticalAlign?: "top" | "middle" | "bottom";
     };
     showYAxis?: boolean | boolean[];
+    showYAxisTitle?: boolean | boolean[];
     aggregator?: "sum" | "average";
     step?: false | "left" | "center" | "right";
     yAxisConfig?: Array<{

package/build/typings/components/charts/heatmap/Heatmap.types.d.ts

@@ -25,6 +25,7 @@ export interface BaseHeatmapProps {
     showXLabel?: boolean;
     showYLabel?: boolean;
     valueLabel?: string;
+    reversed?: boolean;
     colorScale?: {
         min?: number;
         max?: number;

package/package.json

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