@draftbit/core 46.1.4-e6469c.0 → 46.2.1-327d47.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/ActionSheet/index.js.map +1 -1
- package/lib/commonjs/components/CardBlock.js +15 -5
- package/lib/commonjs/components/CardBlock.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +3 -1
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/Checkbox/Checkbox.js +2 -4
- package/lib/commonjs/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -6
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map +1 -1
- package/lib/commonjs/components/Checkbox/context.js +1 -1
- package/lib/commonjs/components/Checkbox/context.js.map +1 -1
- package/lib/commonjs/components/CircleImage.js +17 -3
- package/lib/commonjs/components/CircleImage.js.map +1 -1
- package/lib/commonjs/components/Config.js +3 -3
- package/lib/commonjs/components/Config.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js +10 -11
- package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponentType.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +4 -20
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/DeprecatedFAB.js +21 -4
- package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
- package/lib/commonjs/components/HeaderLarge.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +4 -5
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +135 -0
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -0
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +161 -0
- package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -0
- package/lib/commonjs/components/Picker/PickerComponent.web.js +136 -0
- package/lib/commonjs/components/Picker/PickerComponent.web.js.map +1 -0
- package/lib/commonjs/components/Picker/PickerTypes.js +6 -0
- package/lib/commonjs/components/Picker/PickerTypes.js.map +1 -0
- package/lib/commonjs/components/RadioButton/RadioButton.js +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +17 -5
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/components/StepIndicator.js +1 -1
- package/lib/commonjs/components/StepIndicator.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +1 -1
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/components/Swiper/SwiperItem.js.map +1 -1
- package/lib/commonjs/components/Text.js +38 -11
- package/lib/commonjs/components/Text.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerRating.js.map +1 -1
- package/lib/commonjs/mappings/Checkbox.js.map +1 -1
- package/lib/commonjs/mappings/NumberInput.js +241 -0
- package/lib/commonjs/mappings/NumberInput.js.map +1 -0
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/mappings/Text.js +33 -26
- package/lib/commonjs/mappings/Text.js.map +1 -1
- package/lib/commonjs/mappings/TextArea.js +192 -2
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/commonjs/mappings/TextField.js +191 -2
- package/lib/commonjs/mappings/TextField.js.map +1 -1
- package/lib/commonjs/mappings/TextInput.js +180 -29
- package/lib/commonjs/mappings/TextInput.js.map +1 -1
- package/lib/commonjs/mappings/Video.js.map +1 -1
- package/lib/commonjs/styles/DarkTheme.js.map +1 -1
- package/lib/commonjs/utilities.js +1 -1
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/Carousel.js +3 -1
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Config.js +3 -3
- package/lib/module/components/Config.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.js +3 -3
- package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +4 -5
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.android.js +112 -0
- package/lib/module/components/Picker/PickerComponent.android.js.map +1 -0
- package/lib/module/components/Picker/PickerComponent.ios.js +135 -0
- package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -0
- package/lib/module/components/Picker/PickerComponent.web.js +113 -0
- package/lib/module/components/Picker/PickerComponent.web.js.map +1 -0
- package/lib/module/components/Picker/PickerTypes.js +2 -0
- package/lib/module/components/Picker/PickerTypes.js.map +1 -0
- package/lib/module/components/RadioButton/RadioButton.js +1 -1
- package/lib/module/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/module/components/StepIndicator.js +1 -1
- package/lib/module/components/StepIndicator.js.map +1 -1
- package/lib/module/components/Stepper.js +1 -1
- package/lib/module/components/Stepper.js.map +1 -1
- package/lib/module/components/Touchable.js +2 -16
- package/lib/module/components/Touchable.js.map +1 -1
- package/lib/module/mappings/NumberInput.js +231 -0
- package/lib/module/mappings/NumberInput.js.map +1 -0
- package/lib/module/mappings/Surface.js.map +1 -1
- package/lib/module/mappings/Text.js +33 -26
- package/lib/module/mappings/Text.js.map +1 -1
- package/lib/module/mappings/TextArea.js +193 -3
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/module/mappings/TextField.js +192 -3
- package/lib/module/mappings/TextField.js.map +1 -1
- package/lib/module/mappings/TextInput.js +180 -29
- package/lib/module/mappings/TextInput.js.map +1 -1
- package/lib/module/utilities.js +1 -1
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts +6 -0
- package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts +7 -0
- package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts +6 -0
- package/lib/typescript/src/components/Picker/PickerTypes.d.ts +18 -0
- package/lib/typescript/src/mappings/NumberInput.d.ts +297 -0
- package/lib/typescript/src/mappings/Text.d.ts +24 -10
- package/lib/typescript/src/mappings/TextArea.d.ts +12 -11
- package/lib/typescript/src/mappings/TextField.d.ts +4 -4
- package/lib/typescript/src/mappings/TextInput.d.ts +3 -254
- package/package.json +3 -3
- package/src/components/ActionSheet/ActionSheet.js +1 -1
- package/src/components/Carousel.js +4 -2
- package/src/components/Checkbox/Checkbox.js +3 -3
- package/src/components/Checkbox/CheckboxGroupRow.js +2 -2
- package/src/components/Checkbox/CheckboxRow.js +3 -3
- package/src/components/CircularProgress.js +29 -26
- package/src/components/DatePicker/DatePicker.js +1 -1
- package/src/components/NumberInput.js +1 -1
- package/src/components/Picker/Picker.js +8 -8
- package/src/components/Picker/Picker.tsx +8 -6
- package/src/components/Picker/PickerComponent.android.js +69 -0
- package/src/components/Picker/PickerComponent.android.tsx +116 -0
- package/src/components/Picker/PickerComponent.ios.js +79 -0
- package/src/components/Picker/PickerComponent.ios.tsx +142 -0
- package/src/components/Picker/PickerComponent.web.js +70 -0
- package/src/components/Picker/PickerComponent.web.tsx +117 -0
- package/src/components/Picker/PickerTypes.js +1 -0
- package/src/components/Picker/PickerTypes.ts +18 -0
- package/src/components/Portal/Portal.js +2 -2
- package/src/components/Portal/PortalConsumer.js +0 -1
- package/src/components/Portal/PortalHost.js +43 -41
- package/src/components/Portal/PortalManager.js +21 -18
- package/src/components/ProgressBar.js +9 -9
- package/src/components/RadioButton/RadioButton.js +3 -3
- package/src/components/RadioButton/RadioButtonGroup.js +1 -1
- package/src/components/RadioButton/RadioButtonRow.js +3 -3
- package/src/components/StepIndicator.js +225 -225
- package/src/components/Stepper.js +2 -2
- package/src/components/Text.js +0 -1
- package/src/components/TextField.js +62 -59
- package/src/constants.js +1 -1
- package/src/mappings/NumberInput.js +248 -0
- package/src/mappings/NumberInput.ts +267 -0
- package/src/mappings/Text.js +33 -26
- package/src/mappings/Text.ts +34 -27
- package/src/mappings/TextArea.js +221 -3
- package/src/mappings/TextArea.ts +227 -3
- package/src/mappings/TextField.js +220 -3
- package/src/mappings/TextField.ts +227 -3
- package/src/mappings/TextInput.js +208 -31
- package/src/mappings/TextInput.ts +214 -34
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Animated","Text","StyleSheet","I18nManager","TextInput","NativeTextInput","useSafeAreaInsets","dateFormat","withTheme","Portal","Touchable","DateTimePicker","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","MONTHS","DatePicker","Icon","style","theme","colors","typography","roundness","disabledOpacity","date","onDateChange","defaultValue","disabled","mode","format","type","leftIconName","rightIconName","leftIconMode","label","placeholder","props","value","setValue","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","_hidePlaceholder","timing","toValue","duration","useNativeDriver","start","_showPlaceholder","setTimeout","clearTimeout","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","underlineColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","paddingVertical","color","paddingLeft","paddingRight","height","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","inputStyles","styles","input","marginHorizontal","container","underline","scaleY","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","isRTL","zIndex","closeButton"],"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Animated,\n Text,\n StyleSheet,\n StyleProp,\n ViewStyle,\n TextStyle,\n TextInputProps,\n ImageStyle,\n I18nManager,\n LayoutChangeEvent,\n TextInput as NativeTextInput,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport dateFormat from \"dateformat\";\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport DateTimePicker from \"./DatePickerComponent\";\n\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\ntype Props = {\n style?: StyleProp<ViewStyle> & { height?: number };\n theme: Theme;\n // initialDate?: string;\n // locale?: string;\n // minuteInterval?: number;\n // timeZoneOffsetInMinutes?: number;\n // error?: boolean;\n // type?: string;\n date?: Date;\n format?: string;\n onDateChange?: (data?: Date) => void;\n defaultValue?: Date;\n disabled?: boolean;\n mode?: \"date\" | \"time\" | \"datetime\";\n type?: \"solid\" | \"underline\";\n label?: string;\n placeholder?: string;\n leftIconName?: string;\n leftIconMode?: \"outset\" | \"inset\";\n rightIconName?: string;\n} & IconSlot &\n TextInputProps;\n\nconst MONTHS = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst DatePicker: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n style,\n theme: { colors, typography, roundness, disabledOpacity },\n date,\n onDateChange = () => {},\n defaultValue,\n disabled = false,\n mode = \"date\",\n format,\n type = \"underline\",\n leftIconName,\n rightIconName,\n leftIconMode = \"inset\",\n label,\n placeholder,\n ...props\n}) => {\n const [value, setValue] = React.useState<any>(date || defaultValue);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setValue(defaultValue);\n }\n }, [defaultValue]);\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n const [labeled] = React.useState<Animated.Value>(\n new Animated.Value(date ? 0 : 1)\n );\n const [placeholder1, setPlaceholder1] = React.useState(\"\");\n const [focused, setFocused] = React.useState<boolean>(false);\n const [labelLayout, setLabelLayout] = React.useState<{\n measured: Boolean;\n width: number;\n }>({ measured: false, width: 0 });\n\n const getValidDate = (): Date => {\n if (!value) {\n return new Date();\n }\n return typeof value?.getMonth === \"function\" ? value : new Date();\n };\n\n const formatDate = (): string => {\n if (!value) return \"\";\n let newDate = getValidDate();\n\n if (format) return dateFormat(newDate, format);\n\n if (mode === \"time\") {\n return `${newDate.toLocaleTimeString()}`;\n }\n\n if (mode === \"datetime\") {\n return `${newDate.toLocaleString()}`;\n }\n\n return `${\n MONTHS[newDate.getMonth()]\n } ${newDate.getDate()}, ${newDate.getFullYear()}`;\n };\n\n const toggleVisibility = async () => {\n setPickerVisible(!pickerVisible);\n focused ? _handleBlur() : _handleFocus();\n };\n const insets = useSafeAreaInsets();\n\n // const _restoreLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 1,\n // duration: FOCUS_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _minmizeLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 0,\n // duration: BLUR_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _showPlaceholder = () =>\n // setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n\n const _hidePlaceholder = () => {\n setPlaceholder1(\"\");\n };\n\n React.useEffect(() => {\n setValue(date);\n }, [date]);\n\n React.useEffect(() => {\n if (value || focused || placeholder1) {\n // _minmizeLabel();\n Animated.timing(labeled, {\n toValue: 0,\n duration: BLUR_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n } else {\n // _restoreLabel();\n Animated.timing(labeled, {\n toValue: 1,\n duration: FOCUS_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n }\n }, [value, focused, placeholder1, labeled]);\n\n React.useEffect(() => {\n const _showPlaceholder = () =>\n setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n if (focused || !label) {\n _showPlaceholder();\n } else {\n _hidePlaceholder();\n }\n return () => {\n clearTimeout(_showPlaceholder());\n };\n }, [focused, label, placeholder]);\n\n const _handleFocus = () => {\n if (disabled) {\n return;\n }\n\n setFocused(true);\n };\n\n const _handleBlur = () => {\n if (disabled) {\n return;\n }\n setFocused(false);\n };\n\n const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n const hasActiveOutline = focused;\n\n let inputTextColor,\n activeColor,\n underlineColor,\n borderColor,\n placeholderColor,\n containerStyle: StyleProp<ViewStyle>,\n backgroundColor,\n inputStyle: StyleProp<TextStyle>;\n\n inputTextColor = colors.strong;\n if (disabled) {\n activeColor = colors.light;\n placeholderColor = colors.light;\n borderColor = \"transparent\";\n underlineColor = \"transparent\";\n backgroundColor = colors.divider;\n } else {\n activeColor = colors.primary;\n placeholderColor = borderColor = colors.light;\n underlineColor = colors.light;\n backgroundColor = colors.background;\n }\n\n const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n inputStyle = {\n paddingVertical: 0,\n color: inputTextColor,\n paddingLeft:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n ...subtitle1,\n height: lineHeight,\n };\n\n if (type === \"underline\") {\n containerStyle = {\n borderTopLeftRadius: roundness,\n borderTopRightRadius: roundness,\n paddingBottom: 12,\n marginTop: 16,\n };\n } else {\n containerStyle = {\n borderRadius: roundness,\n borderColor: hasActiveOutline ? activeColor : borderColor,\n borderWidth: 1,\n paddingTop: labeled ? 16 * 1.5 : 16,\n paddingBottom: labeled ? 16 * 0.5 : 16,\n opacity: disabled ? disabledOpacity : 1,\n backgroundColor,\n };\n\n inputStyle.paddingHorizontal = 12;\n }\n\n if (leftIconName && leftIconMode === \"outset\") {\n containerStyle.marginLeft = ICON_SIZE + 8;\n }\n\n let leftIconColor;\n if (focused) {\n leftIconColor = colors.primary;\n } else {\n leftIconColor = colors.light;\n }\n\n const leftIconProps = {\n size: 24,\n color: leftIconColor,\n name: leftIconName || \"\",\n };\n\n const leftIconStyle: ImageStyle = {\n position: \"absolute\",\n marginTop:\n type === \"solid\"\n ? leftIconMode === \"inset\"\n ? MINIMIZED_LABEL_FONT_SIZE + 4\n : 16\n : leftIconMode === \"outset\"\n ? 16\n : 0,\n };\n\n const labelStyle = {\n ...typography.subtitle1,\n top: type === \"solid\" ? 16 : 0,\n left:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n transform: [\n {\n // Move label to top\n translateY: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n type === \"solid\"\n ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n : MINIMIZED_LABEL_Y_OFFSET,\n 0,\n ],\n }),\n },\n {\n // Make label smaller\n scale: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n 1,\n ],\n }),\n },\n {\n // Offset label scale since RN doesn't support transform origin\n translateX: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n (labelLayout.width / 2),\n 0,\n ],\n }),\n },\n ],\n };\n\n const inputStyles = [\n styles.input,\n inputStyle,\n type === \"solid\" ? { marginHorizontal: 12 } : {},\n ];\n\n // const render = (props) => <NativeTextInput {...props} />;\n\n return (\n <View style={[styles.container, style]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <View pointerEvents=\"none\">\n <View style={[styles.container, style]}>\n {leftIconName && leftIconMode === \"outset\" ? (\n <Icon {...leftIconProps} style={leftIconStyle} />\n ) : null}\n <View\n style={[containerStyle, style ? { height: style.height } : {}]}\n >\n {type === \"underline\" ? (\n // When type === 'flat', render an underline\n <Animated.View\n style={[\n styles.underline,\n {\n backgroundColor: focused ? activeColor : underlineColor,\n // Underlines is thinner when input is not focused\n transform: [{ scaleY: focused ? 1 : 0.5 }],\n },\n ]}\n />\n ) : null}\n\n {label ? (\n // Position colored placeholder and gray placeholder on top of each other and crossfade them\n // This gives the effect of animating the color, but allows us to use native driver\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n {\n opacity:\n // Hide the label in minimized state until we measure its width\n date || focused ? (labelLayout.measured ? 1 : 0) : 1,\n },\n ]}\n >\n <AnimatedText\n onLayout={(e: LayoutChangeEvent) =>\n setLabelLayout({\n width: e.nativeEvent.layout.width,\n measured: true,\n })\n }\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: colors.light,\n opacity: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n <AnimatedText\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: hasActiveOutline ? labeled : 1,\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n </View>\n ) : null}\n\n {leftIconName && leftIconMode === \"inset\" ? (\n <Icon\n {...leftIconProps}\n style={{\n ...leftIconStyle,\n marginLeft: type === \"solid\" ? 16 : 0,\n }}\n />\n ) : null}\n\n <NativeTextInput\n value={formatDate()}\n placeholder={label ? placeholder1 : placeholder}\n editable={!disabled}\n placeholderTextColor={placeholderColor}\n selectionColor={activeColor}\n onFocus={_handleFocus}\n onBlur={_handleBlur}\n underlineColorAndroid={\"transparent\"}\n style={inputStyles}\n {...props}\n />\n </View>\n {rightIconName ? (\n <Icon\n name={rightIconName}\n size={ICON_SIZE}\n color={colors.light}\n style={{\n position: \"absolute\",\n right: 16,\n marginTop:\n type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n }}\n />\n ) : null}\n </View>\n </View>\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View\n style={[\n styles.picker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <View\n style={[\n styles.pickerContainer,\n {\n paddingTop: insets.top,\n paddingBottom: insets.bottom,\n paddingLeft: insets.left,\n paddingRight: insets.right,\n },\n ]}\n >\n <DateTimePicker\n value={getValidDate()}\n mode={mode}\n isVisible={pickerVisible}\n toggleVisibility={toggleVisibility}\n onChange={(_event: any, data: any) => {\n toggleVisibility();\n setValue(data);\n onDateChange(data);\n }}\n />\n </View>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n underline: {\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n height: 2,\n },\n input: {\n flexGrow: 1,\n justifyContent: \"center\",\n textAlignVertical: \"center\",\n margin: 0,\n textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n },\n placeholder: {\n position: \"absolute\",\n left: 0,\n },\n pickerContainer: { flexDirection: \"column\", width: \"100%\", zIndex: 100 },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(DatePicker);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","View","Animated","Text","StyleSheet","I18nManager","TextInput","NativeTextInput","useSafeAreaInsets","dateFormat","withTheme","Portal","Touchable","DateTimePicker","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","MONTHS","DatePicker","Icon","style","theme","colors","typography","roundness","disabledOpacity","date","onDateChange","defaultValue","disabled","mode","format","type","leftIconName","rightIconName","leftIconMode","label","placeholder","props","value","setValue","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","_hidePlaceholder","timing","toValue","duration","useNativeDriver","start","_showPlaceholder","setTimeout","clearTimeout","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","underlineColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","paddingVertical","color","paddingLeft","paddingRight","height","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","inputStyles","styles","input","marginHorizontal","container","underline","scaleY","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","isRTL","zIndex","closeButton"],"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Animated,\n Text,\n StyleSheet,\n StyleProp,\n ViewStyle,\n TextStyle,\n TextInputProps,\n ImageStyle,\n I18nManager,\n LayoutChangeEvent,\n TextInput as NativeTextInput,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport dateFormat from \"dateformat\";\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport DateTimePicker from \"./DatePickerComponent\";\n\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\ntype Props = {\n style?: StyleProp<ViewStyle> & { height?: number };\n theme: Theme;\n // initialDate?: string;\n // locale?: string;\n // minuteInterval?: number;\n // timeZoneOffsetInMinutes?: number;\n // error?: boolean;\n // type?: string;\n date?: Date;\n format?: string;\n onDateChange?: (data?: Date) => void;\n defaultValue?: Date;\n disabled?: boolean;\n mode?: \"date\" | \"time\" | \"datetime\";\n type?: \"solid\" | \"underline\";\n label?: string;\n placeholder?: string;\n leftIconName?: string;\n leftIconMode?: \"outset\" | \"inset\";\n rightIconName?: string;\n} & IconSlot &\n TextInputProps;\n\nconst MONTHS = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst DatePicker: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n style,\n theme: { colors, typography, roundness, disabledOpacity },\n date,\n onDateChange = () => {},\n defaultValue,\n disabled = false,\n mode = \"date\",\n format,\n type = \"underline\",\n leftIconName,\n rightIconName,\n leftIconMode = \"inset\",\n label,\n placeholder,\n ...props\n}) => {\n const [value, setValue] = React.useState<any>(date || defaultValue);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setValue(defaultValue);\n }\n }, [defaultValue]);\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n const [labeled] = React.useState<Animated.Value>(\n new Animated.Value(date ? 0 : 1)\n );\n const [placeholder1, setPlaceholder1] = React.useState(\"\");\n const [focused, setFocused] = React.useState<boolean>(false);\n const [labelLayout, setLabelLayout] = React.useState<{\n measured: Boolean;\n width: number;\n }>({ measured: false, width: 0 });\n\n const getValidDate = (): Date => {\n if (!value) {\n return new Date();\n }\n return typeof value?.getMonth === \"function\" ? value : new Date();\n };\n\n const formatDate = (): string => {\n if (!value) return \"\";\n let newDate = getValidDate();\n\n if (format) return dateFormat(newDate, format);\n\n if (mode === \"time\") {\n return `${newDate.toLocaleTimeString()}`;\n }\n\n if (mode === \"datetime\") {\n return `${newDate.toLocaleString()}`;\n }\n\n return `${\n MONTHS[newDate.getMonth()]\n } ${newDate.getDate()}, ${newDate.getFullYear()}`;\n };\n\n const toggleVisibility = async () => {\n setPickerVisible(!pickerVisible);\n focused ? _handleBlur() : _handleFocus();\n };\n const insets = useSafeAreaInsets();\n\n // const _restoreLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 1,\n // duration: FOCUS_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _minmizeLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 0,\n // duration: BLUR_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _showPlaceholder = () =>\n // setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n\n const _hidePlaceholder = () => {\n setPlaceholder1(\"\");\n };\n\n React.useEffect(() => {\n setValue(date);\n }, [date]);\n\n React.useEffect(() => {\n if (value || focused || placeholder1) {\n // _minmizeLabel();\n Animated.timing(labeled, {\n toValue: 0,\n duration: BLUR_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n } else {\n // _restoreLabel();\n Animated.timing(labeled, {\n toValue: 1,\n duration: FOCUS_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n }\n }, [value, focused, placeholder1, labeled]);\n\n React.useEffect(() => {\n const _showPlaceholder = () =>\n setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n if (focused || !label) {\n _showPlaceholder();\n } else {\n _hidePlaceholder();\n }\n return () => {\n clearTimeout(_showPlaceholder());\n };\n }, [focused, label, placeholder]);\n\n const _handleFocus = () => {\n if (disabled) {\n return;\n }\n\n setFocused(true);\n };\n\n const _handleBlur = () => {\n if (disabled) {\n return;\n }\n setFocused(false);\n };\n\n const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n const hasActiveOutline = focused;\n\n let inputTextColor,\n activeColor,\n underlineColor,\n borderColor,\n placeholderColor,\n containerStyle: StyleProp<ViewStyle>,\n backgroundColor,\n inputStyle: StyleProp<TextStyle>;\n\n inputTextColor = colors.strong;\n if (disabled) {\n activeColor = colors.light;\n placeholderColor = colors.light;\n borderColor = \"transparent\";\n underlineColor = \"transparent\";\n backgroundColor = colors.divider;\n } else {\n activeColor = colors.primary;\n placeholderColor = borderColor = colors.light;\n underlineColor = colors.light;\n backgroundColor = colors.background;\n }\n\n const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n inputStyle = {\n paddingVertical: 0,\n color: inputTextColor,\n paddingLeft:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n ...subtitle1,\n height: lineHeight,\n };\n\n if (type === \"underline\") {\n containerStyle = {\n borderTopLeftRadius: roundness,\n borderTopRightRadius: roundness,\n paddingBottom: 12,\n marginTop: 16,\n };\n } else {\n containerStyle = {\n borderRadius: roundness,\n borderColor: hasActiveOutline ? activeColor : borderColor,\n borderWidth: 1,\n paddingTop: labeled ? 16 * 1.5 : 16,\n paddingBottom: labeled ? 16 * 0.5 : 16,\n opacity: disabled ? disabledOpacity : 1,\n backgroundColor,\n };\n\n inputStyle.paddingHorizontal = 12;\n }\n\n if (leftIconName && leftIconMode === \"outset\") {\n containerStyle.marginLeft = ICON_SIZE + 8;\n }\n\n let leftIconColor;\n if (focused) {\n leftIconColor = colors.primary;\n } else {\n leftIconColor = colors.light;\n }\n\n const leftIconProps = {\n size: 24,\n color: leftIconColor,\n name: leftIconName || \"\",\n };\n\n const leftIconStyle: ImageStyle = {\n position: \"absolute\",\n marginTop:\n type === \"solid\"\n ? leftIconMode === \"inset\"\n ? MINIMIZED_LABEL_FONT_SIZE + 4\n : 16\n : leftIconMode === \"outset\"\n ? 16\n : 0,\n };\n\n const labelStyle = {\n ...typography.subtitle1,\n top: type === \"solid\" ? 16 : 0,\n left:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n transform: [\n {\n // Move label to top\n translateY: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n type === \"solid\"\n ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n : MINIMIZED_LABEL_Y_OFFSET,\n 0,\n ],\n }),\n },\n {\n // Make label smaller\n scale: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n 1,\n ],\n }),\n },\n {\n // Offset label scale since RN doesn't support transform origin\n translateX: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n (labelLayout.width / 2),\n 0,\n ],\n }),\n },\n ],\n };\n\n const inputStyles = [\n styles.input,\n inputStyle,\n type === \"solid\" ? { marginHorizontal: 12 } : {},\n ];\n\n // const render = (props) => <NativeTextInput {...props} />;\n\n return (\n <View style={[styles.container, style]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <View pointerEvents=\"none\">\n <View style={[styles.container, style]}>\n {leftIconName && leftIconMode === \"outset\" ? (\n <Icon {...leftIconProps} style={leftIconStyle} />\n ) : null}\n <View\n style={[containerStyle, style ? { height: style.height } : {}]}\n >\n {type === \"underline\" ? (\n // When type === 'flat', render an underline\n <Animated.View\n style={[\n styles.underline,\n {\n backgroundColor: focused ? activeColor : underlineColor,\n // Underlines is thinner when input is not focused\n transform: [{ scaleY: focused ? 1 : 0.5 }],\n },\n ]}\n />\n ) : null}\n\n {label ? (\n // Position colored placeholder and gray placeholder on top of each other and crossfade them\n // This gives the effect of animating the color, but allows us to use native driver\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n {\n opacity:\n // Hide the label in minimized state until we measure its width\n date || focused ? (labelLayout.measured ? 1 : 0) : 1,\n },\n ]}\n >\n <AnimatedText\n onLayout={(e: LayoutChangeEvent) =>\n setLabelLayout({\n width: e.nativeEvent.layout.width,\n measured: true,\n })\n }\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: colors.light,\n opacity: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n <AnimatedText\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: hasActiveOutline ? labeled : 1,\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n </View>\n ) : null}\n\n {leftIconName && leftIconMode === \"inset\" ? (\n <Icon\n {...leftIconProps}\n style={{\n ...leftIconStyle,\n marginLeft: type === \"solid\" ? 16 : 0,\n }}\n />\n ) : null}\n\n <NativeTextInput\n value={formatDate()}\n placeholder={label ? placeholder1 : placeholder}\n editable={!disabled}\n placeholderTextColor={placeholderColor}\n selectionColor={activeColor}\n onFocus={_handleFocus}\n onBlur={_handleBlur}\n underlineColorAndroid={\"transparent\"}\n style={inputStyles}\n {...props}\n />\n </View>\n {rightIconName ? (\n <Icon\n name={rightIconName}\n size={ICON_SIZE}\n color={colors.light}\n style={{\n position: \"absolute\",\n right: 16,\n marginTop:\n type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n }}\n />\n ) : null}\n </View>\n </View>\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View\n style={[\n styles.picker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <View\n style={[\n styles.pickerContainer,\n {\n paddingTop: insets.top,\n paddingBottom: insets.bottom,\n paddingLeft: insets.left,\n paddingRight: insets.right,\n },\n ]}\n >\n <DateTimePicker\n value={getValidDate()}\n mode={mode}\n isVisible={pickerVisible}\n toggleVisibility={toggleVisibility}\n onChange={(_event: any, data: any) => {\n toggleVisibility();\n setValue(data);\n onDateChange(data);\n }}\n />\n </View>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n underline: {\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n height: 2,\n },\n input: {\n flexGrow: 1,\n justifyContent: \"center\",\n textAlignVertical: \"center\",\n margin: 0,\n textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n },\n placeholder: {\n position: \"absolute\",\n left: 0,\n },\n pickerContainer: { flexDirection: \"column\", width: \"100%\", zIndex: 100 },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(DatePicker);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","console","log","data"],"sources":["DatePickerComponent.
|
|
1
|
+
{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","createElement","date","isVisible","display","onCancel","console","log","onConfirm","data"],"sources":["DatePickerComponent.js"],"sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, }) => {\n return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === \"ios\" ? \"spinner\" : \"default\", onCancel: () => {\n console.log(\"Picker cancelled before selecting anything.\");\n toggleVisibility();\n }, onConfirm: (data) => {\n onChange(null, data);\n } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, onChange: onChange, display: \"default\" }));\n};\nexport default DatePickerComponent;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,cAAP,MAA2B,wCAA3B;AACA,OAAOC,mBAAP,MAAgC,oCAAhC;;AACA,MAAMC,mBAAmB,GAAG,QAAkD;EAAA,IAAjD;IAAEC,KAAF;IAASC,QAAT;IAAmBC,IAAnB;IAAyBC;EAAzB,CAAiD;EAC1E,OAAOP,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,IAAyBR,QAAQ,CAACQ,EAAT,KAAgB,SAAzC,gBAAsDT,KAAK,CAACU,aAAN,CAAoBP,mBAApB,EAAyC;IAAEQ,IAAI,EAAEN,KAAR;IAAeE,IAAI,EAAEA,IAArB;IAA2BK,SAAS,EAAE,IAAtC;IAA4CC,OAAO,EAAEZ,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC,SAAzF;IAAoGK,QAAQ,EAAE,MAAM;MAClNC,OAAO,CAACC,GAAR,CAAY,6CAAZ;MACAR,gBAAgB;IACnB,CAHiG;IAG/FS,SAAS,EAAGC,IAAD,IAAU;MACpBZ,QAAQ,CAAC,IAAD,EAAOY,IAAP,CAAR;IACH;EALiG,CAAzC,CAAtD,gBAKMlB,KAAK,CAACU,aAAN,CAAoBR,cAApB,EAAoC;IAAEG,KAAK,EAAEA,KAAT;IAAgBE,IAAI,EAAEA,IAAtB;IAA4BD,QAAQ,EAAEA,QAAtC;IAAgDO,OAAO,EAAE;EAAzD,CAApC,CALb;AAMH,CAPD;;AAQA,eAAeT,mBAAf"}
|
|
@@ -43,6 +43,8 @@ const disabledColor = "rgb(240, 240, 240)";
|
|
|
43
43
|
const errorColor = "rgba(255, 69, 100, 1)";
|
|
44
44
|
|
|
45
45
|
const Picker = _ref => {
|
|
46
|
+
var _find$label, _find;
|
|
47
|
+
|
|
46
48
|
let {
|
|
47
49
|
error,
|
|
48
50
|
options = [],
|
|
@@ -134,10 +136,7 @@ const Picker = _ref => {
|
|
|
134
136
|
...extractedMarginStyles
|
|
135
137
|
};
|
|
136
138
|
const stylesWithoutBordersAndMargins = omit(viewStyles, [...borderStyleNames, ...marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
|
|
137
|
-
const
|
|
138
|
-
label: null
|
|
139
|
-
};
|
|
140
|
-
const selectedLabel = optionExists && optionExists.label ? optionExists.label : placeholder;
|
|
139
|
+
const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
|
|
141
140
|
const labelText = label ? /*#__PURE__*/React.createElement(Text, {
|
|
142
141
|
style: {
|
|
143
142
|
textAlign: textStyles.textAlign,
|
|
@@ -228,7 +227,7 @@ const Picker = _ref => {
|
|
|
228
227
|
style: styles.primaryTextContainer
|
|
229
228
|
}, labelText, /*#__PURE__*/React.createElement(Text, {
|
|
230
229
|
style: primaryTextStyle
|
|
231
|
-
}, String(selectedLabel))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
|
|
230
|
+
}, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
|
|
232
231
|
style: [styles.iosPicker, {
|
|
233
232
|
backgroundColor: colors.divider
|
|
234
233
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","optionExists","find","selectedLabel","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\n };\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: unstyledColor,\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\n ]);\n\n const optionExists = internalValue\n ? pickerOptions.find((option) => option.value === internalValue)\n : { label: null };\n\n const selectedLabel =\n optionExists && optionExists.label ? optionExists.label : placeholder;\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>{String(selectedLabel)}</Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {isIos && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\n };\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: unstyledColor,\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\n ]);\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {isIos && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n"],"mappings":"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"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
2
|
+
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { View, StyleSheet } from "react-native";
|
|
5
|
+
import omit from "lodash.omit";
|
|
6
|
+
import { withTheme } from "../../theming";
|
|
7
|
+
import { Picker as NativePicker } from "@react-native-picker/picker";
|
|
8
|
+
import { extractStyles } from "../../utilities";
|
|
9
|
+
import TextField from "../TextField";
|
|
10
|
+
import Touchable from "../Touchable";
|
|
11
|
+
|
|
12
|
+
const Picker = _ref => {
|
|
13
|
+
var _options$find$label, _options$find;
|
|
14
|
+
|
|
15
|
+
let {
|
|
16
|
+
style,
|
|
17
|
+
options,
|
|
18
|
+
placeholder,
|
|
19
|
+
selectedValue,
|
|
20
|
+
disabled = false,
|
|
21
|
+
onValueChange: onValueChangeOverride = () => {},
|
|
22
|
+
...props
|
|
23
|
+
} = _ref;
|
|
24
|
+
const {
|
|
25
|
+
viewStyles: {
|
|
26
|
+
borderRadius,
|
|
27
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
28
|
+
borderWidth,
|
|
29
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
30
|
+
borderTopWidth,
|
|
31
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
32
|
+
borderRightWidth,
|
|
33
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
34
|
+
borderBottomWidth,
|
|
35
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
36
|
+
borderLeftWidth,
|
|
37
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
38
|
+
borderColor,
|
|
39
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
40
|
+
backgroundColor,
|
|
41
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
42
|
+
padding,
|
|
43
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
44
|
+
paddingTop,
|
|
45
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
46
|
+
paddingRight,
|
|
47
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
48
|
+
paddingBottom,
|
|
49
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
50
|
+
paddingLeft,
|
|
51
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
52
|
+
...viewStyles
|
|
53
|
+
}
|
|
54
|
+
} = extractStyles(style);
|
|
55
|
+
const textField = React.useRef(undefined);
|
|
56
|
+
|
|
57
|
+
const onValueChange = (itemValue, itemIndex) => {
|
|
58
|
+
toggleFocus();
|
|
59
|
+
onValueChangeOverride(itemValue, itemIndex);
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
const toggleFocus = () => {
|
|
63
|
+
if (!disabled) {
|
|
64
|
+
// @ts-ignore
|
|
65
|
+
textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
70
|
+
const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
|
|
71
|
+
return /*#__PURE__*/React.createElement(Touchable, {
|
|
72
|
+
disabled: disabled,
|
|
73
|
+
onPress: toggleFocus,
|
|
74
|
+
style: [styles.container, viewStyles]
|
|
75
|
+
}, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(NativePicker, {
|
|
76
|
+
enabled: !disabled,
|
|
77
|
+
selectedValue: selectedValue,
|
|
78
|
+
onValueChange: onValueChange,
|
|
79
|
+
style: {
|
|
80
|
+
opacity: 0,
|
|
81
|
+
position: "absolute",
|
|
82
|
+
top: 0,
|
|
83
|
+
left: 0,
|
|
84
|
+
right: 0,
|
|
85
|
+
bottom: 0,
|
|
86
|
+
width: "100%"
|
|
87
|
+
}
|
|
88
|
+
}, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
|
|
89
|
+
label: o.label,
|
|
90
|
+
value: o.value,
|
|
91
|
+
key: o.value
|
|
92
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
93
|
+
pointerEvents: "none"
|
|
94
|
+
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
95
|
+
value: selectedLabel,
|
|
96
|
+
placeholder: placeholder // @ts-ignore
|
|
97
|
+
,
|
|
98
|
+
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
99
|
+
,
|
|
100
|
+
disabled: disabled // @ts-expect-error
|
|
101
|
+
,
|
|
102
|
+
style: stylesWithoutMargin
|
|
103
|
+
})))));
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
const styles = StyleSheet.create({
|
|
107
|
+
container: {
|
|
108
|
+
alignSelf: "stretch"
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
export default withTheme(Picker);
|
|
112
|
+
//# sourceMappingURL=PickerComponent.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange: onValueChangeOverride = () => {},\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n const onValueChange = (itemValue: string, itemIndex: number) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\n\n const toggleFocus = () => {\n if (!disabled) {\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n }\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <Touchable\n disabled={disabled}\n onPress={toggleFocus}\n style={[styles.container, viewStyles]}\n >\n <View>\n <NativePicker\n enabled={!disabled}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n style={{\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n }}\n >\n {options.map((o) => (\n <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n ))}\n </NativePicker>\n <View pointerEvents=\"none\">\n <TextField\n {...props}\n value={selectedLabel}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n // @ts-expect-error\n style={stylesWithoutMargin}\n />\n </View>\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
2
|
+
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { View, StyleSheet } from "react-native";
|
|
5
|
+
import { SafeAreaView } from "react-native-safe-area-context";
|
|
6
|
+
import omit from "lodash.omit";
|
|
7
|
+
import { Picker as NativePicker } from "@react-native-picker/picker";
|
|
8
|
+
import { withTheme } from "../../theming";
|
|
9
|
+
import Portal from "../Portal/Portal";
|
|
10
|
+
import Button from "../DeprecatedButton";
|
|
11
|
+
import TextField from "../TextField";
|
|
12
|
+
import Touchable from "../Touchable";
|
|
13
|
+
import { extractStyles } from "../../utilities";
|
|
14
|
+
|
|
15
|
+
const Picker = _ref => {
|
|
16
|
+
var _options$find$label, _options$find;
|
|
17
|
+
|
|
18
|
+
let {
|
|
19
|
+
Icon,
|
|
20
|
+
style,
|
|
21
|
+
options,
|
|
22
|
+
placeholder,
|
|
23
|
+
selectedValue,
|
|
24
|
+
disabled = false,
|
|
25
|
+
onValueChange = () => {},
|
|
26
|
+
theme: {
|
|
27
|
+
colors
|
|
28
|
+
},
|
|
29
|
+
...props
|
|
30
|
+
} = _ref;
|
|
31
|
+
const {
|
|
32
|
+
viewStyles: {
|
|
33
|
+
borderRadius,
|
|
34
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
35
|
+
borderWidth,
|
|
36
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
37
|
+
borderTopWidth,
|
|
38
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
39
|
+
borderRightWidth,
|
|
40
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
41
|
+
borderBottomWidth,
|
|
42
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
43
|
+
borderLeftWidth,
|
|
44
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
45
|
+
borderColor,
|
|
46
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
47
|
+
backgroundColor,
|
|
48
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
49
|
+
padding,
|
|
50
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
51
|
+
paddingTop,
|
|
52
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
53
|
+
paddingRight,
|
|
54
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
55
|
+
paddingBottom,
|
|
56
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
57
|
+
paddingLeft,
|
|
58
|
+
// eslint-disable-line @typescript-eslint/no-unused-vars
|
|
59
|
+
...viewStyles
|
|
60
|
+
}
|
|
61
|
+
} = extractStyles(style);
|
|
62
|
+
const textField = React.useRef(undefined);
|
|
63
|
+
const [pickerVisible, setIsPickerVisible] = React.useState(false);
|
|
64
|
+
|
|
65
|
+
const toggleVisibility = () => {
|
|
66
|
+
setIsPickerVisible(!pickerVisible); // @ts-ignore
|
|
67
|
+
|
|
68
|
+
textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
72
|
+
const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
|
|
73
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
74
|
+
style: [styles.container, viewStyles]
|
|
75
|
+
}, /*#__PURE__*/React.createElement(Touchable, {
|
|
76
|
+
disabled: disabled,
|
|
77
|
+
onPress: toggleVisibility
|
|
78
|
+
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
79
|
+
value: String(selectedLabel),
|
|
80
|
+
placeholder: placeholder // @ts-ignore
|
|
81
|
+
,
|
|
82
|
+
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
83
|
+
,
|
|
84
|
+
disabled: disabled,
|
|
85
|
+
pointerEvents: "none" // @ts-expect-error
|
|
86
|
+
,
|
|
87
|
+
style: stylesWithoutMargin,
|
|
88
|
+
Icon: Icon
|
|
89
|
+
}))), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
|
|
90
|
+
style: [styles.picker, {
|
|
91
|
+
backgroundColor: colors.divider
|
|
92
|
+
}]
|
|
93
|
+
}, /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
94
|
+
style: styles.pickerContainer
|
|
95
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
96
|
+
Icon: Icon,
|
|
97
|
+
type: "text",
|
|
98
|
+
onPress: toggleVisibility,
|
|
99
|
+
style: styles.closeButton
|
|
100
|
+
}, "Close"), /*#__PURE__*/React.createElement(NativePicker, {
|
|
101
|
+
style: {
|
|
102
|
+
backgroundColor: "white"
|
|
103
|
+
},
|
|
104
|
+
selectedValue: selectedValue,
|
|
105
|
+
onValueChange: onValueChange
|
|
106
|
+
}, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
|
|
107
|
+
label: o.label,
|
|
108
|
+
value: o.value,
|
|
109
|
+
key: o.value
|
|
110
|
+
})))))));
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
const styles = StyleSheet.create({
|
|
114
|
+
container: {
|
|
115
|
+
alignSelf: "stretch"
|
|
116
|
+
},
|
|
117
|
+
picker: {
|
|
118
|
+
position: "absolute",
|
|
119
|
+
bottom: 0,
|
|
120
|
+
left: 0,
|
|
121
|
+
right: 0,
|
|
122
|
+
flexDirection: "row",
|
|
123
|
+
justifyContent: "center"
|
|
124
|
+
},
|
|
125
|
+
pickerContainer: {
|
|
126
|
+
backgroundColor: "white",
|
|
127
|
+
flexDirection: "column",
|
|
128
|
+
width: "100%"
|
|
129
|
+
},
|
|
130
|
+
closeButton: {
|
|
131
|
+
alignSelf: "flex-end"
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
export default withTheme(Picker);
|
|
135
|
+
//# sourceMappingURL=PickerComponent.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","SafeAreaView","omit","Picker","NativePicker","withTheme","Portal","Button","TextField","Touchable","extractStyles","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width"],"sources":["PickerComponent.ios.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n Icon,\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange = () => {},\n theme: { colors },\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n const toggleVisibility = () => {\n setIsPickerVisible(!pickerVisible);\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <View style={[styles.container, viewStyles]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <TextField\n {...props}\n value={String(selectedLabel)}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n pointerEvents=\"none\"\n // @ts-expect-error\n style={stylesWithoutMargin}\n Icon={Icon}\n />\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n <SafeAreaView style={styles.pickerContainer}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={toggleVisibility}\n style={styles.closeButton}\n >\n Close\n </Button>\n <NativePicker\n style={{ backgroundColor: \"white\" }}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n >\n {options.map((o: any) => (\n <NativePicker.Item\n label={o.label}\n value={o.value}\n key={o.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n pickerContainer: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
|