@razorpay/blade 10.17.1 → 10.17.3

package/build/components/index.development.web.js

@@ -456,7 +456,7 @@ var getActionListItemRole = function getActionListItemRole(dropdownTriggerer, hr
   return 'option';
 };
 
-var componentIds = {
+var componentIds$1 = {
   ActionList: 'ActionList',
   ActionListItem: 'ActionListItem',
   ActionListItemBadge: 'ActionListItemBadge',
@@ -507,16 +507,16 @@ var getActionListSectionPosition = function getActionListSectionPosition(childre
   });
 
   // Reading the last `ActionListSection` component's index
-  var lastActionListSectionIndex = childComponentIdArray.lastIndexOf(componentIds.ActionListSection);
+  var lastActionListSectionIndex = childComponentIdArray.lastIndexOf(componentIds$1.ActionListSection);
 
   // Checking if there is any `ActionListItem` present after `ActionListSection`
-  var isActionListItemPresentAfterSection = childComponentIdArray.slice(lastActionListSectionIndex).includes(componentIds.ActionListItem);
+  var isActionListItemPresentAfterSection = childComponentIdArray.slice(lastActionListSectionIndex).includes(componentIds$1.ActionListItem);
   return {
     isActionListItemPresentAfterSection: isActionListItemPresentAfterSection,
     lastActionListSectionIndex: lastActionListSectionIndex
   };
 };
-var actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];
+var actionListAllowedChildren = [componentIds$1.ActionListItem, componentIds$1.ActionListSection];
 /**
  * Loops over action list items and returns different properties from children like option values, header and footer child, etc
  */
