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

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

@@ -0,0 +1,206 @@
+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, { forwardRef, memo } from 'react';
+import { Platform, Keyboard } from 'react-native';
+import { Actionsheet } from '../../composites/Actionsheet';
+import Box from '../Box';
+import { Input } from '../Input';
+import { useFocusRing } from '@react-native-aria/focus';
+import { useControllableState } from '../../../hooks';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHover } from '@react-native-aria/interactions';
+import { mergeRefs } from '../../../utils';
+import { useFormControl } from '../../composites/FormControl';
+import { ChevronDownIcon } from '../Icon/Icons';
+import { ScrollView } from '../../basic/ScrollView';
+import { extractInObject, stylingProps } from '../../../theme/tools/utils';
+import { FlatList } from '../../basic/FlatList';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { Pressable } from '../Pressable';
+export const SelectContext = /*#__PURE__*/React.createContext({
+  onValueChange: () => {},
+  selectedValue: null,
+  _selectedItem: {},
+  _item: {}
+});
+
+const Select = ({
+  isHovered: isHoveredProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  variant,
+  ...props
+}, ref) => {
+  const selectProps = useFormControl({
+    isDisabled: props.isDisabled,
+    nativeID: props.nativeID
+  });
+  const flatListData = [];
+  const isDisabled = selectProps.disabled;
+  const tempFix = '__NativebasePlaceholder__';
+
+  const _ref = React.useRef(null);
+
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [isFocused, setIsFocused] = React.useState(false);
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  const {
+    hoverProps,
+    isHovered
+  } = useHover({
+    isDisabled
+  }, _ref);
+  const {
+    onValueChange,
+    selectedValue,
+    children,
+    dropdownIcon,
+    dropdownCloseIcon,
+    dropdownOpenIcon,
+    placeholder,
+    accessibilityLabel,
+    defaultValue,
+    _item,
+    _selectedItem,
+    onOpen,
+    onClose,
+    optimized,
+    _customDropdownIconProps,
+    _actionSheet,
+    _actionSheetContent,
+    _actionSheetBody,
+    _webSelect,
+    ...resolvedProps
+  } = usePropsResolution('Select', props, {
+    isDisabled,
+    isHovered: isHoveredProp || isHovered,
+    isFocused: isFocusedProp || isFocused,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible
+  }, undefined);
+  const [value, setValue] = useControllableState({
+    value: selectedValue,
+    defaultValue,
+    onChange: newValue => {
+      onValueChange && onValueChange(newValue);
+      setIsOpen(false);
+    }
+  });
+  const itemsList = React.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.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 (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  const rightIcon = isOpen && dropdownOpenIcon ? dropdownOpenIcon : !isOpen && dropdownCloseIcon ? dropdownCloseIcon : dropdownIcon ? dropdownIcon : /*#__PURE__*/React.createElement(ChevronDownIcon, _customDropdownIconProps);
+
+  const handleClose = () => {
+    setIsOpen(false);
+    onClose && onClose();
+  };
+
+  if (optimized) {
+    React.Children.toArray(children).map(child => {
+      flatListData.push(child.props);
+    });
+  }
+
+  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [...stylingProps.margin, ...stylingProps.flexbox, ...stylingProps.position, 'shadow', 'opacity']);
+  const commonInput = /*#__PURE__*/React.createElement(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 Platform.OS !== 'web' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, _extends({
+    onPress: () => {
+      Keyboard.dismiss();
+      setIsOpen(true);
+      onOpen && onOpen();
+    },
+    disabled: isDisabled,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    ref: mergeRefs([ref, _ref])
+  }, layoutProps), commonInput), /*#__PURE__*/React.createElement(Actionsheet, _extends({
+    isOpen: isOpen,
+    onClose: handleClose
+  }, _actionSheet), /*#__PURE__*/React.createElement(Actionsheet.Content, _actionSheetContent, optimized ? /*#__PURE__*/React.createElement(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.createElement(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.createElement(ScrollView, _actionSheetBody, /*#__PURE__*/React.createElement(SelectContext.Provider, {
+    value: contextValue
+  }, children))))) : /*#__PURE__*/React.createElement(Box, layoutProps, /*#__PURE__*/React.createElement("select", _extends({
+    "aria-readonly": selectProps.readOnly,
+    required: selectProps.required,
+    disabled: isDisabled
+  }, focusProps, hoverProps, {
+    ref: 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.createElement("option", {
+    disabled: true,
+    value: tempFix
+  }, placeholder), children), commonInput);
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Select));
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Select.tsx"],"names":["React","forwardRef","memo","Platform","Keyboard","Actionsheet","Box","Input","useFocusRing","useControllableState","usePropsResolution","useHover","mergeRefs","useFormControl","ChevronDownIcon","ScrollView","extractInObject","stylingProps","FlatList","useHasResponsiveProps","Pressable","SelectContext","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","margin","flexbox","position","commonInput","OS","dismiss","index","toString","isSelected","selected","readOnly","required","e","target"],"mappings":"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","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"]}

package/lib/module/components/primitives/Select/SelectItem.js

@@ -0,0 +1,51 @@
+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, { forwardRef, memo } from 'react';
+import { Platform } from 'react-native';
+import { Actionsheet } from '../../composites/Actionsheet';
+import { SelectContext } from './Select';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+export const Item = ({
+  isDisabled,
+  label,
+  value,
+  ...props
+}, ref) => {
+  const {
+    onValueChange,
+    selectedValue,
+    _selectedItem,
+    _item
+  } = React.useContext(SelectContext); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps({ ...props,
+    isDisabled,
+    label,
+    value
+  })) {
+    return null;
+  }
+
+  if (Platform.OS !== 'web') {
+    const isSelected = selectedValue === value;
+    return /*#__PURE__*/React.createElement(Actionsheet.Item, _extends({
+      ref: ref,
+      onPress: () => {
+        if (!isDisabled) {
+          onValueChange(value);
+        }
+      },
+      accessibilityState: {
+        selected: isSelected
+      }
+    }, _item, isSelected && _selectedItem, props), label);
+  } else {
+    return /*#__PURE__*/React.createElement("option", {
+      ref: ref,
+      value: value,
+      disabled: isDisabled
+    }, label);
+  }
+};
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Item));
+//# sourceMappingURL=SelectItem.js.map

