@razorpay/blade 12.0.3 → 12.1.1

package/build/lib/web/production/components/ButtonGroup/ButtonGroup.web.js

@@ -11,18 +11,16 @@ import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/index.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import { getBackgroundColorToken } from '../Button/BaseButton/BaseButton.js';
-import '../../utils/logger/index.js';
-import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/useVerifyAllowedChildren/index.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 var _excluded = ["children", "isDisabled", "size", "color", "variant", "isFullWidth", "testID"];
@@ -86,6 +84,11 @@ var _ButtonGroup = function _ButtonGroup(_ref3, ref) {
     variant: variant,
     isFullWidth: isFullWidth
   };
+  useVerifyAllowedChildren({
+    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],
+    componentName: 'ButtonGroup',
+    children: children
+  });
   return /*#__PURE__*/jsx(ButtonGroupProvider, {
     value: contextValue,
     children: /*#__PURE__*/jsx(StyledButtonGroup, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
@@ -100,19 +103,6 @@ var _ButtonGroup = function _ButtonGroup(_ref3, ref) {
     })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
       role: "group",
       children: React__default.Children.map(children, function (child, index) {
-        if (false) {
-          // throw error if child is not a button or dropdown with button trigger
-          /* eslint-disable no-restricted-properties */
-          if (!isValidAllowedChildren(child, 'Button') && !(isValidAllowedChildren(child, 'Dropdown') && child.props.children.some(function (c) {
-            return isValidAllowedChildren(c, 'DropdownButton');
-          }))) {
-            throwBladeError({
-              moduleName: 'ButtonGroup',
-              message: "Only \"Button\" or \"Dropdown\" component with Button trigger are allowed as children."
-            });
-          }
-          /* eslint-enable no-restricted-properties */
-        }
         return /*#__PURE__*/jsxs(Fragment, {
           children: [child, React__default.Children.count(children) - 1 !== index && /*#__PURE__*/jsx(StyledDivider, {
             variant: variant,

package/build/lib/web/production/components/ButtonGroup/ButtonGroup.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.web.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeBorderSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport { throwBladeError } from '~utils/logger';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      property: 'border',\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(BaseBox)<Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>>(\n  ({ theme, color, variant, isDisabled }) => {\n    return {\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderLeftWidth: makeBorderSize(theme.border.width.thin),\n      alignSelf: 'stretch',\n      color: getIn(theme.colors, getDividerColorToken({ color, variant, isDisabled })),\n    };\n  },\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n  };\n\n  return (\n    <ButtonGroupProvider value={contextValue}>\n      <StyledButtonGroup\n        ref={ref as never}\n        color={color}\n        variant={variant}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        role=\"group\"\n      >\n        {React.Children.map(children, (child, index) => {\n          if (__DEV__) {\n            // throw error if child is not a button or dropdown with button trigger\n            /* eslint-disable no-restricted-properties */\n            if (\n              !isValidAllowedChildren(child, 'Button') &&\n              !(\n                isValidAllowedChildren(child, 'Dropdown') &&\n                (child as ReactElement).props.children.some((c: ReactElement) =>\n                  isValidAllowedChildren(c, 'DropdownButton'),\n                )\n              )\n            ) {\n              throwBladeError({\n                moduleName: 'ButtonGroup',\n                message: `Only \"Button\" or \"Dropdown\" component with Button trigger are allowed as children.`,\n              });\n            }\n            /* eslint-enable no-restricted-properties */\n          }\n\n          return (\n            <>\n              {child}\n              {React.Children.count(children) - 1 !== index && (\n                <StyledDivider variant={variant} color={color} isDisabled={isDisabled} />\n              )}\n            </>\n          );\n        })}\n      </StyledButtonGroup>\n    </ButtonGroupProvider>\n  );\n};\n\n/**\n * ### ButtonGroup Component\n * \n * The ButtonGroup component is used to group related buttons together.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const App = () => {\n    return (\n      <ButtonGroup>\n        <Button icon={RefreshIcon}>Sync</Button>\n        <Button icon={ShareIcon}>Share</Button>\n        <Button icon={DownloadIcon}>Download</Button>\n      </ButtonGroup>\n    );\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}\n * \n */\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","property","state","StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","borderWidth","borderLeftStyle","borderLeftWidth","makeBorderSize","border","width","thin","alignSelf","getIn","colors","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","contextValue","_jsx","ButtonGroupProvider","value","StyledButtonGroup","_objectSpread","metaAttribute","name","MetaConstants","ButtonGroup","getStyledProps","makeAnalyticsAttribute","role","React","Children","map","child","index","isValidAllowedChildren","props","some","c","throwBladeError","moduleName","message","_jsxs","_Fragment","count","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeBorderSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\n\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      property: 'border',\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(BaseBox)<Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>>(\n  ({ theme, color, variant, isDisabled }) => {\n    return {\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderLeftWidth: makeBorderSize(theme.border.width.thin),\n      alignSelf: 'stretch',\n      color: getIn(theme.colors, getDividerColorToken({ color, variant, isDisabled })),\n    };\n  },\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n  };\n\n  useVerifyAllowedChildren({\n    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],\n    componentName: 'ButtonGroup',\n    children,\n  });\n\n  return (\n    <ButtonGroupProvider value={contextValue}>\n      <StyledButtonGroup\n        ref={ref as never}\n        color={color}\n        variant={variant}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        role=\"group\"\n      >\n        {React.Children.map(children, (child, index) => {\n          return (\n            <>\n              {child}\n              {React.Children.count(children) - 1 !== index && (\n                <StyledDivider variant={variant} color={color} isDisabled={isDisabled} />\n              )}\n            </>\n          );\n        })}\n      </StyledButtonGroup>\n    </ButtonGroupProvider>\n  );\n};\n\n/**\n * ### ButtonGroup Component\n * \n * The ButtonGroup component is used to group related buttons together.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const App = () => {\n    return (\n      <ButtonGroup>\n        <Button icon={RefreshIcon}>Sync</Button>\n        <Button icon={ShareIcon}>Share</Button>\n        <Button icon={DownloadIcon}>Download</Button>\n      </ButtonGroup>\n    );\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}\n * \n */\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","property","state","StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","borderWidth","borderLeftStyle","borderLeftWidth","makeBorderSize","border","width","thin","alignSelf","getIn","colors","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","contextValue","useVerifyAllowedChildren","allowedComponents","componentName","_jsx","ButtonGroupProvider","value","StyledButtonGroup","_objectSpread","metaAttribute","name","MetaConstants","ButtonGroup","getStyledProps","makeAnalyticsAttribute","role","React","Children","map","child","index","_jsxs","_Fragment","count","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Drawer/Drawer.web.js

@@ -17,6 +17,7 @@ import '../../utils/metaAttribute/index.js';
 import { useId } from '../../utils/useId.js';
 import '../../utils/useVerifyAllowedChildren/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import { mergeRefs } from '../../utils/useMergeRefs.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
@@ -63,7 +64,7 @@ var DrawerOverlay = /*#__PURE__*/styled(FloatingOverlay).withConfig({
     transition: "opacity ".concat(makeMotionTime(theme.motion.duration.gentle), " ").concat(castWebType(theme.motion.easing.entrance))
   });
 });
-var _Drawer = function _Drawer(_ref4) {
+var _Drawer = function _Drawer(_ref4, ref) {
   var isOpen = _ref4.isOpen,
     onDismiss = _ref4.onDismiss,
     _ref4$zIndex = _ref4.zIndex,
@@ -161,7 +162,7 @@ var _Drawer = function _Drawer(_ref4) {
           testID: testID
         })), makeAnalyticsAttribute(rest)), {}, {
           zIndex: zIndexState,
-          children: [showOverlay || stackingLevel === 2 ? /*#__PURE__*/jsx(DrawerOverlay, _objectSpread({
+          children: [showOverlay ? /*#__PURE__*/jsx(DrawerOverlay, _objectSpread({
             onClick: function onClick() {
               onDismiss();
             },
@@ -190,7 +191,7 @@ var _Drawer = function _Drawer(_ref4) {
             height: "100%",
             display: "flex",
             flexDirection: "column",
-            ref: refs.setFloating,
+            ref: mergeRefs(ref, refs.setFloating),
             onKeyDown: function onKeyDown(event) {
               if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape' || (event === null || event === void 0 ? void 0 : event.code) === 'Escape') {
                 onDismiss();
@@ -241,7 +242,8 @@ var _Drawer = function _Drawer(_ref4) {
  * 
  * 
  */
-var Drawer = /*#__PURE__*/assignWithoutSideEffects(_Drawer, {
+var Drawer = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Drawer), {
+  displayName: 'Drawer',
   componentId: drawerComponentIds.Drawer
 });
 

package/build/lib/web/production/components/Drawer/Drawer.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.xmoderate)),\n  )} ${castWebType(theme.motion.easing.entrance)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.moderate))}\n  ${castWebType(theme.motion.easing.exit)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : 'translateX(-100%)'\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer = ({\n  isOpen,\n  onDismiss,\n  zIndex = componentZIndices.drawer,\n  children,\n  accessibilityLabel,\n  showOverlay = true,\n  initialFocusRef,\n  isLazy = true,\n  testID,\n  ...rest\n}: DrawerProps): React.ReactElement => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              {...makeAnalyticsAttribute(rest)}\n              zIndex={zIndexState}\n            >\n              {showOverlay || stackingLevel === 2 ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                top=\"spacing.0\"\n                left=\"100%\"\n                backgroundColor=\"popup.background.subtle\"\n                elevation=\"highRaised\"\n                height=\"100%\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={refs.setFloating}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(_Drawer, {\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","exitTransition","moderate","exit","opacity","transform","transition","animationFillMode","DrawerOverlay","FloatingOverlay","_ref2","_defineProperty","backgroundColor","colors","overlay","background","subtle","gentle","_Drawer","_ref4","isOpen","onDismiss","_ref4$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref4$showOverlay","showOverlay","initialFocusRef","_ref4$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","position","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","onClick","className","lockScroll","width","base","s","m","makeAccessible","role","modal","label","top","left","elevation","height","flexDirection","ref","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"Drawer.web.js","sources":["../../../../../../src/components/Drawer/Drawer.web.tsx"],"sourcesContent":["import {\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useFloating,\n} from '@floating-ui/react';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport { drawerComponentIds } from './drawerComponentIds';\nimport { DrawerContext } from './DrawerContext';\nimport type { DrawerProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useTheme } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useDrawerStack } from '~components/Drawer/StackProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { mergeRefs } from '~utils/useMergeRefs';\n\nconst SHOW_DRAWER = 'show-drawer';\n\nconst AnimatedDrawerContainer = styled(BaseBox)<{\n  isFirstDrawerInStack: boolean;\n  isVisible: boolean;\n}>(({ theme, isFirstDrawerInStack, isVisible }) => {\n  const entranceTransition: CSSProperties['transition'] = `all ${castWebType(\n    castWebType(makeMotionTime(theme.motion.duration.xmoderate)),\n  )} ${castWebType(theme.motion.easing.entrance)}`;\n\n  const exitTransition: CSSProperties['transition'] = `all\n  ${castWebType(makeMotionTime(theme.motion.duration.moderate))}\n  ${castWebType(theme.motion.easing.exit)}`;\n\n  return {\n    opacity: isVisible ? 1 : 0,\n    transform: isVisible\n      ? isFirstDrawerInStack\n        ? 'translateX(calc(-100% - 16px))'\n        : 'translateX(-100%)'\n      : 'translateX(0%)',\n    transition: isVisible ? entranceTransition : exitTransition,\n    animationFillMode: 'initial',\n  };\n});\n\nconst DrawerOverlay = styled(FloatingOverlay)(({ theme }) => {\n  return {\n    opacity: 0,\n    transition: `opacity\n      ${makeMotionTime(theme.motion.duration.xmoderate)}\n      ${castWebType(theme.motion.easing.exit)}`,\n    backgroundColor: theme.colors.overlay.background.subtle,\n\n    [`&.${SHOW_DRAWER}`]: {\n      opacity: 1,\n      transition: `opacity ${makeMotionTime(theme.motion.duration.gentle)} ${castWebType(\n        theme.motion.easing.entrance,\n      )}`,\n    },\n  };\n});\n\nconst _Drawer: React.ForwardRefRenderFunction<BladeElementRef, DrawerProps> = (\n  {\n    isOpen,\n    onDismiss,\n    zIndex = componentZIndices.drawer,\n    children,\n    accessibilityLabel,\n    showOverlay = true,\n    initialFocusRef,\n    isLazy = true,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const closeButtonRef = React.useRef<HTMLDivElement>(null);\n  const [zIndexState, setZIndexState] = React.useState<number>(zIndex);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Drawer',\n    allowedComponents: [drawerComponentIds.DrawerHeader, drawerComponentIds.DrawerBody],\n  });\n\n  const { theme } = useTheme();\n  const drawerId = useId('drawer');\n  const { drawerStack, addToDrawerStack, removeFromDrawerStack } = useDrawerStack();\n\n  const { isMounted, isVisible, isExiting } = usePresence(isOpen, {\n    enterTransitionDuration: theme.motion.duration.gentle,\n    exitTransitionDuration: theme.motion.duration.xmoderate,\n    initialEnter: true,\n  });\n\n  const { stackingLevel, isFirstDrawerInStack } = React.useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    const level = Object.keys(drawerStack).indexOf(drawerId) + 1;\n    return {\n      stackingLevel: level,\n      isFirstDrawerInStack: level === 1 && Object.keys(drawerStack).length > 1,\n    };\n  }, [drawerId, drawerStack]);\n\n  const { refs, context } = useFloating({\n    open: isMounted,\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      addToDrawerStack({ elementId: drawerId, onDismiss });\n    } else {\n      removeFromDrawerStack({ elementId: drawerId });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // When z-index is not defined by user, we use default drawer z index and add stackingLevel to ensure\n  // new drawer that opens, always opens on top of previous one.\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    setZIndexState(zIndex + stackingLevel);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isMounted]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      close: onDismiss,\n      closeButtonRef,\n      stackingLevel,\n      isExiting,\n    }),\n    [isExiting, onDismiss, stackingLevel],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isMounted || !isLazy ? (\n          <FloatingFocusManager\n            context={context}\n            initialFocus={initialFocusRef ?? closeButtonRef}\n            returnFocus={true}\n          >\n            <BaseBox\n              display={isLazy ? undefined : isMounted ? 'block' : 'none'}\n              position=\"fixed\"\n              {...metaAttribute({\n                name: MetaConstants.Drawer,\n                testID,\n              })}\n              {...makeAnalyticsAttribute(rest)}\n              zIndex={zIndexState}\n            >\n              {showOverlay ? (\n                <DrawerOverlay\n                  onClick={() => {\n                    onDismiss();\n                  }}\n                  className={isVisible ? SHOW_DRAWER : ''}\n                  lockScroll={true}\n                  {...metaAttribute({\n                    testID: 'drawer-overlay',\n                  })}\n                />\n              ) : null}\n              <AnimatedDrawerContainer\n                isVisible={isVisible}\n                isFirstDrawerInStack={isFirstDrawerInStack}\n                width={{ base: '90%', s: '375px', m: '420px' }}\n                {...makeAccessible({\n                  role: 'dialog',\n                  modal: true,\n                  label: accessibilityLabel,\n                })}\n                position=\"fixed\"\n                top=\"spacing.0\"\n                left=\"100%\"\n                backgroundColor=\"popup.background.subtle\"\n                elevation=\"highRaised\"\n                height=\"100%\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                ref={mergeRefs(ref, refs.setFloating)}\n                onKeyDown={(event) => {\n                  if (event?.key === 'Escape' || event?.code === 'Escape') {\n                    onDismiss();\n                  }\n                }}\n              >\n                {children}\n              </AnimatedDrawerContainer>\n            </BaseBox>\n          </FloatingFocusManager>\n        ) : null}\n      </FloatingPortal>\n    </DrawerContext.Provider>\n  );\n};\n\n/**\n * ### Drawer Component\n * \n * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport. \n * It helps in providing additional details or context and can also be used to promote product features or new products.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const MyDrawer = () => {\n    const [showDrawer, setShowDrawer] = React.useState(false);\n    return (\n      <Box>\n        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>\n        <Drawer\n          isOpen={showDrawer}\n          onDismiss={() => setShowDrawer(false)}\n        >\n          <DrawerHeader title=\"Announcements\" />\n          <DrawerBody>\n            <FTXAnnouncement />\n            <CatPictures />\n          </DrawerBody>\n        <Drawer>\n      </Box>\n    )\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}\n * \n * \n */\nconst Drawer = assignWithoutSideEffects(React.forwardRef(_Drawer), {\n  displayName: 'Drawer',\n  componentId: drawerComponentIds.Drawer,\n});\n\nexport { Drawer };\n"],"names":["SHOW_DRAWER","AnimatedDrawerContainer","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isFirstDrawerInStack","isVisible","entranceTransition","concat","castWebType","makeMotionTime","motion","duration","xmoderate","easing","entrance","exitTransition","moderate","exit","opacity","transform","transition","animationFillMode","DrawerOverlay","FloatingOverlay","_ref2","_defineProperty","backgroundColor","colors","overlay","background","subtle","gentle","_Drawer","_ref4","ref","isOpen","onDismiss","_ref4$zIndex","zIndex","componentZIndices","drawer","children","accessibilityLabel","_ref4$showOverlay","showOverlay","initialFocusRef","_ref4$isLazy","isLazy","testID","rest","_objectWithoutProperties","_excluded","closeButtonRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","zIndexState","setZIndexState","useVerifyAllowedChildren","componentName","allowedComponents","drawerComponentIds","DrawerHeader","DrawerBody","_useTheme","useTheme","drawerId","useId","_useDrawerStack","useDrawerStack","drawerStack","addToDrawerStack","removeFromDrawerStack","_usePresence","usePresence","enterTransitionDuration","exitTransitionDuration","initialEnter","isMounted","isExiting","_React$useMemo","useMemo","level","Object","keys","indexOf","stackingLevel","length","_useFloating","useFloating","open","refs","context","useEffect","elementId","contextValue","close","_jsx","DrawerContext","Provider","value","FloatingPortal","FloatingFocusManager","initialFocus","returnFocus","_jsxs","_objectSpread","display","undefined","position","metaAttribute","name","MetaConstants","Drawer","makeAnalyticsAttribute","onClick","className","lockScroll","width","base","s","m","makeAccessible","role","modal","label","top","left","elevation","height","flexDirection","mergeRefs","setFloating","onKeyDown","event","key","code","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Radio/Radio.js

@@ -67,10 +67,11 @@ var _Radio = function _Radio(_ref, ref) {
   var _size = (_groupProps$size = groupProps.size) !== null && _groupProps$size !== void 0 ? _groupProps$size : size;
   var handleChange = function handleChange(_ref2) {
     var isChecked = _ref2.isChecked,
-      value = _ref2.value;
+      value = _ref2.value,
+      event = _ref2.event;
     if (isChecked) {
       var _groupProps$state2;
-      groupProps === null || groupProps === void 0 ? void 0 : (_groupProps$state2 = groupProps.state) === null || _groupProps$state2 === void 0 ? void 0 : _groupProps$state2.setValue(value);
+      groupProps === null || groupProps === void 0 ? void 0 : (_groupProps$state2 = groupProps.state) === null || _groupProps$state2 === void 0 ? void 0 : _groupProps$state2.setValue(value, event);
     } else {
       var _groupProps$state3;
       groupProps === null || groupProps === void 0 ? void 0 : (_groupProps$state3 = groupProps.state) === null || _groupProps$state3 === void 0 ? void 0 : _groupProps$state3.removeValue();

package/build/lib/web/production/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport type { OnChange } from './useRadio';\nimport { useRadio } from './useRadio';\nimport { RadioIcon } from './RadioIcon/RadioIcon';\nimport { useRadioGroupContext } from './RadioGroup/RadioContext';\nimport { radioHoverTokens, radioSizes } from './radioTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType, makeSize, useTheme } from '~utils';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioProps = {\n  /**\n   * Sets the label text of the Radio\n   */\n  children?: StringChildrenType;\n  /**\n   * Help text for the Radio\n   */\n  helpText?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Radio: React.ForwardRefRenderFunction<BladeElementRef, RadioProps> = (\n  { value, children, helpText, isDisabled, size = 'medium', testID, _motionMeta, ...rest },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const groupProps = useRadioGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Radio',\n        message: 'Cannot use <Radio /> outside of <RadioGroup />',\n      });\n    }\n  }\n\n  const isChecked = groupProps?.state?.isChecked(value);\n  const defaultChecked =\n    groupProps?.defaultValue === undefined ? undefined : groupProps?.defaultValue === value;\n  const validationState = groupProps?.validationState;\n  const hasError = validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const name = groupProps?.name;\n  const showHelpText = helpText;\n  const isReactNative = getPlatformType() === 'react-native';\n  const _size = groupProps.size ?? size;\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.setValue(value!);\n    } else {\n      groupProps?.state?.removeValue();\n    }\n  };\n\n  const { state, ids, inputProps } = useRadio({\n    defaultChecked,\n    isChecked,\n    hasError,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name,\n    value,\n    onChange: handleChange,\n  });\n\n  // radio icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(radioSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox ref={getOuterMotionRef({ _motionMeta, ref })} {...getStyledProps(rest)}>\n      <SelectorLabel\n        componentName={MetaConstants.RadioLabel}\n        inputProps={isReactNative ? inputProps : {}}\n        testID={testID}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={radioHoverTokens}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              hasError={hasError}\n              inputProps={inputProps}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <RadioIcon\n              size={_size}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              isNegative={hasError}\n            />\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showHelpText && (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          )}\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Radio = assignWithoutSideEffects(React.forwardRef(_Radio), { displayName: 'Radio' });\n\nexport type { RadioProps };\nexport { Radio };\n"],"names":["_Radio","_ref","ref","_groupProps$state","_groupProps$size","value","children","helpText","isDisabled","_ref$size","size","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","groupProps","useRadioGroupContext","isInsideGroup","isEmpty","throwBladeError","moduleName","message","isChecked","state","defaultChecked","defaultValue","undefined","validationState","hasError","_isDisabled","_isRequired","isRequired","necessityIndicator","name","showHelpText","isReactNative","getPlatformType","_size","handleChange","_ref2","_groupProps$state2","setValue","_groupProps$state3","removeValue","_useRadio","useRadio","onChange","ids","inputProps","helpTextLeftSpacing","makeSize","radioSizes","icon","width","spacing","_jsx","BaseBox","_objectSpread","getOuterMotionRef","getStyledProps","SelectorLabel","componentName","MetaConstants","RadioLabel","_jsxs","display","flexDirection","alignItems","SelectorInput","hoverTokens","radioHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","RadioIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","Radio","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport type { OnChange } from './useRadio';\nimport { useRadio } from './useRadio';\nimport { RadioIcon } from './RadioIcon/RadioIcon';\nimport { useRadioGroupContext } from './RadioGroup/RadioContext';\nimport { radioHoverTokens, radioSizes } from './radioTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType, makeSize, useTheme } from '~utils';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { MotionMetaProp } from '~components/BaseMotion';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioProps = {\n  /**\n   * Sets the label text of the Radio\n   */\n  children?: StringChildrenType;\n  /**\n   * Help text for the Radio\n   */\n  helpText?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Radio: React.ForwardRefRenderFunction<BladeElementRef, RadioProps> = (\n  { value, children, helpText, isDisabled, size = 'medium', testID, _motionMeta, ...rest },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const groupProps = useRadioGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Radio',\n        message: 'Cannot use <Radio /> outside of <RadioGroup />',\n      });\n    }\n  }\n\n  const isChecked = groupProps?.state?.isChecked(value);\n  const defaultChecked =\n    groupProps?.defaultValue === undefined ? undefined : groupProps?.defaultValue === value;\n  const validationState = groupProps?.validationState;\n  const hasError = validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const name = groupProps?.name;\n  const showHelpText = helpText;\n  const isReactNative = getPlatformType() === 'react-native';\n  const _size = groupProps.size ?? size;\n\n  const handleChange: OnChange = ({ isChecked, value, event }) => {\n    if (isChecked) {\n      groupProps?.state?.setValue(value!, event);\n    } else {\n      groupProps?.state?.removeValue();\n    }\n  };\n\n  const { state, ids, inputProps } = useRadio({\n    defaultChecked,\n    isChecked,\n    hasError,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name,\n    value,\n    onChange: handleChange,\n  });\n\n  // radio icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(radioSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox ref={getOuterMotionRef({ _motionMeta, ref })} {...getStyledProps(rest)}>\n      <SelectorLabel\n        componentName={MetaConstants.RadioLabel}\n        inputProps={isReactNative ? inputProps : {}}\n        testID={testID}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={radioHoverTokens}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              hasError={hasError}\n              inputProps={inputProps}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <RadioIcon\n              size={_size}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              isNegative={hasError}\n            />\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showHelpText && (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          )}\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Radio = assignWithoutSideEffects(React.forwardRef(_Radio), { displayName: 'Radio' });\n\nexport type { RadioProps };\nexport { Radio };\n"],"names":["_Radio","_ref","ref","_groupProps$state","_groupProps$size","value","children","helpText","isDisabled","_ref$size","size","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","groupProps","useRadioGroupContext","isInsideGroup","isEmpty","throwBladeError","moduleName","message","isChecked","state","defaultChecked","defaultValue","undefined","validationState","hasError","_isDisabled","_isRequired","isRequired","necessityIndicator","name","showHelpText","isReactNative","getPlatformType","_size","handleChange","_ref2","event","_groupProps$state2","setValue","_groupProps$state3","removeValue","_useRadio","useRadio","onChange","ids","inputProps","helpTextLeftSpacing","makeSize","radioSizes","icon","width","spacing","_jsx","BaseBox","_objectSpread","getOuterMotionRef","getStyledProps","SelectorLabel","componentName","MetaConstants","RadioLabel","_jsxs","display","flexDirection","alignItems","SelectorInput","hoverTokens","radioHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","RadioIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","Radio","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/production/components/Radio/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../src/components/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { radioSizes } from '../radioTokens';\nimport { RadioGroupProvider } from './RadioContext';\nimport { useRadioGroup } from './useRadioGroup';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioGroupProps = {\n  /**\n   * Accepts multiple radios as children\n   */\n  children: React.ReactNode;\n  /**\n   * Help text of the radio group\n   */\n  helpText?: string;\n  /**\n   * Error text of the radio group\n   * Renders when `validationState` is set to 'error'\n   *\n   * Overrides helpText\n   */\n  errorText?: string;\n  /**\n   * Sets the error state of the radioGroup\n   * If set to `error` it will render the `errorText` of the group,\n   * and propagate `invalid` prop to every radio\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Renders a necessity indicator after radioGroup label\n   *\n   * If set to `undefined` it renders nothing.\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  /**\n   * Sets the disabled state of the radioGroup\n   * If set to `true` it propagate down to all the radios\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Sets the required state of the radioGroup\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Renders the label of the radio group\n   */\n  label?: string;\n  /**\n   * Sets the position of the label\n   *\n   * @default 'top'\n   */\n  labelPosition?: 'top' | 'left';\n  /**\n   * Initial value of the radio group\n   */\n  defaultValue?: string;\n  /**\n   * value of the radio group\n   *\n   * Use `onChange` to update its value\n   */\n  value?: string;\n  /**\n   * The callback invoked when any of the radio's state changes\n   */\n  onChange?: ({ name, value }: { name: string | undefined; value: string }) => void;\n  /**\n   * The name of the input field in a radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst RadioGroup = ({\n  children,\n  label,\n  helpText,\n  isDisabled = false,\n  isRequired = false,\n  necessityIndicator = 'none',\n  labelPosition = 'top',\n  validationState = 'none',\n  errorText,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'medium',\n  testID,\n  ...rest\n}: RadioGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useRadioGroup({\n    defaultValue,\n    isDisabled,\n    isRequired,\n    labelPosition,\n    name,\n    necessityIndicator,\n    onChange,\n    validationState,\n    value,\n    size,\n  });\n\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n  const gap = radioSizes.group.gap[size][matchedDeviceType];\n  const childCount = React.Children.count(children);\n\n  return (\n    <RadioGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          labelledBy={ids.labelId}\n          accessibilityRole=\"radiogroup\"\n          componentName=\"radio-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <BaseBox display=\"flex\" flexDirection=\"column\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    {...{ marginBottom: index === childCount - 1 ? makeSize(0) : gap }}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={size}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </RadioGroupProvider>\n  );\n};\n\nexport type { RadioGroupProps };\nexport { RadioGroup };\n"],"names":["RadioGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","_ref$validationState","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","testID","rest","_objectWithoutProperties","_excluded","_useRadioGroup","useRadioGroup","contextValue","ids","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","showError","showHelpText","accessibilityText","concat","trim","gap","radioSizes","group","childCount","React","Children","count","_jsx","RadioGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","accessibilityRole","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","map","child","index","marginBottom","makeSize","FormHint","type"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../src/components/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { radioSizes } from '../radioTokens';\nimport { RadioGroupProvider } from './RadioContext';\nimport { useRadioGroup } from './useRadioGroup';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useBreakpoint } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype RadioGroupProps = {\n  /**\n   * Accepts multiple radios as children\n   */\n  children: React.ReactNode;\n  /**\n   * Help text of the radio group\n   */\n  helpText?: string;\n  /**\n   * Error text of the radio group\n   * Renders when `validationState` is set to 'error'\n   *\n   * Overrides helpText\n   */\n  errorText?: string;\n  /**\n   * Sets the error state of the radioGroup\n   * If set to `error` it will render the `errorText` of the group,\n   * and propagate `invalid` prop to every radio\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Renders a necessity indicator after radioGroup label\n   *\n   * If set to `undefined` it renders nothing.\n   */\n  necessityIndicator?: 'required' | 'optional' | 'none';\n  /**\n   * Sets the disabled state of the radioGroup\n   * If set to `true` it propagate down to all the radios\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Sets the required state of the radioGroup\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Renders the label of the radio group\n   */\n  label?: string;\n  /**\n   * Sets the position of the label\n   *\n   * @default 'top'\n   */\n  labelPosition?: 'top' | 'left';\n  /**\n   * Initial value of the radio group\n   */\n  defaultValue?: string;\n  /**\n   * value of the radio group\n   *\n   * Use `onChange` to update its value\n   */\n  value?: string;\n  /**\n   * The callback invoked when any of the radio's state changes\n   */\n  onChange?: ({\n    name,\n    value,\n    event,\n  }: {\n    name: string | undefined;\n    value: string;\n    event: React.ChangeEvent<HTMLInputElement>;\n  }) => void;\n  /**\n   * The name of the input field in a radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * Size of the radios\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst RadioGroup = ({\n  children,\n  label,\n  helpText,\n  isDisabled = false,\n  isRequired = false,\n  necessityIndicator = 'none',\n  labelPosition = 'top',\n  validationState = 'none',\n  errorText,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'medium',\n  testID,\n  ...rest\n}: RadioGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useRadioGroup({\n    defaultValue,\n    isDisabled,\n    isRequired,\n    labelPosition,\n    name,\n    necessityIndicator,\n    onChange,\n    validationState,\n    value,\n    size,\n  });\n\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n  const gap = radioSizes.group.gap[size][matchedDeviceType];\n  const childCount = React.Children.count(children);\n\n  return (\n    <RadioGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          labelledBy={ids.labelId}\n          accessibilityRole=\"radiogroup\"\n          componentName=\"radio-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <BaseBox display=\"flex\" flexDirection=\"column\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    {...{ marginBottom: index === childCount - 1 ? makeSize(0) : gap }}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={size}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </RadioGroupProvider>\n  );\n};\n\nexport type { RadioGroupProps };\nexport { RadioGroup };\n"],"names":["RadioGroup","_ref","children","label","helpText","_ref$isDisabled","isDisabled","_ref$isRequired","isRequired","_ref$necessityIndicat","necessityIndicator","_ref$labelPosition","labelPosition","_ref$validationState","validationState","errorText","name","defaultValue","onChange","value","_ref$size","size","testID","rest","_objectWithoutProperties","_excluded","_useRadioGroup","useRadioGroup","contextValue","ids","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","showError","showHelpText","accessibilityText","concat","trim","gap","radioSizes","group","childCount","React","Children","count","_jsx","RadioGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","labelledBy","labelId","accessibilityRole","componentName","makeAnalyticsAttribute","FormLabel","as","id","display","flexDirection","map","child","index","marginBottom","makeSize","FormHint","type"],"mappings":"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"}

package/build/lib/web/production/components/Radio/RadioGroup/useRadioGroup.js

@@ -25,10 +25,11 @@ var useRadioGroup = function useRadioGroup(_ref) {
   var _useControllableState = useControllableState({
       value: value,
       defaultValue: defaultValue,
-      onChange: function onChange(v) {
-        return _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+      onChange: function onChange(v, event) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange({
           value: v,
-          name: fallbackName
+          name: fallbackName,
+          event: event
         });
       }
     }),
@@ -39,20 +40,20 @@ var useRadioGroup = function useRadioGroup(_ref) {
     return {
       value: checkedValue,
       setValue: function (_setValue) {
-        function setValue(_x) {
+        function setValue(_x, _x2) {
           return _setValue.apply(this, arguments);
         }
         setValue.toString = function () {
           return _setValue.toString();
         };
         return setValue;
-      }(function (v) {
+      }(function (v, event) {
         if (isDisabled) {
           return;
         }
         setValue(function () {
           return v;
-        });
+        }, false, event);
       }),
       removeValue: function removeValue() {
         if (isDisabled) {

package/build/lib/web/production/components/Radio/RadioGroup/useRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.js","sources":["../../../../../../../src/components/Radio/RadioGroup/useRadioGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { RadioGroupContextType } from './RadioContext';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\n\ntype UseRadioGroupProps = Pick<\n  RadioGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'validationState'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n>;\n\nexport type State = {\n  value: string;\n  setValue(value: string): void;\n  removeValue(): void;\n  isChecked(value: string): boolean;\n};\n\ntype UseRadioGroupReturn = {\n  state: State;\n  contextValue: RadioGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useRadioGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  labelPosition,\n  onChange,\n  validationState,\n  necessityIndicator,\n  name,\n  size,\n}: UseRadioGroupProps): UseRadioGroupReturn => {\n  const { platform } = useTheme();\n  const idBase = useId('radio-group');\n  const labelId = `${idBase}-label`;\n  const fallbackName = name ?? idBase;\n  const [checkedValue, setValue] = useControllableState({\n    value,\n    defaultValue,\n    onChange: (v: string) => onChange?.({ value: v, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValue,\n      setValue(v: string): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(() => v);\n      },\n      removeValue(): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(undefined!);\n      },\n      isChecked(v: string): boolean {\n        if (isUndefined(v) || isUndefined(checkedValue)) return false;\n        return checkedValue === v;\n      },\n    };\n  }, [checkedValue, isDisabled, setValue]);\n\n  const contextValue = React.useMemo<RadioGroupContextType>(() => {\n    return {\n      necessityIndicator,\n      validationState,\n      isDisabled,\n      isRequired,\n      labelPosition: platform === 'onMobile' ? 'top' : labelPosition,\n      name: fallbackName,\n      state,\n      size,\n    };\n  }, [\n    validationState,\n    isDisabled,\n    isRequired,\n    platform,\n    labelPosition,\n    state,\n    fallbackName,\n    necessityIndicator,\n    size,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useRadioGroup };\n"],"names":["useRadioGroup","_ref","value","defaultValue","isDisabled","isRequired","labelPosition","onChange","validationState","necessityIndicator","name","size","_useTheme","useTheme","platform","idBase","useId","labelId","concat","fallbackName","_useControllableState","useControllableState","v","_useControllableState2","_slicedToArray","checkedValue","setValue","state","React","useMemo","_setValue","_x","apply","arguments","toString","removeValue","undefined","isChecked","isUndefined","contextValue","ids"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.js","sources":["../../../../../../../src/components/Radio/RadioGroup/useRadioGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { RadioGroupProps } from './RadioGroup';\nimport type { RadioGroupContextType } from './RadioContext';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\n\ntype UseRadioGroupProps = Pick<\n  RadioGroupProps,\n  | 'isDisabled'\n  | 'isRequired'\n  | 'labelPosition'\n  | 'validationState'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'necessityIndicator'\n  | 'size'\n>;\n\nexport type State = {\n  value: string;\n  setValue(value: string, event: React.ChangeEvent<Element>): void;\n  removeValue(): void;\n  isChecked(value: string): boolean;\n};\n\ntype UseRadioGroupReturn = {\n  state: State;\n  contextValue: RadioGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useRadioGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  labelPosition,\n  onChange,\n  validationState,\n  necessityIndicator,\n  name,\n  size,\n}: UseRadioGroupProps): UseRadioGroupReturn => {\n  const { platform } = useTheme();\n  const idBase = useId('radio-group');\n  const labelId = `${idBase}-label`;\n  const fallbackName = name ?? idBase;\n  const [checkedValue, setValue] = useControllableState({\n    value,\n    defaultValue,\n    onChange: (v, event) => {\n      onChange?.({ value: v, name: fallbackName, event });\n    },\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValue,\n      setValue(v, event): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(() => v, false, event);\n      },\n      removeValue(): void {\n        if (isDisabled) {\n          return;\n        }\n\n        setValue(undefined!);\n      },\n      isChecked(v: string): boolean {\n        if (isUndefined(v) || isUndefined(checkedValue)) return false;\n        return checkedValue === v;\n      },\n    };\n  }, [checkedValue, isDisabled, setValue]);\n\n  const contextValue = React.useMemo<RadioGroupContextType>(() => {\n    return {\n      necessityIndicator,\n      validationState,\n      isDisabled,\n      isRequired,\n      labelPosition: platform === 'onMobile' ? 'top' : labelPosition,\n      name: fallbackName,\n      state,\n      size,\n    };\n  }, [\n    validationState,\n    isDisabled,\n    isRequired,\n    platform,\n    labelPosition,\n    state,\n    fallbackName,\n    necessityIndicator,\n    size,\n  ]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useRadioGroup };\n"],"names":["useRadioGroup","_ref","value","defaultValue","isDisabled","isRequired","labelPosition","onChange","validationState","necessityIndicator","name","size","_useTheme","useTheme","platform","idBase","useId","labelId","concat","fallbackName","_useControllableState","useControllableState","v","event","_useControllableState2","_slicedToArray","checkedValue","setValue","state","React","useMemo","_setValue","_x","_x2","apply","arguments","toString","removeValue","undefined","isChecked","isUndefined","contextValue","ids"],"mappings":"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"}

package/build/lib/web/production/components/Radio/useRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadio.js","sources":["../../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","concat","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","_objectSpread","onPress","ids","ref","type"],"mappings":"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"}
+{"version":3,"file":"useRadio.js","sources":["../../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","concat","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","_objectSpread","onPress","ids","ref","type"],"mappings":"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"}

package/build/lib/web/production/components/SideNav/SideNav.web.js

@@ -13,11 +13,14 @@ import { useIsMobile } from '../../utils/useIsMobile.js';
 import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../tokens/global/index.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import { size } from '../../tokens/global/size.js';
 import { Drawer } from '../Drawer/Drawer.web.js';
 import { DrawerHeader, DrawerBody } from '../Drawer/DrawerSubcomponents.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -84,6 +87,24 @@ var getL1MenuClassName = function getL1MenuClassName(_ref3) {
   }
   return '';
 };
+var BannerContainer = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "SideNavweb__BannerContainer",
+  componentId: "sc-1obm5ij-2"
+})(function (props) {
+  return {
+    '&:not(:empty)': {
+      borderBottom: makeBorderSize(props.theme.border.width.thin),
+      borderBottomStyle: 'solid',
+      borderBottomColor: props.theme.colors.surface.border.gray.muted,
+      borderRight: makeBorderSize(props.theme.border.width.thin),
+      borderRightStyle: 'solid',
+      borderRightColor: props.theme.colors.surface.border.gray.muted,
+      padding: makeSpace(props.theme.spacing[3]),
+      maxHeight: makeSize(size['100']),
+      width: '100%'
+    }
+  };
+});
 
 /**
  * ### SideNav component
@@ -271,14 +292,7 @@ var _SideNav = function _SideNav(_ref4, ref) {
       name: MetaConstants.SideNav,
       testID: testID
     })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
-      children: [banner ? /*#__PURE__*/jsx(BaseBox, {
-        borderBottom: "thin",
-        borderBottomColor: "surface.border.gray.muted",
-        borderRight: "thin",
-        borderRightColor: "surface.border.gray.muted",
-        padding: "spacing.3",
-        maxHeight: "100px",
-        width: "100%",
+      children: [banner ? /*#__PURE__*/jsx(BannerContainer, {
         children: banner
       }) : null, /*#__PURE__*/jsxs(BaseBox, {
         position: "relative",