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

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

@@ -0,0 +1,160 @@
+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
+
+import stableHash from 'stable-hash';
+import { Pressable } from '../Pressable';
+import { Center } from '../../composites/Center';
+import Box from '../Box';
+import { Stack } from '../Stack';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { wrapStringChild } from '../../../utils/wrapStringChild';
+import { useRadio } from '@react-native-aria/radio';
+import { RadioContext } from './RadioGroup';
+import { mergeRefs } from '../../../utils';
+import { CircleIcon } from '../Icon/Icons';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { composeEventHandlers, combineContextAndProps, isEmptyObj } from '../../../utils';
+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(({
+  icon,
+  inputProps,
+  combinedProps,
+  size,
+  children,
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp
+}, ref) => {
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate
+  } = combinedProps;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    pressableProps,
+    isPressed
+  } = useIsPressed();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    disabled: isDisabled,
+    checked: isChecked
+  } = inputProps;
+  const {
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    _interactionBox,
+    _icon,
+    _stack,
+    _text,
+    ...resolvedProps
+  } = usePropsResolution('Radio', { ...combinedProps,
+    size
+  }, {
+    isInvalid,
+    isReadOnly,
+    isDisabled,
+    isIndeterminate,
+    isChecked,
+    isHovered: isHoveredProp || isHovered,
+    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 sizedIcon = () =>
+  /*#__PURE__*/
+  //@ts-ignore
+  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
+    ,
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @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
+    ,
+    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,
+  size,
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  ...props
+}, ref) => {
+  var _contextState$state;
+
+  const formControlContext = useFormControlContext();
+  const contextState = React.useContext(RadioContext);
+  const combinedProps = combineContextAndProps({ ...formControlContext,
+    ...contextState
+  }, props);
+  const inputRef = React.useRef(null);
+  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
+
+  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
+
+  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,
+    children: children,
+    size: size,
+    ref: ref,
+    icon: icon,
+    wrapperRef: wrapperRef,
+    isHovered: isHoveredProp,
+    isPressed: isPressedProp,
+    isFocused: isFocusedProp
+  });
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Radio));
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,172 @@
+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
+
+import stableHash from 'stable-hash';
+import Box from '../Box';
+import { Stack } from '../Stack';
+import { Center } from '../../composites/Center';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { wrapStringChild } from '../../../utils/wrapStringChild';
+import { mergeRefs } from './../../../utils';
+import { useHover } from '@react-native-aria/interactions';
+import { useRadio } from '@react-native-aria/radio';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { RadioContext } from './RadioGroup';
+import { useFocusRing } from '@react-native-aria/focus';
+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(({
+  icon,
+  inputProps,
+  combinedProps,
+  children,
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate
+  } = combinedProps;
+  const {
+    disabled: isDisabled,
+    checked: isChecked
+  } = inputProps;
+
+  const _ref = React.useRef(null);
+
+  const {
+    isHovered
+  } = useHover({}, _ref);
+  const mergedRefs = mergeRefs([_ref, wrapperRef]);
+  const {
+    focusProps,
+    isFocusVisible
+  } = 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,
+    _stack,
+    _text,
+    ...resolvedProps
+  } = usePropsResolution('Radio', combinedProps, {
+    isInvalid,
+    isReadOnly,
+    isFocusVisible: isFocusVisibleProp || isFocused || isFocusVisible,
+    isDisabled,
+    isIndeterminate,
+    isChecked,
+    isHovered: isHoveredProp || isHovered,
+    isPressed,
+    isFocused
+  }); // only calling below function when icon exist.
+
+  const sizedIcon = () =>
+  /*#__PURE__*/
+  //@ts-ignore
+  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
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box // @ts-ignore - RN web supports accessibilityRole="label"
+  , {
+    accessibilityRole: "label",
+    ref: mergedRefs
+  }, /*#__PURE__*/React.createElement("div", {
+    onMouseDown: handlePressIn,
+    onMouseUp: handlePressOut
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, focusProps, {
+    ref: ref,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }))), component));
+}));
+
+const Radio = ({
+  icon,
+  children,
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isPressed,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
+  var _contextState$state;
+
+  const formControlContext = useFormControlContext();
+  const contextState = React.useContext(RadioContext);
+  const combinedProps = combineContextAndProps({ ...formControlContext,
+    ...contextState
+  }, props);
+  const inputRef = React.useRef(null);
+  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
+
+  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
+
+  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,
+    children: children,
+    ref: ref,
+    icon: icon,
+    wrapperRef: wrapperRef,
+    isHovered: isHoveredProp,
+    isPressed: isPressed,
+    isFocused: isFocusedProp,
+    isFocusVisible: isFocusVisibleProp
+  });
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Radio));
+//# sourceMappingURL=Radio.web.js.map

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