package/lib/module/components/primitives/Select/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SelectItem.tsx"],"names":["React","forwardRef","memo","Platform","Actionsheet","SelectContext","useHasResponsiveProps","Item","isDisabled","label","value","props","ref","onValueChange","selectedValue","_selectedItem","_item","useContext","OS","isSelected","selected"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,IAA5B,QAAwC,OAAxC;AAEA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,OAAO,MAAMC,IAAI,GAAG,CAClB;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,KAAd;AAAqBC,EAAAA,KAArB;AAA4B,KAAGC;AAA/B,CADkB,EAElBC,GAFkB,KAGf;AACH,QAAM;AACJC,IAAAA,aADI;AAEJC,IAAAA,aAFI;AAGJC,IAAAA,aAHI;AAIJC,IAAAA;AAJI,MAKFhB,KAAK,CAACiB,UAAN,CAAiBZ,aAAjB,CALJ,CADG,CAOH;;AACA,MAAIC,qBAAqB,CAAC,EAAE,GAAGK,KAAL;AAAYH,IAAAA,UAAZ;AAAwBC,IAAAA,KAAxB;AAA+BC,IAAAA;AAA/B,GAAD,CAAzB,EAAmE;AACjE,WAAO,IAAP;AACD;;AACD,MAAIP,QAAQ,CAACe,EAAT,KAAgB,KAApB,EAA2B;AACzB,UAAMC,UAAU,GAAGL,aAAa,KAAKJ,KAArC;AAEA,wBACE,oBAAC,WAAD,CAAa,IAAb;AACE,MAAA,GAAG,EAAEE,GADP;AAEE,MAAA,OAAO,EAAE,MAAM;AACb,YAAI,CAACJ,UAAL,EAAiB;AACfK,UAAAA,aAAa,CAACH,KAAD,CAAb;AACD;AACF,OANH;AAOE,MAAA,kBAAkB,EAAE;AAAEU,QAAAA,QAAQ,EAAED;AAAZ;AAPtB,OAQMH,KARN,EASOG,UAAU,IAAIJ,aATrB,EAUMJ,KAVN,GAYGF,KAZH,CADF;AAgBD,GAnBD,MAmBO;AACL,wBACE;AAAQ,MAAA,GAAG,EAAEG,GAAb;AAAkB,MAAA,KAAK,EAAEF,KAAzB;AAAgC,MAAA,QAAQ,EAAEF;AAA1C,OACGC,KADH,CADF;AAKD;AACF,CAxCM;AA0CP,4BAAeP,IAAI,eAACD,UAAU,CAACM,IAAD,CAAX,CAAnB","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport type { ISelectItemProps } from './types';\r\nimport { Platform } from 'react-native';\r\nimport { Actionsheet } from '../../composites/Actionsheet';\r\nimport { SelectContext } from './Select';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const Item = (\r\n  { isDisabled, label, value, ...props }: ISelectItemProps,\r\n  ref?: any\r\n) => {\r\n  const {\r\n    onValueChange,\r\n    selectedValue,\r\n    _selectedItem,\r\n    _item,\r\n  } = React.useContext(SelectContext);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps({ ...props, isDisabled, label, value })) {\r\n    return null;\r\n  }\r\n  if (Platform.OS !== 'web') {\r\n    const isSelected = selectedValue === value;\r\n\r\n    return (\r\n      <Actionsheet.Item\r\n        ref={ref}\r\n        onPress={() => {\r\n          if (!isDisabled) {\r\n            onValueChange(value);\r\n          }\r\n        }}\r\n        accessibilityState={{ selected: isSelected }}\r\n        {..._item}\r\n        {...(isSelected && _selectedItem)}\r\n        {...props}\r\n      >\r\n        {label}\r\n      </Actionsheet.Item>\r\n    );\r\n  } else {\r\n    return (\r\n      <option ref={ref} value={value} disabled={isDisabled}>\r\n        {label}\r\n      </option>\r\n    );\r\n  }\r\n};\r\n\r\nexport default memo(forwardRef(Item));\r\n"]}

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

