@razorpay/blade 6.5.0 → 6.5.2

package/build/components/index.web.js

@@ -2047,7 +2047,7 @@ var MetaConstants = {
   ActionListSection: 'action-list-section',
   Alert: 'alert',
   Badge: 'badge',
-  Box: 'Box',
+  Box: 'box',
   Button: 'button',
   Checkbox: 'checkbox',
   CheckboxGroup: 'checkbox-group',
@@ -4665,6 +4665,7 @@ function ownKeys$5d(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$5d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5d(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 var noop = function noop() {};
 
 var DropdownContext = /*#__PURE__*/React__default.createContext({
@@ -4767,7 +4768,11 @@ var useDropdown = function useDropdown() {
    */
 
 
-  var onTriggerBlur = function onTriggerBlur() {
+  var onTriggerBlur = function onTriggerBlur(_ref) {
+    var name = _ref.name,
+        value = _ref.value,
+        onBlurCallback = _ref.onBlurCallback;
+
     if (rest.hasFooterAction) {
       // When Footer has action buttons, we ignore the blur (by setting shouldIgnoreBlur to true in onTriggerKeyDown)
       // And we remove the active item (by setting it to -1) so that we can shift focus on action buttons
@@ -4779,6 +4784,11 @@ var useDropdown = function useDropdown() {
       return;
     }
 
+    onBlurCallback === null || onBlurCallback === void 0 ? void 0 : onBlurCallback({
+      name: name,
+      value: value
+    });
+
     if (isOpen) {
       if (selectionType !== 'multiple') {
         selectOption(activeIndex);
@@ -20009,7 +20019,7 @@ var CardHeaderLeading = function CardHeaderLeading(_ref3) {
           marginLeft: "spacing.3",
           children: suffix
         })]
-      }), /*#__PURE__*/jsx(Text, {
+      }), subtitle && /*#__PURE__*/jsx(Text, {
         variant: "body",
         size: "small",
         weight: "regular",
@@ -22683,7 +22693,7 @@ var SelectChevronIcon = function SelectChevronIcon(props) {
   });
 };
 
-var _excluded$5 = ["icon", "onChange", "placeholder"];
+var _excluded$5 = ["icon", "onChange", "placeholder", "onBlur"];
 
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -22717,6 +22727,7 @@ var _SelectInput = function _SelectInput(props, ref) {
       onChange = props.onChange,
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? 'Select Option' : _props$placeholder,
+      _onBlur = props.onBlur,
       baseInputProps = _objectWithoutProperties(props, _excluded$5);
 
   React__default.useEffect(function () {
@@ -22757,7 +22768,14 @@ var _SelectInput = function _SelectInput(props, ref) {
       isPopupExpanded: isOpen,
       onClick: onTriggerClick,
       onKeyDown: onTriggerKeydown,
-      onBlur: onTriggerBlur,
+      onBlur: function onBlur(_ref) {
+        var name = _ref.name;
+        onTriggerBlur === null || onTriggerBlur === void 0 ? void 0 : onTriggerBlur({
+          name: name,
+          value: value,
+          onBlurCallback: _onBlur
+        });
+      },
       activeDescendant: activeIndex >= 0 ? "".concat(dropdownBaseId, "-").concat(activeIndex) : undefined,
       popupId: "".concat(dropdownBaseId, "-actionlist"),
       shouldIgnoreBlurAnimation: shouldIgnoreBlurAnimation,