@@ -0,0 +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":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC,C,CACA;;AACA,OAAOC,UAAP,MAAuB,aAAvB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,eAAT,QAAgC,gCAAhC;AAEA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,QAAT,QAAyB,iCAAzB;AACA,SAASC,QAAT,QAAyB,0BAAzB;AACA,SAASC,cAAT,QAA+B,6BAA/B;AACA,SAASC,YAAT,QAA6B,cAA7B;AACA,SAASC,YAAT,QAA6B,0BAA7B;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,sBAAT,EAAiCC,UAAjC,QAAmD,gBAAnD;AACA,SAASC,qBAAT,QAAsC,8BAAtC;AACA,MAAMC,cAAc,gBAAGnB,IAAI,eACzBC,UAAU,CACR,CACE;AACEmB,EAAAA,IADF;AAEEC,EAAAA,UAFF;AAGEC,EAAAA,aAHF;AAIEC,EAAAA,QAJF;AAKEC,EAAAA,UALF;AAMEC,EAAAA,SAAS,EAAEC,aANb;AAOEC,EAAAA,SAAS,EAAEC,aAPb;AAQEC,EAAAA,SAAS,EAAEC,aARb;AASEC,EAAAA,cAAc,EAAEC,kBATlB;AAUE,KAAGC;AAVL,CADF,EAaEC,GAbF,KAcK;AACH,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,UAAb;AAAyBC,IAAAA;AAAzB,MAA6Cf,aAAnD;AACA,QAAM;AAAEgB,IAAAA,QAAQ,EAAEC,UAAZ;AAAwBC,IAAAA,OAAO,EAAEC;AAAjC,MAA+CpB,UAArD;;AACA,QAAMqB,IAAI,GAAG3C,KAAK,CAAC4C,MAAN,CAAa,IAAb,CAAb;;AACA,QAAM;AAAElB,IAAAA;AAAF,MAAgBhB,QAAQ,CAAC,EAAD,EAAKiC,IAAL,CAA9B;AACA,QAAME,UAAU,GAAGpC,SAAS,CAAC,CAACkC,IAAD,EAAOlB,UAAP,CAAD,CAA5B;AACA,QAAM;AAAEqB,IAAAA,UAAF;AAAcd,IAAAA;AAAd,MAAiClB,YAAY,EAAnD;AACA,QAAM,CAACgB,SAAD,EAAYiB,UAAZ,IAA0B/C,KAAK,CAACgD,QAAN,CAAejB,aAAf,CAAhC;AACA,QAAM,CAACH,SAAD,EAAYqB,UAAZ,IAA0BjD,KAAK,CAACgD,QAAN,CAAenB,aAAf,CAAhC;;AACA,QAAMqB,WAAW,GAAG,MAAM;AACxBH,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD,GAFD;;AAGA,QAAMI,UAAU,GAAG,MAAM;AACvBpB,IAAAA,aAAa,GAAGgB,UAAU,CAAC,IAAD,CAAb,GAAsBA,UAAU,CAAC,KAAD,CAA7C;AACD,GAFD;;AAGA,QAAMK,aAAa,GAAG,MAAM;AAC1BH,IAAAA,UAAU,CAAC,IAAD,CAAV;AACD,GAFD;;AAIA,QAAMI,cAAc,GAAG,MAAM;AAC3BxB,IAAAA,aAAa,GAAGoB,UAAU,CAAC,IAAD,CAAb,GAAsBA,UAAU,CAAC,KAAD,CAA7C;AACD,GAFD;;AAGA,QAAM;AACJK,IAAAA,eADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,MAHI;AAIJC,IAAAA,KAJI;AAKJ,OAAGC;AALC,MAMFnD,kBAAkB,CAAC,OAAD,EAAUgB,aAAV,EAAyB;AAC7Ca,IAAAA,SAD6C;AAE7CC,IAAAA,UAF6C;AAG7CL,IAAAA,cAAc,EAAEC,kBAAkB,IAAIH,SAAtB,IAAmCE,cAHN;AAI7CQ,IAAAA,UAJ6C;AAK7CF,IAAAA,eAL6C;AAM7CI,IAAAA,SAN6C;AAO7ChB,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAPiB;AAQ7CE,IAAAA,SAR6C;AAS7CE,IAAAA;AAT6C,GAAzB,CANtB,CAtBG,CAwCH;;AACA,QAAM6B,SAAS,GAAG;AAAA;AAChB;AACA3D,EAAAA,KAAK,CAAC4D,YAAN,CAAmBvC,IAAnB,EAAyB,EACvB,GAAGkC;AADoB,GAAzB,CAFF;;AAMA,QAAMM,SAAS,gBACb,oBAAC,KAAD,EAAWL,MAAX,eACE,oBAAC,MAAD,qBAEE,oBAAC,GAAD,EAASF,eAAT,CAFF,eAIE,oBAAC,MAAD,EAAYI,aAAZ,EACGrC,IAAI,IAAIsC,SAAR,IAAqBjB,SAArB,GACCiB,SAAS,EADV,gBAGC,oBAAC,UAAD,eAAgBJ,KAAhB;AAAuB,IAAA,OAAO,EAAEb,SAAS,GAAG,CAAH,GAAO;AAAhD,KAJJ,CAJF,CADF,EAaGlC,eAAe,CAACgB,QAAD,EAAWiC,KAAX,CAblB,CADF,CA/CG,CAgEH;;AACA,MAAIzC,qBAAqB,CAACkB,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,GAAD,CACE;AADF;AAEE,IAAA,iBAAiB,EAAC,OAFpB;AAGE,IAAA,GAAG,EAAEW;AAHP,kBAKE;AAAK,IAAA,WAAW,EAAEO,aAAlB;AAAiC,IAAA,SAAS,EAAEC;AAA5C,kBACE,oBAAC,cAAD,qBACE,0CACM/B,UADN,EAEMwB,UAFN;AAGE,IAAA,GAAG,EAAEX,GAHP;AAIE,IAAA,OAAO,EAAEe,WAJX;AAKE,IAAA,MAAM,EAAEC;AALV,KADF,CADF,EAUGU,SAVH,CALF,CADF;AAoBD,CAxGO,CADe,CAA3B;;AA6GA,MAAMC,KAAK,GAAG,CACZ;AACEzC,EAAAA,IADF;AAEEG,EAAAA,QAFF;AAGEC,EAAAA,UAHF;AAIEC,EAAAA,SAAS,EAAEC,aAJb;AAKEC,EAAAA,SALF;AAMEE,EAAAA,SAAS,EAAEC,aANb;AAOEC,EAAAA,cAAc,EAAEC,kBAPlB;AAQE,KAAGC;AARL,CADY,EAWZC,GAXY,KAYT;AAAA;;AACH,QAAM4B,kBAAkB,GAAG5C,qBAAqB,EAAhD;AACA,QAAM6C,YAAY,GAAGhE,KAAK,CAACiE,UAAN,CAAiBpD,YAAjB,CAArB;AAEA,QAAMU,aAAa,GAAGN,sBAAsB,CAC1C,EAAE,GAAG8C,kBAAL;AAAyB,OAAGC;AAA5B,GAD0C,EAE1C9B,KAF0C,CAA5C;AAKA,QAAMgC,QAAQ,GAAGlE,KAAK,CAAC4C,MAAN,CAAa,IAAb,CAAjB;AACA,QAAMuB,UAAU,GAAGxD,QAAQ,CACzB,EAAE,GAAGY,aAAL;AAAoB,kBAAcW,KAAK,CAACkC,kBAAxC;AAA4D5C,IAAAA;AAA5D,GADyB,yBAEzBwC,YAAY,CAACK,KAFY,qEAEH,EAFG,EAGzBH,QAHyB,CAA3B,CAVG,CAgBH;AACA;;AACA,QAAM5C,UAAU,GAAGtB,KAAK,CAACsE,OAAN,CAAc,MAAMH,UAAU,CAAC7C,UAA/B,EAA2C,CAC5D6C,UAAU,CAAC7C,UAAX,CAAsBmB,OADsC,EAE5D0B,UAAU,CAAC7C,UAAX,CAAsBiB,QAFsC,CAA3C,CAAnB;AAKA,QAAMgC,oBAAoB,GAAGvE,KAAK,CAACsE,OAAN,CAAc,MAAM;AAC/C,WAAO,EAAE,GAAG/C;AAAL,KAAP,CAD+C,CAE/C;AACD,GAH4B,EAG1B,CAACpB,UAAU,CAACoB,aAAD,CAAX,CAH0B,CAA7B,CAvBG,CA4BH;;AACA,MAAIP,qBAAqB,CAACkB,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,MAAIhB,UAAU,CAAC8C,YAAD,CAAd,EAA8B;AAC5BQ,IAAAA,OAAO,CAACC,KAAR,CAAc,mDAAd;AACA,wBAAO,yCAAP;AACD;;AAED,sBACE,oBAAC,cAAD;AACE,IAAA,UAAU,EAAEnD,UADd;AAEE,IAAA,aAAa,EAAEiD,oBAFjB;AAGE,IAAA,QAAQ,EAAE/C,QAHZ;AAIE,IAAA,GAAG,EAAEW,GAJP;AAKE,IAAA,IAAI,EAAEd,IALR;AAME,IAAA,UAAU,EAAEI,UANd;AAOE,IAAA,SAAS,EAAEE,aAPb;AAQE,IAAA,SAAS,EAAEC,SARb;AASE,IAAA,SAAS,EAAEG,aATb;AAUE,IAAA,cAAc,EAAEE;AAVlB,IADF;AAcD,CA/DD;;AAiEA,4BAAehC,IAAI,eAACC,UAAU,CAAC4D,KAAD,CAAX,CAAnB","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"]}

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

