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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Radio.web.tsx"],"names":["RadioComponent","icon","inputProps","combinedProps","children","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","isInvalid","isReadOnly","isIndeterminate","disabled","isDisabled","checked","isChecked","_ref","React","useRef","mergedRefs","focusProps","setFocused","useState","setPressed","handleFocus","handleBlur","handlePressIn","handlePressOut","_interactionBox","_icon","_stack","_text","resolvedProps","sizedIcon","cloneElement","component","Radio","formControlContext","contextState","useContext","RadioContext","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"]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RadioContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Stack = require("../Stack");
+
+var _FormControl = require("../../composites/FormControl");
+
+var _radio2 = require("@react-stately/radio");
+
+var _radio3 = require("@react-native-aria/radio");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const RadioContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.RadioContext = RadioContext;
+const RadioWrapper = /*#__PURE__*/(0, _react.memo)(props => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('RadioGroup', props);
+  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({}, resolvedProps, props.radioGroupProps, props));
+});
+
+const RadioGroup = ({
+  size,
+  colorScheme,
+  _radio,
+  children,
+  ...props
+}, ref) => {
+  const formControlContext = (0, _FormControl.useFormControlContext)();
+  const state = (0, _radio2.useRadioGroupState)(props);
+  const radioGroupState = (0, _radio3.useRadioGroup)({ ...formControlContext,
+    ...props,
+    'aria-label': props.accessibilityLabel
+  }, state);
+
+  const [propsState] = _react.default.useState(props);
+
+  const contextValue = _react.default.useMemo(() => {
+    return {
+      formControlContext,
+      size,
+      colorScheme,
+      ..._radio,
+      state
+    };
+  }, [size, colorScheme, formControlContext, state, _radio]);
+
+  const radioGroupProps = _react.default.useMemo(() => radioGroupState.radioGroupProps, // eslint-disable-next-line react-hooks/exhaustive-deps
+  []); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({ ...props,
+    size,
+    colorScheme
+  })) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(RadioContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(RadioWrapper, _extends({}, radioGroupProps, propsState, {
+    ref: ref
+  }), children));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(RadioGroup));
+
+exports.default = _default;
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RadioGroup.tsx"],"names":["RadioContext","React","createContext","RadioWrapper","props","resolvedProps","radioGroupProps","RadioGroup","size","colorScheme","_radio","children","ref","formControlContext","state","radioGroupState","accessibilityLabel","propsState","useState","contextValue","useMemo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAC1B,EAD0B,CAArB;;;AAGP,MAAMC,YAAY,gBAAG,iBAAMC,KAAD,IAAgB;AACxC,QAAMC,aAAa,GAAG,uCAAmB,YAAnB,EAAiCD,KAAjC,CAAtB;AACA,sBAAO,6BAAC,YAAD,eAAWC,aAAX,EAA8BD,KAAK,CAACE,eAApC,EAAyDF,KAAzD,EAAP;AACD,CAHoB,CAArB;;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,GAAG,yCAA3B;AAEA,QAAMC,KAAK,GAAG,gCAAmBV,KAAnB,CAAd;AACA,QAAMW,eAAe,GAAG,2BACtB,EAAE,GAAGF,kBAAL;AAAyB,OAAGT,KAA5B;AAAmC,kBAAcA,KAAK,CAACY;AAAvD,GADsB,EAEtBF,KAFsB,CAAxB;;AAIA,QAAM,CAACG,UAAD,IAAehB,eAAMiB,QAAN,CAAed,KAAf,CAArB;;AACA,QAAMe,YAAiB,GAAGlB,eAAMmB,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,GAAGL,eAAMmB,OAAN,CACtB,MAAML,eAAe,CAACT,eADA,EAEtB;AACA,IAHsB,CAAxB,CAnBG,CAyBH;;;AACA,MAAI,kDAAsB,EAAE,GAAGF,KAAL;AAAYI,IAAAA,IAAZ;AAAkBC,IAAAA;AAAlB,GAAtB,CAAJ,EAA4D;AAC1D,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAEU;AAA9B,kBACE,6BAAC,YAAD,eAAkBb,eAAlB,EAAuCW,UAAvC;AAAmD,IAAA,GAAG,EAAEL;AAAxD,MACGD,QADH,CADF,CADF;AAOD,CAxCD;;4BA0Ce,+BAAK,uBAAWJ,UAAX,CAAL,C","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/commonjs/components/primitives/Radio/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RadioContext", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.RadioContext;
+  }
+});
+exports.Radio = void 0;
+
+var _Radio = _interopRequireDefault(require("./Radio"));
+
+var _RadioGroup = _interopRequireWildcard(require("./RadioGroup"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const RadioTemp = _Radio.default;
+RadioTemp.Group = _RadioGroup.default; // To add typings
+
+const Radio = RadioTemp;
+exports.Radio = Radio;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["RadioTemp","RadioMain","Group","RadioGroup","Radio"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;;;;;AAGA,MAAMA,SAAc,GAAGC,cAAvB;AACAD,SAAS,CAACE,KAAV,GAAkBC,mBAAlB,C,CAEA;;AACA,MAAMC,KAAK,GAAGJ,SAAd","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/commonjs/components/primitives/Radio/test/radio.test.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("@testing-library/react-native");
+
+var _ = require("..");
+
+var _2 = require("../..");
+
+var _NativeBaseProvider = require("../../../../core/NativeBaseProvider");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function RadiosGroup() {
+  const [, setValue] = _react.default.useState('one');
+
+  return /*#__PURE__*/_react.default.createElement(_.Radio.Group, {
+    defaultValue: "1",
+    name: "myRadioGroup",
+    onChange: nextValue => {
+      setValue(nextValue);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.Radio, {
+    value: "1"
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "First")), /*#__PURE__*/_react.default.createElement(_.Radio, {
+    value: "2"
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "Second")), /*#__PURE__*/_react.default.createElement(_.Radio, {
+    value: "3"
+  }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+    mx: 2
+  }, "Third")));
+}
+
+describe('RadioGroup', () => {
+  it('onChange and default on RadioGroup', () => {
+    let {
+      getAllByRole,
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.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');
+
+    _reactNative.fireEvent.press(second);
+
+    expect(radios[0].props.accessibilityState.checked).toBe(false);
+  });
+  it('can be disabled', () => {
+    let {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_.Radio.Group, {
+      defaultValue: "1",
+      name: "myRadioGroup"
+    }, /*#__PURE__*/_react.default.createElement(_.Radio, {
+      value: "1"
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "First")), /*#__PURE__*/_react.default.createElement(_.Radio, {
+      value: "2",
+      isDisabled: true
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Second")), /*#__PURE__*/_react.default.createElement(_.Radio, {
+      value: "3"
+    }, /*#__PURE__*/_react.default.createElement(_2.Text, {
+      mx: 2
+    }, "Third")))));
+    let second = getAllByRole('radio');
+    expect(second[1].props.accessibilityState.disabled).toBe(true);
+  });
+});
+//# sourceMappingURL=radio.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["radio.test.tsx"],"names":["RadiosGroup","setValue","React","useState","nextValue","describe","it","getAllByRole","getByText","frame","x","y","width","height","insets","top","left","right","bottom","radios","expect","length","toBe","props","accessibilityState","checked","second","fireEvent","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/commonjs/components/primitives/Radio/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _Stack.HStack;
+  }
+});
+
+var _Stack = require("../Stack");
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/components/primitives/Select/Select.js

