@razorpay/blade 5.4.1 → 5.4.3

package/build/components/index.web.js

@@ -6877,39 +6877,12 @@ var Alert = function Alert(_ref) {
   }));
 };
 
-var verticalPadding$1 = {
-  small: 'spacing.0',
-  medium: 'spacing.1',
-  large: 'spacing.2'
-};
-var horizontalPadding$1 = {
-  small: 'spacing.3',
-  medium: 'spacing.3',
-  large: 'spacing.4'
-};
-var iconPadding = {
-  small: 'spacing.1',
-  medium: 'spacing.2',
-  large: 'spacing.2'
-};
-var iconSize = {
-  small: 'xsmall',
-  medium: 'small',
-  large: 'small'
-};
-var maxWidth$1 = {
-  onMobile: 100,
-  onDesktop: 120
-};
-
 var getStyledBadgeStyles = function getStyledBadgeStyles(_ref) {
   var theme = _ref.theme,
-      platform = _ref.platform,
       backgroundColor = _ref.backgroundColor;
   return {
     backgroundColor: get_1(theme.colors, backgroundColor),
     borderRadius: makeBorderSize(theme.border.radius.max),
-    maxWidth: makeSize(maxWidth$1[platform]),
     display: 'flex',
     flexWrap: 'nowrap'
   };
@@ -6927,6 +6900,27 @@ var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   });
 });
 
+var verticalPadding$1 = {
+  small: 'spacing.0',
+  medium: 'spacing.1',
+  large: 'spacing.2'
+};
+var horizontalPadding$1 = {
+  small: 'spacing.3',
+  medium: 'spacing.3',
+  large: 'spacing.4'
+};
+var iconPadding = {
+  small: 'spacing.1',
+  medium: 'spacing.2',
+  large: 'spacing.2'
+};
+var iconSize = {
+  small: 'xsmall',
+  medium: 'small',
+  large: 'small'
+};
+
 function ownKeys$p(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$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -6974,9 +6968,6 @@ var Badge = function Badge(_ref2) {
     throw new Error('[Blade: Badge]: Text as children is required for Badge.');
   }
 
-  var _useTheme = useTheme(),
-      platform = _useTheme.platform;
-
   var _getColorProps = getColorProps$1({
     variant: variant,
     contrast: contrast
@@ -6987,8 +6978,7 @@ var Badge = function Badge(_ref2) {
 
   return /*#__PURE__*/jsx(StyledBadge, _objectSpread$p(_objectSpread$p({
     backgroundColor: backgroundColor,
-    size: size,
-    platform: platform
+    size: size
   }, metaAttribute(MetaConstants.Component, MetaConstants.Badge)), {}, {
     children: /*#__PURE__*/jsxs(Box, {
       paddingRight: horizontalPadding$1[size],
@@ -7056,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;
@@ -7068,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",
@@ -7094,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; }
@@ -7311,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;
@@ -7377,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)), {}, {
@@ -7390,6 +7405,8 @@ var CardHeader = function CardHeader(_ref2) {
   }));
 };
 
+CardHeader.componentId = ComponentIds.CardHeader;
+
 var CardHeaderLeading = function CardHeaderLeading(_ref3) {
   var title = _ref3.title,
       subtitle = _ref3.subtitle,
@@ -7439,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) {
@@ -7455,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; }
@@ -7475,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)), {}, {
@@ -7491,6 +7512,8 @@ var CardFooter = function CardFooter(_ref) {
   }));
 };
 
+CardFooter.componentId = ComponentIds.CardFooter;
+
 var CardFooterLeading = function CardFooterLeading(_ref2) {
   var title = _ref2.title,
       subtitle = _ref2.subtitle;
@@ -7510,6 +7533,8 @@ var CardFooterLeading = function CardFooterLeading(_ref2) {
   });
 };
 
+CardFooterLeading.componentId = ComponentIds.CardFooterLeading;
+
 var CardFooterTrailing = function CardFooterTrailing(_ref3) {
   var actions = _ref3.actions;
   var isMobile = useIsMobile();
@@ -7543,6 +7568,8 @@ var CardFooterTrailing = function CardFooterTrailing(_ref3) {
   });
 };
 
+CardFooterTrailing.componentId = ComponentIds.CardFooterTrailing;
+
 /**
  * Checks if `value` is `undefined`.
  *
@@ -11609,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