@@ -0,0 +1,8 @@
+import SelectItem from './SelectItem';
+import SelectMain from './Select';
+// const SelectTemp: any = SelectMain;
+const SelectTemp = SelectMain;
+SelectTemp.Item = SelectItem;
+const Select = SelectTemp;
+export default Select;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["SelectItem","SelectMain","SelectTemp","Item","Select"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,cAAvB;AACA,OAAOC,UAAP,MAAuB,UAAvB;AAOA;AACA,MAAMC,UAAe,GAAGD,UAAxB;AACAC,UAAU,CAACC,IAAX,GAAkBH,UAAlB;AAEA,MAAMI,MAAM,GAAGF,UAAf;AAEA,eAAeE,MAAf","sourcesContent":["import SelectItem from './SelectItem';\r\nimport SelectMain from './Select';\r\nimport type {\r\n  ISelectProps,\r\n  ISelectItemProps,\r\n  ISelectComponentType,\r\n} from './types';\r\n\r\n// const SelectTemp: any = SelectMain;\r\nconst SelectTemp: any = SelectMain;\r\nSelectTemp.Item = SelectItem;\r\n\r\nconst Select = SelectTemp as ISelectComponentType;\r\n\r\nexport default Select;\r\nexport type { ISelectProps, ISelectItemProps, ISelectComponentType };\r\n"]}

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

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

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

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

package/lib/module/components/primitives/Slider/Context.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const SliderContext = /*#__PURE__*/React.createContext({});
+//# sourceMappingURL=Context.js.map

package/lib/module/components/primitives/Slider/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["React","SliderContext","createContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAN,CAAyB,EAAzB,CAAtB","sourcesContent":["import React from 'react';\r\n\r\nexport const SliderContext = React.createContext<any>({});\r\n"]}

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

@@ -0,0 +1,102 @@
+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, { forwardRef } from 'react';
+import { useSliderState } from '@react-stately/slider';
+import { useLayout } from '../../../hooks';
+import { usePropsResolution } from '../../../hooks';
+import Box from '../Box';
+import { SliderContext } from './Context';
+import { useSlider } from '@react-native-aria/slider';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+function Slider({
+  isDisabled,
+  isReadOnly,
+  ...props
+}, ref) {
+  var _props$accessibilityL;
+
+  const newProps = { ...props,
+    'aria-label': (_props$accessibilityL = props.accessibilityLabel) !== null && _props$accessibilityL !== void 0 ? _props$accessibilityL : 'Slider'
+  };
+
+  if (typeof props.value === 'number') {
+    //@ts-ignore - React Native Aria slider accepts array of values
+    newProps.value = [props.value];
+  }
+
+  if (typeof props.defaultValue === 'number') {
+    //@ts-ignore - React Native Aria slider accepts array of values
+    newProps.defaultValue = [props.defaultValue];
+  }
+
+  props = newProps;
+  const {
+    onLayout,
+    layout: trackLayout
+  } = useLayout();
+  const updatedProps = Object.assign({}, props);
+
+  if (isReadOnly || isDisabled) {
+    updatedProps.isDisabled = true;
+  }
+
+  const state = useSliderState({ ...updatedProps,
+    //@ts-ignore
+    numberFormatter: {
+      format: e => e
+    },
+    minValue: props.minValue,
+    maxValue: props.maxValue,
+    onChange: val => {
+      props.onChange && props.onChange(val[0]);
+    },
+    onChangeEnd: val => {
+      props.onChangeEnd && props.onChangeEnd(val[0]);
+    }
+  });
+  const resolvedProps = usePropsResolution('Slider', props, {
+    isDisabled,
+    isReadOnly
+  });
+  const {
+    trackProps
+  } = useSlider(props, state, trackLayout);
+  const contextValue = React.useMemo(() => {
+    return {
+      trackLayout,
+      state,
+      orientation: props.orientation,
+      isDisabled: isDisabled,
+      isReversed: props.isReversed,
+      colorScheme: props.colorScheme,
+      trackProps,
+      isReadOnly: isReadOnly,
+      onTrackLayout: onLayout,
+      thumbSize: resolvedProps.thumbSize,
+      sliderSize: resolvedProps.sliderTrackHeight,
+      _interactionBox: resolvedProps._interactionBox
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [trackLayout, state, props.orientation, isDisabled, props.isReversed, props.colorScheme, isReadOnly, onLayout, resolvedProps.thumbSize, resolvedProps.sliderTrackHeight]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(SliderContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }), React.Children.map(props.children, (child, index) => {
+    if (child.displayName === 'SliderThumb') {
+      return /*#__PURE__*/React.cloneElement(child, {
+        index
+      });
+    }
+
+    return child;
+  })));
+}
+
+export default /*#__PURE__*/forwardRef(Slider);
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Slider.tsx"],"names":["React","forwardRef","useSliderState","useLayout","usePropsResolution","Box","SliderContext","useSlider","useHasResponsiveProps","Slider","isDisabled","isReadOnly","props","ref","newProps","accessibilityLabel","value","defaultValue","onLayout","layout","trackLayout","updatedProps","Object","assign","state","numberFormatter","format","e","minValue","maxValue","onChange","val","onChangeEnd","resolvedProps","trackProps","contextValue","useMemo","orientation","isReversed","colorScheme","onTrackLayout","thumbSize","sliderSize","sliderTrackHeight","_interactionBox","Children","map","children","child","index","displayName","cloneElement"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { useSliderState } from '@react-stately/slider';\r\nimport { useLayout } from '../../../hooks';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport type { ISliderProps } from './types';\r\nimport Box from '../Box';\r\nimport { SliderContext } from './Context';\r\nimport { useSlider } from '@react-native-aria/slider';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nfunction Slider({ isDisabled, isReadOnly, ...props }: ISliderProps, ref?: any) {\r\n  const newProps = {\r\n    ...props,\r\n    'aria-label': props.accessibilityLabel ?? 'Slider',\r\n  };\r\n\r\n  if (typeof props.value === 'number') {\r\n    //@ts-ignore - React Native Aria slider accepts array of values\r\n    newProps.value = [props.value];\r\n  }\r\n\r\n  if (typeof props.defaultValue === 'number') {\r\n    //@ts-ignore - React Native Aria slider accepts array of values\r\n    newProps.defaultValue = [props.defaultValue];\r\n  }\r\n\r\n  props = newProps;\r\n\r\n  const { onLayout, layout: trackLayout } = useLayout();\r\n  const updatedProps: ISliderProps = Object.assign({}, props);\r\n\r\n  if (isReadOnly || isDisabled) {\r\n    updatedProps.isDisabled = true;\r\n  }\r\n\r\n  const state = useSliderState({\r\n    ...updatedProps,\r\n    //@ts-ignore\r\n    numberFormatter: { format: (e) => e },\r\n    minValue: props.minValue,\r\n    maxValue: props.maxValue,\r\n    onChange: (val: any) => {\r\n      props.onChange && props.onChange(val[0]);\r\n    },\r\n    onChangeEnd: (val: any) => {\r\n      props.onChangeEnd && props.onChangeEnd(val[0]);\r\n    },\r\n  });\r\n\r\n  const resolvedProps = usePropsResolution('Slider', props, {\r\n    isDisabled,\r\n    isReadOnly,\r\n  });\r\n\r\n  const { trackProps } = useSlider(\r\n    (props as unknown) as any,\r\n    state,\r\n    trackLayout\r\n  );\r\n\r\n  const contextValue = React.useMemo(() => {\r\n    return {\r\n      trackLayout,\r\n      state,\r\n      orientation: props.orientation,\r\n      isDisabled: isDisabled,\r\n      isReversed: props.isReversed,\r\n      colorScheme: props.colorScheme,\r\n      trackProps,\r\n      isReadOnly: isReadOnly,\r\n      onTrackLayout: onLayout,\r\n      thumbSize: resolvedProps.thumbSize,\r\n      sliderSize: resolvedProps.sliderTrackHeight,\r\n      _interactionBox: resolvedProps._interactionBox,\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [\r\n    trackLayout,\r\n    state,\r\n    props.orientation,\r\n    isDisabled,\r\n    props.isReversed,\r\n    props.colorScheme,\r\n    isReadOnly,\r\n    onLayout,\r\n    resolvedProps.thumbSize,\r\n    resolvedProps.sliderTrackHeight,\r\n  ]);\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    <SliderContext.Provider value={contextValue}>\r\n      <Box {...resolvedProps} ref={ref}>\r\n        {React.Children.map(props.children, (child, index) => {\r\n          if (child.displayName === 'SliderThumb') {\r\n            return React.cloneElement(child as React.ReactElement, {\r\n              index,\r\n            });\r\n          }\r\n\r\n          return child;\r\n        })}\r\n      </Box>\r\n    </SliderContext.Provider>\r\n  );\r\n}\r\n\r\nexport default forwardRef(Slider);\r\n"]}

