npm - @razorpay/blade - Versions diffs - 11.8.0 → 11.8.2 - Mend

@razorpay/blade 11.8.0 → 11.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/build/lib/native/components/Button/BaseButton/BaseButton.js CHANGED Viewed

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import styled from 'styled-components/native';
 import StyledBaseButton from './StyledBaseButton.native.js';
-import { typography, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconPadding, buttonIconOnlyPadding, buttonPadding, backgroundColor, textColor } from './buttonTokens.js';
+import { typography, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconOnlyHeightWidth, buttonIconPadding, buttonPadding, backgroundColor, textColor } from './buttonTokens.js';
 import AnimatedButtonContent from './AnimatedButtonContent.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import 'react-native';
@@ -32,7 +32,7 @@ import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { getStringFromReactText } from '../../../utils/getStringChildren/getStringChildren.js';
-var _excluded=["href","target","rel","variant","color","size","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","type","children","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart"];var getRenderElement=function getRenderElement(href){if(isReactNative()){return undefined;}if(href){return 'a';}return 'button';};var getBackgroundColorToken=function getBackgroundColorToken(_ref){var property=_ref.property,variant=_ref.variant,state=_ref.state,color=_ref.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var tokens=backgroundColor(property);if(color==='white'){return tokens.white[variant][_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getTextColorToken=function getTextColorToken(_ref2){var property=_ref2.property,variant=_ref2.variant,state=_ref2.state,color=_ref2.color;var tokens=textColor(property);var _state=state==='focus'||state==='hover'?'highlighted':state;if(color==='white'){return tokens.white[variant][_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getProps=function getProps(_ref3){var buttonTypographyTokens=_ref3.buttonTypographyTokens,children=_ref3.children,isDisabled=_ref3.isDisabled,size=_ref3.size,theme=_ref3.theme,variant=_ref3.variant,color=_ref3.color,hasIcon=_ref3.hasIcon;if(variant==='tertiary'&&color!=='primary'&&color!=='white'){throwBladeError({moduleName:'BaseButton',message:`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`});}var isIconOnly=hasIcon&&(!children||(children==null?void 0:children.trim().length)===0);var props={iconSize:isIconOnly?buttonIconOnlySizeToIconSizeMap[size]:buttonSizeToIconSizeMap[size],spinnerSize:buttonSizeToSpinnerSizeMap[size],fontSize:buttonTypographyTokens.fonts.size[size],lineHeight:buttonTypographyTokens.lineHeights[size],minHeight:makeSize(minHeight[size]),iconPadding:hasIcon&&children!=null&&children.trim()?`spacing.${buttonIconPadding[size]}`:undefined,iconColor:getTextColorToken({property:'icon',variant:variant,color:color,state:'default'}),textColor:getTextColorToken({property:'text',variant:variant,color:color,state:'default'}),buttonPaddingTop:isIconOnly?makeSpace(theme.spacing[buttonIconOnlyPadding[size].top]):makeSpace(theme.spacing[buttonPadding[size].top]),buttonPaddingBottom:isIconOnly?makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom]):makeSpace(theme.spacing[buttonPadding[size].bottom]),buttonPaddingLeft:isIconOnly?makeSpace(theme.spacing[buttonIconOnlyPadding[size].left]):makeSpace(theme.spacing[buttonPadding[size].left]),buttonPaddingRight:isIconOnly?makeSpace(theme.spacing[buttonIconOnlyPadding[size].right]):makeSpace(theme.spacing[buttonPadding[size].right]),text:size==='xsmall'?children==null?void 0:children.trim().toUpperCase():children==null?void 0:children.trim(),defaultBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'default'})),defaultBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'default'})),hoverBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'hover'})),hoverBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'hover'})),focusBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'focus'})),focusBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'focus'})),focusRingColor:getIn(theme.colors,'surface.border.primary.muted'),borderWidth:variant=='secondary'?makeBorderSize(theme.border.width.thin):'0px',borderRadius:makeBorderSize(theme.border.radius.medium),motionDuration:'duration.xquick',motionEasing:'easing.standard.effective'};if(isDisabled){var disabledBackgroundColor=getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'disabled'}));var disabledBorderColor=getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'disabled'}));props.iconColor=getTextColorToken({property:'icon',variant:variant,color:color,state:'disabled'});props.textColor=getTextColorToken({property:'text',variant:variant,color:color,state:'disabled'});props.defaultBackgroundColor=disabledBackgroundColor;props.defaultBorderColor=disabledBorderColor;props.hoverBackgroundColor=disabledBackgroundColor;props.hoverBorderColor=disabledBorderColor;props.focusBackgroundColor=disabledBackgroundColor;props.focusBorderColor=disabledBorderColor;}return props;};var ButtonContent=styled(BaseBox)(function(_ref4){var isHidden=_ref4.isHidden;return {opacity:isHidden?0:1};});var _BaseButton=function _BaseButton(_ref5,ref){var _buttonGroupProps$isD,_buttonGroupProps$siz,_buttonGroupProps$var,_buttonGroupProps$col,_buttonGroupProps$isF;var href=_ref5.href,target=_ref5.target,rel=_ref5.rel,_ref5$variant=_ref5.variant,variant=_ref5$variant===void 0?'primary':_ref5$variant,_ref5$color=_ref5.color,color=_ref5$color===void 0?'primary':_ref5$color,_ref5$size=_ref5.size,size=_ref5$size===void 0?'medium':_ref5$size,Icon=_ref5.icon,_ref5$iconPosition=_ref5.iconPosition,iconPosition=_ref5$iconPosition===void 0?'left':_ref5$iconPosition,_ref5$isDisabled=_ref5.isDisabled,isDisabled=_ref5$isDisabled===void 0?false:_ref5$isDisabled,_ref5$isFullWidth=_ref5.isFullWidth,isFullWidth=_ref5$isFullWidth===void 0?false:_ref5$isFullWidth,_ref5$isLoading=_ref5.isLoading,isLoading=_ref5$isLoading===void 0?false:_ref5$isLoading,onClick=_ref5.onClick,onBlur=_ref5.onBlur,_onKeyDown=_ref5.onKeyDown,_ref5$type=_ref5.type,type=_ref5$type===void 0?'button':_ref5$type,children=_ref5.children,testID=_ref5.testID,onFocus=_ref5.onFocus,onMouseLeave=_ref5.onMouseLeave,onMouseMove=_ref5.onMouseMove,onPointerDown=_ref5.onPointerDown,onPointerEnter=_ref5.onPointerEnter,accessibilityProps=_ref5.accessibilityProps,_onTouchEnd=_ref5.onTouchEnd,_onTouchStart=_ref5.onTouchStart,rest=_objectWithoutProperties(_ref5,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var buttonGroupProps=useButtonGroupContext();var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var isLink=Boolean(href);var childrenString=getStringFromReactText(children);var disabled=(_buttonGroupProps$isD=buttonGroupProps.isDisabled)!=null?_buttonGroupProps$isD:isLoading||isDisabled&&!isLink;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'At least one of icon or text is required to render a button.',moduleName:'BaseButton'});}}var prevLoading=usePrevious(isLoading);React__default.useEffect(function(){if(isLoading)announce('Started loading');if(!isLoading&&prevLoading)announce('Stopped loading');},[isLoading,prevLoading]);var _getProps=getProps({buttonTypographyTokens:typography,children:childrenString,isDisabled:disabled,size:(_buttonGroupProps$siz=buttonGroupProps.size)!=null?_buttonGroupProps$siz:size,variant:(_buttonGroupProps$var=buttonGroupProps.variant)!=null?_buttonGroupProps$var:variant,theme:theme,color:(_buttonGroupProps$col=buttonGroupProps.color)!=null?_buttonGroupProps$col:color,hasIcon:Boolean(Icon)}),defaultBorderColor=_getProps.defaultBorderColor,defaultBackgroundColor=_getProps.defaultBackgroundColor,minHeight=_getProps.minHeight,buttonPaddingTop=_getProps.buttonPaddingTop,buttonPaddingBottom=_getProps.buttonPaddingBottom,buttonPaddingLeft=_getProps.buttonPaddingLeft,buttonPaddingRight=_getProps.buttonPaddingRight,focusBorderColor=_getProps.focusBorderColor,focusBackgroundColor=_getProps.focusBackgroundColor,focusRingColor=_getProps.focusRingColor,fontSize=_getProps.fontSize,hoverBorderColor=_getProps.hoverBorderColor,hoverBackgroundColor=_getProps.hoverBackgroundColor,iconColor=_getProps.iconColor,iconSize=_getProps.iconSize,iconPadding=_getProps.iconPadding,spinnerSize=_getProps.spinnerSize,lineHeight=_getProps.lineHeight,text=_getProps.text,textColor=_getProps.textColor,borderWidth=_getProps.borderWidth,borderRadius=_getProps.borderRadius,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing;var renderElement=React__default.useMemo(function(){return getRenderElement(href);},[href]);var defaultRel=target==='_blank'?'noreferrer noopener':undefined;var handlePointerPressedIn=React__default.useCallback(function(){if(disabled)return;setIsPressed(true);},[disabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(disabled)return;setIsPressed(false);},[disabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(true);}},[disabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(false);}},[disabled]);return jsx(StyledBaseButton,Object.assign({ref:ref,as:renderElement,href:href,target:target,rel:rel!=null?rel:defaultRel,accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:isLink?'link':'button'},accessibilityProps))),variant:variant,isLoading:isLoading,disabled:disabled,defaultBorderColor:defaultBorderColor,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,defaultBackgroundColor:defaultBackgroundColor,focusBorderColor:focusBorderColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,hoverBackgroundColor:hoverBackgroundColor,isFullWidth:(_buttonGroupProps$isF=buttonGroupProps.isFullWidth)!=null?_buttonGroupProps$isF:isFullWidth,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onKeyDown:function onKeyDown(event){handleKeyboardPressedIn(event);_onKeyDown==null?void 0:_onKeyDown(event);},onTouchStart:function onTouchStart(event){handlePointerPressedIn();_onTouchStart==null?void 0:_onTouchStart(event);},onTouchEnd:function onTouchEnd(event){handlePointerPressedOut();_onTouchEnd==null?void 0:_onTouchEnd(event);},type:type,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,isPressed:isPressed,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyUp:handleKeyboardPressedOut},metaAttribute({name:MetaConstants.Button,testID:testID}),getStyledProps(rest),{children:jsxs(AnimatedButtonContent,{motionDuration:motionDuration,motionEasing:motionEasing,isPressed:isPressed,children:[isLoading?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:"0px",left:"0px",bottom:"0px",right:"0px",zIndex:1,children:jsx(BaseSpinner,{accessibilityLabel:"Loading",size:spinnerSize,color:color})}):null,jsxs(ButtonContent,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",flex:1,isHidden:isLoading,zIndex:1,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{paddingRight:iconPadding,display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null,text?jsx(BaseText,{lineHeight:lineHeight,fontSize:fontSize,fontWeight:"medium",textAlign:"center",color:textColor,children:text}):null,Icon&&iconPosition=='right'?jsx(BaseBox,{paddingLeft:iconPadding,display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null]})]})}));};var BaseButton=assignWithoutSideEffects(React__default.forwardRef(_BaseButton),{displayName:'BaseButton'});
+var _excluded=["href","target","rel","variant","color","size","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","type","children","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart"];var getRenderElement=function getRenderElement(href){if(isReactNative()){return undefined;}if(href){return 'a';}return 'button';};var getBackgroundColorToken=function getBackgroundColorToken(_ref){var property=_ref.property,variant=_ref.variant,state=_ref.state,color=_ref.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var tokens=backgroundColor(property);if(color==='white'){return tokens.white[variant][_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getTextColorToken=function getTextColorToken(_ref2){var property=_ref2.property,variant=_ref2.variant,state=_ref2.state,color=_ref2.color;var tokens=textColor(property);var _state=state==='focus'||state==='hover'?'highlighted':state;if(color==='white'){return tokens.white[variant][_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getProps=function getProps(_ref3){var buttonTypographyTokens=_ref3.buttonTypographyTokens,children=_ref3.children,isDisabled=_ref3.isDisabled,size=_ref3.size,theme=_ref3.theme,variant=_ref3.variant,color=_ref3.color,hasIcon=_ref3.hasIcon;if(variant==='tertiary'&&color!=='primary'&&color!=='white'){throwBladeError({moduleName:'BaseButton',message:`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`});}var isIconOnly=hasIcon&&(!children||(children==null?void 0:children.trim().length)===0);var props={iconSize:isIconOnly?buttonIconOnlySizeToIconSizeMap[size]:buttonSizeToIconSizeMap[size],spinnerSize:buttonSizeToSpinnerSizeMap[size],fontSize:buttonTypographyTokens.fonts.size[size],lineHeight:buttonTypographyTokens.lineHeights[size],minHeight:makeSize(minHeight[size]),height:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,width:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,iconPadding:hasIcon&&children!=null&&children.trim()?`spacing.${buttonIconPadding[size]}`:undefined,iconColor:getTextColorToken({property:'icon',variant:variant,color:color,state:'default'}),textColor:getTextColorToken({property:'text',variant:variant,color:color,state:'default'}),buttonPaddingTop:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].top]),buttonPaddingBottom:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].bottom]),buttonPaddingLeft:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].left]),buttonPaddingRight:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].right]),text:size==='xsmall'?children==null?void 0:children.trim().toUpperCase():children==null?void 0:children.trim(),defaultBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'default'})),defaultBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'default'})),hoverBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'hover'})),hoverBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'hover'})),focusBackgroundColor:getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'focus'})),focusBorderColor:getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'focus'})),focusRingColor:getIn(theme.colors,'surface.border.primary.muted'),borderWidth:variant=='secondary'?makeBorderSize(theme.border.width.thin):'0px',borderRadius:makeBorderSize(theme.border.radius.medium),motionDuration:'duration.xquick',motionEasing:'easing.standard.effective'};if(isDisabled){var disabledBackgroundColor=getIn(theme.colors,getBackgroundColorToken({property:'background',variant:variant,color:color,state:'disabled'}));var disabledBorderColor=getIn(theme.colors,getBackgroundColorToken({property:'border',variant:variant,color:color,state:'disabled'}));props.iconColor=getTextColorToken({property:'icon',variant:variant,color:color,state:'disabled'});props.textColor=getTextColorToken({property:'text',variant:variant,color:color,state:'disabled'});props.defaultBackgroundColor=disabledBackgroundColor;props.defaultBorderColor=disabledBorderColor;props.hoverBackgroundColor=disabledBackgroundColor;props.hoverBorderColor=disabledBorderColor;props.focusBackgroundColor=disabledBackgroundColor;props.focusBorderColor=disabledBorderColor;}return props;};var ButtonContent=styled(BaseBox)(function(_ref4){var isHidden=_ref4.isHidden;return {opacity:isHidden?0:1};});var _BaseButton=function _BaseButton(_ref5,ref){var _buttonGroupProps$isD,_buttonGroupProps$siz,_buttonGroupProps$var,_buttonGroupProps$col,_buttonGroupProps$isF;var href=_ref5.href,target=_ref5.target,rel=_ref5.rel,_ref5$variant=_ref5.variant,variant=_ref5$variant===void 0?'primary':_ref5$variant,_ref5$color=_ref5.color,color=_ref5$color===void 0?'primary':_ref5$color,_ref5$size=_ref5.size,size=_ref5$size===void 0?'medium':_ref5$size,Icon=_ref5.icon,_ref5$iconPosition=_ref5.iconPosition,iconPosition=_ref5$iconPosition===void 0?'left':_ref5$iconPosition,_ref5$isDisabled=_ref5.isDisabled,isDisabled=_ref5$isDisabled===void 0?false:_ref5$isDisabled,_ref5$isFullWidth=_ref5.isFullWidth,isFullWidth=_ref5$isFullWidth===void 0?false:_ref5$isFullWidth,_ref5$isLoading=_ref5.isLoading,isLoading=_ref5$isLoading===void 0?false:_ref5$isLoading,onClick=_ref5.onClick,onBlur=_ref5.onBlur,_onKeyDown=_ref5.onKeyDown,_ref5$type=_ref5.type,type=_ref5$type===void 0?'button':_ref5$type,children=_ref5.children,testID=_ref5.testID,onFocus=_ref5.onFocus,onMouseLeave=_ref5.onMouseLeave,onMouseMove=_ref5.onMouseMove,onPointerDown=_ref5.onPointerDown,onPointerEnter=_ref5.onPointerEnter,accessibilityProps=_ref5.accessibilityProps,_onTouchEnd=_ref5.onTouchEnd,_onTouchStart=_ref5.onTouchStart,rest=_objectWithoutProperties(_ref5,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var buttonGroupProps=useButtonGroupContext();var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var isLink=Boolean(href);var childrenString=getStringFromReactText(children);var disabled=(_buttonGroupProps$isD=buttonGroupProps.isDisabled)!=null?_buttonGroupProps$isD:isLoading||isDisabled&&!isLink;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'At least one of icon or text is required to render a button.',moduleName:'BaseButton'});}}var prevLoading=usePrevious(isLoading);React__default.useEffect(function(){if(isLoading)announce('Started loading');if(!isLoading&&prevLoading)announce('Stopped loading');},[isLoading,prevLoading]);var _getProps=getProps({buttonTypographyTokens:typography,children:childrenString,isDisabled:disabled,size:(_buttonGroupProps$siz=buttonGroupProps.size)!=null?_buttonGroupProps$siz:size,variant:(_buttonGroupProps$var=buttonGroupProps.variant)!=null?_buttonGroupProps$var:variant,theme:theme,color:(_buttonGroupProps$col=buttonGroupProps.color)!=null?_buttonGroupProps$col:color,hasIcon:Boolean(Icon)}),defaultBorderColor=_getProps.defaultBorderColor,defaultBackgroundColor=_getProps.defaultBackgroundColor,minHeight=_getProps.minHeight,height=_getProps.height,width=_getProps.width,buttonPaddingTop=_getProps.buttonPaddingTop,buttonPaddingBottom=_getProps.buttonPaddingBottom,buttonPaddingLeft=_getProps.buttonPaddingLeft,buttonPaddingRight=_getProps.buttonPaddingRight,focusBorderColor=_getProps.focusBorderColor,focusBackgroundColor=_getProps.focusBackgroundColor,focusRingColor=_getProps.focusRingColor,fontSize=_getProps.fontSize,hoverBorderColor=_getProps.hoverBorderColor,hoverBackgroundColor=_getProps.hoverBackgroundColor,iconColor=_getProps.iconColor,iconSize=_getProps.iconSize,iconPadding=_getProps.iconPadding,spinnerSize=_getProps.spinnerSize,lineHeight=_getProps.lineHeight,text=_getProps.text,textColor=_getProps.textColor,borderWidth=_getProps.borderWidth,borderRadius=_getProps.borderRadius,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing;var renderElement=React__default.useMemo(function(){return getRenderElement(href);},[href]);var defaultRel=target==='_blank'?'noreferrer noopener':undefined;var handlePointerPressedIn=React__default.useCallback(function(){if(disabled)return;setIsPressed(true);},[disabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(disabled)return;setIsPressed(false);},[disabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(true);}},[disabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(false);}},[disabled]);return jsx(StyledBaseButton,Object.assign({ref:ref,as:renderElement,href:href,target:target,rel:rel!=null?rel:defaultRel,accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:isLink?'link':'button'},accessibilityProps))),variant:variant,isLoading:isLoading,disabled:disabled,defaultBorderColor:defaultBorderColor,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,defaultBackgroundColor:defaultBackgroundColor,focusBorderColor:focusBorderColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,hoverBackgroundColor:hoverBackgroundColor,isFullWidth:(_buttonGroupProps$isF=buttonGroupProps.isFullWidth)!=null?_buttonGroupProps$isF:isFullWidth,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onKeyDown:function onKeyDown(event){handleKeyboardPressedIn(event);_onKeyDown==null?void 0:_onKeyDown(event);},onTouchStart:function onTouchStart(event){handlePointerPressedIn();_onTouchStart==null?void 0:_onTouchStart(event);},onTouchEnd:function onTouchEnd(event){handlePointerPressedOut();_onTouchEnd==null?void 0:_onTouchEnd(event);},type:type,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,height:height,width:width,isPressed:isPressed,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyUp:handleKeyboardPressedOut},metaAttribute({name:MetaConstants.Button,testID:testID}),getStyledProps(rest),{children:jsxs(AnimatedButtonContent,{motionDuration:motionDuration,motionEasing:motionEasing,isPressed:isPressed,children:[isLoading?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:"0px",left:"0px",bottom:"0px",right:"0px",zIndex:1,children:jsx(BaseSpinner,{accessibilityLabel:"Loading",size:spinnerSize,color:color})}):null,jsxs(ButtonContent,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",flex:1,isHidden:isLoading,zIndex:1,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{paddingRight:iconPadding,display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null,text?jsx(BaseText,{lineHeight:lineHeight,fontSize:fontSize,fontWeight:"medium",textAlign:"center",color:textColor,children:text}):null,Icon&&iconPosition=='right'?jsx(BaseBox,{paddingLeft:iconPadding,display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null]})]})}));};var BaseButton=assignWithoutSideEffects(React__default.forwardRef(_BaseButton),{displayName:'BaseButton'});
 export { BaseButton as default, getBackgroundColorToken };
 //# sourceMappingURL=BaseButton.js.map

package/build/lib/native/components/Button/BaseButton/BaseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/no-explicit-any /\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography, ButtonMinHeight } from './buttonTokens';\nimport {\n textColor,\n backgroundColor,\n buttonIconOnlyPadding,\n buttonIconOnlySizeToIconSizeMap,\n typography as buttonTypography,\n minHeight as buttonMinHeight,\n buttonSizeToIconSizeMap,\n buttonSizeToSpinnerSizeMap,\n buttonIconPadding,\n buttonPadding,\n} from './buttonTokens';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent, IconProps, IconSize } from '~components/Icons';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport type { BorderRadiusValues, BorderWidthValues, SpacingValues } from '~tokens/theme/theme';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport type { BaseSpinnerProps } from '~components/Spinner/BaseSpinner';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n BladeElementRef,\n DotNotationSpacingStringToken,\n StringChildrenType,\n TestID,\n} from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n href?: BaseLinkProps['href'];\n target?: BaseLinkProps['target'];\n rel?: BaseLinkProps['rel'];\n size?: 'xsmall' \| 'small' \| 'medium' \| 'large';\n iconPosition?: 'left' \| 'right';\n isDisabled?: boolean;\n isFullWidth?: boolean;\n onKeyDown?: Platform.Select<{\n native: (event: GestureResponderEvent) => void;\n web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n }>;\n onClick?: Platform.Select<{\n native: (event: GestureResponderEvent) => void;\n web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n }>;\n type?: 'button' \| 'reset' \| 'submit';\n isLoading?: boolean;\n accessibilityProps?: Partial<AccessibilityProps>;\n variant?: 'primary' \| 'secondary' \| 'tertiary';\n color?: 'primary' \| 'white' \| 'positive' \| 'negative' \| 'notice' \| 'information' \| 'neutral';\n} & TestID &\n StyledPropsBlade &\n BladeCommonEvents;\n\n/\nMandatory children prop when icon is not provided\n/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n icon?: undefined;\n children: StringChildrenType;\n};\n\n/\n Optional children prop when icon is provided\n/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n icon: IconComponent;\n children?: StringChildrenType;\n};\n\n/\n With or without icon prop. We need at least an icon or a children prop present.\n/\nexport type BaseButtonProps = BaseButtonWithIconProps \| BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n variant: NonNullable<BaseButtonProps['variant']>;\n state: 'default' \| 'hover' \| 'focus' \| 'disabled';\n color: BaseButtonProps['color'];\n};\n\n/\n All possible icon colors, derived from `IconProps` minus `currentColor` because possible values should only be from tokens\n */\ntype IconColor = Exclude<IconProps['color'], 'currentColor'>;\n\nconst getRenderElement = (href?: string): 'a' \| 'button' \| undefined => {\n if (isReactNative()) {\n return undefined; // as property doesn't work with react native\n }\n\n if (href) {\n return 'a';\n }\n\n return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n property,\n variant,\n state,\n color,\n}: BaseButtonColorTokenModifiers & {\n property: 'background' \| 'border';\n}): DotNotationToken<Theme['colors']> => {\n const _state = state === 'focus' \|\| state === 'hover' ? 'highlighted' : state;\n const tokens = backgroundColor(property);\n\n if (color === 'white') {\n return tokens.white[variant][_state];\n }\n\n if (color && color !== 'primary') {\n if (variant === 'tertiary') {\n throw new Error(\n `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n );\n }\n return tokens.color(color)[variant][_state];\n }\n\n return tokens.base[variant][_state];\n};\n\nconst getTextColorToken = ({\n property,\n variant,\n state,\n color,\n}: BaseButtonColorTokenModifiers & {\n property: 'icon' \| 'text';\n}): DotNotationToken<Theme['colors']> => {\n const tokens = textColor(property);\n const _state = state === 'focus' \|\| state === 'hover' ? 'highlighted' : state;\n\n if (color === 'white') {\n return tokens.white[variant][_state];\n }\n\n if (color && color !== 'primary') {\n if (variant === 'tertiary') {\n throw new Error(\n `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n );\n }\n return tokens.color(color)[variant][_state];\n }\n\n return tokens.base[variant][_state];\n};\n\ntype BaseButtonStyleProps = {\n iconSize: IconSize;\n spinnerSize: BaseSpinnerProps['size'];\n fontSize: keyof Theme['typography']['fonts']['size'];\n lineHeight: keyof Theme['typography']['lineHeights'];\n minHeight: `${ButtonMinHeight}px`;\n iconPadding?: DotNotationSpacingStringToken;\n iconColor: IconColor;\n textColor: BaseTextProps['color'];\n buttonPaddingTop: SpacingValues;\n buttonPaddingBottom: SpacingValues;\n buttonPaddingLeft: SpacingValues;\n buttonPaddingRight: SpacingValues;\n text?: string;\n defaultBackgroundColor: string;\n defaultBorderColor: string;\n hoverBackgroundColor: string;\n hoverBorderColor: string;\n focusBackgroundColor: string;\n focusBorderColor: string;\n focusRingColor: string;\n motionDuration: DurationString;\n motionEasing: EasingString;\n borderWidth: BorderWidthValues;\n borderRadius: BorderRadiusValues;\n};\n\nconst getProps = ({\n buttonTypographyTokens,\n children,\n isDisabled,\n size,\n theme,\n variant,\n color,\n hasIcon,\n}: {\n buttonTypographyTokens: ButtonTypography;\n children?: string;\n isDisabled: boolean;\n hasIcon: boolean;\n theme: Theme;\n size: NonNullable<BaseButtonProps['size']>;\n variant: NonNullable<BaseButtonProps['variant']>;\n color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n throwBladeError({\n moduleName: 'BaseButton',\n message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n });\n }\n\n const isIconOnly = hasIcon && (!children \|\| children?.trim().length === 0);\n const props: BaseButtonStyleProps = {\n iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n spinnerSize: buttonSizeToSpinnerSizeMap[size],\n fontSize: buttonTypographyTokens.fonts.size[size],\n lineHeight: buttonTypographyTokens.lineHeights[size],\n minHeight: makeSize(buttonMinHeight[size]),\n iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n iconColor: getTextColorToken({\n property: 'icon',\n variant,\n color,\n state: 'default',\n }) as IconColor,\n textColor: getTextColorToken({\n property: 'text',\n variant,\n color,\n state: 'default',\n }) as BaseTextProps['color'],\n buttonPaddingTop: isIconOnly\n ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].top])\n : makeSpace(theme.spacing[buttonPadding[size].top]),\n buttonPaddingBottom: isIconOnly\n ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom])\n : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n buttonPaddingLeft: isIconOnly\n ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left])\n : makeSpace(theme.spacing[buttonPadding[size].left]),\n buttonPaddingRight: isIconOnly\n ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right])\n : makeSpace(theme.spacing[buttonPadding[size].right]),\n text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n defaultBackgroundColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n ),\n defaultBorderColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n ),\n hoverBackgroundColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n ),\n hoverBorderColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n ),\n focusBackgroundColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n ),\n focusBorderColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n ),\n focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n borderRadius: makeBorderSize(theme.border.radius.medium),\n motionDuration: 'duration.xquick',\n motionEasing: 'easing.standard.effective',\n };\n\n if (isDisabled) {\n const disabledBackgroundColor = getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n );\n const disabledBorderColor = getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n );\n props.iconColor = getTextColorToken({\n property: 'icon',\n variant,\n color,\n state: 'disabled',\n }) as IconColor;\n props.textColor = getTextColorToken({\n property: 'text',\n variant,\n color,\n state: 'disabled',\n }) as BaseTextProps['color'];\n props.defaultBackgroundColor = disabledBackgroundColor;\n props.defaultBorderColor = disabledBorderColor;\n props.hoverBackgroundColor = disabledBackgroundColor;\n props.hoverBorderColor = disabledBorderColor;\n props.focusBackgroundColor = disabledBackgroundColor;\n props.focusBorderColor = disabledBorderColor;\n }\n\n return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n {\n href,\n target,\n rel,\n variant = 'primary',\n color = 'primary',\n size = 'medium',\n icon: Icon,\n iconPosition = 'left',\n isDisabled = false,\n isFullWidth = false,\n isLoading = false,\n onClick,\n onBlur,\n onKeyDown,\n type = 'button',\n children,\n testID,\n onFocus,\n onMouseLeave,\n onMouseMove,\n onPointerDown,\n onPointerEnter,\n accessibilityProps,\n onTouchEnd,\n onTouchStart,\n ...rest\n },\n ref,\n) => {\n const { theme } = useTheme();\n const buttonGroupProps = useButtonGroupContext();\n const [isPressed, setIsPressed] = React.useState(false);\n const isLink = Boolean(href);\n const childrenString = getStringFromReactText(children);\n // Button cannot be disabled when its rendered as Link\n const disabled = buttonGroupProps.isDisabled ?? (isLoading \|\| (isDisabled && !isLink));\n\n if (__DEV__) {\n if (!Icon && !childrenString?.trim()) {\n throwBladeError({\n message: 'At least one of icon or text is required to render a button.',\n moduleName: 'BaseButton',\n });\n }\n }\n\n const prevLoading = usePrevious(isLoading);\n\n React.useEffect(() => {\n if (isLoading) announce('Started loading');\n\n if (!isLoading && prevLoading) announce('Stopped loading');\n }, [isLoading, prevLoading]);\n\n const {\n defaultBorderColor,\n defaultBackgroundColor,\n minHeight,\n buttonPaddingTop,\n buttonPaddingBottom,\n buttonPaddingLeft,\n buttonPaddingRight,\n focusBorderColor,\n focusBackgroundColor,\n focusRingColor,\n fontSize,\n hoverBorderColor,\n hoverBackgroundColor,\n iconColor,\n iconSize,\n iconPadding,\n spinnerSize,\n lineHeight,\n text,\n textColor,\n borderWidth,\n borderRadius,\n motionDuration,\n motionEasing,\n } = getProps({\n buttonTypographyTokens: buttonTypography,\n children: childrenString,\n isDisabled: disabled,\n size: buttonGroupProps.size ?? size,\n variant: buttonGroupProps.variant ?? variant,\n theme,\n color: buttonGroupProps.color ?? color,\n hasIcon: Boolean(Icon),\n });\n\n const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n const handlePointerPressedIn = React.useCallback(() => {\n if (disabled) return;\n setIsPressed(true);\n }, [disabled]);\n\n const handlePointerPressedOut = React.useCallback(() => {\n if (disabled) return;\n setIsPressed(false);\n }, [disabled]);\n\n const handleKeyboardPressedIn = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n if (e.key === ' ' \|\| e.key === 'Enter') {\n setIsPressed(true);\n }\n },\n [disabled],\n );\n\n const handleKeyboardPressedOut = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n if (e.key === ' ' \|\| e.key === 'Enter') {\n setIsPressed(false);\n }\n },\n [disabled],\n );\n\n return (\n <StyledBaseButton\n ref={ref as any}\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n as={renderElement}\n href={href}\n target={target}\n rel={rel ?? defaultRel}\n accessibilityProps={{\n ...makeAccessible({\n role: isLink ? 'link' : 'button',\n ...accessibilityProps,\n }),\n }}\n variant={variant}\n isLoading={isLoading}\n disabled={disabled}\n defaultBorderColor={defaultBorderColor}\n minHeight={minHeight}\n buttonPaddingTop={buttonPaddingTop}\n buttonPaddingBottom={buttonPaddingBottom}\n buttonPaddingLeft={buttonPaddingLeft}\n buttonPaddingRight={buttonPaddingRight}\n defaultBackgroundColor={defaultBackgroundColor}\n focusBorderColor={focusBorderColor}\n focusBackgroundColor={focusBackgroundColor}\n focusRingColor={focusRingColor}\n hoverBorderColor={hoverBorderColor}\n hoverBackgroundColor={hoverBackgroundColor}\n isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n onMouseLeave={onMouseLeave}\n onMouseMove={onMouseMove}\n onPointerDown={onPointerDown}\n onPointerEnter={onPointerEnter}\n // Setting type for web fails it on native typecheck and vice versa\n onKeyDown={(event: any) => {\n handleKeyboardPressedIn(event);\n onKeyDown?.(event);\n }}\n onTouchStart={(event: React.TouchEvent) => {\n handlePointerPressedIn();\n onTouchStart?.(event);\n }}\n onTouchEnd={(event: React.TouchEvent) => {\n handlePointerPressedOut();\n onTouchEnd?.(event);\n }}\n type={type}\n borderWidth={borderWidth}\n borderRadius={borderRadius}\n motionDuration={motionDuration}\n motionEasing={motionEasing}\n isPressed={isPressed}\n onMouseDown={handlePointerPressedIn}\n onMouseUp={handlePointerPressedOut}\n onMouseOut={handlePointerPressedOut}\n onKeyUp={handleKeyboardPressedOut}\n {...metaAttribute({ name: MetaConstants.Button, testID })}\n {...getStyledProps(rest)}\n >\n <AnimatedButtonContent\n motionDuration={motionDuration}\n motionEasing={motionEasing}\n isPressed={isPressed}\n >\n {isLoading ? (\n <BaseBox\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n position=\"absolute\"\n top=\"0px\"\n left=\"0px\"\n bottom=\"0px\"\n right=\"0px\"\n zIndex={1}\n >\n <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n </BaseBox>\n ) : null}\n <ButtonContent\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"center\"\n flex={1}\n isHidden={isLoading}\n zIndex={1}\n >\n {Icon && iconPosition == 'left' ? (\n <BaseBox\n paddingRight={iconPadding}\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n <Icon size={iconSize} color={iconColor} />\n </BaseBox>\n ) : null}\n {text ? (\n <BaseText\n lineHeight={lineHeight}\n fontSize={fontSize}\n // figma and web have different font-smoothing properties\n // which causes web version of button text to look much bolder\n // than figma version. To fix this we are changing font-weight from 600 to 500\n // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n fontWeight=\"medium\"\n textAlign=\"center\"\n color={textColor}\n >\n {text}\n </BaseText>\n ) : null}\n {Icon && iconPosition == 'right' ? (\n <BaseBox\n paddingLeft={iconPadding}\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n <Icon size={iconSize} color={iconColor} />\n </BaseBox>\n ) : null}\n </ButtonContent>\n </AnimatedButtonContent>\n </StyledBaseButton>\n );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonIconOnlyPadding","top","buttonPadding","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","width","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","childrenString","getStringFromReactText","disabled","__DEV__","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","Object","assign","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable @typescript-eslint/no-explicit-any /\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography } from './buttonTokens';\nimport {\n textColor,\n backgroundColor,\n buttonIconOnlySizeToIconSizeMap,\n typography as buttonTypography,\n minHeight as buttonMinHeight,\n buttonSizeToIconSizeMap,\n buttonSizeToSpinnerSizeMap,\n buttonIconPadding,\n buttonPadding,\n buttonIconOnlyHeightWidth,\n} from './buttonTokens';\nimport type { BaseButtonStyleProps, IconColor } from './types';\nimport AnimatedButtonContent from './AnimatedButtonContent';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useButtonGroupContext } from '~components/ButtonGroup/ButtonGroupContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n href?: BaseLinkProps['href'];\n target?: BaseLinkProps['target'];\n rel?: BaseLinkProps['rel'];\n size?: 'xsmall' \| 'small' \| 'medium' \| 'large';\n iconPosition?: 'left' \| 'right';\n isDisabled?: boolean;\n isFullWidth?: boolean;\n onKeyDown?: Platform.Select<{\n native: (event: GestureResponderEvent) => void;\n web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n }>;\n onClick?: Platform.Select<{\n native: (event: GestureResponderEvent) => void;\n web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n }>;\n type?: 'button' \| 'reset' \| 'submit';\n isLoading?: boolean;\n accessibilityProps?: Partial<AccessibilityProps>;\n variant?: 'primary' \| 'secondary' \| 'tertiary';\n color?: 'primary' \| 'white' \| 'positive' \| 'negative' \| 'notice' \| 'information' \| 'neutral';\n} & TestID &\n StyledPropsBlade &\n BladeCommonEvents;\n\n/\nMandatory children prop when icon is not provided\n/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n icon?: undefined;\n children: StringChildrenType;\n};\n\n/\n Optional children prop when icon is provided\n/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n icon: IconComponent;\n children?: StringChildrenType;\n};\n\n/\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps \| BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n variant: NonNullable<BaseButtonProps['variant']>;\n state: 'default' \| 'hover' \| 'focus' \| 'disabled';\n color: BaseButtonProps['color'];\n};\n\nconst getRenderElement = (href?: string): 'a' \| 'button' \| undefined => {\n if (isReactNative()) {\n return undefined; // as property doesn't work with react native\n }\n\n if (href) {\n return 'a';\n }\n\n return 'button';\n};\n\nexport const getBackgroundColorToken = ({\n property,\n variant,\n state,\n color,\n}: BaseButtonColorTokenModifiers & {\n property: 'background' \| 'border';\n}): DotNotationToken<Theme['colors']> => {\n const _state = state === 'focus' \|\| state === 'hover' ? 'highlighted' : state;\n const tokens = backgroundColor(property);\n\n if (color === 'white') {\n return tokens.white[variant][_state];\n }\n\n if (color && color !== 'primary') {\n if (variant === 'tertiary') {\n throw new Error(\n `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n );\n }\n return tokens.color(color)[variant][_state];\n }\n\n return tokens.base[variant][_state];\n};\n\nconst getTextColorToken = ({\n property,\n variant,\n state,\n color,\n}: BaseButtonColorTokenModifiers & {\n property: 'icon' \| 'text';\n}): DotNotationToken<Theme['colors']> => {\n const tokens = textColor(property);\n const _state = state === 'focus' \|\| state === 'hover' ? 'highlighted' : state;\n\n if (color === 'white') {\n return tokens.white[variant][_state];\n }\n\n if (color && color !== 'primary') {\n if (variant === 'tertiary') {\n throw new Error(\n `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n );\n }\n return tokens.color(color)[variant][_state];\n }\n\n return tokens.base[variant][_state];\n};\n\nconst getProps = ({\n buttonTypographyTokens,\n children,\n isDisabled,\n size,\n theme,\n variant,\n color,\n hasIcon,\n}: {\n buttonTypographyTokens: ButtonTypography;\n children?: string;\n isDisabled: boolean;\n hasIcon: boolean;\n theme: Theme;\n size: NonNullable<BaseButtonProps['size']>;\n variant: NonNullable<BaseButtonProps['variant']>;\n color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n throwBladeError({\n moduleName: 'BaseButton',\n message: `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n });\n }\n\n const isIconOnly = hasIcon && (!children \|\| children?.trim().length === 0);\n const props: BaseButtonStyleProps = {\n iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n spinnerSize: buttonSizeToSpinnerSizeMap[size],\n fontSize: buttonTypographyTokens.fonts.size[size],\n lineHeight: buttonTypographyTokens.lineHeights[size],\n minHeight: makeSize(buttonMinHeight[size]),\n height: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n width: isIconOnly ? buttonIconOnlyHeightWidth[size] : undefined,\n iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n iconColor: getTextColorToken({\n property: 'icon',\n variant,\n color,\n state: 'default',\n }) as IconColor,\n textColor: getTextColorToken({\n property: 'text',\n variant,\n color,\n state: 'default',\n }) as BaseTextProps['color'],\n buttonPaddingTop: isIconOnly ? makeSpace(0) : makeSpace(theme.spacing[buttonPadding[size].top]),\n buttonPaddingBottom: isIconOnly\n ? makeSpace(0)\n : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n buttonPaddingLeft: isIconOnly\n ? makeSpace(0)\n : makeSpace(theme.spacing[buttonPadding[size].left]),\n buttonPaddingRight: isIconOnly\n ? makeSpace(0)\n : makeSpace(theme.spacing[buttonPadding[size].right]),\n text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n defaultBackgroundColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n ),\n defaultBorderColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n ),\n hoverBackgroundColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n ),\n hoverBorderColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n ),\n focusBackgroundColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n ),\n focusBorderColor: getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n ),\n focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n borderRadius: makeBorderSize(theme.border.radius.medium),\n motionDuration: 'duration.xquick',\n motionEasing: 'easing.standard.effective',\n };\n\n if (isDisabled) {\n const disabledBackgroundColor = getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n );\n const disabledBorderColor = getIn(\n theme.colors,\n getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n );\n props.iconColor = getTextColorToken({\n property: 'icon',\n variant,\n color,\n state: 'disabled',\n }) as IconColor;\n props.textColor = getTextColorToken({\n property: 'text',\n variant,\n color,\n state: 'disabled',\n }) as BaseTextProps['color'];\n props.defaultBackgroundColor = disabledBackgroundColor;\n props.defaultBorderColor = disabledBorderColor;\n props.hoverBackgroundColor = disabledBackgroundColor;\n props.hoverBorderColor = disabledBorderColor;\n props.focusBackgroundColor = disabledBackgroundColor;\n props.focusBorderColor = disabledBorderColor;\n }\n\n return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n {\n href,\n target,\n rel,\n variant = 'primary',\n color = 'primary',\n size = 'medium',\n icon: Icon,\n iconPosition = 'left',\n isDisabled = false,\n isFullWidth = false,\n isLoading = false,\n onClick,\n onBlur,\n onKeyDown,\n type = 'button',\n children,\n testID,\n onFocus,\n onMouseLeave,\n onMouseMove,\n onPointerDown,\n onPointerEnter,\n accessibilityProps,\n onTouchEnd,\n onTouchStart,\n ...rest\n },\n ref,\n) => {\n const { theme } = useTheme();\n const buttonGroupProps = useButtonGroupContext();\n const [isPressed, setIsPressed] = React.useState(false);\n const isLink = Boolean(href);\n const childrenString = getStringFromReactText(children);\n // Button cannot be disabled when its rendered as Link\n const disabled = buttonGroupProps.isDisabled ?? (isLoading \|\| (isDisabled && !isLink));\n\n if (__DEV__) {\n if (!Icon && !childrenString?.trim()) {\n throwBladeError({\n message: 'At least one of icon or text is required to render a button.',\n moduleName: 'BaseButton',\n });\n }\n }\n\n const prevLoading = usePrevious(isLoading);\n\n React.useEffect(() => {\n if (isLoading) announce('Started loading');\n\n if (!isLoading && prevLoading) announce('Stopped loading');\n }, [isLoading, prevLoading]);\n\n const {\n defaultBorderColor,\n defaultBackgroundColor,\n minHeight,\n height,\n width,\n buttonPaddingTop,\n buttonPaddingBottom,\n buttonPaddingLeft,\n buttonPaddingRight,\n focusBorderColor,\n focusBackgroundColor,\n focusRingColor,\n fontSize,\n hoverBorderColor,\n hoverBackgroundColor,\n iconColor,\n iconSize,\n iconPadding,\n spinnerSize,\n lineHeight,\n text,\n textColor,\n borderWidth,\n borderRadius,\n motionDuration,\n motionEasing,\n } = getProps({\n buttonTypographyTokens: buttonTypography,\n children: childrenString,\n isDisabled: disabled,\n size: buttonGroupProps.size ?? size,\n variant: buttonGroupProps.variant ?? variant,\n theme,\n color: buttonGroupProps.color ?? color,\n hasIcon: Boolean(Icon),\n });\n\n const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n const handlePointerPressedIn = React.useCallback(() => {\n if (disabled) return;\n setIsPressed(true);\n }, [disabled]);\n\n const handlePointerPressedOut = React.useCallback(() => {\n if (disabled) return;\n setIsPressed(false);\n }, [disabled]);\n\n const handleKeyboardPressedIn = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n if (e.key === ' ' \|\| e.key === 'Enter') {\n setIsPressed(true);\n }\n },\n [disabled],\n );\n\n const handleKeyboardPressedOut = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n if (e.key === ' ' \|\| e.key === 'Enter') {\n setIsPressed(false);\n }\n },\n [disabled],\n );\n\n return (\n <StyledBaseButton\n ref={ref as any}\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n as={renderElement}\n href={href}\n target={target}\n rel={rel ?? defaultRel}\n accessibilityProps={{\n ...makeAccessible({\n role: isLink ? 'link' : 'button',\n ...accessibilityProps,\n }),\n }}\n variant={variant}\n isLoading={isLoading}\n disabled={disabled}\n defaultBorderColor={defaultBorderColor}\n minHeight={minHeight}\n buttonPaddingTop={buttonPaddingTop}\n buttonPaddingBottom={buttonPaddingBottom}\n buttonPaddingLeft={buttonPaddingLeft}\n buttonPaddingRight={buttonPaddingRight}\n defaultBackgroundColor={defaultBackgroundColor}\n focusBorderColor={focusBorderColor}\n focusBackgroundColor={focusBackgroundColor}\n focusRingColor={focusRingColor}\n hoverBorderColor={hoverBorderColor}\n hoverBackgroundColor={hoverBackgroundColor}\n isFullWidth={buttonGroupProps.isFullWidth ?? isFullWidth}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n onMouseLeave={onMouseLeave}\n onMouseMove={onMouseMove}\n onPointerDown={onPointerDown}\n onPointerEnter={onPointerEnter}\n // Setting type for web fails it on native typecheck and vice versa\n onKeyDown={(event: any) => {\n handleKeyboardPressedIn(event);\n onKeyDown?.(event);\n }}\n onTouchStart={(event: React.TouchEvent) => {\n handlePointerPressedIn();\n onTouchStart?.(event);\n }}\n onTouchEnd={(event: React.TouchEvent) => {\n handlePointerPressedOut();\n onTouchEnd?.(event);\n }}\n type={type}\n borderWidth={borderWidth}\n borderRadius={borderRadius}\n motionDuration={motionDuration}\n motionEasing={motionEasing}\n height={height}\n width={width}\n isPressed={isPressed}\n onMouseDown={handlePointerPressedIn}\n onMouseUp={handlePointerPressedOut}\n onMouseOut={handlePointerPressedOut}\n onKeyUp={handleKeyboardPressedOut}\n {...metaAttribute({ name: MetaConstants.Button, testID })}\n {...getStyledProps(rest)}\n >\n <AnimatedButtonContent\n motionDuration={motionDuration}\n motionEasing={motionEasing}\n isPressed={isPressed}\n >\n {isLoading ? (\n <BaseBox\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n position=\"absolute\"\n top=\"0px\"\n left=\"0px\"\n bottom=\"0px\"\n right=\"0px\"\n zIndex={1}\n >\n <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n </BaseBox>\n ) : null}\n <ButtonContent\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"center\"\n flex={1}\n isHidden={isLoading}\n zIndex={1}\n >\n {Icon && iconPosition == 'left' ? (\n <BaseBox\n paddingRight={iconPadding}\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n <Icon size={iconSize} color={iconColor} />\n </BaseBox>\n ) : null}\n {text ? (\n <BaseText\n lineHeight={lineHeight}\n fontSize={fontSize}\n // figma and web have different font-smoothing properties\n // which causes web version of button text to look much bolder\n // than figma version. To fix this we are changing font-weight from 600 to 500\n // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n fontWeight=\"medium\"\n textAlign=\"center\"\n color={textColor}\n >\n {text}\n </BaseText>\n ) : null}\n {Icon && iconPosition == 'right' ? (\n <BaseBox\n paddingLeft={iconPadding}\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n <Icon size={iconSize} color={iconColor} />\n </BaseBox>\n ) : null}\n </ButtonContent>\n </AnimatedButtonContent>\n </StyledBaseButton>\n );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","height","buttonIconOnlyHeightWidth","width","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonPadding","top","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","_buttonGroupProps$isD","_buttonGroupProps$siz","_buttonGroupProps$var","_buttonGroupProps$col","_buttonGroupProps$isF","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","buttonGroupProps","useButtonGroupContext","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","isLink","Boolean","childrenString","getStringFromReactText","disabled","__DEV__","prevLoading","usePrevious","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","StyledBaseButton","Object","assign","as","makeAccessible","role","event","onMouseDown","onMouseUp","onMouseOut","onKeyUp","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsxs","AnimatedButtonContent","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Button/BaseButton/buttonTokens.js CHANGED Viewed

@@ -1,8 +1,13 @@
 import '../../../tokens/global/typography.js';
 import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import '../../BladeProvider/useTheme.js';
-var backgroundColor=function backgroundColor(property){var isBorder=property==='border';return {base:{primary:{default:`interactive.${property}.primary.default`,highlighted:`interactive.${property}.primary.highlighted`,disabled:`interactive.${property}.primary.disabled`},secondary:{default:isBorder?'interactive.border.primary.default':'transparent',highlighted:isBorder?`interactive.border.primary.default`:`interactive.background.primary.faded`,disabled:isBorder?`interactive.border.primary.disabled`:`transparent`},tertiary:{default:`interactive.${property}.gray.default`,highlighted:`interactive.${property}.gray.highlighted`,disabled:`interactive.${property}.gray.disabled`}},white:{primary:{default:`interactive.${property}.staticWhite.default`,highlighted:`interactive.${property}.staticWhite.highlighted`,disabled:`interactive.${property}.staticWhite.disabled`},secondary:{default:isBorder?'interactive.border.staticWhite.highlighted':'transparent',highlighted:isBorder?'interactive.border.staticWhite.highlighted':'interactive.background.staticWhite.faded',disabled:isBorder?`interactive.border.staticWhite.disabled`:'transparent'},tertiary:{default:`interactive.background.staticWhite.faded`,highlighted:`interactive.background.staticWhite.fadedHighlighted`,disabled:`interactive.background.staticWhite.disabled`}},color:function color(_color){return {primary:{default:`interactive.${property}.${_color}.default`,highlighted:`interactive.${property}.${_color}.highlighted`,disabled:`interactive.${property}.${_color}.disabled`},secondary:{default:isBorder?`interactive.border.${_color}.default`:`interactive.background.${_color}.faded`,highlighted:isBorder?`interactive.border.${_color}.default`:`interactive.background.${_color}.fadedHighlighted`,disabled:`interactive.${property}.${_color}.disabled`}};}};};var textColor=function textColor(property){return {base:{primary:{default:`interactive.${property}.onPrimary.normal`,highlighted:`interactive.${property}.onPrimary.normal`,disabled:`interactive.${property}.primary.disabled`},secondary:{default:`interactive.${property}.primary.subtle`,highlighted:`interactive.${property}.primary.subtle`,disabled:`interactive.${property}.primary.disabled`},tertiary:{default:`interactive.${property}.gray.normal`,highlighted:`interactive.${property}.gray.normal`,disabled:`interactive.${property}.gray.disabled`}},white:{primary:{default:`interactive.${property}.staticBlack.muted`,highlighted:`interactive.${property}.staticBlack.muted`,disabled:`interactive.${property}.staticBlack.disabled`},secondary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.staticWhite.disabled`},tertiary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.staticWhite.disabled`}},color:function color(_color2){return {primary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.${_color2}.disabled`},secondary:{default:`interactive.${property}.${_color2}.normal`,highlighted:`interactive.${property}.${_color2}.normal`,disabled:`interactive.${property}.${_color2}.disabled`}};}};};var typography={fonts:{size:{xsmall:50,small:50,medium:100,large:200}},lineHeights:{xsmall:75,small:75,medium:100,large:200}};var minHeight={xsmall:size[28],small:size[32],medium:size[36],large:size[48]};var buttonPadding={xsmall:{top:0,bottom:0,left:3,right:3},small:{top:0,bottom:0,left:4,right:4},medium:{top:0,bottom:0,left:6,right:6},large:{top:0,bottom:0,left:6,right:6}};var buttonIconOnlyPadding={xsmall:{top:0,bottom:0,left:3,right:3},small:{top:0,bottom:0,left:3,right:3},medium:{top:0,bottom:0,left:3,right:3},large:{top:0,bottom:0,left:2,right:2}};var buttonSizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonIconOnlySizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonSizeToSpinnerSizeMap={xsmall:'medium',small:'large',medium:'large',large:'xlarge'};var buttonIconPadding={xsmall:1,small:1,medium:2,large:2};
+var backgroundColor=function backgroundColor(property){var isBorder=property==='border';return {base:{primary:{default:`interactive.${property}.primary.default`,highlighted:`interactive.${property}.primary.highlighted`,disabled:`interactive.${property}.primary.disabled`},secondary:{default:isBorder?'interactive.border.primary.default':'transparent',highlighted:isBorder?`interactive.border.primary.default`:`interactive.background.primary.faded`,disabled:isBorder?`interactive.border.primary.disabled`:`transparent`},tertiary:{default:`interactive.${property}.gray.default`,highlighted:`interactive.${property}.gray.highlighted`,disabled:`interactive.${property}.gray.disabled`}},white:{primary:{default:`interactive.${property}.staticWhite.default`,highlighted:`interactive.${property}.staticWhite.highlighted`,disabled:`interactive.${property}.staticWhite.disabled`},secondary:{default:isBorder?'interactive.border.staticWhite.highlighted':'transparent',highlighted:isBorder?'interactive.border.staticWhite.highlighted':'interactive.background.staticWhite.faded',disabled:isBorder?`interactive.border.staticWhite.disabled`:'transparent'},tertiary:{default:`interactive.background.staticWhite.faded`,highlighted:`interactive.background.staticWhite.fadedHighlighted`,disabled:`interactive.background.staticWhite.disabled`}},color:function color(_color){return {primary:{default:`interactive.${property}.${_color}.default`,highlighted:`interactive.${property}.${_color}.highlighted`,disabled:`interactive.${property}.${_color}.disabled`},secondary:{default:isBorder?`interactive.border.${_color}.default`:`interactive.background.${_color}.faded`,highlighted:isBorder?`interactive.border.${_color}.default`:`interactive.background.${_color}.fadedHighlighted`,disabled:`interactive.${property}.${_color}.disabled`}};}};};var textColor=function textColor(property){return {base:{primary:{default:`interactive.${property}.onPrimary.normal`,highlighted:`interactive.${property}.onPrimary.normal`,disabled:`interactive.${property}.primary.disabled`},secondary:{default:`interactive.${property}.primary.subtle`,highlighted:`interactive.${property}.primary.subtle`,disabled:`interactive.${property}.primary.disabled`},tertiary:{default:`interactive.${property}.gray.normal`,highlighted:`interactive.${property}.gray.normal`,disabled:`interactive.${property}.gray.disabled`}},white:{primary:{default:`interactive.${property}.staticBlack.muted`,highlighted:`interactive.${property}.staticBlack.muted`,disabled:`interactive.${property}.staticBlack.disabled`},secondary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.staticWhite.disabled`},tertiary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.staticWhite.disabled`}},color:function color(_color2){return {primary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.${_color2}.disabled`},secondary:{default:`interactive.${property}.${_color2}.normal`,highlighted:`interactive.${property}.${_color2}.normal`,disabled:`interactive.${property}.${_color2}.disabled`}};}};};var typography={fonts:{size:{xsmall:50,small:50,medium:100,large:200}},lineHeights:{xsmall:75,small:75,medium:100,large:200}};var minHeight={xsmall:size[28],small:size[32],medium:size[36],large:size[48]};var buttonPadding={xsmall:{top:0,bottom:0,left:3,right:3},small:{top:0,bottom:0,left:4,right:4},medium:{top:0,bottom:0,left:6,right:6},large:{top:0,bottom:0,left:6,right:6}};var buttonIconOnlyHeightWidth={xsmall:makeSize(size['28']),small:makeSize(size['32']),medium:makeSize(size['36']),large:makeSize(size['48'])};var buttonSizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonIconOnlySizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonSizeToSpinnerSizeMap={xsmall:'medium',small:'large',medium:'large',large:'xlarge'};var buttonIconPadding={xsmall:1,small:2,medium:3,large:3};
-export { backgroundColor, buttonIconOnlyPadding, buttonIconOnlySizeToIconSizeMap, buttonIconPadding, buttonPadding, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, textColor, typography };
+export { backgroundColor, buttonIconOnlyHeightWidth, buttonIconOnlySizeToIconSizeMap, buttonIconPadding, buttonPadding, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, textColor, typography };
 //# sourceMappingURL=buttonTokens.js.map