@@ -588,7 +588,7 @@ var getActionListProperties = function getActionListProperties(children) {
   // Looping through ActionListItems to add index to them and get an options array for moving focus between items
   var childrenWithId = React__default.Children.map(children, function (child, index) {
     if ( /*#__PURE__*/React__default.isValidElement(child)) {
-      if (isValidAllowedChildren(child, componentIds.ActionListSection)) {
+      if (isValidAllowedChildren(child, componentIds$1.ActionListSection)) {
         var shouldHideDivider = index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;
         var sectionChildValues = [];
         return /*#__PURE__*/React__default.cloneElement(child, {
@@ -596,7 +596,7 @@ var getActionListProperties = function getActionListProperties(children) {
           children: React__default.Children.map(child.props.children, function (childInSection) {
             currentSection = child.props.title;
             sectionChildValues.push(childInSection.props.value);
-            if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {
+            if (isValidAllowedChildren(childInSection, componentIds$1.ActionListItem)) {
               return getActionListItemWithId(childInSection, shouldHideDivider);
             }
             return childInSection;
@@ -606,7 +606,7 @@ var getActionListProperties = function getActionListProperties(children) {
           _sectionChildValues: sectionChildValues
         });
       }
-      if (isValidAllowedChildren(child, componentIds.ActionListItem)) {
+      if (isValidAllowedChildren(child, componentIds$1.ActionListItem)) {
         return getActionListItemWithId(child, true);
       }
       {
@@ -630,25 +630,25 @@ var validateActionListItemProps = function validateActionListItemProps(_ref) {
     titleSuffix = _ref.titleSuffix;
   {
     React__default.Children.map(trailing, function (child) {
-      if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText)) {
+      if (!isValidAllowedChildren(child, componentIds$1.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds$1.ActionListItemText)) {
         throwBladeError({
-          message: "Only ".concat(componentIds.ActionListItemIcon, " and ").concat(componentIds.ActionListItemText, " are allowed in trailing prop"),
+          message: "Only ".concat(componentIds$1.ActionListItemIcon, " and ").concat(componentIds$1.ActionListItemText, " are allowed in trailing prop"),
           moduleName: 'ActionListItem'
         });
       }
     });
     React__default.Children.map(titleSuffix, function (child) {
-      if (!isValidAllowedChildren(child, componentIds.ActionListItemBadge) && !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)) {
+      if (!isValidAllowedChildren(child, componentIds$1.ActionListItemBadge) && !isValidAllowedChildren(child, componentIds$1.ActionListItemBadgeGroup)) {
         throwBladeError({
-          message: "Only ".concat(componentIds.ActionListItemBadge, " and ").concat(componentIds.ActionListItemBadgeGroup, " are allowed in titleSuffix prop"),
+          message: "Only ".concat(componentIds$1.ActionListItemBadge, " and ").concat(componentIds$1.ActionListItemBadgeGroup, " are allowed in titleSuffix prop"),
           moduleName: 'ActionListItem'
         });
       }
     });
     React__default.Children.map(leading, function (child) {
-      if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText) && !isValidAllowedChildren(child, componentIds.ActionListItemAsset)) {
+      if (!isValidAllowedChildren(child, componentIds$1.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds$1.ActionListItemText) && !isValidAllowedChildren(child, componentIds$1.ActionListItemAsset)) {
         throwBladeError({
-          message: "Only ".concat(componentIds.ActionListItemIcon, ", ").concat(componentIds.ActionListItemAsset, ", and ").concat(componentIds.ActionListItemText, " are allowed in leading prop"),
+          message: "Only ".concat(componentIds$1.ActionListItemIcon, ", ").concat(componentIds$1.ActionListItemAsset, ", and ").concat(componentIds$1.ActionListItemText, " are allowed in leading prop"),
           moduleName: 'ActionListItem'
         });
       }
@@ -14341,8 +14341,8 @@ var _ActionList = function _ActionList(_ref) {
  *
  */
 var ActionList = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionList), {
-  displayName: componentIds.ActionList,
-  componentId: componentIds.ActionList
+  displayName: componentIds$1.ActionList,
+  componentId: componentIds$1.ActionList
 });
 
 var getBaseActionListItemStyles = function getBaseActionListItemStyles(props) {
@@ -15954,7 +15954,7 @@ var _ActionListSection = function _ActionListSection(_ref) {
   }));
 };
 var ActionListSection = /*#__PURE__*/assignWithoutSideEffects(_ActionListSection, {
-  componentId: componentIds.ActionListSection
+  componentId: componentIds$1.ActionListSection
 });
 var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   var icon = _ref2.icon;
@@ -15970,7 +15970,7 @@ var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   });
 };
 var ActionListItemIcon = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemIcon, {
-  componentId: componentIds.ActionListItemIcon
+  componentId: componentIds$1.ActionListItemIcon
 });
 var _ActionListItemBadgeGroup = function _ActionListItemBadgeGroup(_ref3) {
   var children = _ref3.children;
@@ -15982,7 +15982,7 @@ var _ActionListItemBadgeGroup = function _ActionListItemBadgeGroup(_ref3) {
   });
 };
 var ActionListItemBadgeGroup = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemBadgeGroup, {
-  componentId: componentIds.ActionListItemBadgeGroup
+  componentId: componentIds$1.ActionListItemBadgeGroup
 });
 var _ActionListItemBadge = function _ActionListItemBadge(props) {
   return /*#__PURE__*/jsx(Badge, _objectSpread$1v({
@@ -15991,7 +15991,7 @@ var _ActionListItemBadge = function _ActionListItemBadge(props) {
   }, props));
 };
 var ActionListItemBadge = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemBadge, {
-  componentId: componentIds.ActionListItemBadge
+  componentId: componentIds$1.ActionListItemBadge
 });
 var _ActionListItemText = function _ActionListItemText(_ref4) {
   var children = _ref4.children;
@@ -16006,7 +16006,7 @@ var _ActionListItemText = function _ActionListItemText(_ref4) {
   });
 };
 var ActionListItemText = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemText, {
-  componentId: componentIds.ActionListItemText
+  componentId: componentIds$1.ActionListItemText
 });
 var makeActionListItemClickable = function makeActionListItemClickable(clickHandler) {
   if (isReactNative$4()) {
@@ -16221,8 +16221,8 @@ var _ActionListItem = function _ActionListItem(props) {
   });
 };
 var ActionListItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListItem), {
-  componentId: componentIds.ActionListItem,
-  displayName: componentIds.ActionListItem
+  componentId: componentIds$1.ActionListItem,
+  displayName: componentIds$1.ActionListItem
 });
 
 var _ActionListItemAsset = function _ActionListItemAsset(props) {
@@ -16234,7 +16234,7 @@ var _ActionListItemAsset = function _ActionListItemAsset(props) {
   });
 };
 var ActionListItemAsset = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemAsset, {
-  componentId: componentIds.ActionListItemAsset
+  componentId: componentIds$1.ActionListItemAsset
 });
 
 var MAX_WIDTH$2 = size[584];
@@ -17713,23 +17713,6 @@ var useVerifyInsideCard = function useVerifyInsideCard(componentName) {
   }
   return true;
 };
-
-/**
- * Verify if the passed childrens are only of allowedComponents list
- */
-var useVerifyAllowedComponents = function useVerifyAllowedComponents(children, componentName, allowedComponents) {
-  React__default.Children.forEach(children, function (child) {
-    var isValidChild = child && allowedComponents.includes(getComponentId(child));
-    {
-      if (!isValidChild) {
-        throwBladeError({
-          message: "Only one of `".concat(allowedComponents.join(', '), "` component is accepted as ").concat(componentName, " children"),
-          moduleName: 'Card'
-        });
-      }
-    }
-  });
-};
 var CardProvider = function CardProvider(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/jsx(CardContext.Provider, {
@@ -17852,6 +17835,26 @@ var CardRoot = function CardRoot(_ref2) {
   }));
 };
 