package/lib/module/components/primitives/Slider/SliderFilledTrack.js

@@ -0,0 +1,47 @@
+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 from 'react';
+import { SliderContext } from './Context';
+import Box from '../Box';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const SliderFilledTrack = (props, ref) => {
+  const {
+    isReversed,
+    colorScheme,
+    state,
+    trackLayout,
+    orientation,
+    isDisabled,
+    sliderSize,
+    isReadOnly
+  } = React.useContext(SliderContext);
+  const sliderTrackPosition = isReversed ? orientation === 'vertical' ? trackLayout.height - trackLayout.height * state.getThumbPercent(0) : trackLayout.width - trackLayout.width * state.getThumbPercent(0) : state.getThumbPercent(0) * 100 + '%';
+  const resolvedProps = usePropsResolution('SliderFilledTrack', {
+    size: sliderSize,
+    colorScheme,
+    isReversed,
+    orientation,
+    sliderTrackPosition,
+    ...props
+  }, {
+    isDisabled,
+    isReadOnly
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    position: "absolute"
+  }, resolvedProps, {
+    ref: ref // {...(isReadOnly && _readOnly)}
+    // {...(isDisabled && _disabled)}
+
+  }));
+};
+
+export default /*#__PURE__*/React.forwardRef(SliderFilledTrack);
+//# sourceMappingURL=SliderFilledTrack.js.map