@@ -0,0 +1,249 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SelectContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Actionsheet = require("../../composites/Actionsheet");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _Input = require("../Input");
+
+var _focus = require("@react-native-aria/focus");
+
+var _hooks = require("../../../hooks");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _interactions = require("@react-native-aria/interactions");
+
+var _utils = require("../../../utils");
+
+var _FormControl = require("../../composites/FormControl");
+
+var _Icons = require("../Icon/Icons");
+
+var _ScrollView = require("../../basic/ScrollView");
+
+var _utils2 = require("../../../theme/tools/utils");
+
+var _FlatList = require("../../basic/FlatList");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _Pressable = require("../Pressable");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const SelectContext = /*#__PURE__*/_react.default.createContext({
+  onValueChange: () => {},
+  selectedValue: null,
+  _selectedItem: {},
+  _item: {}
+});
+
+exports.SelectContext = SelectContext;
+
+const Select = ({
+  isHovered: isHoveredProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  variant,
+  ...props
+}, ref) => {
+  const selectProps = (0, _FormControl.useFormControl)({
+    isDisabled: props.isDisabled,
+    nativeID: props.nativeID
+  });
+  const flatListData = [];
+  const isDisabled = selectProps.disabled;
+  const tempFix = '__NativebasePlaceholder__';
+
+  const _ref = _react.default.useRef(null);
+
+  const [isOpen, setIsOpen] = _react.default.useState(false);
+
+  const [isFocused, setIsFocused] = _react.default.useState(false);
+
+  const {
+    focusProps,
+    isFocusVisible
+  } = (0, _focus.useFocusRing)();
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)({
+    isDisabled
+  }, _ref);
+  const {
+    onValueChange,
+    selectedValue,
+    children,
+    dropdownIcon,
+    dropdownCloseIcon,
+    dropdownOpenIcon,
+    placeholder,
+    accessibilityLabel,
+    defaultValue,
+    _item,
+    _selectedItem,
+    onOpen,
+    onClose,
+    optimized,
+    _customDropdownIconProps,
+    _actionSheet,
+    _actionSheetContent,
+    _actionSheetBody,
+    _webSelect,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Select', props, {
+    isDisabled,
+    isHovered: isHoveredProp || isHovered,
+    isFocused: isFocusedProp || isFocused,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible
+  }, undefined);
+  const [value, setValue] = (0, _hooks.useControllableState)({
+    value: selectedValue,
+    defaultValue,
+    onChange: newValue => {
+      onValueChange && onValueChange(newValue);
+      setIsOpen(false);
+    }
+  });
+
+  const itemsList = _react.default.Children.toArray(children).map(child => {
+    var _child$props, _child$props2;
+
+    return {
+      label: child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.label,
+      value: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.value
+    };
+  });
+
+  const selectedItemArray = itemsList.filter(item => (item === null || item === void 0 ? void 0 : item.value) === value);
+  const selectedItem = selectedItemArray && selectedItemArray.length ? selectedItemArray[0] : null;
+
+  const contextValue = _react.default.useMemo(() => {
+    return {
+      onValueChange: setValue,
+      selectedValue: value,
+      _selectedItem: _selectedItem !== null && _selectedItem !== void 0 ? _selectedItem : {},
+      _item: _item !== null && _item !== void 0 ? _item : {}
+    };
+  }, [value, setValue, _selectedItem, _item]); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  const rightIcon = isOpen && dropdownOpenIcon ? dropdownOpenIcon : !isOpen && dropdownCloseIcon ? dropdownCloseIcon : dropdownIcon ? dropdownIcon : /*#__PURE__*/_react.default.createElement(_Icons.ChevronDownIcon, _customDropdownIconProps);
+
+  const handleClose = () => {
+    setIsOpen(false);
+    onClose && onClose();
+  };
+
+  if (optimized) {
+    _react.default.Children.toArray(children).map(child => {
+      flatListData.push(child.props);
+    });
+  }
+
+  const [layoutProps, nonLayoutProps] = (0, _utils2.extractInObject)(resolvedProps, [..._utils2.stylingProps.margin, ..._utils2.stylingProps.flexbox, ..._utils2.stylingProps.position, 'shadow', 'opacity']);
+
+  const commonInput = /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({
+    placeholder: placeholder,
+    InputRightElement: rightIcon
+  }, nonLayoutProps, {
+    // NOTE: Adding ts-ignore as we're not exposing isFocused in the Input component
+    // @ts-ignore-next-line
+    isFocused: isFocused,
+    isHovered: isHovered,
+    "aria-hidden": true,
+    importantForAccessibility: "no",
+    value: selectedItem ? selectedItem.label : '',
+    editable: false,
+    focusable: false,
+    isDisabled: isDisabled,
+    pointerEvents: "none",
+    variant: variant
+  }));
+
+  return _reactNative.Platform.OS !== 'web' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    onPress: () => {
+      _reactNative.Keyboard.dismiss();
+
+      setIsOpen(true);
+      onOpen && onOpen();
+    },
+    disabled: isDisabled,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    ref: (0, _utils.mergeRefs)([ref, _ref])
+  }, layoutProps), commonInput), /*#__PURE__*/_react.default.createElement(_Actionsheet.Actionsheet, _extends({
+    isOpen: isOpen,
+    onClose: handleClose
+  }, _actionSheet), /*#__PURE__*/_react.default.createElement(_Actionsheet.Actionsheet.Content, _actionSheetContent, optimized ? /*#__PURE__*/_react.default.createElement(_FlatList.FlatList, _extends({}, _actionSheetBody, {
+    data: flatListData // eslint-disable-next-line no-shadow
+    ,
+    keyExtractor: (_item, index) => index.toString(),
+    renderItem: ({
+      item
+    }) => {
+      const isSelected = selectedValue === (item === null || item === void 0 ? void 0 : item.value);
+      return /*#__PURE__*/_react.default.createElement(_Actionsheet.Actionsheet.Item, _extends({
+        onPress: () => {
+          if (!isDisabled) {
+            setValue(item === null || item === void 0 ? void 0 : item.value);
+          }
+        },
+        accessibilityState: {
+          selected: isSelected
+        }
+      }, item, _item, isSelected && _selectedItem), item === null || item === void 0 ? void 0 : item.label);
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_ScrollView.ScrollView, _actionSheetBody, /*#__PURE__*/_react.default.createElement(SelectContext.Provider, {
+    value: contextValue
+  }, children))))) : /*#__PURE__*/_react.default.createElement(_Box.default, layoutProps, /*#__PURE__*/_react.default.createElement("select", _extends({
+    "aria-readonly": selectProps.readOnly,
+    required: selectProps.required,
+    disabled: isDisabled
+  }, focusProps, hoverProps, {
+    ref: (0, _utils.mergeRefs)([ref, _ref]) //@ts-ignore
+    ,
+    onChange: e => {
+      setValue(e.target.value);
+    },
+    value: selectedItem === null ? tempFix : value,
+    "aria-label": placeholder,
+    onFocus: () => {
+      setIsFocused(true);
+      onOpen && onOpen();
+    },
+    onBlur: () => {
+      setIsFocused(false);
+      onClose && onClose();
+    }
+  }, _webSelect), /*#__PURE__*/_react.default.createElement("option", {
+    disabled: true,
+    value: tempFix
+  }, placeholder), children), commonInput);
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Select));
+
+exports.default = _default;
+//# sourceMappingURL=Select.js.map