+/**
+ * Verify if the passed childrens are only of allowedComponents list
+ */
+var useVerifyAllowedChildren = function useVerifyAllowedChildren(props) {
+  var children = props.children,
+    componentName = props.componentName,
+    allowedComponents = props.allowedComponents;
+  {
+    React__default.Children.forEach(children, function (child) {
+      var isValidChild = child && allowedComponents.includes(getComponentId(child));
+      if (!isValidChild) {
+        throwBladeError({
+          message: "Only `".concat(allowedComponents.join(', '), "` components are accepted in `").concat(componentName, "` children"),
+          moduleName: componentName
+        });
+      }
+    });
+  }
+};
+
 var _excluded$y = ["children", "surfaceLevel", "elevation", "testID", "padding", "width", "height", "onClick", "isSelected", "accessibilityLabel", "shouldScaleOnHover", "onHover", "href", "target", "rel", "as"];
 function ownKeys$1n(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; }
 function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -17897,7 +17900,11 @@ var Card = function Card(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isFocused = _React$useState2[0],
     setIsFocused = _React$useState2[1];
-  useVerifyAllowedComponents(children, 'Card', [ComponentIds$1.CardHeader, ComponentIds$1.CardBody, ComponentIds$1.CardFooter]);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'Card',
+    allowedComponents: [ComponentIds$1.CardHeader, ComponentIds$1.CardBody, ComponentIds$1.CardFooter]
+  });
   var linkOverlayProps = _objectSpread$1m(_objectSpread$1m(_objectSpread$1m({}, metaAttribute({
     name: CARD_LINK_OVERLAY_ID
   })), makeAccessible({
@@ -18333,7 +18340,11 @@ var _CardHeader = function _CardHeader(_ref2) {
   var children = _ref2.children,
     testID = _ref2.testID;
   useVerifyInsideCard('CardHeader');
-  useVerifyAllowedComponents(children, 'CardHeader', [ComponentIds$1.CardHeaderLeading, ComponentIds$1.CardHeaderTrailing]);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'CardHeader',
+    allowedComponents: [ComponentIds$1.CardHeaderLeading, ComponentIds$1.CardHeaderTrailing]
+  });
   return /*#__PURE__*/jsxs(BaseBox, _objectSpread$1h(_objectSpread$1h({
     marginBottom: "spacing.7"
   }, metaAttribute({
@@ -18439,7 +18450,11 @@ var _CardFooter = function _CardFooter(_ref) {
     testID = _ref.testID;
   var isMobile = useIsMobile();
   useVerifyInsideCard('CardFooter');
-  useVerifyAllowedComponents(children, 'CardFooter', [ComponentIds$1.CardFooterLeading, ComponentIds$1.CardFooterTrailing]);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'CardFooter',
+    allowedComponents: [ComponentIds$1.CardFooterLeading, ComponentIds$1.CardFooterTrailing]
+  });
   var footerChildrensArray = React__default.Children.toArray(children);
   {
     if (! /*#__PURE__*/React__default.isValidElement(footerChildrensArray[0])) {
@@ -19190,6 +19205,9 @@ var getCarouselItemId = function getCarouselItemId(containerId, index) {
 };
 
 var CAROUSEL_AUTOPLAY_INTERVAL = 6000;
+var componentIds = {
+  CarouselItem: 'CarouselItem'
+};
 
 /**
  * Hook to run an effect on dependencies change after the component has *mounted*.
@@ -19408,6 +19426,11 @@ var Carousel = function Carousel(_ref4) {
   var containerRef = React__default.useRef(null);
   var isMobile = platform === 'onMobile';
   var id = useId('carousel');
+  useVerifyAllowedChildren({
+    componentName: 'Carousel',
+    allowedComponents: [componentIds.CarouselItem],
+    children: children
+  });
   var _React$useState9 = React__default.useState(
     // on mobile we do not want to render the overlay
     isMobile ? true : !shouldAddStartEndSpacing),
@@ -19702,7 +19725,7 @@ var StyledCarouselItem = /*#__PURE__*/styled(BaseBox).withConfig({
     marginLeft: shouldHaveStartSpacing ? '100%' : 0
   });
 });
-var CarouselItem = function CarouselItem(_ref2) {
+var _CarouselItem = function _CarouselItem(_ref2) {
   var children = _ref2.children,
     shouldHaveStartSpacing = _ref2.shouldHaveStartSpacing,
     shouldHaveEndSpacing = _ref2.shouldHaveEndSpacing,
@@ -19736,6 +19759,9 @@ var CarouselItem = function CarouselItem(_ref2) {
     children: children
   }));
 };
+var CarouselItem = /*#__PURE__*/assignWithoutSideEffects(_CarouselItem, {
+  componentId: componentIds.CarouselItem
+});
 
 var ChipGroupContext = /*#__PURE__*/React__default.createContext({});
 var ChipGroupProvider = ChipGroupContext.Provider;
@@ -29940,7 +29966,7 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
   React__default.useEffect(function () {
     setBottomSheetHasActionList(false);
     React__default.Children.forEach(children, function (child) {
-      if (isValidAllowedChildren(child, componentIds.ActionList)) {
+      if (isValidAllowedChildren(child, componentIds$1.ActionList)) {
         setBottomSheetHasActionList(true);
       }
     });