@adiba-banking-cloud/backoffice 0.2.30 → 0.2.32

package/build/index.cjs.js/{heatmap-D66SvlQ2.js → heatmap-D4XZo-BE.js}

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

package/build/index.cjs.js/{index-HP0Bffrf.js → index-CeSt-lKb.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-D66SvlQ2.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-D4XZo-BE.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);
@@ -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-HP0Bffrf.js');
+var index = require('./index-CeSt-lKb.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/defineProperty');
 require('@mantine/modals');

package/build/index.esm.js/{heatmap-DhQ9x9Qc.js → heatmap-C9Y7g83G.js}

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

package/build/index.esm.js/{index-BEmi6HIN.js → index-Cbt96Abz.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-DhQ9x9Qc.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-C9Y7g83G.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);
@@ -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-BEmi6HIN.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-Cbt96Abz.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/payment_method/PaymentMethod.types.d.ts

@@ -3,5 +3,6 @@ export interface PaymentMethodProps {
     pan: number;
     type: "mastercard" | "visa" | "amex" | "paypal" | "verve";
     exp: string;
+    id?: string | number;
     onClick?: () => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.2.30",
+  "version": "0.2.32",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",
@@ -125,4 +125,4 @@
     "url": "https://github.com/turog-technologies/adiba-common-libraries/issues"
   },
   "homepage": "https://github.com/turog-technologies/adiba-common-libraries"
-}
+}