package/lib/module/components/primitives/Slider/SliderFilledTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SliderFilledTrack.tsx"],"names":["React","SliderContext","Box","usePropsResolution","useHasResponsiveProps","SliderFilledTrack","props","ref","isReversed","colorScheme","state","trackLayout","orientation","isDisabled","sliderSize","isReadOnly","useContext","sliderTrackPosition","height","getThumbPercent","width","resolvedProps","size","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,WAA9B;AACA,OAAOC,GAAP,MAAgB,QAAhB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAiCC,GAAjC,KAA+C;AACvE,QAAM;AACJC,IAAAA,UADI;AAEJC,IAAAA,WAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,WALI;AAMJC,IAAAA,UANI;AAOJC,IAAAA,UAPI;AAQJC,IAAAA;AARI,MASFf,KAAK,CAACgB,UAAN,CAAiBf,aAAjB,CATJ;AAWA,QAAMgB,mBAAmB,GAAGT,UAAU,GAClCI,WAAW,KAAK,UAAhB,GACED,WAAW,CAACO,MAAZ,GAAqBP,WAAW,CAACO,MAAZ,GAAqBR,KAAK,CAACS,eAAN,CAAsB,CAAtB,CAD5C,GAEER,WAAW,CAACS,KAAZ,GAAoBT,WAAW,CAACS,KAAZ,GAAoBV,KAAK,CAACS,eAAN,CAAsB,CAAtB,CAHR,GAIlCT,KAAK,CAACS,eAAN,CAAsB,CAAtB,IAA2B,GAA3B,GAAiC,GAJrC;AAMA,QAAME,aAAa,GAAGlB,kBAAkB,CACtC,mBADsC,EAEtC;AACEmB,IAAAA,IAAI,EAAER,UADR;AAEEL,IAAAA,WAFF;AAGED,IAAAA,UAHF;AAIEI,IAAAA,WAJF;AAKEK,IAAAA,mBALF;AAME,OAAGX;AANL,GAFsC,EAUtC;AAAEO,IAAAA,UAAF;AAAcE,IAAAA;AAAd,GAVsC,CAAxC,CAlBuE,CA+BvE;;AACA,MAAIX,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,GAAD;AACE,IAAA,QAAQ,EAAC;AADX,KAEMe,aAFN;AAGE,IAAA,GAAG,EAAEd,GAHP,CAIE;AACA;;AALF,KADF;AASD,CA7CD;;AA+CA,4BAAeP,KAAK,CAACuB,UAAN,CAAiBlB,iBAAjB,CAAf","sourcesContent":["import React from 'react';\r\nimport { SliderContext } from './Context';\r\nimport Box from '../Box';\r\nimport type { ISliderTrackFilledProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst SliderFilledTrack = (props: ISliderTrackFilledProps, ref?: any) => {\r\n  const {\r\n    isReversed,\r\n    colorScheme,\r\n    state,\r\n    trackLayout,\r\n    orientation,\r\n    isDisabled,\r\n    sliderSize,\r\n    isReadOnly,\r\n  } = React.useContext(SliderContext);\r\n\r\n  const sliderTrackPosition = isReversed\r\n    ? orientation === 'vertical'\r\n      ? trackLayout.height - trackLayout.height * state.getThumbPercent(0)\r\n      : trackLayout.width - trackLayout.width * state.getThumbPercent(0)\r\n    : state.getThumbPercent(0) * 100 + '%';\r\n\r\n  const resolvedProps = usePropsResolution(\r\n    'SliderFilledTrack',\r\n    {\r\n      size: sliderSize,\r\n      colorScheme,\r\n      isReversed,\r\n      orientation,\r\n      sliderTrackPosition,\r\n      ...props,\r\n    },\r\n    { isDisabled, isReadOnly }\r\n  );\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      position=\"absolute\"\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      // {...(isReadOnly && _readOnly)}\r\n      // {...(isDisabled && _disabled)}\r\n    />\r\n  );\r\n};\r\n\r\nexport default React.forwardRef(SliderFilledTrack);\r\n"]}

