@adiba-banking-cloud/backoffice 0.0.103 → 0.0.105

package/build/index.cjs.js/{heatmap-o4CTbuGa.js → heatmap-iI7S3gXi.js}

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

package/build/index.cjs.js/{index-D42CDlY2.js → index-FFda0udd.js}

@@ -12105,10 +12105,12 @@ const initChart$1 = props => {
             if (daysToAdd < 0) daysToAdd += 7; // Handle week wrap
             date.setDate(date.getDate() + daysToAdd);
           }
-          return `<b>${date.toLocaleDateString()}</b><br/>Value: <b>${point.value}</b>`;
+          const valueLabel = props.valueLabel || "Value";
+          return `<b>${date.toLocaleDateString()}</b><br/>${valueLabel}: <b>${point.value}</b>`;
         }
         const point = this.point;
-        return `<b>${point.series.xAxis.categories[point.x]}</b>, <b>${point.series.yAxis.categories[point.y]}</b><br/>Value: <b>${point.value}</b>`;
+        const valueLabel = props.valueLabel || "Value";
+        return `<b>${point.series.xAxis.categories[point.x]}</b>, <b>${point.series.yAxis.categories[point.y]}</b><br/>${valueLabel}: <b>${point.value}</b>`;
       }
     },
     credits: {
@@ -12151,7 +12153,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-o4CTbuGa.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-iI7S3gXi.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12204,6 +12206,9 @@ const initBasicSeries = props => {
   });
   const renderYAxis = () => ({
     categories: props.yAxisLabel,
+    title: {
+      text: null
+    },
     labels: {
       enabled: props.showYLabel,
       style: {
@@ -12222,7 +12227,7 @@ const initBasicSeries = props => {
   const renderSeries = () => {
     const data = props.data.map(point => [point.x, point.y, point.value]);
     return [{
-      name: "Value",
+      name: props.valueLabel || "Value",
       data,
       turboThreshold: 0
     }];
@@ -12247,6 +12252,9 @@ const initInterpolatedSeries = props => {
   });
   const renderYAxis = () => ({
     categories: props.yAxisLabel,
+    title: {
+      text: null
+    },
     labels: {
       enabled: props.showYLabel,
       style: {
@@ -12265,7 +12273,7 @@ const initInterpolatedSeries = props => {
   const renderSeries = () => {
     const data = props.data.map(point => [point.x, point.y, point.value]);
     return [{
-      name: "Value",
+      name: props.valueLabel || "Value",
       data,
       turboThreshold: 0
     }];
@@ -12314,7 +12322,11 @@ const initCalendarSeries = props => {
       x: dayOfWeek,
       y: weekIndex,
       value: value,
-      date: dateForPoint.toISOString() // Store as ISO string for tooltip
+      date: dateForPoint.toISOString(),
+      // Store as ISO string for tooltip
+      custom: {
+        monthDay: dateForPoint.getDate() // Day of month (1-31) for dataLabel
+      }
     });
     currentDate.setDate(currentDate.getDate() + 1);
   }
@@ -12330,6 +12342,11 @@ const initCalendarSeries = props => {
   });
   const renderYAxis = () => ({
     categories: weeks,
+    reversed: props.reversed || false,
+    // Configurable: reverse the y-axis (oldest at top when true)
+    title: {
+      text: null
+    },
     labels: {
       enabled: props.showYLabel,
       style: {
@@ -12346,10 +12363,28 @@ const initCalendarSeries = props => {
     }
   });
   const renderSeries = () => [{
-    name: "Value",
+    name: props.valueLabel || "Value",
     data: calendarData,
     turboThreshold: 0,
-    showInLegend: false // Hide series name from legend for calendar heatmap
+    showInLegend: false,
+    // Hide series name from legend for calendar heatmap
+    dataLabels: [{
+      enabled: true,
+      align: "left",
+      verticalAlign: "top",
+      format: "{point.custom.monthDay}",
+      backgroundColor: "whitesmoke",
+      padding: 2,
+      style: {
+        textOutline: "none",
+        color: "rgba(70, 70, 92, 1)",
+        fontSize: "0.8rem",
+        fontWeight: "bold",
+        opacity: 0.5
+      },
+      x: 1,
+      y: 1
+    }]
   }];
   return {
     xAxis: renderXAxis(),

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

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

package/build/index.esm.js/{heatmap-Co9MSbVA.js → heatmap-B5TomJs2.js}

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

package/build/index.esm.js/{index-ezLwqFHW.js → index-D_S62F0o.js}

@@ -12084,10 +12084,12 @@ const initChart$1 = props => {
             if (daysToAdd < 0) daysToAdd += 7; // Handle week wrap
             date.setDate(date.getDate() + daysToAdd);
           }
-          return `<b>${date.toLocaleDateString()}</b><br/>Value: <b>${point.value}</b>`;
+          const valueLabel = props.valueLabel || "Value";
+          return `<b>${date.toLocaleDateString()}</b><br/>${valueLabel}: <b>${point.value}</b>`;
         }
         const point = this.point;
-        return `<b>${point.series.xAxis.categories[point.x]}</b>, <b>${point.series.yAxis.categories[point.y]}</b><br/>Value: <b>${point.value}</b>`;
+        const valueLabel = props.valueLabel || "Value";
+        return `<b>${point.series.xAxis.categories[point.x]}</b>, <b>${point.series.yAxis.categories[point.y]}</b><br/>${valueLabel}: <b>${point.value}</b>`;
       }
     },
     credits: {
@@ -12130,7 +12132,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-Co9MSbVA.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-B5TomJs2.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12183,6 +12185,9 @@ const initBasicSeries = props => {
   });
   const renderYAxis = () => ({
     categories: props.yAxisLabel,
+    title: {
+      text: null
+    },
     labels: {
       enabled: props.showYLabel,
       style: {
@@ -12201,7 +12206,7 @@ const initBasicSeries = props => {
   const renderSeries = () => {
     const data = props.data.map(point => [point.x, point.y, point.value]);
     return [{
-      name: "Value",
+      name: props.valueLabel || "Value",
       data,
       turboThreshold: 0
     }];
@@ -12226,6 +12231,9 @@ const initInterpolatedSeries = props => {
   });
   const renderYAxis = () => ({
     categories: props.yAxisLabel,
+    title: {
+      text: null
+    },
     labels: {
       enabled: props.showYLabel,
       style: {
@@ -12244,7 +12252,7 @@ const initInterpolatedSeries = props => {
   const renderSeries = () => {
     const data = props.data.map(point => [point.x, point.y, point.value]);
     return [{
-      name: "Value",
+      name: props.valueLabel || "Value",
       data,
       turboThreshold: 0
     }];
@@ -12293,7 +12301,11 @@ const initCalendarSeries = props => {
       x: dayOfWeek,
       y: weekIndex,
       value: value,
-      date: dateForPoint.toISOString() // Store as ISO string for tooltip
+      date: dateForPoint.toISOString(),
+      // Store as ISO string for tooltip
+      custom: {
+        monthDay: dateForPoint.getDate() // Day of month (1-31) for dataLabel
+      }
     });
     currentDate.setDate(currentDate.getDate() + 1);
   }
@@ -12309,6 +12321,11 @@ const initCalendarSeries = props => {
   });
   const renderYAxis = () => ({
     categories: weeks,
+    reversed: props.reversed || false,
+    // Configurable: reverse the y-axis (oldest at top when true)
+    title: {
+      text: null
+    },
     labels: {
       enabled: props.showYLabel,
       style: {
@@ -12325,10 +12342,28 @@ const initCalendarSeries = props => {
     }
   });
   const renderSeries = () => [{
-    name: "Value",
+    name: props.valueLabel || "Value",
     data: calendarData,
     turboThreshold: 0,
-    showInLegend: false // Hide series name from legend for calendar heatmap
+    showInLegend: false,
+    // Hide series name from legend for calendar heatmap
+    dataLabels: [{
+      enabled: true,
+      align: "left",
+      verticalAlign: "top",
+      format: "{point.custom.monthDay}",
+      backgroundColor: "whitesmoke",
+      padding: 2,
+      style: {
+        textOutline: "none",
+        color: "rgba(70, 70, 92, 1)",
+        fontSize: "0.8rem",
+        fontWeight: "bold",
+        opacity: 0.5
+      },
+      x: 1,
+      y: 1
+    }]
   }];
   return {
     xAxis: renderXAxis(),

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-ezLwqFHW.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-D_S62F0o.js';
 import '@mantine/modals';
 import 'react';
 import '@mantine/core';

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

@@ -24,6 +24,8 @@ export interface BaseHeatmapProps {
     withLegend?: boolean;
     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.103",
+  "version": "0.0.105",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",