@@ -0,0 +1,57 @@
+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';
+import { Stack } from '../Stack';
+import { useFormControlContext } from '../../composites/FormControl';
+import { useRadioGroupState } from '@react-stately/radio';
+import { useRadioGroup } from '@react-native-aria/radio';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+export const RadioContext = /*#__PURE__*/React.createContext({});
+const RadioWrapper = /*#__PURE__*/memo(props => {
+  const resolvedProps = usePropsResolution('RadioGroup', props);
+  return /*#__PURE__*/React.createElement(Stack, _extends({}, resolvedProps, props.radioGroupProps, props));
+});
+
+const RadioGroup = ({
+  size,
+  colorScheme,
+  _radio,
+  children,
+  ...props
+}, ref) => {
+  const formControlContext = useFormControlContext();
+  const state = useRadioGroupState(props);
+  const radioGroupState = useRadioGroup({ ...formControlContext,
+    ...props,
+    'aria-label': props.accessibilityLabel
+  }, state);
+  const [propsState] = React.useState(props);
+  const contextValue = React.useMemo(() => {
+    return {
+      formControlContext,
+      size,
+      colorScheme,
+      ..._radio,
+      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
+
+  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));
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,9 @@
+import RadioMain from './Radio';
+import RadioGroup from './RadioGroup';
+const RadioTemp = RadioMain;
+RadioTemp.Group = RadioGroup; // To add typings
+
+const Radio = RadioTemp;
+export { Radio };
+export { RadioContext } from './RadioGroup';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,99 @@
+import React from 'react';
+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, {
+    defaultValue: "1",
+    name: "myRadioGroup",
+    onChange: nextValue => {
+      setValue(nextValue);
+    }
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1"
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "First")), /*#__PURE__*/React.createElement(Radio, {
+    value: "2"
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "Second")), /*#__PURE__*/React.createElement(Radio, {
+    value: "3"
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "Third")));
+}
+
+describe('RadioGroup', () => {
+  it('onChange and default on RadioGroup', () => {
+    let {
+      getAllByRole,
+      getByText
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(RadiosGroup, null)));
+    let radios = getAllByRole('radio');
+    expect(radios.length).toBe(3);
+    expect(radios[0].props.accessibilityState.checked).toBe(true);
+    expect(radios[1].props.accessibilityState.checked).toBe(false);
+    expect(radios[2].props.accessibilityState.checked).toBe(false);
+    let second = getByText('Second');
+    fireEvent.press(second);
+    expect(radios[0].props.accessibilityState.checked).toBe(false);
+  });
+  it('can be disabled', () => {
+    let {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Radio.Group, {
+      defaultValue: "1",
+      name: "myRadioGroup"
+    }, /*#__PURE__*/React.createElement(Radio, {
+      value: "1"
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "First")), /*#__PURE__*/React.createElement(Radio, {
+      value: "2",
+      isDisabled: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Second")), /*#__PURE__*/React.createElement(Radio, {
+      value: "3"
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Third")))));
+    let second = getAllByRole('radio');
+    expect(second[1].props.accessibilityState.disabled).toBe(true);
+  });
+});
+//# sourceMappingURL=radio.test.js.map

package/lib/module/components/primitives/Radio/test/radio.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["radio.test.tsx"],"names":["React","fireEvent","render","Radio","Text","NativeBaseProvider","RadiosGroup","setValue","useState","nextValue","describe","it","getAllByRole","getByText","frame","x","y","width","height","insets","top","left","right","bottom","radios","expect","length","toBe","props","accessibilityState","checked","second","press","disabled"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { fireEvent, render } from '@testing-library/react-native';\r\nimport { Radio } from '..';\r\nimport { Text } from '../..';\r\nimport { NativeBaseProvider } from '../../../../core/NativeBaseProvider';\r\nfunction RadiosGroup() {\r\n  const [, setValue] = React.useState<any>('one');\r\n  return (\r\n    <Radio.Group\r\n      defaultValue=\"1\"\r\n      name=\"myRadioGroup\"\r\n      onChange={(nextValue: any) => {\r\n        setValue(nextValue);\r\n      }}\r\n    >\r\n      <Radio value=\"1\">\r\n        <Text mx={2}>First</Text>\r\n      </Radio>\r\n      <Radio value=\"2\">\r\n        <Text mx={2}>Second</Text>\r\n      </Radio>\r\n      <Radio value=\"3\">\r\n        <Text mx={2}>Third</Text>\r\n      </Radio>\r\n    </Radio.Group>\r\n  );\r\n}\r\ndescribe('RadioGroup', () => {\r\n  it('onChange and default on RadioGroup', () => {\r\n    let { getAllByRole, getByText } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <RadiosGroup />\r\n      </NativeBaseProvider>\r\n    );\r\n    let radios = getAllByRole('radio');\r\n    expect(radios.length).toBe(3);\r\n    expect(radios[0].props.accessibilityState.checked).toBe(true);\r\n    expect(radios[1].props.accessibilityState.checked).toBe(false);\r\n    expect(radios[2].props.accessibilityState.checked).toBe(false);\r\n    let second = getByText('Second');\r\n    fireEvent.press(second);\r\n    expect(radios[0].props.accessibilityState.checked).toBe(false);\r\n  });\r\n\r\n  it('can be disabled', () => {\r\n    let { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Radio.Group defaultValue=\"1\" name=\"myRadioGroup\">\r\n          <Radio value=\"1\">\r\n            <Text mx={2}>First</Text>\r\n          </Radio>\r\n          <Radio value=\"2\" isDisabled>\r\n            <Text mx={2}>Second</Text>\r\n          </Radio>\r\n          <Radio value=\"3\">\r\n            <Text mx={2}>Third</Text>\r\n          </Radio>\r\n        </Radio.Group>\r\n      </NativeBaseProvider>\r\n    );\r\n    let second = getAllByRole('radio');\r\n    expect(second[1].props.accessibilityState.disabled).toBe(true);\r\n  });\r\n});\r\n"]}

package/lib/module/components/primitives/Radio/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Radio/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/primitives/Row/index.js

@@ -0,0 +1,3 @@
+import { HStack } from '../Stack';
+export { HStack as Row };
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["HStack","Row"],"mappings":"AAAA,SAASA,MAAT,QAAuB,UAAvB;AACA,SAASA,MAAM,IAAIC,GAAnB","sourcesContent":["import { HStack } from '../Stack';\r\nexport { HStack as Row };\r\n"]}