package/lib/module/components/primitives/Slider/SliderThumb.js

@@ -0,0 +1,113 @@
+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, { forwardRef } from 'react';
+import { Platform } from 'react-native';
+import { useSliderThumb } from '@react-native-aria/slider';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useToken } from '../../../hooks';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import Box from '../Box';
+import { SliderContext } from './Context';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { useHover } from '@react-native-aria/interactions';
+import { mergeRefs } from '../../../utils';
+import { extractInObject, stylingProps } from '../../../theme/tools/utils';
+import { Stack } from '../Stack';
+import { Center } from '../../composites/Center';
+
+function SliderThumb(props, ref) {
+  const [isPressed, setIsPressed] = React.useState(false);
+  const [isFocused, setIsFocused] = React.useState(false);
+
+  const handleFocus = (focusState, callback) => {
+    setIsFocused(focusState);
+    callback();
+  };
+
+  const _ref = React.useRef(null);
+
+  const {
+    isHovered
+  } = useHover({}, _ref);
+  const {
+    state,
+    trackLayout,
+    orientation,
+    colorScheme,
+    thumbSize,
+    isReadOnly,
+    isDisabled,
+    _interactionBox: interactionBoxContext
+  } = React.useContext(SliderContext);
+  const {
+    onFocus,
+    onBlur,
+    _stack,
+    _interactionBox,
+    ...resolvedProps
+  } = usePropsResolution('SliderThumb', {
+    size: thumbSize,
+    _interactionBox: interactionBoxContext,
+    colorScheme,
+    ...props
+  }, {
+    isDisabled,
+    isReadOnly,
+    isPressed,
+    isFocused,
+    isHovered
+  });
+  const inputRef = React.useRef(null);
+  const {
+    thumbProps,
+    inputProps
+  } = useSliderThumb({
+    index: 0,
+    trackLayout,
+    inputRef,
+    orientation
+  }, state);
+  React.useEffect(() => {
+    setIsPressed(state.isThumbDragging(0));
+  }, [state]);
+  const thumbAbsoluteSize = useToken('sizes', resolvedProps.size);
+  const thumbStyles = {
+    bottom: orientation === 'vertical' ? "".concat(state.getThumbPercent(0) * 100, "%") : undefined,
+    left: orientation !== 'vertical' ? "".concat(state.getThumbPercent(0) * 100, "%") : undefined,
+    transform: orientation === 'vertical' ? [{
+      translateY: parseInt(thumbAbsoluteSize) / 2
+    }] : [{
+      translateX: -parseInt(thumbAbsoluteSize) / 2
+    }]
+  };
+  thumbStyles.transform.push({
+    scale: state.isThumbDragging(0) ? resolvedProps.scaleOnPressed : 1
+  });
+  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [...stylingProps.margin, ...stylingProps.layout, ...stylingProps.flexbox, ...stylingProps.position, ...stylingProps.outline]);
+  const [accessibilityProps, nonAccessibilityProps] = extractInObject(nonLayoutProps, ['accessibilityRole', 'accessibilityState']); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    position: "absolute"
+  }, thumbProps, resolvedProps, accessibilityProps, layoutProps, {
+    style: [thumbStyles, resolvedProps.style],
+    onFocus: e => {
+      handleFocus(true, onFocus ? () => onFocus(e) : () => {});
+    },
+    onBlur: e => {
+      handleFocus(false, onBlur ? () => onBlur(e) : () => {});
+    } // {...(isReadOnly && _readOnly)}
+    // {...(isDisabled && _disabled)}
+    ,
+    ref: mergeRefs([_ref, ref])
+  }), /*#__PURE__*/React.createElement(Stack, _stack, /*#__PURE__*/React.createElement(Box, _interactionBox), /*#__PURE__*/React.createElement(Center, nonAccessibilityProps, props.children, Platform.OS === 'web' && /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({
+    ref: inputRef
+  }, inputProps))))));
+}
+
+SliderThumb.displayName = 'SliderThumb';
+export default /*#__PURE__*/forwardRef(SliderThumb);
+//# sourceMappingURL=SliderThumb.js.map

