npm - @react-native-ohos/native-base - Versions diffs - 3.4.29-rc.1 → 3.4.29-rc.3 - Mend

@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

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 (2296) hide show

package/lib/module/components/primitives/Pressable/Pressable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Pressable.tsx"],"~~names":["React","forwardRef","memo","Pressable","RNPressable","composeEventHandlers","useHasResponsiveProps","makeStyledComponent","usePropsResolution","useFocusRing","useHover","isHovered","setHovered","useState","hoverProps","onHoverIn","onHoverOut","useFocus","isFocused","setFocused","focusProps","onFocus","onBlur","useIsPressed","isPressed","setIsPressed","pressableProps","onPressIn","onPressOut","StyledPressable","children","isDisabled","disabled","isHoveredProp","isPressedProp","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusRingProps","stateProps","resolvedProps"],"~~mappings~~":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { Pressable as RNPressable } from 'react-native';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport type { IPressableProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\n\r\nexport const useHover = () => {\r\n const [isHovered, setHovered] = React.useState(false);\r\n return {\r\n hoverProps: {\r\n onHoverIn: () => setHovered(true),\r\n onHoverOut: () => setHovered(false),\r\n },\r\n isHovered,\r\n };\r\n};\r\n\r\nexport const useFocus = () => {\r\n const [isFocused, setFocused] = React.useState(false);\r\n return {\r\n focusProps: {\r\n onFocus: () => setFocused(true),\r\n onBlur: () => setFocused(false),\r\n },\r\n isFocused,\r\n };\r\n};\r\n\r\nexport const useIsPressed = () => {\r\n const [isPressed, setIsPressed] = React.useState(false);\r\n return {\r\n pressableProps: {\r\n onPressIn: () => setIsPressed(true),\r\n onPressOut: () => setIsPressed(false),\r\n },\r\n isPressed,\r\n };\r\n};\r\n\r\nconst StyledPressable = makeStyledComponent(RNPressable);\r\n\r\nconst Pressable = (\r\n {\r\n children,\r\n isDisabled,\r\n disabled,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n isFocusVisible: isFocusVisibleProp,\r\n ...props\r\n }: IPressableProps,\r\n ref: any\r\n) => {\r\n const { hoverProps, isHovered } = useHover();\r\n const { pressableProps, isPressed } = useIsPressed();\r\n const { focusProps, isFocused } = useFocus();\r\n const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();\r\n\r\n const stateProps = {\r\n isPressed: isPressedProp \|\| isPressed,\r\n isFocused: isFocusedProp \|\| isFocused,\r\n isHovered: isHoveredProp \|\| isHovered,\r\n };\r\n\r\n const {\r\n onPressIn,\r\n onPressOut,\r\n onHoverIn,\r\n onHoverOut,\r\n onFocus,\r\n onBlur,\r\n ...resolvedProps\r\n } = usePropsResolution('Pressable', props, {\r\n ...stateProps,\r\n isFocusVisible: isFocusVisibleProp \|\| isFocusVisible,\r\n isDisabled: disabled \|\| isDisabled,\r\n });\r\n\r\n // TODO: Replace Render props with Context Hook\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n\r\n // TODO: Replace Render props with Context Hook\r\n return (\r\n <StyledPressable\r\n ref={ref}\r\n onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n // @ts-ignore - web only\r\n onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n // @ts-ignore - web only\r\n onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n // @ts-ignore - web only\r\n onFocus={composeEventHandlers(\r\n composeEventHandlers(onFocus, focusProps.onFocus),\r\n focusRingProps.onFocus\r\n )}\r\n // @ts-ignore - web only\r\n onBlur={composeEventHandlers(\r\n composeEventHandlers(onBlur, focusProps.onBlur),\r\n focusRingProps.onBlur\r\n )}\r\n disabled={disabled \|\| isDisabled}\r\n {...resolvedProps}\r\n >\r\n {typeof children !== 'function' ? children : children({ ...stateProps })}\r\n </StyledPressable>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Pressable));\r\n"]}
1	+ {"version":3,"names":["React","forwardRef","memo","Pressable","RNPressable","composeEventHandlers","useHasResponsiveProps","makeStyledComponent","usePropsResolution","useFocusRing","useHover","isHovered","setHovered","useState","hoverProps","onHoverIn","onHoverOut","useFocus","isFocused","setFocused","focusProps","onFocus","onBlur","useIsPressed","isPressed","setIsPressed","pressableProps","onPressIn","onPressOut","StyledPressable","children","isDisabled","disabled","isHoveredProp","isPressedProp","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusRingProps","stateProps","resolvedProps","createElement","_extends"],"sources":["Pressable.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { Pressable as RNPressable } from 'react-native';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport type { IPressableProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\n\r\nexport const useHover = () => {\r\n const [isHovered, setHovered] = React.useState(false);\r\n return {\r\n hoverProps: {\r\n onHoverIn: () => setHovered(true),\r\n onHoverOut: () => setHovered(false),\r\n },\r\n isHovered,\r\n };\r\n};\r\n\r\nexport const useFocus = () => {\r\n const [isFocused, setFocused] = React.useState(false);\r\n return {\r\n focusProps: {\r\n onFocus: () => setFocused(true),\r\n onBlur: () => setFocused(false),\r\n },\r\n isFocused,\r\n };\r\n};\r\n\r\nexport const useIsPressed = () => {\r\n const [isPressed, setIsPressed] = React.useState(false);\r\n return {\r\n pressableProps: {\r\n onPressIn: () => setIsPressed(true),\r\n onPressOut: () => setIsPressed(false),\r\n },\r\n isPressed,\r\n };\r\n};\r\n\r\nconst StyledPressable = makeStyledComponent(RNPressable);\r\n\r\nconst Pressable = (\r\n {\r\n children,\r\n isDisabled,\r\n disabled,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n isFocusVisible: isFocusVisibleProp,\r\n ...props\r\n }: IPressableProps,\r\n ref: any\r\n) => {\r\n const { hoverProps, isHovered } = useHover();\r\n const { pressableProps, isPressed } = useIsPressed();\r\n const { focusProps, isFocused } = useFocus();\r\n const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();\r\n\r\n const stateProps = {\r\n isPressed: isPressedProp \|\| isPressed,\r\n isFocused: isFocusedProp \|\| isFocused,\r\n isHovered: isHoveredProp \|\| isHovered,\r\n };\r\n\r\n const {\r\n onPressIn,\r\n onPressOut,\r\n onHoverIn,\r\n onHoverOut,\r\n onFocus,\r\n onBlur,\r\n ...resolvedProps\r\n } = usePropsResolution('Pressable', props, {\r\n ...stateProps,\r\n isFocusVisible: isFocusVisibleProp \|\| isFocusVisible,\r\n isDisabled: disabled \|\| isDisabled,\r\n });\r\n\r\n // TODO: Replace Render props with Context Hook\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n\r\n // TODO: Replace Render props with Context Hook\r\n return (\r\n <StyledPressable\r\n ref={ref}\r\n onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n // @ts-ignore - web only\r\n onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n // @ts-ignore - web only\r\n onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n // @ts-ignore - web only\r\n onFocus={composeEventHandlers(\r\n composeEventHandlers(onFocus, focusProps.onFocus),\r\n focusRingProps.onFocus\r\n )}\r\n // @ts-ignore - web only\r\n onBlur={composeEventHandlers(\r\n composeEventHandlers(onBlur, focusProps.onBlur),\r\n focusRingProps.onBlur\r\n )}\r\n disabled={disabled \|\| isDisabled}\r\n {...resolvedProps}\r\n >\r\n {typeof children !== 'function' ? children : children({ ...stateProps })}\r\n </StyledPressable>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Pressable));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,IAAI,QAAQ,OAAO;AAC/C,SAASC,SAAS,IAAIC,WAAW,QAAQ,cAAc;AACvD,SAASC,oBAAoB,QAAQ,gBAAgB;AAErD,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,YAAY,QAAQ,0BAA0B;AAEvD,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGZ,KAAK,CAACa,QAAQ,CAAC,KAAK,CAAC;EACrD,OAAO;IACLC,UAAU,EAAE;MACVC,SAAS,EAAEA,CAAA,KAAMH,UAAU,CAAC,IAAI,CAAC;MACjCI,UAAU,EAAEA,CAAA,KAAMJ,UAAU,CAAC,KAAK;IACpC,CAAC;IACDD;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMM,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGnB,KAAK,CAACa,QAAQ,CAAC,KAAK,CAAC;EACrD,OAAO;IACLO,UAAU,EAAE;MACVC,OAAO,EAAEA,CAAA,KAAMF,UAAU,CAAC,IAAI,CAAC;MAC/BG,MAAM,EAAEA,CAAA,KAAMH,UAAU,CAAC,KAAK;IAChC,CAAC;IACDD;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGzB,KAAK,CAACa,QAAQ,CAAC,KAAK,CAAC;EACvD,OAAO;IACLa,cAAc,EAAE;MACdC,SAAS,EAAEA,CAAA,KAAMF,YAAY,CAAC,IAAI,CAAC;MACnCG,UAAU,EAAEA,CAAA,KAAMH,YAAY,CAAC,KAAK;IACtC,CAAC;IACDD;EACF,CAAC;AACH,CAAC;AAED,MAAMK,eAAe,GAAGtB,mBAAmB,CAACH,WAAW,CAAC;AAExD,MAAMD,SAAS,GAAGA,CAChB;EACE2B,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRrB,SAAS,EAAEsB,aAAa;EACxBT,SAAS,EAAEU,aAAa;EACxBhB,SAAS,EAAEiB,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClC,GAAGC;AACY,CAAC,EAClBC,GAAQ,KACL;EACH,MAAM;IAAEzB,UAAU;IAAEH;EAAU,CAAC,GAAGD,QAAQ,CAAC,CAAC;EAC5C,MAAM;IAAEgB,cAAc;IAAEF;EAAU,CAAC,GAAGD,YAAY,CAAC,CAAC;EACpD,MAAM;IAAEH,UAAU;IAAEF;EAAU,CAAC,GAAGD,QAAQ,CAAC,CAAC;EAC5C,MAAM;IAAEmB,cAAc;IAAEhB,UAAU,EAAEoB;EAAoB,CAAC,GAAG/B,YAAY,CAAC,CAAC;EAE1E,MAAMgC,UAAU,GAAG;IACjBjB,SAAS,EAAEU,aAAa,IAAIV,SAAS;IACrCN,SAAS,EAAEiB,aAAa,IAAIjB,SAAS;IACrCP,SAAS,EAAEsB,aAAa,IAAItB;EAC9B,CAAC;EAED,MAAM;IACJgB,SAAS;IACTC,UAAU;IACVb,SAAS;IACTC,UAAU;IACVK,OAAO;IACPC,MAAM;IACN,GAAGoB;EACL,CAAC,GAAGlC,kBAAkB,CAAC,WAAW,EAAE8B,KAAK,EAAE;IACzC,GAAGG,UAAU;IACbL,cAAc,EAAEC,kBAAkB,IAAID,cAAc;IACpDL,UAAU,EAAEC,QAAQ,IAAID;EAC1B,CAAC,CAAC;;EAEF;;EAEA;EACA,IAAIzB,qBAAqB,CAACgC,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;;EAEA;EACA,oBACEtC,KAAA,CAAA2C,aAAA,CAACd,eAAe,EAAAe,QAAA;IACdL,GAAG,EAAEA,GAAI;IACTZ,SAAS,EAAEtB,oBAAoB,CAACsB,SAAS,EAAED,cAAc,CAACC,SAAS,CAAE;IACrEC,UAAU,EAAEvB,oBAAoB,CAACuB,UAAU,EAAEF,cAAc,CAACE,UAAU;IACtE;IAAA;IACAb,SAAS,EAAEV,oBAAoB,CAACU,SAAS,EAAED,UAAU,CAACC,SAAS;IAC/D;IAAA;IACAC,UAAU,EAAEX,oBAAoB,CAACW,UAAU,EAAEF,UAAU,CAACE,UAAU;IAClE;IAAA;IACAK,OAAO,EAAEhB,oBAAoB,CAC3BA,oBAAoB,CAACgB,OAAO,EAAED,UAAU,CAACC,OAAO,CAAC,EACjDmB,cAAc,CAACnB,OACjB;IACA;IAAA;IACAC,MAAM,EAAEjB,oBAAoB,CAC1BA,oBAAoB,CAACiB,MAAM,EAAEF,UAAU,CAACE,MAAM,CAAC,EAC/CkB,cAAc,CAAClB,MACjB,CAAE;IACFU,QAAQ,EAAEA,QAAQ,IAAID;EAAW,GAC7BW,aAAa,GAEhB,OAAOZ,QAAQ,KAAK,UAAU,GAAGA,QAAQ,GAAGA,QAAQ,CAAC;IAAE,GAAGW;EAAW,CAAC,CACxD,CAAC;AAEtB,CAAC;AAED,4BAAevC,IAAI,cAACD,UAAU,CAACE,SAAS,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/primitives/Pressable/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["index.tsx"],"~~names":["default","Pressable","useFocus","useHover","useIsPressed"],"~~mappings~~":"~~AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,aAArC;AAEA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,YAA7B,QAAiD,aAAjD~~","sourcesContent":["export { default as Pressable } from './Pressable';\r\nexport type { IPressableProps } from './types';\r\nexport { useFocus, useHover, useIsPressed } from './Pressable';\r\n"]}
1	+ {"version":3,"names":["default","Pressable","useFocus","useHover","useIsPressed"],"sources":["index.tsx"],"sourcesContent":["export { default as Pressable } from './Pressable';\r\nexport type { IPressableProps } from './types';\r\nexport { useFocus, useHover, useIsPressed } from './Pressable';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAElD,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,aAAa","ignoreList":[]}

package/lib/module/components/primitives/Pressable/types.js CHANGED Viewed

@@ -1,2 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Pressable/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"~~names~~":[],"mappings":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { PressableProps } from 'react-native';\r\nimport type { StyledProps } from '../../../theme/types';\r\nimport type { CustomProps, PlatformProps } from '../../types';\r\nexport interface InterfacePressableProps<T = IPressableProps>\r\n extends PressableProps,\r\n StyledProps,\r\n PlatformProps<T> {\r\n /*\r\n Called when a mouse enters the Pressable\r\n /\r\n onHoverIn?: () => void;\r\n /\r\n Called when a mouse leaves the Pressable\r\n /\r\n onHoverOut?: () => void;\r\n /\r\n Called when Pressable receives focus\r\n /\r\n onFocus?: () => void;\r\n /\r\n Called when Pressable loses focus\r\n /\r\n onBlur?: () => void;\r\n /\r\n Style props to be applied when hovered\r\n /\r\n _hover?: Omit<Partial<T>, '_hover'>;\r\n /\r\n Style props to be applied when pressed\r\n /\r\n _pressed?: Omit<Partial<T>, '_pressed'>;\r\n /\r\n Style props to be applied when focus\r\n /\r\n _focus?: Omit<Partial<T>, '_focus'>;\r\n\r\n /\r\n Style props to be applied when disabled\r\n /\r\n _disabled?: Omit<Partial<T>, '_disabled'>;\r\n\r\n /\r\n \tIf true, the p will be disabled.\r\n /\r\n isDisabled?: boolean;\r\n /\r\n \tIf true, the p will be hovered.\r\n /\r\n isHovered?: boolean;\r\n /\r\n \tIf true, the p will be pressed.\r\n /\r\n isPressed?: boolean;\r\n /\r\n \tIf true, the p will be focused.\r\n /\r\n isFocused?: boolean;\r\n /\r\n \tIf true, the focus ring will be visible .\r\n /\r\n isFocusVisible?: boolean;\r\n /\r\n Style props to be applied when focus visible. These styles will be only applied when user is interacting the app using a keyboard. (Web only)\r\n */\r\n _focusVisible?: Omit<Partial<T>, '_focusVisible'>;\r\n\r\n children?:\r\n \| React.ReactNode\r\n \| (({\r\n isPressed,\r\n isHovered,\r\n isFocused,\r\n }: {\r\n isPressed: boolean;\r\n isHovered: boolean;\r\n isFocused: boolean;\r\n }) => any);\r\n}\r\n\r\n// export type IPressableProps<T> =\r\n// \| InterfacePressableProps<T>\r\n// & CustomProps<'Pressable'>;\r\n\r\nexport type IPressableProps = InterfacePressableProps<IPressableProps> &\r\n CustomProps<'Pressable'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/primitives/Radio/Radio.js CHANGED Viewed

@@ -1,7 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { memo, forwardRef } from 'react'; //@ts-ignore
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { memo, forwardRef } from 'react';
+//@ts-ignore
 import stableHash from 'stable-hash';
 import { Pressable } from '../Pressable';
 import { Center } from '../../composites/Center';
@@ -18,7 +17,7 @@ import { composeEventHandlers, combineContextAndProps, isEmptyObj } from '../../
 import { extractInObject, stylingProps } from '../../../theme/tools/utils';
 import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
 import { useFormControlContext } from '../../composites/FormControl';
-const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const RadioComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   icon,
   inputProps,
   combinedProps,
@@ -62,7 +61,8 @@ const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     _stack,
     _text,
     ...resolvedProps
-  } = usePropsResolution('Radio', { ...combinedProps,
+  } = usePropsResolution('Radio', {
+    ...combinedProps,
     size
   }, {
     isInvalid,
@@ -74,36 +74,42 @@ const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     isPressed: isPressedProp || isPressed,
     isFocused: isFocusedProp || isFocused
   });
-  const [, cleanInputProps] = extractInObject(inputProps, [...stylingProps.margin, ...stylingProps.layout, ...stylingProps.flexbox, ...stylingProps.position, ...stylingProps.background, ...stylingProps.padding, ...stylingProps.border, '_text']); // only calling below function when icon exist.
+  const [, cleanInputProps] = extractInObject(inputProps, [...stylingProps.margin, ...stylingProps.layout, ...stylingProps.flexbox, ...stylingProps.position, ...stylingProps.background, ...stylingProps.padding, ...stylingProps.border, '_text']);
+  // only calling below function when icon exist.
   const sizedIcon = () =>
   /*#__PURE__*/
   //@ts-ignore
-  React.cloneElement(icon, { ..._icon
+  React.cloneElement(icon, {
+    ..._icon
   });
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     disabled: isDisabled
   }, pressableProps, cleanInputProps, {
     ref: mergeRefs([ref, wrapperRef]),
     accessibilityRole: "radio",
     onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
-    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut)
+    // @ts-ignore - web only
     ,
-    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn)
+    // @ts-ignore - web only
     ,
-    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut)
+    // @ts-ignore - web only
     ,
-    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus) // focusRingProps.onFocu
-    ) // @ts-ignore - web only
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus)
+    // focusRingProps.onFocu
+    )
+    // @ts-ignore - web only
     ,
