@adiba-banking-cloud/backoffice 0.2.6 → 0.2.8

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

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

package/build/index.esm.js/{heatmap-DWLHgpGo.js → heatmap-CKy0PmPT.js}

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

package/build/index.esm.js/{index-BfSVOhZ9.js → index-Coanii6M.js}

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { modals } from '@mantine/modals';
-import * as React$1 from 'react';
+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, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, TextInput, Textarea, Grid, ThemeIcon, MantineProvider } from '@mantine/core';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
@@ -12148,7 +12148,7 @@ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-DWLHgpGo.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-CKy0PmPT.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);
@@ -13791,10 +13791,9 @@ const UserProfileCard = _ref => {
     align: "center"
   }, /*#__PURE__*/React__default.createElement(Title, {
     order: 2,
-    fz: 22,
+    fz: 14,
     fw: 500,
-    c: "#0F193D",
-    lh: 1.2
+    c: "#0F193D"
   }, name), score && /*#__PURE__*/React__default.createElement(Badge, {
     color: scoreColor,
     variant: "outline",
@@ -13804,25 +13803,23 @@ const UserProfileCard = _ref => {
       root: {
         borderWidth: 1,
         textTransform: "none",
-        height: 28,
+        height: 20,
         display: "flex",
         alignItems: "center"
       },
       label: {
-        fontWeight: 700,
-        fontSize: 14
+        fontWeight: 600,
+        fontSize: 10
       }
     }
   }, score)), /*#__PURE__*/React__default.createElement(Text, {
-    size: "md",
+    size: "13px",
     c: "#6F758B",
-    fw: 500,
-    lh: "24px"
+    fw: 500
   }, userType), /*#__PURE__*/React__default.createElement(Text, {
-    size: "md",
+    size: "12px",
     c: "#5B6767",
-    fw: 300,
-    lh: "24px"
+    fw: 300
   }, "ID: ", userId))));
 };
 
@@ -14959,7 +14956,7 @@ const TilePanel = _ref2 => {
   }))));
 };
 
-const _excluded$1 = ["name", "logo", "category", "price", "onClick", "dragHandleProps", "variant", "onClose", "className", "style"];
+const _excluded$1 = ["name", "logo", "category", "price", "onClick", "dragHandleProps", "variant", "onClose", "onAdd", "className", "style"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const MerchantCard = _ref => {
@@ -14972,6 +14969,7 @@ const MerchantCard = _ref => {
       dragHandleProps,
       variant = "default",
       onClose,
+      onAdd,
       className,
       style
     } = _ref,
@@ -14988,7 +14986,7 @@ const MerchantCard = _ref => {
     className: className
   }, others), /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between",
-    align: "center",
+    align: variant === "add" ? "flex-end" : "center",
     wrap: "nowrap"
   }, /*#__PURE__*/React__default.createElement(Group, {
     gap: "md",
@@ -15056,7 +15054,7 @@ const MerchantCard = _ref => {
     name: "CloseCircle",
     size: 24,
     color: "#A1A8AF"
-  })) : /*#__PURE__*/React__default.createElement(ActionIcon, _extends({
+  })) : variant === "default" ? /*#__PURE__*/React__default.createElement(ActionIcon, _extends({
     variant: "transparent",
     style: {
       cursor: "grab",
@@ -15066,6 +15064,19 @@ const MerchantCard = _ref => {
     name: "Maximize4",
     size: 24,
     color: "#1C1C1C"
+  })) : /*#__PURE__*/React__default.createElement(ActionIcon, {
+    bg: "#0F193D",
+    w: 32,
+    h: 32,
+    radius: "100%",
+    onClick: e => {
+      e.stopPropagation();
+      onAdd === null || onAdd === void 0 || onAdd();
+    }
+  }, /*#__PURE__*/React__default.createElement(Icons, {
+    name: "Add",
+    size: 24,
+    color: "#FFFFFF"
   }))));
 };
 