package/lib/module/components/primitives/Slider/SliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SliderThumb.tsx"],"names":["React","forwardRef","Platform","useSliderThumb","VisuallyHidden","useToken","usePropsResolution","Box","SliderContext","useHasResponsiveProps","useHover","mergeRefs","extractInObject","stylingProps","Stack","Center","SliderThumb","props","ref","isPressed","setIsPressed","useState","isFocused","setIsFocused","handleFocus","focusState","callback","_ref","useRef","isHovered","state","trackLayout","orientation","colorScheme","thumbSize","isReadOnly","isDisabled","_interactionBox","interactionBoxContext","useContext","onFocus","onBlur","_stack","resolvedProps","size","inputRef","thumbProps","inputProps","index","useEffect","isThumbDragging","thumbAbsoluteSize","thumbStyles","bottom","getThumbPercent","undefined","left","transform","translateY","parseInt","translateX","push","scale","scaleOnPressed","layoutProps","nonLayoutProps","margin","layout","flexbox","position","outline","accessibilityProps","nonAccessibilityProps","style","e","children","OS","displayName"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { Platform } from 'react-native';\r\nimport { useSliderThumb } from '@react-native-aria/slider';\r\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\r\nimport { useToken } from '../../../hooks';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { ISliderThumbProps } from './types';\r\nimport Box from '../Box';\r\nimport { SliderContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { Stack } from '../Stack';\r\nimport { Center } from '../../composites/Center';\r\n\r\nfunction SliderThumb(props: ISliderThumbProps, ref: any) {\r\n  const [isPressed, setIsPressed] = React.useState(false);\r\n\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const {\r\n    state,\r\n    trackLayout,\r\n    orientation,\r\n    colorScheme,\r\n    thumbSize,\r\n    isReadOnly,\r\n    isDisabled,\r\n    _interactionBox: interactionBoxContext,\r\n  } = React.useContext(SliderContext);\r\n  const {\r\n    onFocus,\r\n    onBlur,\r\n    _stack,\r\n    _interactionBox,\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'SliderThumb',\r\n    {\r\n      size: thumbSize,\r\n      _interactionBox: interactionBoxContext,\r\n      colorScheme,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled,\r\n      isReadOnly,\r\n      isPressed,\r\n      isFocused,\r\n      isHovered,\r\n    }\r\n  );\r\n\r\n  const inputRef = React.useRef(null);\r\n  const { thumbProps, inputProps } = useSliderThumb(\r\n    {\r\n      index: 0,\r\n      trackLayout,\r\n      inputRef,\r\n      orientation,\r\n    },\r\n    state\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    setIsPressed(state.isThumbDragging(0));\r\n  }, [state]);\r\n\r\n  const thumbAbsoluteSize = useToken('sizes', resolvedProps.size);\r\n\r\n  const thumbStyles: any = {\r\n    bottom:\r\n      orientation === 'vertical'\r\n        ? `${state.getThumbPercent(0) * 100}%`\r\n        : undefined,\r\n    left:\r\n      orientation !== 'vertical'\r\n        ? `${state.getThumbPercent(0) * 100}%`\r\n        : undefined,\r\n    transform:\r\n      orientation === 'vertical'\r\n        ? [{ translateY: parseInt(thumbAbsoluteSize) / 2 }]\r\n        : [{ translateX: -parseInt(thumbAbsoluteSize) / 2 }],\r\n  };\r\n\r\n  thumbStyles.transform.push({\r\n    scale: state.isThumbDragging(0) ? resolvedProps.scaleOnPressed : 1,\r\n  });\r\n\r\n  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n    ...stylingProps.margin,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n    ...stylingProps.outline,\r\n  ]);\r\n\r\n  const [\r\n    accessibilityProps,\r\n    nonAccessibilityProps,\r\n  ] = extractInObject(nonLayoutProps, [\r\n    'accessibilityRole',\r\n    'accessibilityState',\r\n  ]);\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      position=\"absolute\"\r\n      {...thumbProps}\r\n      {...resolvedProps}\r\n      {...accessibilityProps}\r\n      {...layoutProps}\r\n      style={[thumbStyles, resolvedProps.style]}\r\n      onFocus={(e: any) => {\r\n        handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n      }}\r\n      onBlur={(e: any) => {\r\n        handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n      }}\r\n      // {...(isReadOnly && _readOnly)}\r\n      // {...(isDisabled && _disabled)}\r\n      ref={mergeRefs([_ref, ref])}\r\n    >\r\n      <Stack {..._stack}>\r\n        <Box {..._interactionBox} />\r\n        <Center {...nonAccessibilityProps}>\r\n          {props.children}\r\n          {Platform.OS === 'web' && (\r\n            <VisuallyHidden>\r\n              <input ref={inputRef} {...inputProps} />\r\n            </VisuallyHidden>\r\n          )}\r\n        </Center>\r\n      </Stack>\r\n    </Box>\r\n  );\r\n}\r\n\r\nSliderThumb.displayName = 'SliderThumb';\r\n\r\nexport default forwardRef(SliderThumb);\r\n"]}