package/lib/commonjs/components/primitives/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Select.tsx"],"names":["SelectContext","React","createContext","onValueChange","selectedValue","_selectedItem","_item","Select","isHovered","isHoveredProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","variant","props","ref","selectProps","isDisabled","nativeID","flatListData","disabled","tempFix","_ref","useRef","isOpen","setIsOpen","useState","setIsFocused","focusProps","hoverProps","children","dropdownIcon","dropdownCloseIcon","dropdownOpenIcon","placeholder","accessibilityLabel","defaultValue","onOpen","onClose","optimized","_customDropdownIconProps","_actionSheet","_actionSheetContent","_actionSheetBody","_webSelect","resolvedProps","undefined","value","setValue","onChange","newValue","itemsList","Children","toArray","map","child","label","selectedItemArray","filter","item","selectedItem","length","contextValue","useMemo","rightIcon","handleClose","push","layoutProps","nonLayoutProps","stylingProps","margin","flexbox","position","commonInput","Platform","OS","Keyboard","dismiss","index","toString","isSelected","selected","readOnly","required","e","target"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEO,MAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAoB;AAC/CC,EAAAA,aAAa,EAAG,MAAM,CAAE,CADuB;AAE/CC,EAAAA,aAAa,EAAE,IAFgC;AAG/CC,EAAAA,aAAa,EAAE,EAHgC;AAI/CC,EAAAA,KAAK,EAAE;AAJwC,CAApB,CAAtB;;;;AAOP,MAAMC,MAAM,GAAG,CACb;AACEC,EAAAA,SAAS,EAAEC,aADb;AAEEC,EAAAA,SAAS,EAAEC,aAFb;AAGEC,EAAAA,cAAc,EAAEC,kBAHlB;AAIEC,EAAAA,OAJF;AAKE,KAAGC;AALL,CADa,EAQbC,GARa,KASV;AACH,QAAMC,WAAW,GAAG,iCAAe;AACjCC,IAAAA,UAAU,EAAEH,KAAK,CAACG,UADe;AAEjCC,IAAAA,QAAQ,EAAEJ,KAAK,CAACI;AAFiB,GAAf,CAApB;AAIA,QAAMC,YAAgC,GAAG,EAAzC;AAEA,QAAMF,UAAU,GAAGD,WAAW,CAACI,QAA/B;AACA,QAAMC,OAAO,GAAG,2BAAhB;;AACA,QAAMC,IAAI,GAAGtB,eAAMuB,MAAN,CAAa,IAAb,CAAb;;AAEA,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBzB,eAAM0B,QAAN,CAAwB,KAAxB,CAA5B;;AACA,QAAM,CAACjB,SAAD,EAAYkB,YAAZ,IAA4B3B,eAAM0B,QAAN,CAAwB,KAAxB,CAAlC;;AAEA,QAAM;AAAEE,IAAAA,UAAF;AAAcjB,IAAAA;AAAd,MAAiC,0BAAvC;AACA,QAAM;AAAEkB,IAAAA,UAAF;AAActB,IAAAA;AAAd,MAA4B,4BAAS;AAAEU,IAAAA;AAAF,GAAT,EAAyBK,IAAzB,CAAlC;AAEA,QAAM;AACJpB,IAAAA,aADI;AAEJC,IAAAA,aAFI;AAGJ2B,IAAAA,QAHI;AAIJC,IAAAA,YAJI;AAKJC,IAAAA,iBALI;AAMJC,IAAAA,gBANI;AAOJC,IAAAA,WAPI;AAQJC,IAAAA,kBARI;AASJC,IAAAA,YATI;AAUJ/B,IAAAA,KAVI;AAWJD,IAAAA,aAXI;AAYJiC,IAAAA,MAZI;AAaJC,IAAAA,OAbI;AAcJC,IAAAA,SAdI;AAeJC,IAAAA,wBAfI;AAgBJC,IAAAA,YAhBI;AAiBJC,IAAAA,mBAjBI;AAkBJC,IAAAA,gBAlBI;AAmBJC,IAAAA,UAnBI;AAoBJ,OAAGC;AApBC,MAqBF,uCACF,QADE,EAEF/B,KAFE,EAGF;AACEG,IAAAA,UADF;AAEEV,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAF9B;AAGEE,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAH9B;AAIEE,IAAAA,cAAc,EAAEC,kBAAkB,IAAID;AAJxC,GAHE,EASFmC,SATE,CArBJ;AAiCA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,iCAAqB;AAC7CD,IAAAA,KAAK,EAAE5C,aADsC;AAE7CiC,IAAAA,YAF6C;AAG7Ca,IAAAA,QAAQ,EAAGC,QAAD,IAAc;AACtBhD,MAAAA,aAAa,IAAIA,aAAa,CAACgD,QAAD,CAA9B;AACAzB,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD;AAN4C,GAArB,CAA1B;;AASA,QAAM0B,SAGJ,GAAGnD,eAAMoD,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EAAiCwB,GAAjC,CAAsCC,KAAD,IAAgB;AAAA;;AACxD,WAAO;AACLC,MAAAA,KAAK,EAAED,KAAF,aAAEA,KAAF,uCAAEA,KAAK,CAAEzC,KAAT,iDAAE,aAAc0C,KADhB;AAELT,MAAAA,KAAK,EAAEQ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEzC,KAAT,kDAAE,cAAciC;AAFhB,KAAP;AAID,GALI,CAHL;;AAUA,QAAMU,iBAAiB,GAAGN,SAAS,CAACO,MAAV,CACvBC,IAAD,IAAe,CAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEZ,KAAN,MAAgBA,KADP,CAA1B;AAIA,QAAMa,YAAY,GAChBH,iBAAiB,IAAIA,iBAAiB,CAACI,MAAvC,GAAgDJ,iBAAiB,CAAC,CAAD,CAAjE,GAAuE,IADzE;;AAGA,QAAMK,YAAY,GAAG9D,eAAM+D,OAAN,CAAc,MAAM;AACvC,WAAO;AACL7D,MAAAA,aAAa,EAAE8C,QADV;AAEL7C,MAAAA,aAAa,EAAE4C,KAFV;AAGL3C,MAAAA,aAAa,EAAEA,aAAF,aAAEA,aAAF,cAAEA,aAAF,GAAmB,EAH3B;AAILC,MAAAA,KAAK,EAAEA,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAW;AAJX,KAAP;AAMD,GAPoB,EAOlB,CAAC0C,KAAD,EAAQC,QAAR,EAAkB5C,aAAlB,EAAiCC,KAAjC,CAPkB,CAArB,CA5EG,CAqFH;;;AACA,MAAI,kDAAsBS,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,QAAMkD,SAAS,GACbxC,MAAM,IAAIS,gBAAV,GACEA,gBADF,GAEI,CAACT,MAAD,IAAWQ,iBAAX,GACFA,iBADE,GAEAD,YAAY,GACdA,YADc,gBAGd,6BAAC,sBAAD,EAAqBS,wBAArB,CARJ;;AAWA,QAAMyB,WAAW,GAAG,MAAM;AACxBxC,IAAAA,SAAS,CAAC,KAAD,CAAT;AACAa,IAAAA,OAAO,IAAIA,OAAO,EAAlB;AACD,GAHD;;AAKA,MAAIC,SAAJ,EAAe;AACbvC,mBAAMoD,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EAAiCwB,GAAjC,CAAsCC,KAAD,IAAgB;AACnDpC,MAAAA,YAAY,CAAC+C,IAAb,CAAkBX,KAAK,CAACzC,KAAxB;AACD,KAFD;AAGD;;AAED,QAAM,CAACqD,WAAD,EAAcC,cAAd,IAAgC,6BAAgBvB,aAAhB,EAA+B,CACnE,GAAGwB,qBAAaC,MADmD,EAEnE,GAAGD,qBAAaE,OAFmD,EAGnE,GAAGF,qBAAaG,QAHmD,EAInE,QAJmE,EAKnE,SALmE,CAA/B,CAAtC;;AAQA,QAAMC,WAAW,gBACf,6BAAC,YAAD;AACE,IAAA,WAAW,EAAEvC,WADf;AAEE,IAAA,iBAAiB,EAAE8B;AAFrB,KAGMI,cAHN;AAIE;AACA;AACA,IAAA,SAAS,EAAE3D,SANb;AAOE,IAAA,SAAS,EAAEF,SAPb;AAQE,mBAAa,IARf;AASE,IAAA,yBAAyB,EAAC,IAT5B;AAUE,IAAA,KAAK,EAAEqD,YAAY,GAAGA,YAAY,CAACJ,KAAhB,GAAwB,EAV7C;AAWE,IAAA,QAAQ,EAAE,KAXZ;AAYE,IAAA,SAAS,EAAE,KAZb;AAaE,IAAA,UAAU,EAAEvC,UAbd;AAcE,IAAA,aAAa,EAAC,MAdhB;AAeE,IAAA,OAAO,EAAEJ;AAfX,KADF;;AAoBA,SAAO6D,sBAASC,EAAT,KAAgB,KAAhB,gBACL,yEACE,6BAAC,oBAAD;AACE,IAAA,OAAO,EAAE,MAAM;AACbC,4BAASC,OAAT;;AACApD,MAAAA,SAAS,CAAC,IAAD,CAAT;AACAY,MAAAA,MAAM,IAAIA,MAAM,EAAhB;AACD,KALH;AAME,IAAA,QAAQ,EAAEpB,UANZ;AAOE,IAAA,kBAAkB,EAAEkB,kBAPtB;AAQE,IAAA,iBAAiB,EAAC,QARpB;AASE,IAAA,GAAG,EAAE,sBAAU,CAACpB,GAAD,EAAMO,IAAN,CAAV;AATP,KAUM6C,WAVN,GAYGM,WAZH,CADF,eAeE,6BAAC,wBAAD;AAAa,IAAA,MAAM,EAAEjD,MAArB;AAA6B,IAAA,OAAO,EAAEyC;AAAtC,KAAuDxB,YAAvD,gBACE,6BAAC,wBAAD,CAAa,OAAb,EAAyBC,mBAAzB,EAEGH,SAAS,gBACR,6BAAC,kBAAD,eACMI,gBADN;AAEE,IAAA,IAAI,EAAExB,YAFR,CAGE;AAHF;AAIE,IAAA,YAAY,EAAE,CAACd,KAAD,EAAQyE,KAAR,KAAkBA,KAAK,CAACC,QAAN,EAJlC;AAKE,IAAA,UAAU,EAAE,CAAC;AAAEpB,MAAAA;AAAF,KAAD,KAAmB;AAC7B,YAAMqB,UAAU,GAAG7E,aAAa,MAAKwD,IAAL,aAAKA,IAAL,uBAAKA,IAAI,CAAEZ,KAAX,CAAhC;AACA,0BACE,6BAAC,wBAAD,CAAa,IAAb;AACE,QAAA,OAAO,EAAE,MAAM;AACb,cAAI,CAAC9B,UAAL,EAAiB;AACf+B,YAAAA,QAAQ,CAACW,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEZ,KAAP,CAAR;AACD;AACF,SALH;AAME,QAAA,kBAAkB,EAAE;AAAEkC,UAAAA,QAAQ,EAAED;AAAZ;AANtB,SAOMrB,IAPN,EAQMtD,KARN,EASO2E,UAAU,IAAI5E,aATrB,GAWGuD,IAXH,aAWGA,IAXH,uBAWGA,IAAI,CAAEH,KAXT,CADF;AAeD;AAtBH,KADQ,gBA0BR,6BAAC,sBAAD,EAAgBb,gBAAhB,eACE,6BAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEmB;AAA/B,KACGhC,QADH,CADF,CA5BJ,CADF,CAfF,CADK,gBAuDL,6BAAC,YAAD,EAASqC,WAAT,eAEE;AACE,qBAAenD,WAAW,CAACkE,QAD7B;AAEE,IAAA,QAAQ,EAAElE,WAAW,CAACmE,QAFxB;AAGE,IAAA,QAAQ,EAAElE;AAHZ,KAIMW,UAJN,EAKMC,UALN;AAME,IAAA,GAAG,EAAE,sBAAU,CAACd,GAAD,EAAMO,IAAN,CAAV,CANP,CAOE;AAPF;AAQE,IAAA,QAAQ,EAAG8D,CAAD,IAAO;AACfpC,MAAAA,QAAQ,CAACoC,CAAC,CAACC,MAAF,CAAStC,KAAV,CAAR;AACD,KAVH;AAWE,IAAA,KAAK,EAAEa,YAAY,KAAK,IAAjB,GAAwBvC,OAAxB,GAAkC0B,KAX3C;AAYE,kBAAYb,WAZd;AAaE,IAAA,OAAO,EAAE,MAAM;AACbP,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACAU,MAAAA,MAAM,IAAIA,MAAM,EAAhB;AACD,KAhBH;AAiBE,IAAA,MAAM,EAAE,MAAM;AACZV,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACAW,MAAAA,OAAO,IAAIA,OAAO,EAAlB;AACD;AApBH,KAqBMM,UArBN,gBAuBE;AAAQ,IAAA,QAAQ,MAAhB;AAAiB,IAAA,KAAK,EAAEvB;AAAxB,KACGa,WADH,CAvBF,EA0BGJ,QA1BH,CAFF,EA+BG2C,WA/BH,CAvDF;AAyFD,CA9OD;;4BAgPe,+BAAK,uBAAWnE,MAAX,CAAL,C","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport type { ISelectProps } from './types';\r\nimport { Platform, Keyboard } from 'react-native';\r\nimport { Actionsheet } from '../../composites/Actionsheet';\r\nimport Box from '../Box';\r\nimport { Input } from '../Input';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport { useControllableState } from '../../../hooks';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useFormControl } from '../../composites/FormControl';\r\nimport { ChevronDownIcon } from '../Icon/Icons';\r\nimport type { IButtonProps } from '../Button/types';\r\nimport { ScrollView } from '../../basic/ScrollView';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { FlatList } from '../../basic/FlatList';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { ISelectItemProps } from './types';\r\nimport { Pressable } from '../Pressable';\r\n\r\nexport const SelectContext = React.createContext({\r\n  onValueChange: (() => {}) as any,\r\n  selectedValue: null as any,\r\n  _selectedItem: {} as IButtonProps,\r\n  _item: {} as IButtonProps,\r\n});\r\n\r\nconst Select = (\r\n  {\r\n    isHovered: isHoveredProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    variant,\r\n    ...props\r\n  }: ISelectProps,\r\n  ref: any\r\n) => {\r\n  const selectProps = useFormControl({\r\n    isDisabled: props.isDisabled,\r\n    nativeID: props.nativeID,\r\n  });\r\n  const flatListData: ISelectItemProps[] = [];\r\n\r\n  const isDisabled = selectProps.disabled;\r\n  const tempFix = '__NativebasePlaceholder__';\r\n  const _ref = React.useRef(null);\r\n\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\r\n\r\n  const { focusProps, isFocusVisible } = useFocusRing();\r\n  const { hoverProps, isHovered } = useHover({ isDisabled }, _ref);\r\n\r\n  const {\r\n    onValueChange,\r\n    selectedValue,\r\n    children,\r\n    dropdownIcon,\r\n    dropdownCloseIcon,\r\n    dropdownOpenIcon,\r\n    placeholder,\r\n    accessibilityLabel,\r\n    defaultValue,\r\n    _item,\r\n    _selectedItem,\r\n    onOpen,\r\n    onClose,\r\n    optimized,\r\n    _customDropdownIconProps,\r\n    _actionSheet,\r\n    _actionSheetContent,\r\n    _actionSheetBody,\r\n    _webSelect,\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'Select',\r\n    props,\r\n    {\r\n      isDisabled,\r\n      isHovered: isHoveredProp || isHovered,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n    },\r\n    undefined\r\n  );\r\n\r\n  const [value, setValue] = useControllableState({\r\n    value: selectedValue,\r\n    defaultValue,\r\n    onChange: (newValue) => {\r\n      onValueChange && onValueChange(newValue);\r\n      setIsOpen(false);\r\n    },\r\n  });\r\n\r\n  const itemsList: Array<{\r\n    label: string;\r\n    value: string;\r\n  }> = React.Children.toArray(children).map((child: any) => {\r\n    return {\r\n      label: child?.props?.label,\r\n      value: child?.props?.value,\r\n    };\r\n  });\r\n\r\n  const selectedItemArray = itemsList.filter(\r\n    (item: any) => item?.value === value\r\n  );\r\n\r\n  const selectedItem =\r\n    selectedItemArray && selectedItemArray.length ? selectedItemArray[0] : null;\r\n\r\n  const contextValue = React.useMemo(() => {\r\n    return {\r\n      onValueChange: setValue,\r\n      selectedValue: value,\r\n      _selectedItem: _selectedItem ?? {},\r\n      _item: _item ?? {},\r\n    };\r\n  }, [value, setValue, _selectedItem, _item]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  const rightIcon =\r\n    isOpen && dropdownOpenIcon ? (\r\n      dropdownOpenIcon\r\n    ) : !isOpen && dropdownCloseIcon ? (\r\n      dropdownCloseIcon\r\n    ) : dropdownIcon ? (\r\n      dropdownIcon\r\n    ) : (\r\n      <ChevronDownIcon {..._customDropdownIconProps} />\r\n    );\r\n\r\n  const handleClose = () => {\r\n    setIsOpen(false);\r\n    onClose && onClose();\r\n  };\r\n\r\n  if (optimized) {\r\n    React.Children.toArray(children).map((child: any) => {\r\n      flatListData.push(child.props);\r\n    });\r\n  }\r\n\r\n  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n    ...stylingProps.margin,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n    'shadow',\r\n    'opacity',\r\n  ]);\r\n\r\n  const commonInput = (\r\n    <Input\r\n      placeholder={placeholder}\r\n      InputRightElement={rightIcon}\r\n      {...nonLayoutProps}\r\n      // NOTE: Adding ts-ignore as we're not exposing isFocused in the Input component\r\n      // @ts-ignore-next-line\r\n      isFocused={isFocused}\r\n      isHovered={isHovered}\r\n      aria-hidden={true}\r\n      importantForAccessibility=\"no\"\r\n      value={selectedItem ? selectedItem.label : ''}\r\n      editable={false}\r\n      focusable={false}\r\n      isDisabled={isDisabled}\r\n      pointerEvents=\"none\"\r\n      variant={variant}\r\n    />\r\n  );\r\n\r\n  return Platform.OS !== 'web' ? (\r\n    <>\r\n      <Pressable\r\n        onPress={() => {\r\n          Keyboard.dismiss();\r\n          setIsOpen(true);\r\n          onOpen && onOpen();\r\n        }}\r\n        disabled={isDisabled}\r\n        accessibilityLabel={accessibilityLabel}\r\n        accessibilityRole=\"button\"\r\n        ref={mergeRefs([ref, _ref])}\r\n        {...layoutProps}\r\n      >\r\n        {commonInput}\r\n      </Pressable>\r\n      <Actionsheet isOpen={isOpen} onClose={handleClose} {..._actionSheet}>\r\n        <Actionsheet.Content {..._actionSheetContent}>\r\n          {/* TODO: Replace ScrollVeiw with FlatList */}\r\n          {optimized ? (\r\n            <FlatList\r\n              {..._actionSheetBody}\r\n              data={flatListData}\r\n              // eslint-disable-next-line no-shadow\r\n              keyExtractor={(_item, index) => index.toString()}\r\n              renderItem={({ item }: any) => {\r\n                const isSelected = selectedValue === item?.value;\r\n                return (\r\n                  <Actionsheet.Item\r\n                    onPress={() => {\r\n                      if (!isDisabled) {\r\n                        setValue(item?.value);\r\n                      }\r\n                    }}\r\n                    accessibilityState={{ selected: isSelected }}\r\n                    {...item}\r\n                    {..._item}\r\n                    {...(isSelected && _selectedItem)}\r\n                  >\r\n                    {item?.label}\r\n                  </Actionsheet.Item>\r\n                );\r\n              }}\r\n            />\r\n          ) : (\r\n            <ScrollView {..._actionSheetBody}>\r\n              <SelectContext.Provider value={contextValue}>\r\n                {children}\r\n              </SelectContext.Provider>\r\n            </ScrollView>\r\n          )}\r\n        </Actionsheet.Content>\r\n      </Actionsheet>\r\n    </>\r\n  ) : (\r\n    <Box {...layoutProps}>\r\n      {/* <Box w=\"100%\" h=\"100%\" position=\"absolute\" opacity=\"0\" zIndex={1}> */}\r\n      <select\r\n        aria-readonly={selectProps.readOnly}\r\n        required={selectProps.required}\r\n        disabled={isDisabled}\r\n        {...focusProps}\r\n        {...hoverProps}\r\n        ref={mergeRefs([ref, _ref])}\r\n        //@ts-ignore\r\n        onChange={(e) => {\r\n          setValue(e.target.value);\r\n        }}\r\n        value={selectedItem === null ? tempFix : value}\r\n        aria-label={placeholder}\r\n        onFocus={() => {\r\n          setIsFocused(true);\r\n          onOpen && onOpen();\r\n        }}\r\n        onBlur={() => {\r\n          setIsFocused(false);\r\n          onClose && onClose();\r\n        }}\r\n        {..._webSelect}\r\n      >\r\n        <option disabled value={tempFix}>\r\n          {placeholder}\r\n        </option>\r\n        {children}\r\n      </select>\r\n      {/* </Box> */}\r\n      {commonInput}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Select));\r\n"]}