@adiba-banking-cloud/backoffice 0.2.31 → 0.2.33

package/build/index.cjs.js/{heatmap-Dg_WV350.js → heatmap-XMkXF1iK.js}

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

package/build/index.cjs.js/{index-CbMaTN8N.js → index-D6VV72Cc.js}

@@ -12169,7 +12169,7 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-Dg_WV350.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-XMkXF1iK.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : (heatmapModule === null || heatmapModule === void 0 ? void 0 : heatmapModule.default) || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -14331,7 +14331,7 @@ const DetailCard = _ref => {
     withBorder: false
   }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "8px"
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }, label && /*#__PURE__*/React.createElement(core.Text, {
     c: "#6F758B",
     size: "sm",
     fw: 300
@@ -14428,21 +14428,34 @@ const PaymentMethodAdd = () => {
   })));
 };
 
+const stickyStyle$1 = {
+  position: "sticky",
+  right: 0,
+  zIndex: 1
+};
 const SimpleHeader = _ref => {
   let {
     id,
-    label
+    label,
+    sticky
   } = _ref;
   return /*#__PURE__*/React.createElement(core.Table.Th, {
     fw: 500,
     id: id,
     fz: "xs",
-    tt: "uppercase"
+    tt: "uppercase",
+    style: sticky ? stickyStyle$1 : undefined,
+    bg: sticky ? "white" : undefined
   }, label)
   //TODO: Manage control of table width from here
   ;
 };
 
+const stickyStyle = {
+  position: "sticky",
+  right: 0,
+  zIndex: 1
+};
 const SimpleBody = _ref => {
   let {
     row,
@@ -14465,7 +14478,9 @@ const SimpleBody = _ref => {
   }, columns.map((column, idx) => {
     const columnIndex = column.id;
     return /*#__PURE__*/React.createElement(core.Table.Td, {
-      key: idx
+      key: idx,
+      style: column.sticky ? stickyStyle : undefined,
+      bg: column.sticky ? "white" : undefined
     }, typeof row[columnIndex] === "function" ? row[columnIndex]("".concat(index)) : row[columnIndex] || "");
   }));
 };
@@ -14477,7 +14492,8 @@ const SimpleTable = _ref => {
     withAction,
     withIndex,
     actionFn,
-    isStriped
+    isStriped,
+    stickyAction
   } = _ref;
   // Memoize the final columns array to avoid mutations on every render
   const finalColumns = React.useMemo(() => {
@@ -14491,7 +14507,8 @@ const SimpleTable = _ref => {
     const actionColumn = {
       order: 99999,
       id: "action",
-      label: ""
+      label: "",
+      sticky: stickyAction
     };
 
     // Build final array without mutations
@@ -14511,7 +14528,10 @@ const SimpleTable = _ref => {
     withRowBorders: false,
     verticalSpacing: "md"
   };
-  return /*#__PURE__*/React.createElement(core.Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(core.Table.Thead, null, /*#__PURE__*/React.createElement(core.Table.Tr, {
+  return /*#__PURE__*/React.createElement(core.ScrollArea, {
+    type: "auto",
+    offsetScrollbars: true
+  }, /*#__PURE__*/React.createElement(core.Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(core.Table.Thead, null, /*#__PURE__*/React.createElement(core.Table.Tr, {
     bg: isStriped ? "gray.1" : "transparent"
   }, finalColumns.map((column, index) => {
     return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
@@ -14527,7 +14547,7 @@ const SimpleTable = _ref => {
       actionFn,
       index
     });
-  })));
+  }))));
 };
 
 const theme = core.createTheme({

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbMaTN8N.js');
+var index = require('./index-D6VV72Cc.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/defineProperty');
 require('@mantine/modals');

package/build/index.esm.js/{heatmap-DaXBwBV1.js → heatmap-8OiWRbUn.js}

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

package/build/index.esm.js/{index-Co5fMms6.js → index-5FoYZrWj.js}

@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { modals } from '@mantine/modals';
 import * as React from 'react';
 import React__default, { useRef, useMemo, useEffect, useState } from 'react';
-import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, PillsInput, ActionIcon, Pill, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, createTheme, PinInput, UnstyledButton, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, TextInput, Textarea, Grid, ThemeIcon, MantineProvider } from '@mantine/core';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, PillsInput, ActionIcon, Pill, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, ScrollArea, createTheme, PinInput, UnstyledButton, Drawer as Drawer$1, NumberInput, PasswordInput, TextInput, Textarea, Grid, ThemeIcon, MantineProvider } from '@mantine/core';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 import _extends from '@babel/runtime/helpers/extends';
 import HighchartsReact from 'highcharts-react-official';
@@ -12148,7 +12148,7 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-DaXBwBV1.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-8OiWRbUn.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : (heatmapModule === null || heatmapModule === void 0 ? void 0 : heatmapModule.default) || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -14310,7 +14310,7 @@ const DetailCard = _ref => {
     withBorder: false
   }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: "8px"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, label && /*#__PURE__*/React__default.createElement(Text, {
     c: "#6F758B",
     size: "sm",
     fw: 300
@@ -14407,21 +14407,34 @@ const PaymentMethodAdd = () => {
   })));
 };
 
+const stickyStyle$1 = {
+  position: "sticky",
+  right: 0,
+  zIndex: 1
+};
 const SimpleHeader = _ref => {
   let {
     id,
-    label
+    label,
+    sticky
   } = _ref;
   return /*#__PURE__*/React__default.createElement(Table.Th, {
     fw: 500,
     id: id,
     fz: "xs",
-    tt: "uppercase"
+    tt: "uppercase",
+    style: sticky ? stickyStyle$1 : undefined,
+    bg: sticky ? "white" : undefined
   }, label)
   //TODO: Manage control of table width from here
   ;
 };
 
