@razorpay/blade 5.4.2 → 5.4.3

package/build/components/index.web.js

@@ -7046,6 +7046,20 @@ 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) {
+      throw new Error("[Blade Card]: Only one of `".concat(allowedComponents.join(', '), "` component is accepted as ").concat(componentName, " children"));
+    }
+  });
+};
 
 var CardProvider = function CardProvider(_ref) {
   var children = _ref.children;
@@ -7058,11 +7072,27 @@ var CardProvider = function CardProvider(_ref) {
 function ownKeys$o(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$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ComponentIds = {
+  CardHeader: 'CardHeader',
+  CardHeaderTrailing: 'CardHeaderTrailing',
+  CardHeaderLeading: 'CardHeaderLeading',
+  CardFooter: 'CardFooter',
+  CardFooterTrailing: 'CardFooterTrailing',
+  CardFooterLeading: 'CardFooterLeading',
+  CardBody: 'CardBody',
+  CardHeaderIcon: 'CardHeaderIcon',
+  CardHeaderCounter: 'CardHeaderCounter',
+  CardHeaderBadge: 'CardHeaderBadge',
+  CardHeaderText: 'CardHeaderText',
+  CardHeaderLink: 'CardHeaderLink',
+  CardHeaderIconButton: 'CardHeaderIconButton'
+};
 
 var Card = function Card(_ref) {
   var children = _ref.children,
       _ref$surfaceLevel = _ref.surfaceLevel,
       surfaceLevel = _ref$surfaceLevel === void 0 ? 3 : _ref$surfaceLevel;
+  useVerifyAllowedComponents(children, 'Card', [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter]);
   return /*#__PURE__*/jsx(CardProvider, {
     children: /*#__PURE__*/jsx(CardSurface, _objectSpread$o(_objectSpread$o({}, metaAttribute(MetaConstants.Component, MetaConstants.Card)), {}, {
       paddingLeft: "spacing.7",
@@ -7084,6 +7114,8 @@ var CardBody = function CardBody(_ref2) {
   }));
 };
 
+CardBody.componentId = ComponentIds.CardBody;
+
 function ownKeys$n(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$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -7301,14 +7333,6 @@ var Counter = function Counter(_ref2) {
 function ownKeys$j(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var ComponentIds = {
-  CardHeaderIcon: 'CardHeaderIcon',
-  CardHeaderCounter: 'CardHeaderCounter',
-  CardHeaderBadge: 'CardHeaderBadge',
-  CardHeaderText: 'CardHeaderText',
-  CardHeaderLink: 'CardHeaderLink',
-  CardHeaderIconButton: 'CardHeaderIconButton'
-};
 
 var CardHeaderIcon = function CardHeaderIcon(_ref) {
   var Icon = _ref.icon;
@@ -7367,6 +7391,7 @@ CardHeaderIconButton.componentId = ComponentIds.CardHeaderIconButton;
 var CardHeader = function CardHeader(_ref2) {
   var children = _ref2.children;
   useVerifyInsideCard('CardHeader');
+  useVerifyAllowedComponents(children, 'CardHeader', [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing]);
   return /*#__PURE__*/jsxs(Box, _objectSpread$j(_objectSpread$j({
     marginBottom: "spacing.7"
   }, metaAttribute(MetaConstants.Component, MetaConstants.CardHeader)), {}, {
@@ -7380,6 +7405,8 @@ var CardHeader = function CardHeader(_ref2) {
   }));
 };
 
+CardHeader.componentId = ComponentIds.CardHeader;
+
 var CardHeaderLeading = function CardHeaderLeading(_ref3) {
   var title = _ref3.title,
       subtitle = _ref3.subtitle,
@@ -7429,6 +7456,7 @@ var CardHeaderLeading = function CardHeaderLeading(_ref3) {
   });
 };
 
+CardHeaderLeading.componentId = ComponentIds.CardHeaderLeading;
 var headerTrailingAllowedComponents = [ComponentIds.CardHeaderLink, ComponentIds.CardHeaderText, ComponentIds.CardHeaderIconButton, ComponentIds.CardHeaderBadge];
 
 var CardHeaderTrailing = function CardHeaderTrailing(_ref4) {
@@ -7445,6 +7473,8 @@ var CardHeaderTrailing = function CardHeaderTrailing(_ref4) {
   });
 };
 
+CardHeaderTrailing.componentId = ComponentIds.CardHeaderTrailing;
+
 function ownKeys$i(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -7465,6 +7495,7 @@ var CardFooter = function CardFooter(_ref) {
   var children = _ref.children;
   var isMobile = useIsMobile();
   useVerifyInsideCard('CardFooter');
+  useVerifyAllowedComponents(children, 'CardFooter', [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing]);
   return /*#__PURE__*/jsxs(Box, _objectSpread$i(_objectSpread$i({
     marginTop: "auto"
   }, metaAttribute(MetaConstants.Component, MetaConstants.CardFooter)), {}, {
@@ -7481,6 +7512,8 @@ var CardFooter = function CardFooter(_ref) {
   }));
 };
 
+CardFooter.componentId = ComponentIds.CardFooter;
+
 var CardFooterLeading = function CardFooterLeading(_ref2) {
   var title = _ref2.title,
       subtitle = _ref2.subtitle;
@@ -7500,6 +7533,8 @@ var CardFooterLeading = function CardFooterLeading(_ref2) {
   });
 };
 
+CardFooterLeading.componentId = ComponentIds.CardFooterLeading;
+
 var CardFooterTrailing = function CardFooterTrailing(_ref3) {
   var actions = _ref3.actions;
   var isMobile = useIsMobile();
@@ -7533,6 +7568,8 @@ var CardFooterTrailing = function CardFooterTrailing(_ref3) {
   });
 };
 
+CardFooterTrailing.componentId = ComponentIds.CardFooterTrailing;
+
 /**
  * Checks if `value` is `undefined`.
  *
@@ -11599,5 +11636,5 @@ var SkipNavContent = function SkipNavContent(_ref3) {
   }, testID('skipnav-content')), metaAttribute(MetaConstants.Component, MetaConstants.SkipNav)));
 };
 
-export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, Card, CardBody, CardFooter, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, LockIcon, MailIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, ProgressBar, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, UsersIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
+export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, Card, CardBody, CardFooter, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, ComponentIds, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, LockIcon, MailIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, ProgressBar, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SettingsIcon, SkipNavContent, SkipNavLink, SlashIcon, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, UsersIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
 //# sourceMappingURL=index.web.js.map