@razorpay/blade 12.95.4 → 12.96.0

package/build/lib/web/development/_virtual/cloneDeep.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep.js.map

package/build/lib/web/development/_virtual/cloneDeep3.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep3.js.map

package/build/lib/web/development/_virtual/flatten.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
+import '../node_modules/es-toolkit/dist/array/flatten.js';
 //# sourceMappingURL=flatten.js.map

package/build/lib/web/development/_virtual/flatten3.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/array/flatten.js';
+import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
 //# sourceMappingURL=flatten3.js.map

package/build/lib/web/development/components/GenUI/GenUIComponents.web.js

@@ -1,5 +1,4 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import { memo, useMemo, useState } from 'react';
@@ -805,62 +804,12 @@ var TableRowHoverActions = function TableRowHoverActions(_ref17) {
   });
 };
 
-// px per average character at ~14px font size
-var CHAR_WIDTH = 7.5;
-// horizontal cell padding (left + right)
-var CELL_H_PADDING = 8;
-
-// Returns the minimum pixel width hint for a cell based on its content type.
-// Used as the `min` track in `minmax(min, max-content)` so columns never
-// collapse below a sensible floor while still growing to fit real content.
-var getCellMinWidth = function getCellMinWidth(cell) {
-  var _cell$value$length, _cell$value2, _cell$value$toString, _cell$value3, _cell$value$length2, _cell$value4, _cell$value$length3, _cell$value5, _cell$text$length, _cell$text2;
-  if (!(cell !== null && cell !== void 0 && cell.component)) return 80;
-  switch (cell.component) {
-    case 'TEXT':
-      return Math.max(80, Math.min(300, ((_cell$value$length = (_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.length) !== null && _cell$value$length !== void 0 ? _cell$value$length : 1) * CHAR_WIDTH + CELL_H_PADDING));
-    case 'AMOUNT':
-      // currency symbol + digits + separators
-      return Math.max(100, (String((_cell$value$toString = (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.toString()) !== null && _cell$value$toString !== void 0 ? _cell$value$toString : 0).length + 2) * CHAR_WIDTH + CELL_H_PADDING);
-    case 'INDICATOR':
-      return Math.max(100, ((_cell$value$length2 = (_cell$value4 = cell.value) === null || _cell$value4 === void 0 ? void 0 : _cell$value4.length) !== null && _cell$value$length2 !== void 0 ? _cell$value$length2 : 1) * CHAR_WIDTH);
-    case 'BADGE':
-      return Math.max(80, ((_cell$value$length3 = (_cell$value5 = cell.value) === null || _cell$value5 === void 0 ? void 0 : _cell$value5.length) !== null && _cell$value$length3 !== void 0 ? _cell$value$length3 : 1) * CHAR_WIDTH);
-    case 'DATE':
-      {
-        var dateValue = dayjs(cell.value);
-        if (!dateValue.isValid()) {
-          var _cell$value$length4, _cell$value6;
-          return ((_cell$value$length4 = (_cell$value6 = cell.value) === null || _cell$value6 === void 0 ? void 0 : _cell$value6.length) !== null && _cell$value$length4 !== void 0 ? _cell$value$length4 : 0) * CHAR_WIDTH;
-        }
-        var defaultFormat = 'DD MMM YYYY, HH:mm';
-        var formatted = dateValue.format(cell.dateFormat || defaultFormat);
-        return formatted.length * CHAR_WIDTH;
-      }
-    case 'LINK':
-      return Math.max(80, Math.min(250, ((_cell$text$length = (_cell$text2 = cell.text) === null || _cell$text2 === void 0 ? void 0 : _cell$text2.length) !== null && _cell$text$length !== void 0 ? _cell$text$length : 1) * CHAR_WIDTH + CELL_H_PADDING));
-    default:
-      return 80;
-  }
-};
-
-// Produces one CSS grid track per column as a `fr` value proportional to
-// the estimated content width so columns fill the full table width while
-// still reflecting relative content size (wider content → more space).
-var calculateColumnWidths = function calculateColumnWidths(headers, rows) {
-  var weights = headers.map(function (header, colIndex) {
-    var headerWeight = header.length * CHAR_WIDTH + CELL_H_PADDING;
-    var cellWeight = rows.reduce(function (max, row) {
-      var cell = row[colIndex];
-      return Math.max(max, getCellMinWidth(cell));
-    }, 80);
-    return Math.max(headerWeight, cellWeight);
-  });
-
-  // Normalise to smallest weight so fr numbers stay small and readable
-  var minWeight = Math.min.apply(Math, _toConsumableArray(weights));
-  return weights.map(function (w) {
-    return "".concat(Math.round(w / minWeight * 10) / 10, "fr");
+// Produces column widths using minmax(max-content, 1fr) so columns:
+// 1. Never shrink below their content width (no text wrapping)
+// 2. Expand proportionally to fill available width when space permits
+var calculateColumnWidths = function calculateColumnWidths(headers, _rows) {
+  return headers.map(function () {
+    return 'minmax(max-content, 1fr)';
   });
 };
 var RenderTableComponent = /*#__PURE__*/memo(function (_ref18) {
@@ -905,7 +854,10 @@ var RenderTableComponent = /*#__PURE__*/memo(function (_ref18) {
           }), /*#__PURE__*/jsx(TableBody, {
             children: data.map(function (item, rowIndex) {
               return /*#__PURE__*/jsx(TableRow, {
-                item: item,
+                item: item
+                // eslint-disable-next-line @typescript-eslint/no-empty-function
+                ,
+                onHover: rowActions && rowActions.length > 0 ? function () {} : undefined,
                 hoverActions: rowActions && rowActions.length > 0 ? /*#__PURE__*/jsx(TableRowHoverActions, {
                   rowActions: rowActions,
                   rowIndex: rowIndex,
@@ -931,9 +883,7 @@ var RenderCardComponent = /*#__PURE__*/memo(function (_ref19) {
     description = _ref19.description,
     footer = _ref19.footer,
     children = _ref19.children;
-  if (!title && !description) {
-    return null;
-  }
+  var hasHeader = title || description;
   return /*#__PURE__*/jsx(Box, {
     height: "100%",
     display: "flex",
@@ -943,13 +893,12 @@ var RenderCardComponent = /*#__PURE__*/memo(function (_ref19) {
       width: "100%",
       height: "100%",
       padding: "spacing.7",
-      children: [/*#__PURE__*/jsx(CardHeader, {
-        showDivider: false,
+      children: [hasHeader ? /*#__PURE__*/jsx(CardHeader, {
         children: /*#__PURE__*/jsx(CardHeaderLeading, {
           title: title || '',
           subtitle: description || ''
         })
-      }), children && children.length > 0 ? /*#__PURE__*/jsx(CardBody, {
+      }) : null, children && children.length > 0 ? /*#__PURE__*/jsx(CardBody, {
         height: "100%",
         children: /*#__PURE__*/jsx(Box, {
           display: "flex",
@@ -1067,9 +1016,12 @@ var RenderInfoGroupComponent = /*#__PURE__*/memo(function (_ref25) {
   }
 
   // Filter out invalid items during streaming
+  // Filters out: null, undefined, and empty string children
   var validItems = items.filter(function (item) {
-    var _item$key, _item$value;
-    return ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.children) && ((_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.children);
+    var _item$value, _item$key;
+    var children = (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.children;
+    if (!((_item$key = item.key) !== null && _item$key !== void 0 && _item$key.children) || children == null) return false;
+    return typeof children !== 'string' || children !== '';
   });
   if (validItems.length === 0) {
     return null;
@@ -1080,14 +1032,31 @@ var RenderInfoGroupComponent = /*#__PURE__*/memo(function (_ref25) {
     size: "medium",
     valueAlign: "left",
     children: validItems.map(function (item, index) {
-      var _item$key2, _item$key3, _item$value2, _item$value3;
+      var _item$key4, _item$key5;
+      var value = item.value;
+      var isString = typeof value.children === 'string';
+      if (isString) {
+        var _item$key2, _item$key3;
+        return /*#__PURE__*/jsxs(InfoItem, {
+          children: [/*#__PURE__*/jsx(InfoItemKey, {
+            helpText: item === null || item === void 0 || (_item$key2 = item.key) === null || _item$key2 === void 0 ? void 0 : _item$key2.helpText,
+            children: item === null || item === void 0 || (_item$key3 = item.key) === null || _item$key3 === void 0 ? void 0 : _item$key3.children
+          }), /*#__PURE__*/jsx(InfoItemValue, {
+            helpText: value.helpText,
+            children: value.children
+          })]
+        }, index);
+      }
       return /*#__PURE__*/jsxs(InfoItem, {
         children: [/*#__PURE__*/jsx(InfoItemKey, {
-          helpText: item === null || item === void 0 || (_item$key2 = item.key) === null || _item$key2 === void 0 ? void 0 : _item$key2.helpText,
-          children: item === null || item === void 0 || (_item$key3 = item.key) === null || _item$key3 === void 0 ? void 0 : _item$key3.children
+          helpText: item === null || item === void 0 || (_item$key4 = item.key) === null || _item$key4 === void 0 ? void 0 : _item$key4.helpText,
+          children: item === null || item === void 0 || (_item$key5 = item.key) === null || _item$key5 === void 0 ? void 0 : _item$key5.children
         }), /*#__PURE__*/jsx(InfoItemValue, {
-          helpText: item === null || item === void 0 || (_item$value2 = item.value) === null || _item$value2 === void 0 ? void 0 : _item$value2.helpText,
-          children: item === null || item === void 0 || (_item$value3 = item.value) === null || _item$value3 === void 0 ? void 0 : _item$value3.children
+          helpText: value.helpText,
+          children: /*#__PURE__*/jsx(GenUIComponentRenderer, {
+            component: value.children,
+            index: index
+          })
         })]
       }, index);
     })