@megha-ui/react 1.2.68 → 1.2.70

package/dist/components/grid/types/grid.d.ts

@@ -27,6 +27,7 @@ export interface Column {
 export interface DataRow {
     [key: string]: {
         value: string | number;
+        displayValue?: string | number;
         html?: any;
         className?: string;
         shouldRender?: boolean;

package/dist/components/grid/utils/gridRow.js

@@ -112,11 +112,13 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                 const cellData = item[column.key];
                 const cellValue = cellData && Object.keys(cellData).includes("html")
                     ? cellData === null || cellData === void 0 ? void 0 : cellData.html
-                    : cellData && Object.keys(cellData).includes("value")
-                        ? cellData === null || cellData === void 0 ? void 0 : cellData.value
-                        : cellData
-                            ? cellData
-                            : "";
+                    : cellData && Object.keys(cellData).includes("displayValue")
+                        ? cellData === null || cellData === void 0 ? void 0 : cellData.displayValue
+                        : cellData && Object.keys(cellData).includes("value")
+                            ? cellData === null || cellData === void 0 ? void 0 : cellData.value
+                            : cellData
+                                ? cellData
+                                : "";
                 const cellUrl = cellData === null || cellData === void 0 ? void 0 : cellData.url;
                 const isHidden = column.overflowHidden;
                 if (!column.hidden && groupBy !== column.key) {

package/dist/index.d.ts

@@ -13,3 +13,4 @@ export { default as Textarea } from "./components/textarea";
 export { default as TextEditor } from "./components/texteditor";
 export { default as Toggle } from "./components/toggle";
 export { Tabs, Tab, TabList, TabPanel } from "./components/tabs";
+export { formatValue } from "./services/commonService";

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabPanel = exports.TabList = exports.Tab = exports.Tabs = exports.Toggle = exports.TextEditor = exports.Textarea = exports.TextInput = exports.Text = exports.Modal = exports.Loader = exports.Grid = exports.Dropdown = exports.DateInput = exports.Checkbox = exports.Card = exports.Button = exports.Block = void 0;
+exports.formatValue = exports.TabPanel = exports.TabList = exports.Tab = exports.Tabs = exports.Toggle = exports.TextEditor = exports.Textarea = exports.TextInput = exports.Text = exports.Modal = exports.Loader = exports.Grid = exports.Dropdown = exports.DateInput = exports.Checkbox = exports.Card = exports.Button = exports.Block = void 0;
 var block_1 = require("./components/block");
 Object.defineProperty(exports, "Block", { enumerable: true, get: function () { return __importDefault(block_1).default; } });
 var button_1 = require("./components/button");
@@ -37,3 +37,5 @@ Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
 Object.defineProperty(exports, "TabList", { enumerable: true, get: function () { return tabs_1.TabList; } });
 Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return tabs_1.TabPanel; } });
+var commonService_1 = require("./services/commonService");
+Object.defineProperty(exports, "formatValue", { enumerable: true, get: function () { return commonService_1.formatValue; } });

package/dist/services/commonService.d.ts

@@ -0,0 +1,3 @@
+export declare const formatValue: (value: string | number, type?: string, locale?: string, options?: {
+    currency: string;
+}) => string | number;

package/dist/services/commonService.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatValue = void 0;
+// Function to format numbers
+const formatNumber = (value, locale = "en-US", options = {}) => {
+    const formatter = new Intl.NumberFormat(locale, options);
+    return formatter.format(value);
+};
+// Function to format dates
+const formatDate = (date, locale = "en-US", options = {}) => {
+    const formatter = new Intl.DateTimeFormat(locale, options);
+    return formatter.format(date);
+};
+// Function to format currency
+const formatCurrency = (value, locale = "en-US", currency = "USD", options = {}) => {
+    const formatter = new Intl.NumberFormat(locale, Object.assign({ style: "currency", currency: currency }, options));
+    return formatter.format(value);
+};
+// Dynamic formatter function
+const formatValue = (value, type = "number", locale = "sv-SE", options = {
+    currency: "SEK",
+}) => {
+    if (type === "number") {
+        const num = parseFloat(value.toString());
+        return formatNumber(num, locale, options);
+    }
+    else if (type === "date") {
+        const date = new Date(value);
+        return formatDate(date, locale, options);
+    }
+    else if (type === "currency" && typeof value === "number") {
+        return formatCurrency(value, locale, options.currency, options);
+    }
+    else {
+        return value;
+    }
+};
+exports.formatValue = formatValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.68",
+  "version": "1.2.70",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",