-    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur) // focusRingProps.onBlur
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur)
+    // focusRingProps.onBlur
     )
   }), /*#__PURE__*/React.createElement(Stack, _stack, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(Box, _interactionBox), /*#__PURE__*/React.createElement(Center, resolvedProps, icon && sizedIcon && isChecked ? sizedIcon() : /*#__PURE__*/React.createElement(CircleIcon, _extends({}, _icon, {
     opacity: isChecked ? 1 : 0
   })))), wrapStringChild(children, _text)));
 }));
 const Radio = ({
   icon,
   children,
@@ -115,33 +121,36 @@ const Radio = ({
   ...props
 }, ref) => {
   var _contextState$state;
   const formControlContext = useFormControlContext();
   const contextState = React.useContext(RadioContext);
-  const combinedProps = combineContextAndProps({ ...formControlContext,
+  const combinedProps = combineContextAndProps({
+    ...formControlContext,
     ...contextState
   }, props);
   const inputRef = React.useRef(null);
-  const radioState = useRadio({ ...combinedProps,
+  const radioState = useRadio({
+    ...combinedProps,
     'aria-label': props.accessibilityLabel,
     children
-  }, (_contextState$state = contextState.state) !== null && _contextState$state !== void 0 ? _contextState$state : {}, inputRef); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, (_contextState$state = contextState.state) !== null && _contextState$state !== void 0 ? _contextState$state : {}, inputRef);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const inputProps = React.useMemo(() => radioState.inputProps, [radioState.inputProps.checked, radioState.inputProps.disabled]);
   const contextCombinedProps = React.useMemo(() => {
-    return { ...combinedProps
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [stableHash(combinedProps)]); //TODO: refactor for responsive prop
+    return {
+      ...combinedProps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [stableHash(combinedProps)]);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
   if (isEmptyObj(contextState)) {
     console.error('Error: Radio must be wrapped inside a Radio.Group');
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(RadioComponent, {
     inputProps: inputProps,
     combinedProps: contextCombinedProps,
@@ -155,6 +164,5 @@ const Radio = ({
     isFocused: isFocusedProp
   });
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Radio));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Radio));
 //# sourceMappingURL=Radio.js.map

package/lib/module/components/primitives/Radio/Radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Radio.tsx"],"names":["React","memo","forwardRef","stableHash","Pressable","Center","Box","Stack","usePropsResolution","wrapStringChild","useRadio","RadioContext","mergeRefs","CircleIcon","useHasResponsiveProps","composeEventHandlers","combineContextAndProps","isEmptyObj","extractInObject","stylingProps","useHover","useFocus","useIsPressed","useFormControlContext","RadioComponent","icon","inputProps","combinedProps","size","children","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","ref","isInvalid","isReadOnly","isIndeterminate","hoverProps","pressableProps","focusProps","disabled","isDisabled","checked","isChecked","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","_interactionBox","_icon","_stack","_text","resolvedProps","cleanInputProps","margin","layout","flexbox","position","background","padding","border","sizedIcon","cloneElement","Radio","props","formControlContext","contextState","useContext","inputRef","useRef","radioState","accessibilityLabel","state","useMemo","contextCombinedProps","console","error"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport { Pressable, IPressableProps } from '../Pressable';\r\nimport { Center } from '../../composites/Center';\r\nimport Box from '../Box';\r\nimport { Stack } from '../Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\nimport type { IRadioProps } from './types';\r\nimport { useRadio } from '@react-native-aria/radio';\r\nimport { RadioContext } from './RadioGroup';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { CircleIcon } from '../Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport {\r\n composeEventHandlers,\r\n combineContextAndProps,\r\n isEmptyObj,\r\n} from '../../../utils';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport {\r\n useHover,\r\n useFocus,\r\n useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\n\r\nconst RadioComponent = memo(\r\n forwardRef(\r\n (\r\n {\r\n icon,\r\n inputProps,\r\n combinedProps,\r\n size,\r\n children,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n }: any,\r\n ref: any\r\n ) => {\r\n const { isInvalid, isReadOnly, isIndeterminate } = combinedProps;\r\n const { hoverProps, isHovered } = useHover();\r\n const { pressableProps, isPressed } = useIsPressed();\r\n const { focusProps, isFocused } = useFocus();\r\n\r\n const { disabled: isDisabled, checked: isChecked } = inputProps;\r\n\r\n const {\r\n onPressIn,\r\n onPressOut,\r\n onHoverIn,\r\n onHoverOut,\r\n onFocus,\r\n onBlur,\r\n _interactionBox,\r\n _icon,\r\n _stack,\r\n _text,\r\n ...resolvedProps\r\n } = usePropsResolution(\r\n 'Radio',\r\n {\r\n ...combinedProps,\r\n size,\r\n },\r\n {\r\n isInvalid,\r\n isReadOnly,\r\n isDisabled,\r\n isIndeterminate,\r\n isChecked,\r\n isHovered: isHoveredProp \|\| isHovered,\r\n isPressed: isPressedProp \|\| isPressed,\r\n isFocused: isFocusedProp \|\| isFocused,\r\n }\r\n );\r\n\r\n const [, cleanInputProps] = extractInObject(inputProps, [\r\n ...stylingProps.margin,\r\n ...stylingProps.layout,\r\n ...stylingProps.flexbox,\r\n ...stylingProps.position,\r\n ...stylingProps.background,\r\n ...stylingProps.padding,\r\n ...stylingProps.border,\r\n '_text',\r\n ]);\r\n\r\n // only calling below function when icon exist.\r\n const sizedIcon = () =>\r\n //@ts-ignore\r\n React.cloneElement(icon, {\r\n ..._icon,\r\n });\r\n\r\n return (\r\n <Pressable\r\n disabled={isDisabled}\r\n {...pressableProps}\r\n {...(cleanInputProps as IPressableProps)}\r\n ref={mergeRefs([ref, wrapperRef])}\r\n accessibilityRole=\"radio\"\r\n onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n onPressOut={composeEventHandlers(\r\n onPressOut,\r\n pressableProps.onPressOut\r\n )}\r\n // @ts-ignore - web only\r\n onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n // @ts-ignore - web only\r\n onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n // @ts-ignore - web only\r\n onFocus={composeEventHandlers(\r\n composeEventHandlers(onFocus, focusProps.onFocus)\r\n // focusRingProps.onFocu\r\n )}\r\n // @ts-ignore - web only\r\n onBlur={composeEventHandlers(\r\n composeEventHandlers(onBlur, focusProps.onBlur)\r\n // focusRingProps.onBlur\r\n )}\r\n >\r\n <Stack {..._stack}>\r\n <Center>\r\n {/* Interaction Wrapper /}\r\n <Box {..._interactionBox} />\r\n {/ radio /}\r\n <Center {...resolvedProps}>\r\n {icon && sizedIcon && isChecked ? (\r\n sizedIcon()\r\n ) : (\r\n <CircleIcon {..._icon} opacity={isChecked ? 1 : 0} />\r\n )}\r\n </Center>\r\n </Center>\r\n {/ Label */}\r\n {wrapStringChild(children, _text)}\r\n </Stack>\r\n </Pressable>\r\n );\r\n }\r\n )\r\n);\r\n\r\nconst Radio = (\r\n {\r\n icon,\r\n children,\r\n size,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n ...props\r\n }: IRadioProps,\r\n ref: any\r\n) => {\r\n const formControlContext = useFormControlContext();\r\n const contextState = React.useContext(RadioContext);\r\n const combinedProps = combineContextAndProps(\r\n { ...formControlContext, ...contextState },\r\n props\r\n );\r\n const inputRef = React.useRef(null);\r\n const radioState = useRadio(\r\n { ...combinedProps, 'aria-label': props.accessibilityLabel, children },\r\n contextState.state ?? {},\r\n inputRef\r\n );\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n const inputProps = React.useMemo(() => radioState.inputProps, [\r\n radioState.inputProps.checked,\r\n radioState.inputProps.disabled,\r\n ]);\r\n\r\n const contextCombinedProps = React.useMemo(() => {\r\n return { ...combinedProps };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [stableHash(combinedProps)]);\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n if (isEmptyObj(contextState)) {\r\n console.error('Error: Radio must be wrapped inside a Radio.Group');\r\n return <></>;\r\n }\r\n\r\n return (\r\n <RadioComponent\r\n inputProps={inputProps}\r\n combinedProps={contextCombinedProps}\r\n children={children}\r\n size={size}\r\n ref={ref}\r\n icon={icon}\r\n wrapperRef={wrapperRef}\r\n isHovered={isHoveredProp}\r\n isPressed={isPressedProp}\r\n isFocused={isFocusedProp}\r\n />\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Radio));\r\n"]}
1	+ {"version":3,"names":["React","memo","forwardRef","stableHash","Pressable","Center","Box","Stack","usePropsResolution","wrapStringChild","useRadio","RadioContext","mergeRefs","CircleIcon","useHasResponsiveProps","composeEventHandlers","combineContextAndProps","isEmptyObj","extractInObject","stylingProps","useHover","useFocus","useIsPressed","useFormControlContext","RadioComponent","icon","inputProps","combinedProps","size","children","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","ref","isInvalid","isReadOnly","isIndeterminate","hoverProps","pressableProps","focusProps","disabled","isDisabled","checked","isChecked","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","_interactionBox","_icon","_stack","_text","resolvedProps","cleanInputProps","margin","layout","flexbox","position","background","padding","border","sizedIcon","cloneElement","createElement","_extends","accessibilityRole","opacity","Radio","props","_contextState$state","formControlContext","contextState","useContext","inputRef","useRef","radioState","accessibilityLabel","state","useMemo","contextCombinedProps","console","error","Fragment"],"sources":["Radio.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport { Pressable, IPressableProps } from '../Pressable';\r\nimport { Center } from '../../composites/Center';\r\nimport Box from '../Box';\r\nimport { Stack } from '../Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\nimport type { IRadioProps } from './types';\r\nimport { useRadio } from '@react-native-aria/radio';\r\nimport { RadioContext } from './RadioGroup';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { CircleIcon } from '../Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport {\r\n composeEventHandlers,\r\n combineContextAndProps,\r\n isEmptyObj,\r\n} from '../../../utils';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport {\r\n useHover,\r\n useFocus,\r\n useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\n\r\nconst RadioComponent = memo(\r\n forwardRef(\r\n (\r\n {\r\n icon,\r\n inputProps,\r\n combinedProps,\r\n size,\r\n children,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n }: any,\r\n ref: any\r\n ) => {\r\n const { isInvalid, isReadOnly, isIndeterminate } = combinedProps;\r\n const { hoverProps, isHovered } = useHover();\r\n const { pressableProps, isPressed } = useIsPressed();\r\n const { focusProps, isFocused } = useFocus();\r\n\r\n const { disabled: isDisabled, checked: isChecked } = inputProps;\r\n\r\n const {\r\n onPressIn,\r\n onPressOut,\r\n onHoverIn,\r\n onHoverOut,\r\n onFocus,\r\n onBlur,\r\n _interactionBox,\r\n _icon,\r\n _stack,\r\n _text,\r\n ...resolvedProps\r\n } = usePropsResolution(\r\n 'Radio',\r\n {\r\n ...combinedProps,\r\n size,\r\n },\r\n {\r\n isInvalid,\r\n isReadOnly,\r\n isDisabled,\r\n isIndeterminate,\r\n isChecked,\r\n isHovered: isHoveredProp \|\| isHovered,\r\n isPressed: isPressedProp \|\| isPressed,\r\n isFocused: isFocusedProp \|\| isFocused,\r\n }\r\n );\r\n\r\n const [, cleanInputProps] = extractInObject(inputProps, [\r\n ...stylingProps.margin,\r\n ...stylingProps.layout,\r\n ...stylingProps.flexbox,\r\n ...stylingProps.position,\r\n ...stylingProps.background,\r\n ...stylingProps.padding,\r\n ...stylingProps.border,\r\n '_text',\r\n ]);\r\n\r\n // only calling below function when icon exist.\r\n const sizedIcon = () =>\r\n //@ts-ignore\r\n React.cloneElement(icon, {\r\n ..._icon,\r\n });\r\n\r\n return (\r\n <Pressable\r\n disabled={isDisabled}\r\n {...pressableProps}\r\n {...(cleanInputProps as IPressableProps)}\r\n ref={mergeRefs([ref, wrapperRef])}\r\n accessibilityRole=\"radio\"\r\n onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n onPressOut={composeEventHandlers(\r\n onPressOut,\r\n pressableProps.onPressOut\r\n )}\r\n // @ts-ignore - web only\r\n onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n // @ts-ignore - web only\r\n onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n // @ts-ignore - web only\r\n onFocus={composeEventHandlers(\r\n composeEventHandlers(onFocus, focusProps.onFocus)\r\n // focusRingProps.onFocu\r\n )}\r\n // @ts-ignore - web only\r\n onBlur={composeEventHandlers(\r\n composeEventHandlers(onBlur, focusProps.onBlur)\r\n // focusRingProps.onBlur\r\n )}\r\n >\r\n <Stack {..._stack}>\r\n <Center>\r\n {/* Interaction Wrapper /}\r\n <Box {..._interactionBox} />\r\n {/ radio /}\r\n <Center {...resolvedProps}>\r\n {icon && sizedIcon && isChecked ? (\r\n sizedIcon()\r\n ) : (\r\n <CircleIcon {..._icon} opacity={isChecked ? 1 : 0} />\r\n )}\r\n </Center>\r\n </Center>\r\n {/ Label */}\r\n {wrapStringChild(children, _text)}\r\n </Stack>\r\n </Pressable>\r\n );\r\n }\r\n )\r\n);\r\n\r\nconst Radio = (\r\n {\r\n icon,\r\n children,\r\n size,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n ...props\r\n }: IRadioProps,\r\n ref: any\r\n) => {\r\n const formControlContext = useFormControlContext();\r\n const contextState = React.useContext(RadioContext);\r\n const combinedProps = combineContextAndProps(\r\n { ...formControlContext, ...contextState },\r\n props\r\n );\r\n const inputRef = React.useRef(null);\r\n const radioState = useRadio(\r\n { ...combinedProps, 'aria-label': props.accessibilityLabel, children },\r\n contextState.state ?? {},\r\n inputRef\r\n );\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n const inputProps = React.useMemo(() => radioState.inputProps, [\r\n radioState.inputProps.checked,\r\n radioState.inputProps.disabled,\r\n ]);\r\n\r\n const contextCombinedProps = React.useMemo(() => {\r\n return { ...combinedProps };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [stableHash(combinedProps)]);\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n if (isEmptyObj(contextState)) {\r\n console.error('Error: Radio must be wrapped inside a Radio.Group');\r\n return <></>;\r\n }\r\n\r\n return (\r\n <RadioComponent\r\n inputProps={inputProps}\r\n combinedProps={contextCombinedProps}\r\n children={children}\r\n size={size}\r\n ref={ref}\r\n icon={icon}\r\n wrapperRef={wrapperRef}\r\n isHovered={isHoveredProp}\r\n isPressed={isPressedProp}\r\n isFocused={isFocusedProp}\r\n />\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Radio));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/primitives/Radio/Radio.web.js CHANGED Viewed

@@ -1,7 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { memo, forwardRef } from 'react'; //@ts-ignore
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { memo, forwardRef } from 'react';
+//@ts-ignore
 import stableHash from 'stable-hash';
 import Box from '../Box';
 import { Stack } from '../Stack';
@@ -18,7 +17,7 @@ import { CircleIcon } from '../Icon/Icons';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { combineContextAndProps, isEmptyObj } from '../../../utils';
 import { useFormControlContext } from '../../composites/FormControl';
-const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const RadioComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   icon,
   inputProps,
   combinedProps,
@@ -39,9 +38,7 @@ const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     disabled: isDisabled,
     checked: isChecked
   } = inputProps;
   const _ref = React.useRef(null);
   const {
     isHovered
   } = useHover({}, _ref);
@@ -52,23 +49,18 @@ const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   } = useFocusRing();
   const [isFocused, setFocused] = React.useState(isFocusedProp);
   const [isPressed, setPressed] = React.useState(isPressedProp);
   const handleFocus = () => {
     setFocused(true);
   };
   const handleBlur = () => {
     isFocusedProp ? setFocused(true) : setFocused(false);
   };
   const handlePressIn = () => {
     setPressed(true);
   };
   const handlePressOut = () => {
     isPressedProp ? setPressed(true) : setPressed(false);
   };
   const {
     _interactionBox,
     _icon,
@@ -85,23 +77,24 @@ const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     isHovered: isHoveredProp || isHovered,
     isPressed,
     isFocused
-  }); // only calling below function when icon exist.
+  });
+  // only calling below function when icon exist.
   const sizedIcon = () =>
   /*#__PURE__*/
   //@ts-ignore
-  React.cloneElement(icon, { ..._icon
+  React.cloneElement(icon, {
+    ..._icon
   });
   const component = /*#__PURE__*/React.createElement(Stack, _stack, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(Box, _interactionBox), /*#__PURE__*/React.createElement(Center, resolvedProps, icon && sizedIcon && isChecked ? sizedIcon() : /*#__PURE__*/React.createElement(CircleIcon, _extends({}, _icon, {
     opacity: isChecked ? 1 : 0
-  })))), wrapStringChild(children, _text)); //TODO: refactor for responsive prop
+  })))), wrapStringChild(children, _text));
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Box // @ts-ignore - RN web supports accessibilityRole="label"
+  return /*#__PURE__*/React.createElement(Box
+  // @ts-ignore - RN web supports accessibilityRole="label"
   , {
     accessibilityRole: "label",
     ref: mergedRefs
@@ -114,7 +107,6 @@ const RadioComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     onBlur: handleBlur
   }))), component));
 }));
 const Radio = ({
   icon,
   children,
@@ -126,34 +118,37 @@ const Radio = ({
   ...props
 }, ref) => {
   var _contextState$state;
   const formControlContext = useFormControlContext();
   const contextState = React.useContext(RadioContext);
-  const combinedProps = combineContextAndProps({ ...formControlContext,
+  const combinedProps = combineContextAndProps({
+    ...formControlContext,
     ...contextState
   }, props);
   const inputRef = React.useRef(null);
-  const radioState = useRadio({ ...combinedProps,
+  const radioState = useRadio({
+    ...combinedProps,
     'aria-label': props.accessibilityLabel,
     children
-  }, (_contextState$state = contextState.state) !== null && _contextState$state !== void 0 ? _contextState$state : {}, inputRef); //@ts-ignore
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, (_contextState$state = contextState.state) !== null && _contextState$state !== void 0 ? _contextState$state : {}, inputRef);
+  //@ts-ignore
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const inputProps = React.useMemo(() => radioState.inputProps, [radioState.inputProps.checked, radioState.inputProps.disabled]);
   const contextCombinedProps = React.useMemo(() => {
-    return { ...combinedProps
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [stableHash(combinedProps)]); //TODO: refactor for responsive prop
+    return {
+      ...combinedProps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [stableHash(combinedProps)]);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
   if (isEmptyObj(contextState)) {
     console.error('Error: Radio must be wrapped inside a Radio.Group');
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(RadioComponent, {
     inputProps: inputProps,
     combinedProps: contextCombinedProps,
@@ -167,6 +162,5 @@ const Radio = ({
     isFocusVisible: isFocusVisibleProp
   });
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Radio));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Radio));
 //# sourceMappingURL=Radio.web.js.map

package/lib/module/components/primitives/Radio/Radio.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Radio.web.tsx"],"names":["React","memo","forwardRef","stableHash","Box","Stack","Center","usePropsResolution","wrapStringChild","mergeRefs","useHover","useRadio","VisuallyHidden","RadioContext","useFocusRing","CircleIcon","useHasResponsiveProps","combineContextAndProps","isEmptyObj","useFormControlContext","RadioComponent","icon","inputProps","combinedProps","children","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","isInvalid","isReadOnly","isIndeterminate","disabled","isDisabled","checked","isChecked","_ref","useRef","mergedRefs","focusProps","setFocused","useState","setPressed","handleFocus","handleBlur","handlePressIn","handlePressOut","_interactionBox","_icon","_stack","_text","resolvedProps","sizedIcon","cloneElement","component","Radio","formControlContext","contextState","useContext","inputRef","radioState","accessibilityLabel","state","useMemo","contextCombinedProps","console","error"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport Box from '../Box';\r\nimport { Stack } from '../Stack';\r\nimport { Center } from '../../composites/Center';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\nimport type { IRadioProps } from './types';\r\nimport { mergeRefs } from './../../../utils';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { useRadio } from '@react-native-aria/radio';\r\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\r\nimport { RadioContext } from './RadioGroup';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport { CircleIcon } from '../Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps, isEmptyObj } from '../../../utils';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nconst RadioComponent = memo(\r\n forwardRef(\r\n (\r\n {\r\n icon,\r\n inputProps,\r\n combinedProps,\r\n children,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n isFocusVisible: isFocusVisibleProp,\r\n ...props\r\n }: any,\r\n ref: any\r\n ) => {\r\n const { isInvalid, isReadOnly, isIndeterminate } = combinedProps;\r\n const { disabled: isDisabled, checked: isChecked } = inputProps;\r\n const _ref = React.useRef(null);\r\n const { isHovered } = useHover({}, _ref);\r\n const mergedRefs = mergeRefs([_ref, wrapperRef]);\r\n const { focusProps, isFocusVisible } = useFocusRing();\r\n const [isFocused, setFocused] = React.useState(isFocusedProp);\r\n const [isPressed, setPressed] = React.useState(isPressedProp);\r\n const handleFocus = () => {\r\n setFocused(true);\r\n };\r\n const handleBlur = () => {\r\n isFocusedProp ? setFocused(true) : setFocused(false);\r\n };\r\n const handlePressIn = () => {\r\n setPressed(true);\r\n };\r\n\r\n const handlePressOut = () => {\r\n isPressedProp ? setPressed(true) : setPressed(false);\r\n };\r\n const {\r\n _interactionBox,\r\n _icon,\r\n _stack,\r\n _text,\r\n ...resolvedProps\r\n } = usePropsResolution('Radio', combinedProps, {\r\n isInvalid,\r\n isReadOnly,\r\n isFocusVisible: isFocusVisibleProp \|\| isFocused \|\| isFocusVisible,\r\n isDisabled,\r\n isIndeterminate,\r\n isChecked,\r\n isHovered: isHoveredProp \|\| isHovered,\r\n isPressed,\r\n isFocused,\r\n });\r\n\r\n // only calling below function when icon exist.\r\n const sizedIcon = () =>\r\n //@ts-ignore\r\n React.cloneElement(icon, {\r\n ..._icon,\r\n });\r\n\r\n const component = (\r\n <Stack {..._stack}>\r\n <Center>\r\n {/* Interaction Box /}\r\n <Box {..._interactionBox} />\r\n {/ Radio */}\r\n <Center {...resolvedProps}>\r\n {icon && sizedIcon && isChecked ? (\r\n sizedIcon()\r\n ) : (\r\n <CircleIcon {..._icon} opacity={isChecked ? 1 : 0} />\r\n )}\r\n </Center>\r\n </Center>\r\n {wrapStringChild(children, _text)}\r\n </Stack>\r\n );\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n\r\n return (\r\n <Box\r\n // @ts-ignore - RN web supports accessibilityRole=\"label\"\r\n accessibilityRole=\"label\"\r\n ref={mergedRefs}\r\n >\r\n <div onMouseDown={handlePressIn} onMouseUp={handlePressOut}>\r\n <VisuallyHidden>\r\n <input\r\n {...inputProps}\r\n {...focusProps}\r\n ref={ref}\r\n onFocus={handleFocus}\r\n onBlur={handleBlur}\r\n />\r\n </VisuallyHidden>\r\n {component}\r\n </div>\r\n </Box>\r\n );\r\n }\r\n )\r\n);\r\n\r\nconst Radio = (\r\n {\r\n icon,\r\n children,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed,\r\n isFocused: isFocusedProp,\r\n isFocusVisible: isFocusVisibleProp,\r\n ...props\r\n }: IRadioProps,\r\n ref: any\r\n) => {\r\n const formControlContext = useFormControlContext();\r\n const contextState = React.useContext(RadioContext);\r\n\r\n const combinedProps = combineContextAndProps(\r\n { ...formControlContext, ...contextState },\r\n props\r\n );\r\n\r\n const inputRef = React.useRef(null);\r\n const radioState = useRadio(\r\n { ...combinedProps, 'aria-label': props.accessibilityLabel, children },\r\n contextState.state ?? {},\r\n inputRef\r\n );\r\n\r\n //@ts-ignore\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n const inputProps = React.useMemo(() => radioState.inputProps, [\r\n radioState.inputProps.checked,\r\n radioState.inputProps.disabled,\r\n ]);\r\n\r\n const contextCombinedProps = React.useMemo(() => {\r\n return { ...combinedProps };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [stableHash(combinedProps)]);\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n if (isEmptyObj(contextState)) {\r\n console.error('Error: Radio must be wrapped inside a Radio.Group');\r\n return <></>;\r\n }\r\n\r\n return (\r\n <RadioComponent\r\n inputProps={inputProps}\r\n combinedProps={contextCombinedProps}\r\n children={children}\r\n ref={ref}\r\n icon={icon}\r\n wrapperRef={wrapperRef}\r\n isHovered={isHoveredProp}\r\n isPressed={isPressed}\r\n isFocused={isFocusedProp}\r\n isFocusVisible={isFocusVisibleProp}\r\n />\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Radio));\r\n"]}
1	+ {"version":3,"names":["React","memo","forwardRef","stableHash","Box","Stack","Center","usePropsResolution","wrapStringChild","mergeRefs","useHover","useRadio","VisuallyHidden","RadioContext","useFocusRing","CircleIcon","useHasResponsiveProps","combineContextAndProps","isEmptyObj","useFormControlContext","RadioComponent","icon","inputProps","combinedProps","children","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","isInvalid","isReadOnly","isIndeterminate","disabled","isDisabled","checked","isChecked","_ref","useRef","mergedRefs","focusProps","setFocused","useState","setPressed","handleFocus","handleBlur","handlePressIn","handlePressOut","_interactionBox","_icon","_stack","_text","resolvedProps","sizedIcon","cloneElement","component","createElement","_extends","opacity","accessibilityRole","onMouseDown","onMouseUp","onFocus","onBlur","Radio","_contextState$state","formControlContext","contextState","useContext","inputRef","radioState","accessibilityLabel","state","useMemo","contextCombinedProps","console","error","Fragment"],"sources":["Radio.web.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport Box from '../Box';\r\nimport { Stack } from '../Stack';\r\nimport { Center } from '../../composites/Center';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\nimport type { IRadioProps } from './types';\r\nimport { mergeRefs } from './../../../utils';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { useRadio } from '@react-native-aria/radio';\r\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\r\nimport { RadioContext } from './RadioGroup';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport { CircleIcon } from '../Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps, isEmptyObj } from '../../../utils';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nconst RadioComponent = memo(\r\n forwardRef(\r\n (\r\n {\r\n icon,\r\n inputProps,\r\n combinedProps,\r\n children,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed: isPressedProp,\r\n isFocused: isFocusedProp,\r\n isFocusVisible: isFocusVisibleProp,\r\n ...props\r\n }: any,\r\n ref: any\r\n ) => {\r\n const { isInvalid, isReadOnly, isIndeterminate } = combinedProps;\r\n const { disabled: isDisabled, checked: isChecked } = inputProps;\r\n const _ref = React.useRef(null);\r\n const { isHovered } = useHover({}, _ref);\r\n const mergedRefs = mergeRefs([_ref, wrapperRef]);\r\n const { focusProps, isFocusVisible } = useFocusRing();\r\n const [isFocused, setFocused] = React.useState(isFocusedProp);\r\n const [isPressed, setPressed] = React.useState(isPressedProp);\r\n const handleFocus = () => {\r\n setFocused(true);\r\n };\r\n const handleBlur = () => {\r\n isFocusedProp ? setFocused(true) : setFocused(false);\r\n };\r\n const handlePressIn = () => {\r\n setPressed(true);\r\n };\r\n\r\n const handlePressOut = () => {\r\n isPressedProp ? setPressed(true) : setPressed(false);\r\n };\r\n const {\r\n _interactionBox,\r\n _icon,\r\n _stack,\r\n _text,\r\n ...resolvedProps\r\n } = usePropsResolution('Radio', combinedProps, {\r\n isInvalid,\r\n isReadOnly,\r\n isFocusVisible: isFocusVisibleProp \|\| isFocused \|\| isFocusVisible,\r\n isDisabled,\r\n isIndeterminate,\r\n isChecked,\r\n isHovered: isHoveredProp \|\| isHovered,\r\n isPressed,\r\n isFocused,\r\n });\r\n\r\n // only calling below function when icon exist.\r\n const sizedIcon = () =>\r\n //@ts-ignore\r\n React.cloneElement(icon, {\r\n ..._icon,\r\n });\r\n\r\n const component = (\r\n <Stack {..._stack}>\r\n <Center>\r\n {/* Interaction Box /}\r\n <Box {..._interactionBox} />\r\n {/ Radio */}\r\n <Center {...resolvedProps}>\r\n {icon && sizedIcon && isChecked ? (\r\n sizedIcon()\r\n ) : (\r\n <CircleIcon {..._icon} opacity={isChecked ? 1 : 0} />\r\n )}\r\n </Center>\r\n </Center>\r\n {wrapStringChild(children, _text)}\r\n </Stack>\r\n );\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n\r\n return (\r\n <Box\r\n // @ts-ignore - RN web supports accessibilityRole=\"label\"\r\n accessibilityRole=\"label\"\r\n ref={mergedRefs}\r\n >\r\n <div onMouseDown={handlePressIn} onMouseUp={handlePressOut}>\r\n <VisuallyHidden>\r\n <input\r\n {...inputProps}\r\n {...focusProps}\r\n ref={ref}\r\n onFocus={handleFocus}\r\n onBlur={handleBlur}\r\n />\r\n </VisuallyHidden>\r\n {component}\r\n </div>\r\n </Box>\r\n );\r\n }\r\n )\r\n);\r\n\r\nconst Radio = (\r\n {\r\n icon,\r\n children,\r\n wrapperRef,\r\n isHovered: isHoveredProp,\r\n isPressed,\r\n isFocused: isFocusedProp,\r\n isFocusVisible: isFocusVisibleProp,\r\n ...props\r\n }: IRadioProps,\r\n ref: any\r\n) => {\r\n const formControlContext = useFormControlContext();\r\n const contextState = React.useContext(RadioContext);\r\n\r\n const combinedProps = combineContextAndProps(\r\n { ...formControlContext, ...contextState },\r\n props\r\n );\r\n\r\n const inputRef = React.useRef(null);\r\n const radioState = useRadio(\r\n { ...combinedProps, 'aria-label': props.accessibilityLabel, children },\r\n contextState.state ?? {},\r\n inputRef\r\n );\r\n\r\n //@ts-ignore\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n const inputProps = React.useMemo(() => radioState.inputProps, [\r\n radioState.inputProps.checked,\r\n radioState.inputProps.disabled,\r\n ]);\r\n\r\n const contextCombinedProps = React.useMemo(() => {\r\n return { ...combinedProps };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [stableHash(combinedProps)]);\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n if (isEmptyObj(contextState)) {\r\n console.error('Error: Radio must be wrapped inside a Radio.Group');\r\n return <></>;\r\n }\r\n\r\n return (\r\n <RadioComponent\r\n inputProps={inputProps}\r\n combinedProps={contextCombinedProps}\r\n children={children}\r\n ref={ref}\r\n icon={icon}\r\n wrapperRef={wrapperRef}\r\n isHovered={isHoveredProp}\r\n isPressed={isPressed}\r\n isFocused={isFocusedProp}\r\n isFocusVisible={isFocusVisibleProp}\r\n />\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Radio));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C;AACA,OAAOC,UAAU,MAAM,aAAa;AACpC,OAAOC,GAAG,MAAM,QAAQ;AACxB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,cAAc;AAC3C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,sBAAsB,EAAEC,UAAU,QAAQ,gBAAgB;AACnE,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,MAAMC,cAAc,gBAAGnB,IAAI,cACzBC,UAAU,CACR,CACE;EACEmB,IAAI;EACJC,UAAU;EACVC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClC,GAAGC;AACA,CAAC,EACNC,GAAQ,KACL;EACH,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAgB,CAAC,GAAGf,aAAa;EAChE,MAAM;IAAEgB,QAAQ,EAAEC,UAAU;IAAEC,OAAO,EAAEC;EAAU,CAAC,GAAGpB,UAAU;EAC/D,MAAMqB,IAAI,GAAG3C,KAAK,CAAC4C,MAAM,CAAC,IAAI,CAAC;EAC/B,MAAM;IAAElB;EAAU,CAAC,GAAGhB,QAAQ,CAAC,CAAC,CAAC,EAAEiC,IAAI,CAAC;EACxC,MAAME,UAAU,GAAGpC,SAAS,CAAC,CAACkC,IAAI,EAAElB,UAAU,CAAC,CAAC;EAChD,MAAM;IAAEqB,UAAU;IAAEd;EAAe,CAAC,GAAGlB,YAAY,CAAC,CAAC;EACrD,MAAM,CAACgB,SAAS,EAAEiB,UAAU,CAAC,GAAG/C,KAAK,CAACgD,QAAQ,CAACjB,aAAa,CAAC;EAC7D,MAAM,CAACH,SAAS,EAAEqB,UAAU,CAAC,GAAGjD,KAAK,CAACgD,QAAQ,CAACnB,aAAa,CAAC;EAC7D,MAAMqB,WAAW,GAAGA,CAAA,KAAM;IACxBH,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EACD,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACvBpB,aAAa,GAAGgB,UAAU,CAAC,IAAI,CAAC,GAAGA,UAAU,CAAC,KAAK,CAAC;EACtD,CAAC;EACD,MAAMK,aAAa,GAAGA,CAAA,KAAM;IAC1BH,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EAED,MAAMI,cAAc,GAAGA,CAAA,KAAM;IAC3BxB,aAAa,GAAGoB,UAAU,CAAC,IAAI,CAAC,GAAGA,UAAU,CAAC,KAAK,CAAC;EACtD,CAAC;EACD,MAAM;IACJK,eAAe;IACfC,KAAK;IACLC,MAAM;IACNC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGnD,kBAAkB,CAAC,OAAO,EAAEgB,aAAa,EAAE;IAC7Ca,SAAS;IACTC,UAAU;IACVL,cAAc,EAAEC,kBAAkB,IAAIH,SAAS,IAAIE,cAAc;IACjEQ,UAAU;IACVF,eAAe;IACfI,SAAS;IACThB,SAAS,EAAEC,aAAa,IAAID,SAAS;IACrCE,SAAS;IACTE;EACF,CAAC,CAAC;;EAEF;EACA,MAAM6B,SAAS,GAAGA,CAAA;EAAA;EAChB;EACA3D,KAAK,CAAC4D,YAAY,CAACvC,IAAI,EAAE;IACvB,GAAGkC;EACL,CAAC,CAAC;EAEJ,MAAMM,SAAS,gBACb7D,KAAA,CAAA8D,aAAA,CAACzD,KAAK,EAAKmD,MAAM,eACfxD,KAAA,CAAA8D,aAAA,CAACxD,MAAM,qBAELN,KAAA,CAAA8D,aAAA,CAAC1D,GAAG,EAAKkD,eAAkB,CAAC,eAE5BtD,KAAA,CAAA8D,aAAA,CAACxD,MAAM,EAAKoD,aAAa,EACtBrC,IAAI,IAAIsC,SAAS,IAAIjB,SAAS,GAC7BiB,SAAS,CAAC,CAAC,gBAEX3D,KAAA,CAAA8D,aAAA,CAAC/C,UAAU,EAAAgD,QAAA,KAAKR,KAAK;IAAES,OAAO,EAAEtB,SAAS,GAAG,CAAC,GAAG;EAAE,EAAE,CAEhD,CACF,CAAC,EACRlC,eAAe,CAACgB,QAAQ,EAAEiC,KAAK,CAC3B,CACR;EACD;EACA,IAAIzC,qBAAqB,CAACkB,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBACElC,KAAA,CAAA8D,aAAA,CAAC1D;EACC;EAAA;IACA6D,iBAAiB,EAAC,OAAO;IACzB9B,GAAG,EAAEU;EAAW,gBAEhB7C,KAAA,CAAA8D,aAAA;IAAKI,WAAW,EAAEd,aAAc;IAACe,SAAS,EAAEd;EAAe,gBACzDrD,KAAA,CAAA8D,aAAA,CAAClD,cAAc,qBACbZ,KAAA,CAAA8D,aAAA,UAAAC,QAAA,KACMzC,UAAU,EACVwB,UAAU;IACdX,GAAG,EAAEA,GAAI;IACTiC,OAAO,EAAElB,WAAY;IACrBmB,MAAM,EAAElB;EAAW,EACpB,CACa,CAAC,EAChBU,SACE,CACF,CAAC;AAEV,CACF,CACF,CAAC;AAED,MAAMS,KAAK,GAAGA,CACZ;EACEjD,IAAI;EACJG,QAAQ;EACRC,UAAU;EACVC,SAAS,EAAEC,aAAa;EACxBC,SAAS;EACTE,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClC,GAAGC;AACQ,CAAC,EACdC,GAAQ,KACL;EAAA,IAAAoC,mBAAA;EACH,MAAMC,kBAAkB,GAAGrD,qBAAqB,CAAC,CAAC;EAClD,MAAMsD,YAAY,GAAGzE,KAAK,CAAC0E,UAAU,CAAC7D,YAAY,CAAC;EAEnD,MAAMU,aAAa,GAAGN,sBAAsB,CAC1C;IAAE,GAAGuD,kBAAkB;IAAE,GAAGC;EAAa,CAAC,EAC1CvC,KACF,CAAC;EAED,MAAMyC,QAAQ,GAAG3E,KAAK,CAAC4C,MAAM,CAAC,IAAI,CAAC;EACnC,MAAMgC,UAAU,GAAGjE,QAAQ,CACzB;IAAE,GAAGY,aAAa;IAAE,YAAY,EAAEW,KAAK,CAAC2C,kBAAkB;IAAErD;EAAS,CAAC,GAAA+C,mBAAA,GACtEE,YAAY,CAACK,KAAK,cAAAP,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC,EACxBI,QACF,CAAC;;EAED;EACA;EACA,MAAMrD,UAAU,GAAGtB,KAAK,CAAC+E,OAAO,CAAC,MAAMH,UAAU,CAACtD,UAAU,EAAE,CAC5DsD,UAAU,CAACtD,UAAU,CAACmB,OAAO,EAC7BmC,UAAU,CAACtD,UAAU,CAACiB,QAAQ,CAC/B,CAAC;EAEF,MAAMyC,oBAAoB,GAAGhF,KAAK,CAAC+E,OAAO,CAAC,MAAM;IAC/C,OAAO;MAAE,GAAGxD;IAAc,CAAC;IAC3B;EACF,CAAC,EAAE,CAACpB,UAAU,CAACoB,aAAa,CAAC,CAAC,CAAC;;EAE/B;EACA,IAAIP,qBAAqB,CAACkB,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,IAAIhB,UAAU,CAACuD,YAAY,CAAC,EAAE;IAC5BQ,OAAO,CAACC,KAAK,CAAC,mDAAmD,CAAC;IAClE,oBAAOlF,KAAA,CAAA8D,aAAA,CAAA9D,KAAA,CAAAmF,QAAA,MAAI,CAAC;EACd;EAEA,oBACEnF,KAAA,CAAA8D,aAAA,CAAC1C,cAAc;IACbE,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEyD,oBAAqB;IACpCxD,QAAQ,EAAEA,QAAS;IACnBW,GAAG,EAAEA,GAAI;IACTd,IAAI,EAAEA,IAAK;IACXI,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEC,aAAc;IACzBC,SAAS,EAAEA,SAAU;IACrBE,SAAS,EAAEC,aAAc;IACzBC,cAAc,EAAEC;EAAmB,CACpC,CAAC;AAEN,CAAC;AAED,4BAAehC,IAAI,cAACC,UAAU,CAACoE,KAAK,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/primitives/Radio/RadioGroup.js CHANGED Viewed

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import { Stack } from '../Stack';
 import { useFormControlContext } from '../../composites/FormControl';
@@ -12,7 +11,6 @@ const RadioWrapper = /*#__PURE__*/memo(props => {
   const resolvedProps = usePropsResolution('RadioGroup', props);
   return /*#__PURE__*/React.createElement(Stack, _extends({}, resolvedProps, props.radioGroupProps, props));
 });
 const RadioGroup = ({
   size,
   colorScheme,
@@ -22,7 +20,8 @@ const RadioGroup = ({
 }, ref) => {
   const formControlContext = useFormControlContext();
   const state = useRadioGroupState(props);
-  const radioGroupState = useRadioGroup({ ...formControlContext,
+  const radioGroupState = useRadioGroup({
+    ...formControlContext,
     ...props,
     'aria-label': props.accessibilityLabel
   }, state);
@@ -36,22 +35,23 @@ const RadioGroup = ({
       state
     };
   }, [size, colorScheme, formControlContext, state, _radio]);
-  const radioGroupProps = React.useMemo(() => radioGroupState.radioGroupProps, // eslint-disable-next-line react-hooks/exhaustive-deps
-  []); //TODO: refactor for responsive prop
+  const radioGroupProps = React.useMemo(() => radioGroupState.radioGroupProps,
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
-  if (useHasResponsiveProps({ ...props,
+  //TODO: refactor for responsive prop
+  if (useHasResponsiveProps({
+    ...props,
     size,
     colorScheme
   })) {
     return null;
   }
   return /*#__PURE__*/React.createElement(RadioContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(RadioWrapper, _extends({}, radioGroupProps, propsState, {
     ref: ref
   }), children));
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(RadioGroup));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(RadioGroup));
 //# sourceMappingURL=RadioGroup.js.map

package/lib/module/components/primitives/Radio/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["RadioGroup.tsx"],"~~names":["React","memo","forwardRef","Stack","useFormControlContext","useRadioGroupState","useRadioGroup","useHasResponsiveProps","usePropsResolution","RadioContext","createContext","RadioWrapper","props","resolvedProps","radioGroupProps","RadioGroup","size","colorScheme","_radio","children","ref","formControlContext","state","radioGroupState","accessibilityLabel","propsState","useState","contextValue","useMemo"],"~~mappings~~":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,qBAAT,QAAsC,8BAAtC;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,aAAT,QAA8B,0BAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAEA,OAAO,MAAMC,YAAY,gBAAGT,KAAK,CAACU,aAAN,CAC1B,EAD0B,CAArB;AAGP,MAAMC,YAAY,gBAAGV,IAAI,CAAEW,KAAD,IAAgB;AACxC,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,YAAD,EAAeI,KAAf,CAAxC;AACA,sBAAO,oBAAC,KAAD,eAAWC,aAAX,EAA8BD,KAAK,CAACE,eAApC,EAAyDF,KAAzD,EAAP;AACD,CAHwB,CAAzB;;AAKA,MAAMG,UAAU,GAAG,CACjB;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,WAAR;AAAqBC,EAAAA,MAArB;AAA6BC,EAAAA,QAA7B;AAAuC,KAAGP;AAA1C,CADiB,EAEjBQ,GAFiB,KAGd;AACH,QAAMC,kBAAkB,GAAGjB,qBAAqB,EAAhD;AAEA,QAAMkB,KAAK,GAAGjB,kBAAkB,CAACO,KAAD,CAAhC;AACA,QAAMW,eAAe,GAAGjB,aAAa,CACnC,EAAE,GAAGe,kBAAL;AAAyB,OAAGT,KAA5B;AAAmC,kBAAcA,KAAK,CAACY;AAAvD,GADmC,EAEnCF,KAFmC,CAArC;AAIA,QAAM,CAACG,UAAD,IAAezB,KAAK,CAAC0B,QAAN,CAAed,KAAf,CAArB;AACA,QAAMe,YAAiB,GAAG3B,KAAK,CAAC4B,OAAN,CAAc,MAAM;AAC5C,WAAO;AACLP,MAAAA,kBADK;AAELL,MAAAA,IAFK;AAGLC,MAAAA,WAHK;AAIL,SAAGC,MAJE;AAKLI,MAAAA;AALK,KAAP;AAOD,GARyB,EAQvB,CAACN,IAAD,EAAOC,WAAP,EAAoBI,kBAApB,EAAwCC,KAAxC,EAA+CJ,MAA/C,CARuB,CAA1B;AAUA,QAAMJ,eAAe,GAAGd,KAAK,CAAC4B,OAAN,CACtB,MAAML,eAAe,CAACT,eADA,EAEtB;AACA,IAHsB,CAAxB,CAnBG,CAyBH;;AACA,MAAIP,qBAAqB,CAAC,EAAE,GAAGK,KAAL;AAAYI,IAAAA,IAAZ;AAAkBC,IAAAA;AAAlB,GAAD,CAAzB,EAA4D;AAC1D,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAEU;AAA9B,kBACE,oBAAC,YAAD,eAAkBb,eAAlB,EAAuCW,UAAvC;AAAmD,IAAA,GAAG,EAAEL;AAAxD,MACGD,QADH,CADF,CADF;AAOD,CAxCD;;AA0CA,4BAAelB,IAAI,eAACC,UAAU,CAACa,UAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Stack } from '../Stack';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport type { IRadioContext, IRadioGroupProps } from './types';\r\nimport { useRadioGroupState } from '@react-stately/radio';\r\nimport { useRadioGroup } from '@react-native-aria/radio';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nexport const RadioContext = React.createContext<IRadioContext>(\r\n {} as IRadioContext\r\n);\r\nconst RadioWrapper = memo((props: any) => {\r\n const resolvedProps = usePropsResolution('RadioGroup', props);\r\n return <Stack {...resolvedProps} {...props.radioGroupProps} {...props} />;\r\n});\r\n\r\nconst RadioGroup = (\r\n { size, colorScheme, _radio, children, ...props }: IRadioGroupProps,\r\n ref: any\r\n) => {\r\n const formControlContext = useFormControlContext();\r\n\r\n const state = useRadioGroupState(props);\r\n const radioGroupState = useRadioGroup(\r\n { ...formControlContext, ...props, 'aria-label': props.accessibilityLabel },\r\n state\r\n );\r\n const [propsState] = React.useState(props);\r\n const contextValue: any = React.useMemo(() => {\r\n return {\r\n formControlContext,\r\n size,\r\n colorScheme,\r\n ..._radio,\r\n state,\r\n };\r\n }, [size, colorScheme, formControlContext, state, _radio]);\r\n\r\n const radioGroupProps = React.useMemo(\r\n () => radioGroupState.radioGroupProps,\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n []\r\n );\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps({ ...props, size, colorScheme })) {\r\n return null;\r\n }\r\n\r\n return (\r\n <RadioContext.Provider value={contextValue}>\r\n <RadioWrapper {...radioGroupProps} {...propsState} ref={ref}>\r\n {children}\r\n </RadioWrapper>\r\n </RadioContext.Provider>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(RadioGroup));\r\n"]}
1	+ {"version":3,"names":["React","memo","forwardRef","Stack","useFormControlContext","useRadioGroupState","useRadioGroup","useHasResponsiveProps","usePropsResolution","RadioContext","createContext","RadioWrapper","props","resolvedProps","createElement","_extends","radioGroupProps","RadioGroup","size","colorScheme","_radio","children","ref","formControlContext","state","radioGroupState","accessibilityLabel","propsState","useState","contextValue","useMemo","Provider","value"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Stack } from '../Stack';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport type { IRadioContext, IRadioGroupProps } from './types';\r\nimport { useRadioGroupState } from '@react-stately/radio';\r\nimport { useRadioGroup } from '@react-native-aria/radio';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nexport const RadioContext = React.createContext<IRadioContext>(\r\n {} as IRadioContext\r\n);\r\nconst RadioWrapper = memo((props: any) => {\r\n const resolvedProps = usePropsResolution('RadioGroup', props);\r\n return <Stack {...resolvedProps} {...props.radioGroupProps} {...props} />;\r\n});\r\n\r\nconst RadioGroup = (\r\n { size, colorScheme, _radio, children, ...props }: IRadioGroupProps,\r\n ref: any\r\n) => {\r\n const formControlContext = useFormControlContext();\r\n\r\n const state = useRadioGroupState(props);\r\n const radioGroupState = useRadioGroup(\r\n { ...formControlContext, ...props, 'aria-label': props.accessibilityLabel },\r\n state\r\n );\r\n const [propsState] = React.useState(props);\r\n const contextValue: any = React.useMemo(() => {\r\n return {\r\n formControlContext,\r\n size,\r\n colorScheme,\r\n ..._radio,\r\n state,\r\n };\r\n }, [size, colorScheme, formControlContext, state, _radio]);\r\n\r\n const radioGroupProps = React.useMemo(\r\n () => radioGroupState.radioGroupProps,\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n []\r\n );\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps({ ...props, size, colorScheme })) {\r\n return null;\r\n }\r\n\r\n return (\r\n <RadioContext.Provider value={contextValue}>\r\n <RadioWrapper {...radioGroupProps} {...propsState} ref={ref}>\r\n {children}\r\n </RadioWrapper>\r\n </RadioContext.Provider>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(RadioGroup));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,qBAAqB,QAAQ,8BAA8B;AAEpE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,kBAAkB,QAAQ,8BAA8B;AAEjE,OAAO,MAAMC,YAAY,gBAAGT,KAAK,CAACU,aAAa,CAC7C,CAAC,CACH,CAAC;AACD,MAAMC,YAAY,gBAAGV,IAAI,CAAEW,KAAU,IAAK;EACxC,MAAMC,aAAa,GAAGL,kBAAkB,CAAC,YAAY,EAAEI,KAAK,CAAC;EAC7D,oBAAOZ,KAAA,CAAAc,aAAA,CAACX,KAAK,EAAAY,QAAA,KAAKF,aAAa,EAAMD,KAAK,CAACI,eAAe,EAAMJ,KAAK,CAAG,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAMK,UAAU,GAAGA,CACjB;EAAEC,IAAI;EAAEC,WAAW;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGT;AAAwB,CAAC,EACnEU,GAAQ,KACL;EACH,MAAMC,kBAAkB,GAAGnB,qBAAqB,CAAC,CAAC;EAElD,MAAMoB,KAAK,GAAGnB,kBAAkB,CAACO,KAAK,CAAC;EACvC,MAAMa,eAAe,GAAGnB,aAAa,CACnC;IAAE,GAAGiB,kBAAkB;IAAE,GAAGX,KAAK;IAAE,YAAY,EAAEA,KAAK,CAACc;EAAmB,CAAC,EAC3EF,KACF,CAAC;EACD,MAAM,CAACG,UAAU,CAAC,GAAG3B,KAAK,CAAC4B,QAAQ,CAAChB,KAAK,CAAC;EAC1C,MAAMiB,YAAiB,GAAG7B,KAAK,CAAC8B,OAAO,CAAC,MAAM;IAC5C,OAAO;MACLP,kBAAkB;MAClBL,IAAI;MACJC,WAAW;MACX,GAAGC,MAAM;MACTI;IACF,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,EAAEC,WAAW,EAAEI,kBAAkB,EAAEC,KAAK,EAAEJ,MAAM,CAAC,CAAC;EAE1D,MAAMJ,eAAe,GAAGhB,KAAK,CAAC8B,OAAO,CACnC,MAAML,eAAe,CAACT,eAAe;EACrC;EACA,EACF,CAAC;;EAED;EACA,IAAIT,qBAAqB,CAAC;IAAE,GAAGK,KAAK;IAAEM,IAAI;IAAEC;EAAY,CAAC,CAAC,EAAE;IAC1D,OAAO,IAAI;EACb;EAEA,oBACEnB,KAAA,CAAAc,aAAA,CAACL,YAAY,CAACsB,QAAQ;IAACC,KAAK,EAAEH;EAAa,gBACzC7B,KAAA,CAAAc,aAAA,CAACH,YAAY,EAAAI,QAAA,KAAKC,eAAe,EAAMW,UAAU;IAAEL,GAAG,EAAEA;EAAI,IACzDD,QACW,CACO,CAAC;AAE5B,CAAC;AAED,4BAAepB,IAAI,cAACC,UAAU,CAACe,UAAU,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/primitives/Radio/index.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import RadioMain from './Radio';
 import RadioGroup from './RadioGroup';
 const RadioTemp = RadioMain;
-RadioTemp.Group = RadioGroup; // To add typings
+RadioTemp.Group = RadioGroup;
+// To add typings
 const Radio = RadioTemp;
 export { Radio };
 export { RadioContext } from './RadioGroup';

package/lib/module/components/primitives/Radio/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["index.tsx"],"~~names":["RadioMain","RadioGroup","RadioTemp","Group","Radio","RadioContext"],"~~mappings~~":"~~AAAA,OAAOA,SAAP,MAAsB,SAAtB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAGA,MAAMC,SAAc,GAAGF,SAAvB;AACAE,SAAS,CAACC,KAAV,GAAkBF,UAAlB,C,CAEA;;AACA,MAAMG,KAAK,GAAGF,SAAd;AAEA,SAASE,KAAT;AASA,SAASC,YAAT,QAA6B,cAA7B~~","sourcesContent":["import RadioMain from './Radio';\r\nimport RadioGroup from './RadioGroup';\r\nimport type { IRadioComponentType } from './types';\r\n\r\nconst RadioTemp: any = RadioMain;\r\nRadioTemp.Group = RadioGroup;\r\n\r\n// To add typings\r\nconst Radio = RadioTemp as IRadioComponentType;\r\n\r\nexport { Radio };\r\nexport type {\r\n IRadioProps,\r\n IRadioGroupProps,\r\n IRadioContext,\r\n IRadioValue,\r\n IRadioComponentType,\r\n} from './types';\r\n\r\nexport { RadioContext } from './RadioGroup';\r\n"]}
1	+ {"version":3,"names":["RadioMain","RadioGroup","RadioTemp","Group","Radio","RadioContext"],"sources":["index.tsx"],"sourcesContent":["import RadioMain from './Radio';\r\nimport RadioGroup from './RadioGroup';\r\nimport type { IRadioComponentType } from './types';\r\n\r\nconst RadioTemp: any = RadioMain;\r\nRadioTemp.Group = RadioGroup;\r\n\r\n// To add typings\r\nconst Radio = RadioTemp as IRadioComponentType;\r\n\r\nexport { Radio };\r\nexport type {\r\n IRadioProps,\r\n IRadioGroupProps,\r\n IRadioContext,\r\n IRadioValue,\r\n IRadioComponentType,\r\n} from './types';\r\n\r\nexport { RadioContext } from './RadioGroup';\r\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,SAAS;AAC/B,OAAOC,UAAU,MAAM,cAAc;AAGrC,MAAMC,SAAc,GAAGF,SAAS;AAChCE,SAAS,CAACC,KAAK,GAAGF,UAAU;;AAE5B;AACA,MAAMG,KAAK,GAAGF,SAAgC;AAE9C,SAASE,KAAK;AASd,SAASC,YAAY,QAAQ,cAAc","ignoreList":[]}

package/lib/module/components/primitives/Radio/test/radio.test.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { fireEvent, render } from '@testing-library/react-native';
 import { Radio } from '..';
 import { Text } from '../..';
 import { NativeBaseProvider } from '../../../../core/NativeBaseProvider';
 function RadiosGroup() {
   const [, setValue] = React.useState('one');
   return /*#__PURE__*/React.createElement(Radio.Group, {
@@ -26,13 +25,12 @@ function RadiosGroup() {
     mx: 2
   }, "Third")));
 }
 describe('RadioGroup', () => {
   it('onChange and default on RadioGroup', () => {
     let {
       getAllByRole,
       getByText
-    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+    } = render(/*#__PURE__*/React.createElement(NativeBaseProvider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -60,7 +58,7 @@ describe('RadioGroup', () => {
   it('can be disabled', () => {
     let {
       getAllByRole
-    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+    } = render(/*#__PURE__*/React.createElement(NativeBaseProvider, {
       initialWindowMetrics: {
         frame: {
           x: 0,