package/build/lib/native/components/Button/BaseButton/buttonTokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonTokens.js","sources":["../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\n\nexport type ButtonMinHeight = Size[28] \| Size[32] \| Size[36] \| Size[48];\n\nexport type ButtonTypography = {\n fonts: {\n size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n };\n lineHeights: Record<\n NonNullable<BaseButtonProps['size']>,\n keyof Theme['typography']['lineHeights']\n >;\n};\n\nconst backgroundColor = (property: 'background' \| 'border') => {\n const isBorder = property === 'border';\n return {\n base: {\n primary: {\n default: `interactive.${property}.primary.default`,\n highlighted: `interactive.${property}.primary.highlighted`,\n disabled: `interactive.${property}.primary.disabled`,\n },\n secondary: {\n default: isBorder ? 'interactive.border.primary.default' : 'transparent',\n highlighted: isBorder\n ? `interactive.border.primary.default`\n : `interactive.background.primary.faded`,\n disabled: isBorder ? `interactive.border.primary.disabled` : `transparent`,\n },\n tertiary: {\n default: `interactive.${property}.gray.default`,\n highlighted: `interactive.${property}.gray.highlighted`,\n disabled: `interactive.${property}.gray.disabled`,\n },\n },\n white: {\n primary: {\n default: `interactive.${property}.staticWhite.default`,\n highlighted: `interactive.${property}.staticWhite.highlighted`,\n disabled: `interactive.${property}.staticWhite.disabled`,\n },\n secondary: {\n default: isBorder ? 'interactive.border.staticWhite.highlighted' : 'transparent',\n highlighted: isBorder\n ? 'interactive.border.staticWhite.highlighted'\n : 'interactive.background.staticWhite.faded',\n disabled: isBorder ? `interactive.border.staticWhite.disabled` : 'transparent',\n },\n tertiary: {\n default: `interactive.background.staticWhite.faded`,\n highlighted: `interactive.background.staticWhite.fadedHighlighted`,\n disabled: `interactive.background.staticWhite.disabled`,\n },\n },\n color: (color: FeedbackColors) => {\n return {\n primary: {\n default: `interactive.${property}.${color}.default`,\n highlighted: `interactive.${property}.${color}.highlighted`,\n disabled: `interactive.${property}.${color}.disabled`,\n },\n secondary: {\n default: isBorder\n ? (`interactive.border.${color}.default` as const)\n : (`interactive.background.${color}.faded` as const),\n highlighted: isBorder\n ? (`interactive.border.${color}.default` as const)\n : (`interactive.background.${color}.fadedHighlighted` as const),\n disabled: `interactive.${property}.${color}.disabled`,\n },\n } as const;\n },\n } as const;\n};\n\nconst textColor = (property: 'icon' \| 'text') => {\n return {\n base: {\n primary: {\n default: `interactive.${property}.onPrimary.normal`,\n highlighted: `interactive.${property}.onPrimary.normal`,\n disabled: `interactive.${property}.primary.disabled`,\n },\n secondary: {\n default: `interactive.${property}.primary.subtle`,\n highlighted: `interactive.${property}.primary.subtle`,\n disabled: `interactive.${property}.primary.disabled`,\n },\n tertiary: {\n default: `interactive.${property}.gray.normal`,\n highlighted: `interactive.${property}.gray.normal`,\n disabled: `interactive.${property}.gray.disabled`,\n },\n },\n white: {\n primary: {\n default: `interactive.${property}.staticBlack.muted`,\n highlighted: `interactive.${property}.staticBlack.muted`,\n disabled: `interactive.${property}.staticBlack.disabled`,\n },\n secondary: {\n default: `interactive.${property}.staticWhite.normal`,\n highlighted: `interactive.${property}.staticWhite.normal`,\n disabled: `interactive.${property}.staticWhite.disabled`,\n },\n tertiary: {\n default: `interactive.${property}.staticWhite.normal`,\n highlighted: `interactive.${property}.staticWhite.normal`,\n disabled: `interactive.${property}.staticWhite.disabled`,\n },\n },\n color: (color: FeedbackColors) => {\n return {\n primary: {\n default: `interactive.${property}.staticWhite.normal`,\n highlighted: `interactive.${property}.staticWhite.normal`,\n disabled: `interactive.${property}.${color}.disabled`,\n },\n secondary: {\n default: `interactive.${property}.${color}.normal`,\n highlighted: `interactive.${property}.${color}.normal`,\n disabled: `interactive.${property}.${color}.disabled`,\n },\n } as const;\n },\n } as const;\n};\n\nconst typography: ButtonTypography = {\n fonts: {\n size: {\n xsmall: 50,\n small: 50,\n medium: 100,\n large: 200,\n },\n },\n lineHeights: {\n xsmall: 75,\n small: 75,\n medium: 100,\n large: 200,\n },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n xsmall: size[28],\n small: size[32],\n medium: size[36],\n large: size[48],\n};\n\nconst buttonPadding: Record<\n NonNullable<BaseButtonProps['size']>,\n Record<'top' \| 'bottom' \| 'left' \| 'right', keyof Theme['spacing']>\n> = {\n xsmall: {\n top: 0,\n bottom: 0,\n left: 3,\n right: 3,\n },\n small: {\n top: 0,\n bottom: 0,\n left: 4,\n right: 4,\n },\n medium: {\n top: 0,\n bottom: 0,\n left: 6,\n right: 6,\n },\n large: {\n top: 0,\n bottom: 0,\n left: 6,\n right: 6,\n },\n};\n\nconst buttonIconOnlyPadding: Record<\n NonNullable<BaseButtonProps['size']>,\n Record<'top' \| 'bottom' \| 'left' \| 'right', keyof Theme['spacing']>\n> = {\n xsmall: {\n top: 0,\n bottom: 0,\n left: 3, // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token\n right: 3, // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token\n },\n small: {\n top: 0,\n bottom: 0,\n left: 3,\n right: 3,\n },\n medium: {\n top: 0,\n bottom: 0,\n left: 3,\n right: 3,\n },\n large: {\n top: 0,\n bottom: 0,\n left: 2,\n right: 2,\n },\n};\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n NonNullable<BaseButtonProps['size']>,\n SpinnerProps['size']\n> = {\n xsmall: 'medium',\n small: 'large',\n medium: 'large',\n large: 'xlarge',\n};\n\nconst buttonIconPadding: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['spacing']> = {\n xsmall: 1,\n small: 1,\n medium: 2,\n large: 2,\n};\n\nexport {\n backgroundColor,\n textColor,\n typography,\n minHeight,\n buttonSizeToIconSizeMap,\n buttonIconOnlySizeToIconSizeMap,\n buttonSizeToSpinnerSizeMap,\n buttonIconPadding,\n buttonPadding,\n buttonIconOnlyPadding,\n};\n"],"names":["backgroundColor","property","isBorder","base","primary","default","highlighted","disabled","secondary","tertiary","white","color","textColor","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonIconOnlyPadding","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","buttonIconPadding"],"mappings":"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"}
1	+ {"version":3,"file":"buttonTokens.js","sources":["../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\n\nexport type ButtonMinHeight = Size[28] \| Size[32] \| Size[36] \| Size[48];\n\nexport type ButtonTypography = {\n fonts: {\n size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n };\n lineHeights: Record<\n NonNullable<BaseButtonProps['size']>,\n keyof Theme['typography']['lineHeights']\n >;\n};\n\nconst backgroundColor = (property: 'background' \| 'border') => {\n const isBorder = property === 'border';\n return {\n base: {\n primary: {\n default: `interactive.${property}.primary.default`,\n highlighted: `interactive.${property}.primary.highlighted`,\n disabled: `interactive.${property}.primary.disabled`,\n },\n secondary: {\n default: isBorder ? 'interactive.border.primary.default' : 'transparent',\n highlighted: isBorder\n ? `interactive.border.primary.default`\n : `interactive.background.primary.faded`,\n disabled: isBorder ? `interactive.border.primary.disabled` : `transparent`,\n },\n tertiary: {\n default: `interactive.${property}.gray.default`,\n highlighted: `interactive.${property}.gray.highlighted`,\n disabled: `interactive.${property}.gray.disabled`,\n },\n },\n white: {\n primary: {\n default: `interactive.${property}.staticWhite.default`,\n highlighted: `interactive.${property}.staticWhite.highlighted`,\n disabled: `interactive.${property}.staticWhite.disabled`,\n },\n secondary: {\n default: isBorder ? 'interactive.border.staticWhite.highlighted' : 'transparent',\n highlighted: isBorder\n ? 'interactive.border.staticWhite.highlighted'\n : 'interactive.background.staticWhite.faded',\n disabled: isBorder ? `interactive.border.staticWhite.disabled` : 'transparent',\n },\n tertiary: {\n default: `interactive.background.staticWhite.faded`,\n highlighted: `interactive.background.staticWhite.fadedHighlighted`,\n disabled: `interactive.background.staticWhite.disabled`,\n },\n },\n color: (color: FeedbackColors) => {\n return {\n primary: {\n default: `interactive.${property}.${color}.default`,\n highlighted: `interactive.${property}.${color}.highlighted`,\n disabled: `interactive.${property}.${color}.disabled`,\n },\n secondary: {\n default: isBorder\n ? (`interactive.border.${color}.default` as const)\n : (`interactive.background.${color}.faded` as const),\n highlighted: isBorder\n ? (`interactive.border.${color}.default` as const)\n : (`interactive.background.${color}.fadedHighlighted` as const),\n disabled: `interactive.${property}.${color}.disabled`,\n },\n } as const;\n },\n } as const;\n};\n\nconst textColor = (property: 'icon' \| 'text') => {\n return {\n base: {\n primary: {\n default: `interactive.${property}.onPrimary.normal`,\n highlighted: `interactive.${property}.onPrimary.normal`,\n disabled: `interactive.${property}.primary.disabled`,\n },\n secondary: {\n default: `interactive.${property}.primary.subtle`,\n highlighted: `interactive.${property}.primary.subtle`,\n disabled: `interactive.${property}.primary.disabled`,\n },\n tertiary: {\n default: `interactive.${property}.gray.normal`,\n highlighted: `interactive.${property}.gray.normal`,\n disabled: `interactive.${property}.gray.disabled`,\n },\n },\n white: {\n primary: {\n default: `interactive.${property}.staticBlack.muted`,\n highlighted: `interactive.${property}.staticBlack.muted`,\n disabled: `interactive.${property}.staticBlack.disabled`,\n },\n secondary: {\n default: `interactive.${property}.staticWhite.normal`,\n highlighted: `interactive.${property}.staticWhite.normal`,\n disabled: `interactive.${property}.staticWhite.disabled`,\n },\n tertiary: {\n default: `interactive.${property}.staticWhite.normal`,\n highlighted: `interactive.${property}.staticWhite.normal`,\n disabled: `interactive.${property}.staticWhite.disabled`,\n },\n },\n color: (color: FeedbackColors) => {\n return {\n primary: {\n default: `interactive.${property}.staticWhite.normal`,\n highlighted: `interactive.${property}.staticWhite.normal`,\n disabled: `interactive.${property}.${color}.disabled`,\n },\n secondary: {\n default: `interactive.${property}.${color}.normal`,\n highlighted: `interactive.${property}.${color}.normal`,\n disabled: `interactive.${property}.${color}.disabled`,\n },\n } as const;\n },\n } as const;\n};\n\nconst typography: ButtonTypography = {\n fonts: {\n size: {\n xsmall: 50,\n small: 50,\n medium: 100,\n large: 200,\n },\n },\n lineHeights: {\n xsmall: 75,\n small: 75,\n medium: 100,\n large: 200,\n },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n xsmall: size[28],\n small: size[32],\n medium: size[36],\n large: size[48],\n};\n\nconst buttonPadding: Record<\n NonNullable<BaseButtonProps['size']>,\n Record<'top' \| 'bottom' \| 'left' \| 'right', keyof Theme['spacing']>\n> = {\n xsmall: {\n top: 0,\n bottom: 0,\n left: 3,\n right: 3,\n },\n small: {\n top: 0,\n bottom: 0,\n left: 4,\n right: 4,\n },\n medium: {\n top: 0,\n bottom: 0,\n left: 6,\n right: 6,\n },\n large: {\n top: 0,\n bottom: 0,\n left: 6,\n right: 6,\n },\n};\n\nconst buttonIconOnlyHeightWidth = {\n xsmall: makeSize(size['28']),\n small: makeSize(size['32']),\n medium: makeSize(size['36']),\n large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n NonNullable<BaseButtonProps['size']>,\n SpinnerProps['size']\n> = {\n xsmall: 'medium',\n small: 'large',\n medium: 'large',\n large: 'xlarge',\n};\n\nconst buttonIconPadding: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['spacing']> = {\n xsmall: 1,\n small: 2,\n medium: 3,\n large: 3,\n};\n\nexport {\n backgroundColor,\n textColor,\n typography,\n minHeight,\n buttonSizeToIconSizeMap,\n buttonIconOnlySizeToIconSizeMap,\n buttonSizeToSpinnerSizeMap,\n buttonIconPadding,\n buttonPadding,\n buttonIconOnlyHeightWidth,\n};\n"],"names":["backgroundColor","property","isBorder","base","primary","default","highlighted","disabled","secondary","tertiary","white","color","textColor","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","buttonIconPadding"],"mappings":"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"}

package/build/lib/native/components/Button/BaseButton/getStyledBaseButtonStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var getBaseButtonStyles=function getBaseButtonStyles(_ref){var defaultBorderColor=_ref.defaultBorderColor,minHeight=_ref.minHeight,buttonPaddingTop=_ref.buttonPaddingTop,buttonPaddingBottom=_ref.buttonPaddingBottom,buttonPaddingLeft=_ref.buttonPaddingLeft,buttonPaddingRight=_ref.buttonPaddingRight,defaultBackgroundColor=_ref.defaultBackgroundColor,disabled=_ref.disabled,isFullWidth=_ref.isFullWidth,borderWidth=_ref.borderWidth,borderRadius=_ref.borderRadius;return {minHeight:minHeight,width:isFullWidth?'100%':'auto',cursor:disabled?'not-allowed':'pointer',backgroundColor:defaultBackgroundColor,borderColor:defaultBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,borderStyle:'solid',paddingTop:buttonPaddingTop,paddingBottom:buttonPaddingBottom,paddingLeft:buttonPaddingLeft,paddingRight:buttonPaddingRight,justifyContent:'center',alignItems:'center',textDecoration:'none',overflow:'hidden'};};
+var getBaseButtonStyles=function getBaseButtonStyles(_ref){var defaultBorderColor=_ref.defaultBorderColor,minHeight=_ref.minHeight,buttonPaddingTop=_ref.buttonPaddingTop,buttonPaddingBottom=_ref.buttonPaddingBottom,buttonPaddingLeft=_ref.buttonPaddingLeft,buttonPaddingRight=_ref.buttonPaddingRight,defaultBackgroundColor=_ref.defaultBackgroundColor,disabled=_ref.disabled,isFullWidth=_ref.isFullWidth,borderWidth=_ref.borderWidth,borderRadius=_ref.borderRadius,height=_ref.height,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width;return {minHeight:minHeight,height:height,width:isFullWidth?'100%':width,cursor:disabled?'not-allowed':'pointer',backgroundColor:defaultBackgroundColor,borderColor:defaultBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,borderStyle:'solid',paddingTop:buttonPaddingTop,paddingBottom:buttonPaddingBottom,paddingLeft:buttonPaddingLeft,paddingRight:buttonPaddingRight,justifyContent:'center',alignItems:'center',textDecoration:'none',overflow:'hidden'};};
 export { getBaseButtonStyles as default };
 //# sourceMappingURL=getStyledBaseButtonStyles.js.map

package/build/lib/native/components/Button/BaseButton/getStyledBaseButtonStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getStyledBaseButtonStyles.js","sources":["../../../../../../src/components/Button/BaseButton/getStyledBaseButtonStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseButtonProps } from './types';\n\nconst getBaseButtonStyles = ({\n defaultBorderColor,\n minHeight,\n buttonPaddingTop,\n buttonPaddingBottom,\n buttonPaddingLeft,\n buttonPaddingRight,\n defaultBackgroundColor,\n disabled,\n isFullWidth,\n borderWidth,\n borderRadius,\n}: Omit<\n StyledBaseButtonProps,\n 'children' \| 'onClick' \| 'accessibilityProps' \| 'accessibilityLabel'\n>): CSSObject => ({\n minHeight,\n width: isFullWidth ? '100%' : ~~'auto'~~,\n cursor: disabled ? 'not-allowed' : 'pointer',\n backgroundColor: defaultBackgroundColor,\n borderColor: defaultBorderColor,\n borderWidth,\n borderRadius,\n borderStyle: 'solid',\n paddingTop: buttonPaddingTop,\n paddingBottom: buttonPaddingBottom,\n paddingLeft: buttonPaddingLeft,\n paddingRight: buttonPaddingRight,\n justifyContent: 'center',\n alignItems: 'center',\n textDecoration: 'none',\n overflow: 'hidden',\n});\n\nexport default getBaseButtonStyles;\n"],"names":["getBaseButtonStyles","_ref","defaultBorderColor","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","defaultBackgroundColor","disabled","isFullWidth","borderWidth","borderRadius","width","cursor","backgroundColor","borderColor","borderStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","alignItems","textDecoration","overflow"],"mappings":"AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAAA,CAAA,IACvBC,kBAAkB,CAAAD,IAAA,CAAlBC,kBAAkB,CAClBC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,gBAAgB,CAAAH,IAAA,CAAhBG,gBAAgB,CAChBC,mBAAmB,CAAAJ,IAAA,CAAnBI,mBAAmB,CACnBC,iBAAiB,CAAAL,IAAA,CAAjBK,iBAAiB,CACjBC,kBAAkB,CAAAN,IAAA,CAAlBM,kBAAkB,CAClBC,sBAAsB,CAAAP,IAAA,CAAtBO,sBAAsB,CACtBC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,YAAY,CAAAX,IAAA,CAAZW,YAAY,CAAA,~~OAII~~,~~CAChBT~~,SAAS,CAATA,SAAS,CACTU,KAAK,~~CAAEH~~,WAAW,CAAG,MAAM,~~CAAG~~,~~MAAM~~,~~CACpCI~~,MAAM,~~CAAEL~~,QAAQ,CAAG,aAAa,CAAG,SAAS,~~CAC5CM~~,eAAe,~~CAAEP~~,sBAAsB,~~CACvCQ~~,WAAW,~~CAAEd~~,kBAAkB,CAC/BS,WAAW,CAAXA,WAAW,CACXC,YAAY,CAAZA,YAAY,~~CACZK~~,WAAW,CAAE,OAAO,CACpBC,UAAU,~~CAAEd~~,gBAAgB,~~CAC5Be~~,aAAa,~~CAAEd~~,mBAAmB,~~CAClCe~~,WAAW,~~CAAEd~~,iBAAiB,~~CAC9Be~~,YAAY,~~CAAEd~~,kBAAkB,~~CAChCe~~,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,MAAM,CACtBC,QAAQ,CAAE,QACZ,CAAC~~,CAAA~~;;;;"}
1	+ {"version":3,"file":"getStyledBaseButtonStyles.js","sources":["../../../../../../src/components/Button/BaseButton/getStyledBaseButtonStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseButtonProps } from './types';\n\nconst getBaseButtonStyles = ({\n defaultBorderColor,\n minHeight,\n buttonPaddingTop,\n buttonPaddingBottom,\n buttonPaddingLeft,\n buttonPaddingRight,\n defaultBackgroundColor,\n disabled,\n isFullWidth,\n borderWidth,\n borderRadius,\n height,\n width = 'auto',\n}: Omit<\n StyledBaseButtonProps,\n 'children' \| 'onClick' \| 'accessibilityProps' \| 'accessibilityLabel'\n>): CSSObject => ({\n minHeight,\n height,\n width: isFullWidth ? '100%' : width,\n cursor: disabled ? 'not-allowed' : 'pointer',\n backgroundColor: defaultBackgroundColor,\n borderColor: defaultBorderColor,\n borderWidth,\n borderRadius,\n borderStyle: 'solid',\n paddingTop: buttonPaddingTop,\n paddingBottom: buttonPaddingBottom,\n paddingLeft: buttonPaddingLeft,\n paddingRight: buttonPaddingRight,\n justifyContent: 'center',\n alignItems: 'center',\n textDecoration: 'none',\n overflow: 'hidden',\n});\n\nexport default getBaseButtonStyles;\n"],"names":["getBaseButtonStyles","_ref","defaultBorderColor","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","defaultBackgroundColor","disabled","isFullWidth","borderWidth","borderRadius","height","_ref$width","width","cursor","backgroundColor","borderColor","borderStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","alignItems","textDecoration","overflow"],"mappings":"AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAAA,CAAA,IACvBC,kBAAkB,CAAAD,IAAA,CAAlBC,kBAAkB,CAClBC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,gBAAgB,CAAAH,IAAA,CAAhBG,gBAAgB,CAChBC,mBAAmB,CAAAJ,IAAA,CAAnBI,mBAAmB,CACnBC,iBAAiB,CAAAL,IAAA,CAAjBK,iBAAiB,CACjBC,kBAAkB,CAAAN,IAAA,CAAlBM,kBAAkB,CAClBC,sBAAsB,CAAAP,IAAA,CAAtBO,sBAAsB,CACtBC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,YAAY,CAAAX,IAAA,CAAZW,YAAY,CACZC,MAAM,CAAAZ,IAAA,CAANY,MAAM,CAAAC,UAAA,CAAAb,IAAA,CACNc,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,UAAA,CAAA,OAIE,CAChBX,SAAS,CAATA,SAAS,CACTU,MAAM,CAANA,MAAM,CACNE,KAAK,CAAEL,WAAW,CAAG,MAAM,CAAGK,KAAK,CACnCC,MAAM,CAAEP,QAAQ,CAAG,aAAa,CAAG,SAAS,CAC5CQ,eAAe,CAAET,sBAAsB,CACvCU,WAAW,CAAEhB,kBAAkB,CAC/BS,WAAW,CAAXA,WAAW,CACXC,YAAY,CAAZA,YAAY,CACZO,WAAW,CAAE,OAAO,CACpBC,UAAU,CAAEhB,gBAAgB,CAC5BiB,aAAa,CAAEhB,mBAAmB,CAClCiB,WAAW,CAAEhB,iBAAiB,CAC9BiB,YAAY,CAAEhB,kBAAkB,CAChCiB,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,MAAM,CACtBC,QAAQ,CAAE,QACZ,CAAC;;;;"}

package/build/lib/native/components/Dropdown/useDropdown.js CHANGED Viewed

@@ -8,7 +8,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import '../BladeProvider/useTheme.js';
-var _excluded=["isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","isKeydownPressed","setIsKeydownPressed","options","selectionType","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setControlledValueIndices","filteredValues","dropdownTriggerer"];var noop=function noop(){};var DropdownContext=React__default.createContext({isOpen:false,setIsOpen:noop,close:noop,selectedIndices:[],setSelectedIndices:noop,controlledValueIndices:[],setControlledValueIndices:noop,options:[],setOptions:noop,filteredValues:[],setFilteredValues:noop,activeIndex:-1,setActiveIndex:noop,activeTagIndex:-1,setActiveTagIndex:noop,shouldIgnoreBlurAnimation:false,setShouldIgnoreBlurAnimation:noop,hasFooterAction:false,setHasFooterAction:noop,hasAutoCompleteInBottomSheetHeader:false,setHasAutoCompleteInBottomSheetHeader:noop,isKeydownPressed:false,setIsKeydownPressed:noop,changeCallbackTriggerer:0,setChangeCallbackTriggerer:noop,isControlled:false,setIsControlled:noop,dropdownBaseId:'',actionListItemRef:{current:null},triggererRef:{current:null},isTagDismissedRef:{current:null},visibleTagsCountRef:{current:null},triggererWrapperRef:{current:null}});var searchTimeout;var searchString='';var useDropdown=function useDropdown(){var _React$useContext=React__default.useContext(DropdownContext),isOpen=_React$useContext.isOpen,setIsOpen=_React$useContext.setIsOpen,close=_React$useContext.close,selectedIndices=_React$useContext.selectedIndices,setSelectedIndices=_React$useContext.setSelectedIndices,activeIndex=_React$useContext.activeIndex,setActiveIndex=_React$useContext.setActiveIndex,activeTagIndex=_React$useContext.activeTagIndex,setActiveTagIndex=_React$useContext.setActiveTagIndex,visibleTagsCountRef=_React$useContext.visibleTagsCountRef,isKeydownPressed=_React$useContext.isKeydownPressed,setIsKeydownPressed=_React$useContext.setIsKeydownPressed,options=_React$useContext.options,selectionType=_React$useContext.selectionType,changeCallbackTriggerer=_React$useContext.changeCallbackTriggerer,setChangeCallbackTriggerer=_React$useContext.setChangeCallbackTriggerer,isControlled=_React$useContext.isControlled,setControlledValueIndices=_React$useContext.setControlledValueIndices,filteredValues=_React$useContext.filteredValues,dropdownTriggerer=_React$useContext.dropdownTriggerer,rest=_objectWithoutProperties(_React$useContext,_excluded);var setIndices=function setIndices(indices){if(isControlled){setControlledValueIndices(indices);}else {setSelectedIndices(indices);}};var removeOption=function removeOption(index){var existingItemIndex=selectedIndices.indexOf(index);if(existingItemIndex<0){return;}setIndices([].concat(_toConsumableArray(selectedIndices.slice(0,existingItemIndex)),_toConsumableArray(selectedIndices.slice(existingItemIndex+1))));};var selectOption=function selectOption(index){var properties=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{closeOnSelection:true};var isSelected=false;if(index<0||index>options.length-1){return isSelected;}if(selectionType==='multiple'){if(selectedIndices.includes(index)){removeOption(index);isSelected=false;}else {setIndices([].concat(_toConsumableArray(selectedIndices),[index]));isSelected=true;}}else {setIndices([index]);isSelected=true;}setChangeCallbackTriggerer(changeCallbackTriggerer+1);if(activeIndex!==index){setActiveIndex(index);}if(properties!=null&&properties.closeOnSelection&&selectionType!=='multiple'){close();}return isSelected;};var onTriggerClick=function onTriggerClick(){if(isOpen){close();}else {setIsOpen(true);}};var onOptionChange=function onOptionChange(actionType,index){setActiveTagIndex(-1);var newIndex=index!=null?index:activeIndex;var updatedIndex;var hasAutoComplete=rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;if(hasAutoComplete&&filteredValues.length>0){var filteredIndexes=filteredValues.map(function(filteredValue){return options.findIndex(function(option){return option.value===filteredValue;});}).sort();updatedIndex=filteredIndexes[getUpdatedIndex({currentIndex:filteredIndexes.indexOf(newIndex),maxIndex:filteredIndexes.length-1,actionType:actionType})];}else {updatedIndex=getUpdatedIndex({currentIndex:newIndex,maxIndex:options.length-1,actionType:actionType});}setActiveIndex(updatedIndex);var optionValues=options.map(function(option){return option.value;});ensureScrollVisiblity(updatedIndex,rest.actionListItemRef.current,optionValues);};var onOptionClick=function onOptionClick(e,index){var actionType=getActionFromKey(e,isOpen,dropdownTriggerer);if(typeof actionType==='number'){onOptionChange(actionType,index);}selectOption(index);if(!isReactNative()){var _rest$triggererRef$cu;(_rest$triggererRef$cu=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu.focus();}};var onComboType=function onComboType(letter,actionType){setIsOpen(true);if(rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return;}if(typeof searchTimeout==='number'){window.clearTimeout(searchTimeout);}searchTimeout=window.setTimeout(function(){searchString='';},500);searchString=searchString+letter;var optionTitles=options.map(function(option){return option.title;});var searchIndex=getIndexByLetter(optionTitles,searchString,activeIndex+1);if(searchIndex>=0){onOptionChange(actionType,searchIndex);}else {window.clearTimeout(searchTimeout);searchString='';}};var onTriggerKeydown=function onTriggerKeydown(e){if(!isKeydownPressed&&![' ','Enter','Escape','Meta'].includes(e.event.key)){setIsKeydownPressed(true);}var actionType=getActionFromKey(e.event,isOpen,dropdownTriggerer);if(actionType){performAction(actionType,e,{setIsOpen:setIsOpen,close:close,onOptionChange:onOptionChange,onComboType:onComboType,selectCurrentOption:function selectCurrentOption(){var _options$activeIndex$,_options$activeIndex;if(activeIndex<0){return;}var isSelected=selectOption(activeIndex);if(rest.hasFooterAction&&!isReactNative()){var _rest$triggererRef$cu2;(_rest$triggererRef$cu2=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu2.focus();}(_options$activeIndex$=(_options$activeIndex=options[activeIndex]).onClickTrigger)==null?void 0:_options$activeIndex$.call(_options$activeIndex,isSelected);}});}};return Object.assign({isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,filteredValues:filteredValues,removeOption:removeOption,setControlledValueIndices:setControlledValueIndices,onTriggerClick:onTriggerClick,onTriggerKeydown:onTriggerKeydown,onOptionClick:onOptionClick,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,options:options,value:makeInputValue(selectedIndices,options),displayValue:makeInputDisplayValue(selectedIndices,options),selectionType:selectionType,dropdownTriggerer:dropdownTriggerer},rest);};
+var _excluded=["isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","visibleTagsCountRef","isKeydownPressed","setIsKeydownPressed","options","selectionType","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setControlledValueIndices","filteredValues","dropdownTriggerer"];var noop=function noop(){};var DropdownContext=React__default.createContext({isOpen:false,setIsOpen:noop,close:noop,selectedIndices:[],setSelectedIndices:noop,controlledValueIndices:[],setControlledValueIndices:noop,options:[],setOptions:noop,filteredValues:[],setFilteredValues:noop,activeIndex:-1,setActiveIndex:noop,activeTagIndex:-1,setActiveTagIndex:noop,shouldIgnoreBlurAnimation:false,setShouldIgnoreBlurAnimation:noop,hasFooterAction:false,setHasFooterAction:noop,hasAutoCompleteInBottomSheetHeader:false,setHasAutoCompleteInBottomSheetHeader:noop,isKeydownPressed:false,setIsKeydownPressed:noop,changeCallbackTriggerer:0,setChangeCallbackTriggerer:noop,isControlled:false,setIsControlled:noop,dropdownBaseId:'',actionListItemRef:{current:null},triggererRef:{current:null},isTagDismissedRef:{current:null},visibleTagsCountRef:{current:null},triggererWrapperRef:{current:null}});var searchTimeout;var searchString='';var useDropdown=function useDropdown(){var _React$useContext=React__default.useContext(DropdownContext),isOpen=_React$useContext.isOpen,setIsOpen=_React$useContext.setIsOpen,close=_React$useContext.close,selectedIndices=_React$useContext.selectedIndices,setSelectedIndices=_React$useContext.setSelectedIndices,activeIndex=_React$useContext.activeIndex,setActiveIndex=_React$useContext.setActiveIndex,activeTagIndex=_React$useContext.activeTagIndex,setActiveTagIndex=_React$useContext.setActiveTagIndex,visibleTagsCountRef=_React$useContext.visibleTagsCountRef,isKeydownPressed=_React$useContext.isKeydownPressed,setIsKeydownPressed=_React$useContext.setIsKeydownPressed,options=_React$useContext.options,selectionType=_React$useContext.selectionType,changeCallbackTriggerer=_React$useContext.changeCallbackTriggerer,setChangeCallbackTriggerer=_React$useContext.setChangeCallbackTriggerer,isControlled=_React$useContext.isControlled,setControlledValueIndices=_React$useContext.setControlledValueIndices,filteredValues=_React$useContext.filteredValues,dropdownTriggerer=_React$useContext.dropdownTriggerer,rest=_objectWithoutProperties(_React$useContext,_excluded);var setIndices=function setIndices(indices){if(isControlled){setControlledValueIndices(indices);}else {setSelectedIndices(indices);}};var removeOption=function removeOption(index){var existingItemIndex=selectedIndices.indexOf(index);if(existingItemIndex<0){return;}setIndices([].concat(_toConsumableArray(selectedIndices.slice(0,existingItemIndex)),_toConsumableArray(selectedIndices.slice(existingItemIndex+1))));};var selectOption=function selectOption(index){var properties=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{closeOnSelection:true};var isSelected=false;if(index<0||index>options.length-1){return isSelected;}if(selectionType==='multiple'){if(selectedIndices.includes(index)){removeOption(index);isSelected=false;}else {setIndices([].concat(_toConsumableArray(selectedIndices),[index]));isSelected=true;}}else {setIndices([index]);isSelected=true;}setChangeCallbackTriggerer(changeCallbackTriggerer+1);if(activeIndex!==index){setActiveIndex(index);}if(properties!=null&&properties.closeOnSelection&&selectionType!=='multiple'){close();}return isSelected;};var onTriggerClick=function onTriggerClick(){if(isOpen){close();}else {setIsOpen(true);}};var onOptionChange=function onOptionChange(actionType,index){setActiveTagIndex(-1);var newIndex=index!=null?index:activeIndex;var updatedIndex;var hasAutoComplete=rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete;if(hasAutoComplete&&filteredValues.length>0){var filteredIndexes=filteredValues.map(function(filteredValue){return options.findIndex(function(option){return option.value===filteredValue;});}).sort(function(a,b){return a-b;});updatedIndex=filteredIndexes[getUpdatedIndex({currentIndex:filteredIndexes.indexOf(newIndex),maxIndex:filteredIndexes.length-1,actionType:actionType})];}else {updatedIndex=getUpdatedIndex({currentIndex:newIndex,maxIndex:options.length-1,actionType:actionType});}setActiveIndex(updatedIndex);var optionValues=options.map(function(option){return option.value;});ensureScrollVisiblity(updatedIndex,rest.actionListItemRef.current,optionValues);};var onOptionClick=function onOptionClick(e,index){var actionType=getActionFromKey(e,isOpen,dropdownTriggerer);if(typeof actionType==='number'){onOptionChange(actionType,index);}selectOption(index);if(!isReactNative()){var _rest$triggererRef$cu;(_rest$triggererRef$cu=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu.focus();}};var onComboType=function onComboType(letter,actionType){setIsOpen(true);if(rest.hasAutoCompleteInBottomSheetHeader||dropdownTriggerer===dropdownComponentIds.triggers.AutoComplete){return;}if(typeof searchTimeout==='number'){window.clearTimeout(searchTimeout);}searchTimeout=window.setTimeout(function(){searchString='';},500);searchString=searchString+letter;var optionTitles=options.map(function(option){return option.title;});var searchIndex=getIndexByLetter(optionTitles,searchString,activeIndex+1);if(searchIndex>=0){onOptionChange(actionType,searchIndex);}else {window.clearTimeout(searchTimeout);searchString='';}};var onTriggerKeydown=function onTriggerKeydown(e){if(!isKeydownPressed&&![' ','Enter','Escape','Meta'].includes(e.event.key)){setIsKeydownPressed(true);}var actionType=getActionFromKey(e.event,isOpen,dropdownTriggerer);if(actionType){performAction(actionType,e,{setIsOpen:setIsOpen,close:close,onOptionChange:onOptionChange,onComboType:onComboType,selectCurrentOption:function selectCurrentOption(){var _options$activeIndex$,_options$activeIndex;if(activeIndex<0){return;}var isSelected=selectOption(activeIndex);if(rest.hasFooterAction&&!isReactNative()){var _rest$triggererRef$cu2;(_rest$triggererRef$cu2=rest.triggererRef.current)==null?void 0:_rest$triggererRef$cu2.focus();}(_options$activeIndex$=(_options$activeIndex=options[activeIndex]).onClickTrigger)==null?void 0:_options$activeIndex$.call(_options$activeIndex,isSelected);}});}};return Object.assign({isOpen:isOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,filteredValues:filteredValues,removeOption:removeOption,setControlledValueIndices:setControlledValueIndices,onTriggerClick:onTriggerClick,onTriggerKeydown:onTriggerKeydown,onOptionClick:onOptionClick,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,options:options,value:makeInputValue(selectedIndices,options),displayValue:makeInputDisplayValue(selectedIndices,options),selectionType:selectionType,dropdownTriggerer:dropdownTriggerer},rest);};
 export { DropdownContext, useDropdown };
 //# sourceMappingURL=useDropdown.js.map

package/build/lib/native/components/Dropdown/useDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n ensureScrollVisiblity,\n getActionFromKey,\n getIndexByLetter,\n getUpdatedIndex,\n makeInputDisplayValue,\n makeInputValue,\n performAction,\n} from './dropdownUtils';\nimport type { SelectActionsType } from './dropdownUtils';\nimport type { DropdownProps } from './types';\n\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { FormInputHandleOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { isReactNative } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\ntype OptionsType = {\n title: string;\n value: string;\n onClickTrigger?: (isSelected: boolean) => void;\n}[];\n\ntype DropdownContextType = {\n isOpen: boolean;\n setIsOpen: (isOpen: boolean) => void;\n close: () => void;\n /*\n contains the indexes of selected items\n /\n selectedIndices: number[];\n setSelectedIndices: (value: number[]) => void;\n /\n contains the indexes of selected items during controlled selection\n /\n controlledValueIndices: number[];\n setControlledValueIndices: (value: number[]) => void;\n /\n contains information about all the options inside actionlist\n /\n options: OptionsType;\n setOptions: (value: OptionsType) => void;\n\n /\n Filtered values for AutoComplete Inputs\n /\n filteredValues: string[];\n setFilteredValues: (values: string[]) => void;\n\n /* Currently active (focussed) index /\n activeIndex: number;\n setActiveIndex: (value: number) => void;\n\n /* Currently active (focussed) tag /\n activeTagIndex: number;\n setActiveTagIndex: (value: number) => void;\n\n /\n Sometimes we want to ignore the blur event to keep dropdown open but not ignore the blur animation from selectinput\n * E.g. When someone clicks on Footer, we just want to ignore the blur event and not the blur animation\n /\n shouldIgnoreBlurAnimation: boolean;\n setShouldIgnoreBlurAnimation: (value: boolean) => void;\n /* Tells you if keyboard was used. Its false by default and turns into true when keydown is called /\n isKeydownPressed: boolean;\n setIsKeydownPressed: (value: boolean) => void;\n /* common baseId which is prepended to multiple other ids inside this dropdown /\n dropdownBaseId: string;\n /* Which element has triggered the dropdown /\n dropdownTriggerer?: 'SelectInput' \| 'DropdownButton' \| 'AutoComplete' \| 'DropdownLink';\n /* ref of triggerer. Used to call focus in certain places /\n triggererRef: React.MutableRefObject<HTMLButtonElement \| null>;\n triggererWrapperRef: React.MutableRefObject<ContainerElementType \| null>;\n actionListItemRef: React.RefObject<HTMLDivElement \| null>;\n isTagDismissedRef: React.RefObject<{ value: boolean } \| null>;\n visibleTagsCountRef: React.RefObject<{ value: number } \| null>;\n\n selectionType?: DropdownProps['selectionType'];\n /* whether footer has an action item.\n * certain a11y behaviour changes happen here\n * E.g. tabbing moves focus to that action instead of outside\n /\n hasFooterAction: boolean;\n setHasFooterAction: (value: boolean) => void;\n\n /\n Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheet, the initial trigger can be Select but also have autocomplete inside of it\n /\n hasAutoCompleteInBottomSheetHeader: boolean;\n setHasAutoCompleteInBottomSheetHeader: (value: boolean) => void;\n\n /\n A value that can be used in dependency array to know when Dropdown value is changed.\n \n E.g.\n * ```ts\n * useEffect(() => {\n * console.log('Uncontrolled value change');\n * }, [changeCallbackTriggerer])\n * ```\n /\n changeCallbackTriggerer: number;\n setChangeCallbackTriggerer: (changeCallbackTriggerer: number) => void;\n\n /\n true when SelectInput has `value` prop (when it is controlled)\n /\n isControlled: boolean;\n setIsControlled: (isControlled: boolean) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownContextType>({\n isOpen: false,\n setIsOpen: noop,\n close: noop,\n selectedIndices: [],\n setSelectedIndices: noop,\n controlledValueIndices: [],\n setControlledValueIndices: noop,\n options: [],\n setOptions: noop,\n filteredValues: [],\n setFilteredValues: noop,\n activeIndex: -1,\n setActiveIndex: noop,\n activeTagIndex: -1,\n setActiveTagIndex: noop,\n shouldIgnoreBlurAnimation: false,\n setShouldIgnoreBlurAnimation: noop,\n hasFooterAction: false,\n setHasFooterAction: noop,\n hasAutoCompleteInBottomSheetHeader: false,\n setHasAutoCompleteInBottomSheetHeader: noop,\n isKeydownPressed: false,\n setIsKeydownPressed: noop,\n changeCallbackTriggerer: 0,\n setChangeCallbackTriggerer: noop,\n isControlled: false,\n setIsControlled: noop,\n dropdownBaseId: '',\n actionListItemRef: {\n current: null,\n },\n triggererRef: {\n current: null,\n },\n isTagDismissedRef: {\n current: null,\n },\n visibleTagsCountRef: {\n current: null,\n },\n triggererWrapperRef: {\n current: null,\n },\n});\n\nlet searchTimeout: number;\nlet searchString = '';\n\ntype UseDropdownReturnValue = DropdownContextType & {\n /\n Click event on combobox. Toggles the dropdown\n /\n onTriggerClick: () => void;\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n /\n onTriggerKeydown: FormInputHandleOnKeyDownEvent \| undefined;\n\n /\n Handles the click even on option.\n \n Contains the logic that selects the option, moves the focus, etc\n /\n onOptionClick: (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => void;\n\n /\n Removes the option with given optionsIndex\n /\n removeOption: (index: number) => void;\n\n /\n value that is used during form submissions\n /\n value: string;\n /\n This is the value that is displayed inside select after selection\n /\n displayValue: string;\n};\n\n/\n Handles almost all the functionality of dropdown.\n \n Returns the values from DropdownContext along with some helper functions and event handlers\n \n /\nconst useDropdown = (): UseDropdownReturnValue => {\n const {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n options,\n selectionType,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setControlledValueIndices,\n filteredValues,\n dropdownTriggerer,\n ...rest\n } = React.useContext(DropdownContext);\n\n type SelectOptionType = (\n index: number,\n properties?: {\n closeOnSelection?: boolean;\n },\n ) => boolean;\n\n const setIndices = (indices: number[]): void => {\n if (isControlled) {\n setControlledValueIndices(indices);\n } else {\n setSelectedIndices(indices);\n }\n };\n\n const removeOption = (index: number): void => {\n // remove existing item\n const existingItemIndex = selectedIndices.indexOf(index);\n if (existingItemIndex < 0) {\n return;\n }\n\n setIndices([\n ...selectedIndices.slice(0, existingItemIndex),\n ...selectedIndices.slice(existingItemIndex + 1),\n ]);\n };\n\n /*\n Marks the given index as selected.\n \n In single select, it also closes the menu.\n * In multiselect, it keeps the menu open for more selections\n /\n const selectOption: SelectOptionType = (\n index,\n properties = {\n closeOnSelection: true,\n },\n ) => {\n let isSelected = false;\n\n if (index < 0 \|\| index > options.length - 1) {\n return isSelected;\n }\n\n if (selectionType === 'multiple') {\n if (selectedIndices.includes(index)) {\n removeOption(index);\n isSelected = false;\n } else {\n setIndices([...selectedIndices, index]);\n isSelected = true;\n }\n } else {\n setIndices([index]);\n isSelected = true;\n }\n\n // Triggers `onChange` on SelectInput\n setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n\n if (activeIndex !== index) {\n setActiveIndex(index);\n }\n\n if (properties?.closeOnSelection && selectionType !== 'multiple') {\n close();\n }\n\n return isSelected;\n };\n\n /\n Click listener for combobox (or any triggerer of the dropdown)\n /\n const onTriggerClick = (): void => {\n if (isOpen) {\n close();\n } else {\n setIsOpen(true);\n }\n };\n\n /\n Function that we call when we want to move focus from one option to other\n /\n const onOptionChange = (actionType: SelectActionsType, index?: number): void => {\n setActiveTagIndex(-1);\n const newIndex = index ?? activeIndex;\n let updatedIndex: number;\n const hasAutoComplete =\n rest.hasAutoCompleteInBottomSheetHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n if (hasAutoComplete && filteredValues.length > 0) {\n // When its autocomplete, we don't loop over all options. We only loop on filtered options\n\n const filteredIndexes = filteredValues\n .map((filteredValue) => options.findIndex((option) => option.value === filteredValue))\n .sort();\n\n updatedIndex =\n filteredIndexes[\n getUpdatedIndex({\n currentIndex: filteredIndexes.indexOf(newIndex),\n maxIndex: filteredIndexes.length - 1,\n actionType,\n })\n ];\n } else {\n updatedIndex = getUpdatedIndex({\n currentIndex: newIndex,\n maxIndex: options.length - 1,\n actionType,\n });\n }\n setActiveIndex(updatedIndex);\n\n const optionValues = options.map((option) => option.value);\n ensureScrollVisiblity(updatedIndex, rest.actionListItemRef.current, optionValues);\n };\n\n /\n Click handler when user clicks on any particular option.\n \n It\n * - changes the option focus\n * - selects that option\n * - moves focus to combobox\n /\n const onOptionClick = (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ): void => {\n const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n if (typeof actionType === 'number') {\n onOptionChange(actionType, index);\n }\n selectOption(index);\n if (!isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n };\n\n /\n Function we call to handle the typeahead.\n \n It takes a letter, stores that letter in searchString (and clears it after timeout) to maintain a word\n \n Then searches for that word in options and moves focus there.\n /\n const onComboType = (letter: string, actionType: SelectActionsType): void => {\n // open the listbox if it is closed\n setIsOpen(true);\n\n if (\n rest.hasAutoCompleteInBottomSheetHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n ) {\n return;\n }\n\n if (typeof searchTimeout === 'number') {\n window.clearTimeout(searchTimeout);\n }\n\n searchTimeout = window.setTimeout(() => {\n searchString = '';\n }, 500);\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n searchString = searchString + letter;\n const optionTitles = options.map((option) => option.title);\n const searchIndex = getIndexByLetter(optionTitles, searchString, activeIndex + 1);\n\n // if a match was found, go to it\n if (searchIndex >= 0) {\n onOptionChange(actionType, searchIndex);\n }\n // if no matches, clear the timeout and search string\n else {\n window.clearTimeout(searchTimeout);\n searchString = '';\n }\n };\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n */\n const onTriggerKeydown = (e: {\n event: React.KeyboardEvent<HTMLInputElement \| HTMLButtonElement>;\n }): void => {\n if (!isKeydownPressed && ![' ', 'Enter', 'Escape', 'Meta'].includes(e.event.key)) {\n // When keydown is not already pressed and its not Enter, Space, Command, or Escape key (those are generic keys and we only want to handle arrow keys or home buttons etc)\n setIsKeydownPressed(true);\n }\n\n const actionType = getActionFromKey(e.event, isOpen, dropdownTriggerer);\n\n if (actionType) {\n performAction(actionType, e, {\n setIsOpen,\n close,\n onOptionChange,\n onComboType,\n selectCurrentOption: () => {\n if (activeIndex < 0) {\n return;\n }\n\n const isSelected = selectOption(activeIndex);\n if (rest.hasFooterAction && !isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n\n options[activeIndex].onClickTrigger?.(isSelected);\n },\n });\n }\n };\n\n return {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n filteredValues,\n removeOption,\n setControlledValueIndices,\n onTriggerClick,\n onTriggerKeydown,\n onOptionClick,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n options,\n value: makeInputValue(selectedIndices, options),\n displayValue: makeInputDisplayValue(selectedIndices, options),\n selectionType,\n dropdownTriggerer,\n ...rest,\n };\n};\n\nexport type { DropdownContextType, OptionsType };\nexport { useDropdown, DropdownContext };\n"],"names":["noop","DropdownContext","React","createContext","isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","controlledValueIndices","setControlledValueIndices","options","setOptions","filteredValues","setFilteredValues","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","hasFooterAction","setHasFooterAction","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","dropdownBaseId","actionListItemRef","current","triggererRef","isTagDismissedRef","visibleTagsCountRef","triggererWrapperRef","searchTimeout","searchString","useDropdown","_React$useContext","useContext","selectionType","dropdownTriggerer","rest","_objectWithoutProperties","_excluded","setIndices","indices","removeOption","index","existingItemIndex","indexOf","concat","_toConsumableArray","slice","selectOption","properties","arguments","length","undefined","closeOnSelection","isSelected","includes","onTriggerClick","onOptionChange","actionType","newIndex","updatedIndex","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredIndexes","map","filteredValue","findIndex","option","value","sort","getUpdatedIndex","currentIndex","maxIndex","optionValues","ensureScrollVisiblity","onOptionClick","e","getActionFromKey","isReactNative","_rest$triggererRef$cu","focus","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","Object","assign","makeInputValue","displayValue","makeInputDisplayValue"],"mappings":"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"}
1	+ {"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/Dropdown/useDropdown.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n ensureScrollVisiblity,\n getActionFromKey,\n getIndexByLetter,\n getUpdatedIndex,\n makeInputDisplayValue,\n makeInputValue,\n performAction,\n} from './dropdownUtils';\nimport type { SelectActionsType } from './dropdownUtils';\nimport type { DropdownProps } from './types';\n\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { FormInputHandleOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { isReactNative } from '~utils';\nimport type { ContainerElementType } from '~utils/types';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\ntype OptionsType = {\n title: string;\n value: string;\n onClickTrigger?: (isSelected: boolean) => void;\n}[];\n\ntype DropdownContextType = {\n isOpen: boolean;\n setIsOpen: (isOpen: boolean) => void;\n close: () => void;\n /*\n contains the indexes of selected items\n /\n selectedIndices: number[];\n setSelectedIndices: (value: number[]) => void;\n /\n contains the indexes of selected items during controlled selection\n /\n controlledValueIndices: number[];\n setControlledValueIndices: (value: number[]) => void;\n /\n contains information about all the options inside actionlist\n /\n options: OptionsType;\n setOptions: (value: OptionsType) => void;\n\n /\n Filtered values for AutoComplete Inputs\n /\n filteredValues: string[];\n setFilteredValues: (values: string[]) => void;\n\n /* Currently active (focussed) index /\n activeIndex: number;\n setActiveIndex: (value: number) => void;\n\n /* Currently active (focussed) tag /\n activeTagIndex: number;\n setActiveTagIndex: (value: number) => void;\n\n /\n Sometimes we want to ignore the blur event to keep dropdown open but not ignore the blur animation from selectinput\n * E.g. When someone clicks on Footer, we just want to ignore the blur event and not the blur animation\n /\n shouldIgnoreBlurAnimation: boolean;\n setShouldIgnoreBlurAnimation: (value: boolean) => void;\n /* Tells you if keyboard was used. Its false by default and turns into true when keydown is called /\n isKeydownPressed: boolean;\n setIsKeydownPressed: (value: boolean) => void;\n /* common baseId which is prepended to multiple other ids inside this dropdown /\n dropdownBaseId: string;\n /* Which element has triggered the dropdown /\n dropdownTriggerer?: 'SelectInput' \| 'DropdownButton' \| 'AutoComplete' \| 'DropdownLink';\n /* ref of triggerer. Used to call focus in certain places /\n triggererRef: React.MutableRefObject<HTMLButtonElement \| null>;\n triggererWrapperRef: React.MutableRefObject<ContainerElementType \| null>;\n actionListItemRef: React.RefObject<HTMLDivElement \| null>;\n isTagDismissedRef: React.RefObject<{ value: boolean } \| null>;\n visibleTagsCountRef: React.RefObject<{ value: number } \| null>;\n\n selectionType?: DropdownProps['selectionType'];\n /* whether footer has an action item.\n * certain a11y behaviour changes happen here\n * E.g. tabbing moves focus to that action instead of outside\n /\n hasFooterAction: boolean;\n setHasFooterAction: (value: boolean) => void;\n\n /\n Apart from dropdownTriggerer prop, we also set this boolean because in BottomSheet, the initial trigger can be Select but also have autocomplete inside of it\n /\n hasAutoCompleteInBottomSheetHeader: boolean;\n setHasAutoCompleteInBottomSheetHeader: (value: boolean) => void;\n\n /\n A value that can be used in dependency array to know when Dropdown value is changed.\n \n E.g.\n * ```ts\n * useEffect(() => {\n * console.log('Uncontrolled value change');\n * }, [changeCallbackTriggerer])\n * ```\n /\n changeCallbackTriggerer: number;\n setChangeCallbackTriggerer: (changeCallbackTriggerer: number) => void;\n\n /\n true when SelectInput has `value` prop (when it is controlled)\n /\n isControlled: boolean;\n setIsControlled: (isControlled: boolean) => void;\n};\n\nconst DropdownContext = React.createContext<DropdownContextType>({\n isOpen: false,\n setIsOpen: noop,\n close: noop,\n selectedIndices: [],\n setSelectedIndices: noop,\n controlledValueIndices: [],\n setControlledValueIndices: noop,\n options: [],\n setOptions: noop,\n filteredValues: [],\n setFilteredValues: noop,\n activeIndex: -1,\n setActiveIndex: noop,\n activeTagIndex: -1,\n setActiveTagIndex: noop,\n shouldIgnoreBlurAnimation: false,\n setShouldIgnoreBlurAnimation: noop,\n hasFooterAction: false,\n setHasFooterAction: noop,\n hasAutoCompleteInBottomSheetHeader: false,\n setHasAutoCompleteInBottomSheetHeader: noop,\n isKeydownPressed: false,\n setIsKeydownPressed: noop,\n changeCallbackTriggerer: 0,\n setChangeCallbackTriggerer: noop,\n isControlled: false,\n setIsControlled: noop,\n dropdownBaseId: '',\n actionListItemRef: {\n current: null,\n },\n triggererRef: {\n current: null,\n },\n isTagDismissedRef: {\n current: null,\n },\n visibleTagsCountRef: {\n current: null,\n },\n triggererWrapperRef: {\n current: null,\n },\n});\n\nlet searchTimeout: number;\nlet searchString = '';\n\ntype UseDropdownReturnValue = DropdownContextType & {\n /\n Click event on combobox. Toggles the dropdown\n /\n onTriggerClick: () => void;\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n /\n onTriggerKeydown: FormInputHandleOnKeyDownEvent \| undefined;\n\n /\n Handles the click even on option.\n \n Contains the logic that selects the option, moves the focus, etc\n /\n onOptionClick: (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => void;\n\n /\n Removes the option with given optionsIndex\n /\n removeOption: (index: number) => void;\n\n /\n value that is used during form submissions\n /\n value: string;\n /\n This is the value that is displayed inside select after selection\n /\n displayValue: string;\n};\n\n/\n Handles almost all the functionality of dropdown.\n \n Returns the values from DropdownContext along with some helper functions and event handlers\n \n /\nconst useDropdown = (): UseDropdownReturnValue => {\n const {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n options,\n selectionType,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setControlledValueIndices,\n filteredValues,\n dropdownTriggerer,\n ...rest\n } = React.useContext(DropdownContext);\n\n type SelectOptionType = (\n index: number,\n properties?: {\n closeOnSelection?: boolean;\n },\n ) => boolean;\n\n const setIndices = (indices: number[]): void => {\n if (isControlled) {\n setControlledValueIndices(indices);\n } else {\n setSelectedIndices(indices);\n }\n };\n\n const removeOption = (index: number): void => {\n // remove existing item\n const existingItemIndex = selectedIndices.indexOf(index);\n if (existingItemIndex < 0) {\n return;\n }\n\n setIndices([\n ...selectedIndices.slice(0, existingItemIndex),\n ...selectedIndices.slice(existingItemIndex + 1),\n ]);\n };\n\n /*\n Marks the given index as selected.\n \n In single select, it also closes the menu.\n * In multiselect, it keeps the menu open for more selections\n /\n const selectOption: SelectOptionType = (\n index,\n properties = {\n closeOnSelection: true,\n },\n ) => {\n let isSelected = false;\n\n if (index < 0 \|\| index > options.length - 1) {\n return isSelected;\n }\n\n if (selectionType === 'multiple') {\n if (selectedIndices.includes(index)) {\n removeOption(index);\n isSelected = false;\n } else {\n setIndices([...selectedIndices, index]);\n isSelected = true;\n }\n } else {\n setIndices([index]);\n isSelected = true;\n }\n\n // Triggers `onChange` on SelectInput\n setChangeCallbackTriggerer(changeCallbackTriggerer + 1);\n\n if (activeIndex !== index) {\n setActiveIndex(index);\n }\n\n if (properties?.closeOnSelection && selectionType !== 'multiple') {\n close();\n }\n\n return isSelected;\n };\n\n /\n Click listener for combobox (or any triggerer of the dropdown)\n /\n const onTriggerClick = (): void => {\n if (isOpen) {\n close();\n } else {\n setIsOpen(true);\n }\n };\n\n /\n Function that we call when we want to move focus from one option to other\n /\n const onOptionChange = (actionType: SelectActionsType, index?: number): void => {\n setActiveTagIndex(-1);\n const newIndex = index ?? activeIndex;\n let updatedIndex: number;\n const hasAutoComplete =\n rest.hasAutoCompleteInBottomSheetHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n if (hasAutoComplete && filteredValues.length > 0) {\n // When its autocomplete, we don't loop over all options. We only loop on filtered options\n\n const filteredIndexes = filteredValues\n .map((filteredValue) => options.findIndex((option) => option.value === filteredValue))\n .sort((a, b) => a - b);\n\n updatedIndex =\n filteredIndexes[\n getUpdatedIndex({\n currentIndex: filteredIndexes.indexOf(newIndex),\n maxIndex: filteredIndexes.length - 1,\n actionType,\n })\n ];\n } else {\n updatedIndex = getUpdatedIndex({\n currentIndex: newIndex,\n maxIndex: options.length - 1,\n actionType,\n });\n }\n setActiveIndex(updatedIndex);\n\n const optionValues = options.map((option) => option.value);\n ensureScrollVisiblity(updatedIndex, rest.actionListItemRef.current, optionValues);\n };\n\n /\n Click handler when user clicks on any particular option.\n \n It\n * - changes the option focus\n * - selects that option\n * - moves focus to combobox\n /\n const onOptionClick = (\n e: React.MouseEvent<HTMLButtonElement> \| React.KeyboardEvent<HTMLInputElement>,\n index: number,\n ): void => {\n const actionType = getActionFromKey(e, isOpen, dropdownTriggerer);\n if (typeof actionType === 'number') {\n onOptionChange(actionType, index);\n }\n selectOption(index);\n if (!isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n };\n\n /\n Function we call to handle the typeahead.\n \n It takes a letter, stores that letter in searchString (and clears it after timeout) to maintain a word\n \n Then searches for that word in options and moves focus there.\n /\n const onComboType = (letter: string, actionType: SelectActionsType): void => {\n // open the listbox if it is closed\n setIsOpen(true);\n\n if (\n rest.hasAutoCompleteInBottomSheetHeader \|\|\n dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n ) {\n return;\n }\n\n if (typeof searchTimeout === 'number') {\n window.clearTimeout(searchTimeout);\n }\n\n searchTimeout = window.setTimeout(() => {\n searchString = '';\n }, 500);\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n searchString = searchString + letter;\n const optionTitles = options.map((option) => option.title);\n const searchIndex = getIndexByLetter(optionTitles, searchString, activeIndex + 1);\n\n // if a match was found, go to it\n if (searchIndex >= 0) {\n onOptionChange(actionType, searchIndex);\n }\n // if no matches, clear the timeout and search string\n else {\n window.clearTimeout(searchTimeout);\n searchString = '';\n }\n };\n\n /\n Keydown event of combobox. Handles most of the keyboard accessibility of dropdown\n */\n const onTriggerKeydown = (e: {\n event: React.KeyboardEvent<HTMLInputElement \| HTMLButtonElement>;\n }): void => {\n if (!isKeydownPressed && ![' ', 'Enter', 'Escape', 'Meta'].includes(e.event.key)) {\n // When keydown is not already pressed and its not Enter, Space, Command, or Escape key (those are generic keys and we only want to handle arrow keys or home buttons etc)\n setIsKeydownPressed(true);\n }\n\n const actionType = getActionFromKey(e.event, isOpen, dropdownTriggerer);\n\n if (actionType) {\n performAction(actionType, e, {\n setIsOpen,\n close,\n onOptionChange,\n onComboType,\n selectCurrentOption: () => {\n if (activeIndex < 0) {\n return;\n }\n\n const isSelected = selectOption(activeIndex);\n if (rest.hasFooterAction && !isReactNative()) {\n rest.triggererRef.current?.focus();\n }\n\n options[activeIndex].onClickTrigger?.(isSelected);\n },\n });\n }\n };\n\n return {\n isOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n filteredValues,\n removeOption,\n setControlledValueIndices,\n onTriggerClick,\n onTriggerKeydown,\n onOptionClick,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n isKeydownPressed,\n setIsKeydownPressed,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n options,\n value: makeInputValue(selectedIndices, options),\n displayValue: makeInputDisplayValue(selectedIndices, options),\n selectionType,\n dropdownTriggerer,\n ...rest,\n };\n};\n\nexport type { DropdownContextType, OptionsType };\nexport { useDropdown, DropdownContext };\n"],"names":["noop","DropdownContext","React","createContext","isOpen","setIsOpen","close","selectedIndices","setSelectedIndices","controlledValueIndices","setControlledValueIndices","options","setOptions","filteredValues","setFilteredValues","activeIndex","setActiveIndex","activeTagIndex","setActiveTagIndex","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","hasFooterAction","setHasFooterAction","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","isKeydownPressed","setIsKeydownPressed","changeCallbackTriggerer","setChangeCallbackTriggerer","isControlled","setIsControlled","dropdownBaseId","actionListItemRef","current","triggererRef","isTagDismissedRef","visibleTagsCountRef","triggererWrapperRef","searchTimeout","searchString","useDropdown","_React$useContext","useContext","selectionType","dropdownTriggerer","rest","_objectWithoutProperties","_excluded","setIndices","indices","removeOption","index","existingItemIndex","indexOf","concat","_toConsumableArray","slice","selectOption","properties","arguments","length","undefined","closeOnSelection","isSelected","includes","onTriggerClick","onOptionChange","actionType","newIndex","updatedIndex","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredIndexes","map","filteredValue","findIndex","option","value","sort","a","b","getUpdatedIndex","currentIndex","maxIndex","optionValues","ensureScrollVisiblity","onOptionClick","e","getActionFromKey","isReactNative","_rest$triggererRef$cu","focus","onComboType","letter","window","clearTimeout","setTimeout","optionTitles","title","searchIndex","getIndexByLetter","onTriggerKeydown","event","key","performAction","selectCurrentOption","_options$activeIndex$","_options$activeIndex","_rest$triggererRef$cu2","onClickTrigger","call","Object","assign","makeInputValue","displayValue","makeInputDisplayValue"],"mappings":"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"}