@@ -15079,13 +15090,13 @@ const TableStateView = _ref => {
     iconBgColor = "rgba(255,255,255,0.8)",
     borderColor
   } = _ref;
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React__default.createElement(Box, {
     pos: "relative",
     style: {
       flex: 1,
       overflow: "hidden"
     }
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(Box, {
     pos: "absolute",
     inset: 0,
     style: {
@@ -15093,17 +15104,17 @@ const TableStateView = _ref => {
       pointerEvents: "none"
     },
     p: "xl"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: "40px",
     w: "100%"
   }, Array.from({
     length: 12
-  }).map((_, i) => /*#__PURE__*/React.createElement(Group, {
+  }).map((_, i) => /*#__PURE__*/React__default.createElement(Group, {
     key: i,
     gap: "lg",
     wrap: "nowrap",
     w: "100%"
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(Box, {
     h: 20,
     w: 40,
     bg: "gray.1",
@@ -15111,7 +15122,7 @@ const TableStateView = _ref => {
     style: {
       borderRadius: "4px"
     }
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     h: 20,
     w: 200,
     bg: "gray.1",
@@ -15119,7 +15130,7 @@ const TableStateView = _ref => {
     style: {
       borderRadius: "4px"
     }
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     h: 20,
     w: 80,
     bg: "gray.1",
@@ -15128,7 +15139,7 @@ const TableStateView = _ref => {
       borderRadius: "4px"
     },
     visibleFrom: "xs"
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     h: 20,
     w: 60,
     bg: "gray.1",
@@ -15138,7 +15149,7 @@ const TableStateView = _ref => {
       flex: "1"
     },
     visibleFrom: "sm"
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     h: 20,
     w: 70,
     bg: "gray.1",
@@ -15148,7 +15159,7 @@ const TableStateView = _ref => {
       flex: "1"
     },
     visibleFrom: "md"
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     h: 20,
     w: 90,
     bg: "gray.1",
@@ -15156,14 +15167,14 @@ const TableStateView = _ref => {
       borderRadius: "4px"
     },
     visibleFrom: "lg"
-  }))))), /*#__PURE__*/React.createElement(Box, {
+  }))))), /*#__PURE__*/React__default.createElement(Box, {
     pos: "absolute",
     inset: 0,
     style: {
       zIndex: 1,
       background: "linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.4) 100%)"
     }
-  }), /*#__PURE__*/React.createElement(Stack, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     pos: "relative",
     h: "100%",
     align: "center",
@@ -15175,7 +15186,7 @@ const TableStateView = _ref => {
     style: {
       zIndex: 2
     }
-  }, /*#__PURE__*/React.createElement(ThemeIcon, {
+  }, /*#__PURE__*/React__default.createElement(ThemeIcon, {
     size: 64,
     radius: 16,
     variant: "default",
@@ -15184,14 +15195,14 @@ const TableStateView = _ref => {
       border: "1px dashed ".concat(borderColor || "var(--mantine-color-".concat(iconColor, "-4)")),
       backgroundColor: iconBgColor
     }
-  }, icon), /*#__PURE__*/React.createElement(Stack, {
+  }, icon), /*#__PURE__*/React__default.createElement(Stack, {
     gap: 4,
     align: "center"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fw: 600,
     size: "lg",
     c: "dark"
-  }, title), /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React__default.createElement(Text, {
     c: "dimmed",
     size: "sm",
     ta: "center",
@@ -15606,9 +15617,9 @@ const ModalContentWrapper = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(MantineProvider, {
+  return /*#__PURE__*/React.createElement(MantineProvider, {
     theme: theme
-  }, /*#__PURE__*/React$1.createElement(DatesProvider, {
+  }, /*#__PURE__*/React.createElement(DatesProvider, {
     settings: {
       locale: "en",
       timezone: "UTC"
@@ -15669,13 +15680,13 @@ function withProviders(Component) {
   const WrappedComponent = props => {
     var _process$env;
     const showDevtools = enableDevtools && typeof process !== "undefined" && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env.NODE_ENV) === "development";
-    return /*#__PURE__*/React$1.createElement(QueryClientProvider, {
+    return /*#__PURE__*/React.createElement(QueryClientProvider, {
       client: queryClient
-    }, /*#__PURE__*/React$1.createElement(MantineProvider, {
+    }, /*#__PURE__*/React.createElement(MantineProvider, {
       theme: customTheme
-    }, /*#__PURE__*/React$1.createElement(DatesProvider, {
+    }, /*#__PURE__*/React.createElement(DatesProvider, {
       settings: datesSettings
-    }, /*#__PURE__*/React$1.createElement(Component, props), showDevtools && /*#__PURE__*/React$1.createElement(ReactQueryDevtools, null))));
+    }, /*#__PURE__*/React.createElement(Component, props), showDevtools && /*#__PURE__*/React.createElement(ReactQueryDevtools, null))));
   };
   WrappedComponent.displayName = "withProviders(".concat(Component.displayName || Component.name || "Component", ")");
   return WrappedComponent;

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, o as ConnectionPanel, u as CreditCard, a1 as DEFAULT_API_TIMEOUT, $ as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, O 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, a0 as MAX_PAGE_SIZE, R as MaskedTilePanel, W as MerchantCard, a4 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, Q 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, X as TableStateView, V as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a3 as apiClient, a2 as createApiClient, a6 as extractBetweenBraces, a7 as extractOutsideBraces, z as theme, Z as useManagedModals, Y as useModal, _ as useUrlFilters, a5 as withProviders } from './index-BfSVOhZ9.js';
+export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, o as ConnectionPanel, u as CreditCard, a1 as DEFAULT_API_TIMEOUT, $ as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, O 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, a0 as MAX_PAGE_SIZE, R as MaskedTilePanel, W as MerchantCard, a4 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, Q 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, X as TableStateView, V as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a3 as apiClient, a2 as createApiClient, a6 as extractBetweenBraces, a7 as extractOutsideBraces, z as theme, Z as useManagedModals, Y as useModal, _ as useUrlFilters, a5 as withProviders } from './index-Coanii6M.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import '@mantine/modals';

package/build/typings/components/modals/loading/Loading.d.ts

@@ -0,0 +1,3 @@
+import { ContextModalProps } from "@mantine/modals";
+import { LoadingModalProps } from "./Loading.types";
+export declare const LoadingModal: ({ context, id, innerProps, }: ContextModalProps<LoadingModalProps>) => import("react/jsx-runtime").JSX.Element;

package/build/typings/components/modals/loading/Loading.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+import { LoadingModal } from "./Loading";
+import "@mantine/core/styles.css";
+declare const _default: Meta<typeof LoadingModal>;
+export default _default;
+export declare const LoadingModalExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@mantine/modals").ContextModalProps<import("./Loading.types").LoadingModalProps>>;

package/build/typings/components/modals/loading/Loading.types.d.ts

@@ -0,0 +1,3 @@
+export interface LoadingModalProps {
+    message: string;
+}

package/build/typings/components/tables/table-state/TableStateView.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { TableStateViewProps } from "./TableStateView.types";
-export declare const TableStateView: ({ icon, title, description, action, iconColor, iconBgColor, borderColor, }: TableStateViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableStateView: React.FC<TableStateViewProps>;

package/build/typings/components/widgets/merchant/MerchantCard.stories.d.ts

@@ -6,4 +6,5 @@ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<imp
 export declare const NoLogo: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./MerchantCard.types").MerchantCardProps>;
 export declare const LongName: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./MerchantCard.types").MerchantCardProps>;
 export declare const Removable: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./MerchantCard.types").MerchantCardProps>;
+export declare const AddMerchant: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./MerchantCard.types").MerchantCardProps>;
 export declare const DraggableList: () => import("react/jsx-runtime").JSX.Element;

package/build/typings/components/widgets/merchant/MerchantCard.types.d.ts

@@ -13,7 +13,9 @@ export interface MerchantCardProps extends React.ComponentPropsWithoutRef<"div">
     /** Props for the drag handle from dnd-kit */
     dragHandleProps?: any;
     /** Component variant */
-    variant?: "default" | "closable";
+    variant?: "default" | "closable" | "add";
     /** Close handler (for closable variant) */
     onClose?: () => void;
+    /** Add handler (for add variant) */
+    onAdd?: () => void;
 }

package/package.json

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