+const stickyStyle = {
+  position: "sticky",
+  right: 0,
+  zIndex: 1
+};
 const SimpleBody = _ref => {
   let {
     row,
@@ -14444,7 +14457,9 @@ const SimpleBody = _ref => {
   }, columns.map((column, idx) => {
     const columnIndex = column.id;
     return /*#__PURE__*/React__default.createElement(Table.Td, {
-      key: idx
+      key: idx,
+      style: column.sticky ? stickyStyle : undefined,
+      bg: column.sticky ? "white" : undefined
     }, typeof row[columnIndex] === "function" ? row[columnIndex]("".concat(index)) : row[columnIndex] || "");
   }));
 };
@@ -14456,7 +14471,8 @@ const SimpleTable = _ref => {
     withAction,
     withIndex,
     actionFn,
-    isStriped
+    isStriped,
+    stickyAction
   } = _ref;
   // Memoize the final columns array to avoid mutations on every render
   const finalColumns = useMemo(() => {
@@ -14470,7 +14486,8 @@ const SimpleTable = _ref => {
     const actionColumn = {
       order: 99999,
       id: "action",
-      label: ""
+      label: "",
+      sticky: stickyAction
     };
 
     // Build final array without mutations
@@ -14490,7 +14507,10 @@ const SimpleTable = _ref => {
     withRowBorders: false,
     verticalSpacing: "md"
   };
-  return /*#__PURE__*/React__default.createElement(Table, isStriped && isStripedProps, /*#__PURE__*/React__default.createElement(Table.Thead, null, /*#__PURE__*/React__default.createElement(Table.Tr, {
+  return /*#__PURE__*/React__default.createElement(ScrollArea, {
+    type: "auto",
+    offsetScrollbars: true
+  }, /*#__PURE__*/React__default.createElement(Table, isStriped && isStripedProps, /*#__PURE__*/React__default.createElement(Table.Thead, null, /*#__PURE__*/React__default.createElement(Table.Tr, {
     bg: isStriped ? "gray.1" : "transparent"
   }, finalColumns.map((column, index) => {
     return /*#__PURE__*/React__default.createElement(SimpleHeader, _extends({
@@ -14506,7 +14526,7 @@ const SimpleTable = _ref => {
       actionFn,
       index
     });
-  })));
+  }))));
 };
 
 const theme = createTheme({

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

@@ -1,4 +1,4 @@
-export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, Q as ChatBubble, R as ChatHeader, O as ChatListCard, o as ConnectionPanel, u as CreditCard, a5 as DEFAULT_API_TIMEOUT, a3 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, W as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, G as ErrorModal, F as File, d as Icons, r as InfoGrid, H as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, V as LoadingModal, a4 as MAX_PAGE_SIZE, Y as MaskedTilePanel, _ as MerchantCard, a8 as ModalContentWrapper, M as MultiAxisArea, m as PageTitle, w as PaymentMethod, x as PaymentMethodAdd, P as PieChart, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, X as SimpleForm, J as SimpleModal, i as SimplePanel, y as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, t as StatusAlert, q as SubscriptionPlans, K as SuccessModal, $ as TableStateView, Z as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a7 as apiClient, a6 as createApiClient, aa as extractBetweenBraces, ab as extractOutsideBraces, z as theme, a1 as useManagedModals, a0 as useModal, a2 as useUrlFilters, a9 as withProviders } from './index-Co5fMms6.js';
+export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, Q as ChatBubble, R as ChatHeader, O as ChatListCard, o as ConnectionPanel, u as CreditCard, a5 as DEFAULT_API_TIMEOUT, a3 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, W as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, G as ErrorModal, F as File, d as Icons, r as InfoGrid, H as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, V as LoadingModal, a4 as MAX_PAGE_SIZE, Y as MaskedTilePanel, _ as MerchantCard, a8 as ModalContentWrapper, M as MultiAxisArea, m as PageTitle, w as PaymentMethod, x as PaymentMethodAdd, P as PieChart, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, X as SimpleForm, J as SimpleModal, i as SimplePanel, y as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, t as StatusAlert, q as SubscriptionPlans, K as SuccessModal, $ as TableStateView, Z as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a7 as apiClient, a6 as createApiClient, aa as extractBetweenBraces, ab as extractOutsideBraces, z as theme, a1 as useManagedModals, a0 as useModal, a2 as useUrlFilters, a9 as withProviders } from './index-5FoYZrWj.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import '@mantine/modals';

package/build/typings/components/tables/simple/Simple.types.d.ts

@@ -6,6 +6,7 @@ export interface BaseTableColumnProps {
     order: number;
     id: string;
     label: string;
+    sticky?: boolean;
 }
 export interface BaseTableRowProps {
     [key: string]: string | ((id: string) => React.ReactNode);
@@ -14,6 +15,7 @@ export interface SimpleTableProps extends BaseTableProps {
     withAction?: boolean;
     withIndex?: boolean;
     isStriped?: boolean;
+    stickyAction?: boolean;
     actionFn?: (id: string) => React.ReactNode;
 }
 export interface SimpleTableBodyProps {

package/build/typings/components/widgets/detail_card/DetailCard.types.d.ts

@@ -18,7 +18,7 @@ export interface DetailCardProps {
     /**
      * Title or label of the card (top text)
      */
-    label: string;
+    label?: string;
     /**
      * Type of card variant
      * @default "simple"

package/package.json

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