@draftbit/core 46.4.4-c1367a.2 → 46.4.4-cbd3a5.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/Provider.js +0 -9
- package/lib/commonjs/components/Accordion/AccordionGroup.js +0 -14
- package/lib/commonjs/components/Accordion/AccordionItem.js +0 -13
- package/lib/commonjs/components/Accordion/index.js +0 -3
- package/lib/commonjs/components/ActionSheet/ActionSheet.js +0 -9
- package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js +0 -5
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js +0 -7
- package/lib/commonjs/components/ActionSheet/index.js +0 -4
- package/lib/commonjs/components/AnimatedCircularProgress.js +0 -15
- package/lib/commonjs/components/AspectRatio.js +0 -10
- package/lib/commonjs/components/AvatarEdit.js +0 -12
- package/lib/commonjs/components/Banner.js +9 -23
- package/lib/commonjs/components/Button.js +2 -19
- package/lib/commonjs/components/Card.js +0 -14
- package/lib/commonjs/components/CardBlock.js +13 -19
- package/lib/commonjs/components/CardContainer.js +0 -18
- package/lib/commonjs/components/CardContainerRating.js +2 -20
- package/lib/commonjs/components/CardContainerShortImage.js +0 -12
- package/lib/commonjs/components/CardInline.js +1 -14
- package/lib/commonjs/components/Carousel.js +3 -21
- package/lib/commonjs/components/Checkbox/Checkbox.js +3 -18
- package/lib/commonjs/components/Checkbox/CheckboxGroup.js +0 -11
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +0 -20
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +3 -24
- package/lib/commonjs/components/Checkbox/context.js +0 -5
- package/lib/commonjs/components/Checkbox/index.js +0 -4
- package/lib/commonjs/components/CircleImage.js +0 -9
- package/lib/commonjs/components/CircularProgress.js +3 -13
- package/lib/commonjs/components/Config.js +5 -13
- package/lib/commonjs/components/Container.js +0 -11
- package/lib/commonjs/components/DatePicker/DatePicker.js +16 -48
- package/lib/commonjs/components/DatePicker/DatePickerComponent.js +0 -7
- package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js +0 -10
- package/lib/commonjs/components/DeprecatedButton.js +0 -23
- package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -11
- package/lib/commonjs/components/DeprecatedFAB.js +21 -29
- package/lib/commonjs/components/Divider.js +0 -9
- package/lib/commonjs/components/Elevation.js +0 -11
- package/lib/commonjs/components/FAB.js +0 -10
- package/lib/commonjs/components/FieldSearchBarFull.js +0 -18
- package/lib/commonjs/components/FormRow.js +0 -10
- package/lib/commonjs/components/Header.js +0 -13
- package/lib/commonjs/components/HeaderLarge.js +0 -9
- package/lib/commonjs/components/HeaderMedium.js +0 -9
- package/lib/commonjs/components/HeaderOverline.js +0 -9
- package/lib/commonjs/components/IconButton.js +0 -10
- package/lib/commonjs/components/Image.js +0 -17
- package/lib/commonjs/components/Layout.js +2 -12
- package/lib/commonjs/components/NumberInput.js +8 -21
- package/lib/commonjs/components/Picker/Picker.js +6 -39
- package/lib/commonjs/components/Picker/PickerComponent.android.js +6 -23
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +8 -27
- package/lib/commonjs/components/Picker/PickerComponent.web.js +6 -23
- package/lib/commonjs/components/Portal/Portal.js +4 -14
- package/lib/commonjs/components/Portal/PortalConsumer.js +5 -15
- package/lib/commonjs/components/Portal/PortalHost.js +4 -31
- package/lib/commonjs/components/Portal/PortalManager.js +7 -19
- package/lib/commonjs/components/ProgressBar.js +5 -25
- package/lib/commonjs/components/ProgressCircle.js +0 -10
- package/lib/commonjs/components/ProgressIndicator.js +0 -9
- package/lib/commonjs/components/RadioButton/RadioButton.js +1 -14
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +0 -10
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +0 -14
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +1 -21
- package/lib/commonjs/components/RadioButton/context.js +0 -5
- package/lib/commonjs/components/RadioButton/index.js +0 -5
- package/lib/commonjs/components/Row.js +0 -11
- package/lib/commonjs/components/RowBodyIcon.js +0 -10
- package/lib/commonjs/components/RowHeadlineImageCaption.js +2 -11
- package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -10
- package/lib/commonjs/components/SVG.js +0 -9
- package/lib/commonjs/components/ScreenContainer.js +0 -14
- package/lib/commonjs/components/Slider.js +0 -21
- package/lib/commonjs/components/StarRating.js +0 -10
- package/lib/commonjs/components/StepIndicator.js +5 -39
- package/lib/commonjs/components/Stepper.js +4 -18
- package/lib/commonjs/components/Surface.js +0 -14
- package/lib/commonjs/components/Swiper/Swiper.js +0 -8
- package/lib/commonjs/components/Swiper/SwiperItem.js +0 -6
- package/lib/commonjs/components/Swiper/index.js +0 -3
- package/lib/commonjs/components/Switch.js +5 -18
- package/lib/commonjs/components/Text.js +3 -18
- package/lib/commonjs/components/TextField.js +12 -62
- package/lib/commonjs/components/ToggleButton.js +0 -14
- package/lib/commonjs/components/Touchable.js +0 -5
- package/lib/commonjs/components/Touchable.web.js +0 -2
- package/lib/commonjs/components/Typography.js +0 -5
- package/lib/commonjs/components/useAuthState.js +0 -9
- package/lib/commonjs/constants.js +0 -4
- package/lib/commonjs/hooks.js +4 -7
- package/lib/commonjs/index.js +0 -52
- package/lib/commonjs/interfaces/Icon.js +3 -5
- package/lib/commonjs/mappings/Accordion.js +0 -2
- package/lib/commonjs/mappings/AccordionItem.js +0 -2
- package/lib/commonjs/mappings/ActionSheet.js +0 -2
- package/lib/commonjs/mappings/ActionSheetCancel.js +0 -2
- package/lib/commonjs/mappings/ActionSheetItem.js +0 -2
- package/lib/commonjs/mappings/ActivityIndicator.js +0 -2
- package/lib/commonjs/mappings/AudioPlayer.js +0 -2
- package/lib/commonjs/mappings/AvatarEdit.js +0 -2
- package/lib/commonjs/mappings/Banner.js +0 -2
- package/lib/commonjs/mappings/BlurView.js +0 -2
- package/lib/commonjs/mappings/Button.js +6 -5
- package/lib/commonjs/mappings/Card.js +3 -4
- package/lib/commonjs/mappings/CardBlock.js +6 -5
- package/lib/commonjs/mappings/CardContainer.js +5 -7
- package/lib/commonjs/mappings/CardContainerRating.js +4 -4
- package/lib/commonjs/mappings/CardContainerShortImage.js +0 -2
- package/lib/commonjs/mappings/CardInline.js +0 -2
- package/lib/commonjs/mappings/Carousel.js +0 -2
- package/lib/commonjs/mappings/Checkbox.js +0 -2
- package/lib/commonjs/mappings/CheckboxGroup.js +0 -2
- package/lib/commonjs/mappings/CheckboxRow.js +0 -2
- package/lib/commonjs/mappings/CircleImage.js +0 -2
- package/lib/commonjs/mappings/Container.js +0 -2
- package/lib/commonjs/mappings/CustomCode.js +0 -2
- package/lib/commonjs/mappings/DatePicker.js +4 -4
- package/lib/commonjs/mappings/Divider.js +0 -2
- package/lib/commonjs/mappings/FAB.js +0 -2
- package/lib/commonjs/mappings/Fetch.js +0 -2
- package/lib/commonjs/mappings/FieldSearchBarFull.js +2 -3
- package/lib/commonjs/mappings/FlashList.js +0 -2
- package/lib/commonjs/mappings/FlatList.js +0 -2
- package/lib/commonjs/mappings/HeaderLarge.js +0 -2
- package/lib/commonjs/mappings/HeaderMedium.js +0 -2
- package/lib/commonjs/mappings/HeaderOverline.js +0 -2
- package/lib/commonjs/mappings/Icon.js +2 -3
- package/lib/commonjs/mappings/IconButton.js +0 -2
- package/lib/commonjs/mappings/Image.js +0 -2
- package/lib/commonjs/mappings/ImageBackground.js +0 -2
- package/lib/commonjs/mappings/KeyboardAvoidingView.js +0 -2
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js +0 -2
- package/lib/commonjs/mappings/Layout.js +0 -2
- package/lib/commonjs/mappings/LinearGradient.js +0 -2
- package/lib/commonjs/mappings/MapCallout.js +0 -2
- package/lib/commonjs/mappings/MapMarker.js +0 -2
- package/lib/commonjs/mappings/MapView.js +0 -2
- package/lib/commonjs/mappings/Modal.js +0 -2
- package/lib/commonjs/mappings/NumberInput.js +4 -4
- package/lib/commonjs/mappings/Picker.js +4 -4
- package/lib/commonjs/mappings/ProgressBar.js +0 -2
- package/lib/commonjs/mappings/ProgressCircle.js +0 -2
- package/lib/commonjs/mappings/ProgressIndicator.js +0 -2
- package/lib/commonjs/mappings/RadioButton.js +0 -2
- package/lib/commonjs/mappings/RadioButtonGroup.js +0 -2
- package/lib/commonjs/mappings/RadioButtonRow.js +0 -2
- package/lib/commonjs/mappings/RowBodyIcon.js +0 -2
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js +0 -2
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js +12 -8
- package/lib/commonjs/mappings/SVG.js +0 -2
- package/lib/commonjs/mappings/SafeAreaView.js +0 -2
- package/lib/commonjs/mappings/ScrollView.js +0 -2
- package/lib/commonjs/mappings/Slider.js +0 -2
- package/lib/commonjs/mappings/StarRating.js +1 -3
- package/lib/commonjs/mappings/Stepper.js +0 -2
- package/lib/commonjs/mappings/Surface.js +0 -2
- package/lib/commonjs/mappings/Swiper.js +0 -2
- package/lib/commonjs/mappings/SwiperItem.js +0 -2
- package/lib/commonjs/mappings/Switch.js +0 -2
- package/lib/commonjs/mappings/Text.js +5 -5
- package/lib/commonjs/mappings/TextArea.js +2 -3
- package/lib/commonjs/mappings/TextField.js +8 -9
- package/lib/commonjs/mappings/TextInput.js +3 -4
- package/lib/commonjs/mappings/ToggleButton.js +0 -2
- package/lib/commonjs/mappings/Touchable.js +0 -2
- package/lib/commonjs/mappings/Video.js +0 -2
- package/lib/commonjs/mappings/View.js +0 -2
- package/lib/commonjs/mappings/WebView.js +0 -2
- package/lib/commonjs/styles/DarkTheme.js +5 -6
- package/lib/commonjs/styles/DefaultTheme.js +26 -17
- package/lib/commonjs/styles/fonts.js +3 -5
- package/lib/commonjs/styles/overlay.js +5 -14
- package/lib/commonjs/styles/shadow.js +0 -9
- package/lib/commonjs/theming.js +0 -4
- package/lib/commonjs/utilities.js +2 -14
- package/lib/module/Provider.js +0 -1
- package/lib/module/components/Accordion/AccordionGroup.js +0 -4
- package/lib/module/components/Accordion/AccordionItem.js +0 -3
- package/lib/module/components/ActionSheet/ActionSheet.js +0 -2
- package/lib/module/components/ActionSheet/ActionSheetCancel.js +0 -2
- package/lib/module/components/ActionSheet/ActionSheetItem.js +0 -2
- package/lib/module/components/AnimatedCircularProgress.js +0 -6
- package/lib/module/components/AspectRatio.js +0 -6
- package/lib/module/components/AvatarEdit.js +0 -3
- package/lib/module/components/Banner.js +9 -10
- package/lib/module/components/Button.js +2 -10
- package/lib/module/components/Card.js +0 -2
- package/lib/module/components/CardBlock.js +0 -6
- package/lib/module/components/CardContainer.js +0 -7
- package/lib/module/components/CardContainerRating.js +2 -8
- package/lib/module/components/CardContainerShortImage.js +0 -3
- package/lib/module/components/CardInline.js +0 -2
- package/lib/module/components/Carousel.js +3 -9
- package/lib/module/components/Checkbox/Checkbox.js +3 -9
- package/lib/module/components/Checkbox/CheckboxGroup.js +0 -5
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +0 -8
- package/lib/module/components/Checkbox/CheckboxRow.js +3 -11
- package/lib/module/components/Checkbox/context.js +0 -2
- package/lib/module/components/CircleImage.js +0 -3
- package/lib/module/components/CircularProgress.js +3 -9
- package/lib/module/components/Config.js +5 -11
- package/lib/module/components/Container.js +0 -3
- package/lib/module/components/DatePicker/DatePicker.js +16 -33
- package/lib/module/components/DatePicker/DatePickerComponent.js +0 -2
- package/lib/module/components/DatePicker/DatePickerComponent.web.js +0 -2
- package/lib/module/components/DeprecatedButton.js +0 -9
- package/lib/module/components/DeprecatedCardWrapper.js +0 -6
- package/lib/module/components/DeprecatedFAB.js +0 -13
- package/lib/module/components/Divider.js +0 -3
- package/lib/module/components/Elevation.js +0 -3
- package/lib/module/components/FAB.js +0 -3
- package/lib/module/components/FieldSearchBarFull.js +0 -9
- package/lib/module/components/FormRow.js +0 -1
- package/lib/module/components/Header.js +0 -2
- package/lib/module/components/HeaderLarge.js +0 -2
- package/lib/module/components/HeaderMedium.js +0 -2
- package/lib/module/components/HeaderOverline.js +0 -2
- package/lib/module/components/IconButton.js +0 -3
- package/lib/module/components/Image.js +0 -10
- package/lib/module/components/Layout.js +4 -3
- package/lib/module/components/NumberInput.js +8 -16
- package/lib/module/components/Picker/Picker.js +6 -23
- package/lib/module/components/Picker/PickerComponent.android.js +6 -10
- package/lib/module/components/Picker/PickerComponent.ios.js +8 -11
- package/lib/module/components/Picker/PickerComponent.web.js +6 -10
- package/lib/module/components/Portal/Portal.js +4 -6
- package/lib/module/components/Portal/PortalConsumer.js +5 -10
- package/lib/module/components/Portal/PortalHost.js +4 -22
- package/lib/module/components/Portal/PortalManager.js +7 -14
- package/lib/module/components/ProgressBar.js +5 -17
- package/lib/module/components/ProgressCircle.js +0 -2
- package/lib/module/components/ProgressIndicator.js +0 -2
- package/lib/module/components/RadioButton/RadioButton.js +1 -6
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +0 -3
- package/lib/module/components/RadioButton/RadioButtonGroup.js +0 -7
- package/lib/module/components/RadioButton/RadioButtonRow.js +1 -9
- package/lib/module/components/RadioButton/context.js +0 -2
- package/lib/module/components/Row.js +0 -2
- package/lib/module/components/RowBodyIcon.js +0 -2
- package/lib/module/components/RowHeadlineImageCaption.js +2 -3
- package/lib/module/components/RowHeadlineImageIcon.js +0 -2
- package/lib/module/components/SVG.js +0 -2
- package/lib/module/components/ScreenContainer.js +0 -6
- package/lib/module/components/Slider.js +0 -10
- package/lib/module/components/StarRating.js +0 -3
- package/lib/module/components/StepIndicator.js +5 -29
- package/lib/module/components/Stepper.js +6 -9
- package/lib/module/components/Surface.js +0 -5
- package/lib/module/components/Swiper/Swiper.js +0 -4
- package/lib/module/components/Swiper/SwiperItem.js +0 -2
- package/lib/module/components/Switch.js +5 -7
- package/lib/module/components/Text.js +3 -10
- package/lib/module/components/TextField.js +12 -50
- package/lib/module/components/ToggleButton.js +0 -5
- package/lib/module/components/Touchable.js +0 -1
- package/lib/module/components/useAuthState.js +0 -4
- package/lib/module/constants.js +2 -1
- package/lib/module/hooks.js +4 -2
- package/lib/module/index.js +4 -2
- package/lib/module/interfaces/Icon.js +2 -1
- package/lib/module/mappings/Button.js +6 -3
- package/lib/module/mappings/Card.js +3 -2
- package/lib/module/mappings/CardBlock.js +6 -3
- package/lib/module/mappings/CardContainer.js +5 -5
- package/lib/module/mappings/CardContainerRating.js +4 -2
- package/lib/module/mappings/DatePicker.js +4 -2
- package/lib/module/mappings/Fetch.js +0 -1
- package/lib/module/mappings/FieldSearchBarFull.js +2 -1
- package/lib/module/mappings/Icon.js +2 -1
- package/lib/module/mappings/NumberInput.js +4 -2
- package/lib/module/mappings/Picker.js +4 -2
- package/lib/module/mappings/RowHeadlineImageIcon.js +12 -6
- package/lib/module/mappings/StarRating.js +1 -1
- package/lib/module/mappings/Text.js +5 -3
- package/lib/module/mappings/TextArea.js +2 -1
- package/lib/module/mappings/TextField.js +8 -7
- package/lib/module/mappings/TextInput.js +3 -2
- package/lib/module/styles/DarkTheme.js +4 -2
- package/lib/module/styles/DefaultTheme.js +26 -13
- package/lib/module/styles/fonts.js +2 -1
- package/lib/module/styles/overlay.js +4 -10
- package/lib/module/styles/shadow.js +0 -6
- package/lib/module/utilities.js +2 -5
- package/lib/typescript/src/mappings/TextField.d.ts +2 -2
- package/lib/typescript/src/mappings/TextInput.d.ts +1 -1
- package/package.json +3 -3
- package/src/mappings/TextField.js +1 -1
- package/src/mappings/TextField.ts +1 -1
- package/src/mappings/TextInput.js +1 -1
- package/src/mappings/TextInput.ts +1 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
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
2
|
import * as React from "react";
|
|
4
3
|
import { View, StyleSheet } from "react-native";
|
|
5
4
|
import omit from "lodash.omit";
|
|
@@ -8,10 +7,8 @@ import { Picker as NativePicker } from "@react-native-picker/picker";
|
|
|
8
7
|
import { extractStyles } from "../../utilities";
|
|
9
8
|
import TextField from "../TextField";
|
|
10
9
|
import Touchable from "../Touchable";
|
|
11
|
-
|
|
12
10
|
const Picker = _ref => {
|
|
13
|
-
var _options$find
|
|
14
|
-
|
|
11
|
+
var _options$find;
|
|
15
12
|
let {
|
|
16
13
|
style,
|
|
17
14
|
options,
|
|
@@ -53,12 +50,10 @@ const Picker = _ref => {
|
|
|
53
50
|
}
|
|
54
51
|
} = extractStyles(style);
|
|
55
52
|
const textField = React.useRef(undefined);
|
|
56
|
-
|
|
57
53
|
const onValueChange = (itemValue, itemIndex) => {
|
|
58
54
|
toggleFocus();
|
|
59
55
|
onValueChangeOverride(itemValue, itemIndex);
|
|
60
56
|
};
|
|
61
|
-
|
|
62
57
|
const toggleFocus = () => {
|
|
63
58
|
if (!disabled) {
|
|
64
59
|
// @ts-ignore
|
|
@@ -67,7 +62,7 @@ const Picker = _ref => {
|
|
|
67
62
|
};
|
|
68
63
|
|
|
69
64
|
const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
70
|
-
const selectedLabel = selectedValue && ((
|
|
65
|
+
const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
|
|
71
66
|
return /*#__PURE__*/React.createElement(Touchable, {
|
|
72
67
|
disabled: disabled,
|
|
73
68
|
onPress: toggleFocus,
|
|
@@ -93,16 +88,17 @@ const Picker = _ref => {
|
|
|
93
88
|
pointerEvents: "none"
|
|
94
89
|
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
95
90
|
value: selectedLabel,
|
|
96
|
-
placeholder: placeholder
|
|
91
|
+
placeholder: placeholder
|
|
92
|
+
// @ts-ignore
|
|
97
93
|
,
|
|
98
94
|
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
99
95
|
,
|
|
100
|
-
disabled: disabled
|
|
96
|
+
disabled: disabled
|
|
97
|
+
// @ts-expect-error
|
|
101
98
|
,
|
|
102
99
|
style: stylesWithoutMargin
|
|
103
100
|
})))));
|
|
104
101
|
};
|
|
105
|
-
|
|
106
102
|
const styles = StyleSheet.create({
|
|
107
103
|
container: {
|
|
108
104
|
alignSelf: "stretch"
|
|
@@ -1,5 +1,4 @@
|
|
|
1
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
2
|
import * as React from "react";
|
|
4
3
|
import { View, StyleSheet } from "react-native";
|
|
5
4
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
@@ -11,10 +10,8 @@ import Button from "../DeprecatedButton";
|
|
|
11
10
|
import TextField from "../TextField";
|
|
12
11
|
import Touchable from "../Touchable";
|
|
13
12
|
import { extractStyles } from "../../utilities";
|
|
14
|
-
|
|
15
13
|
const Picker = _ref => {
|
|
16
|
-
var _options$find
|
|
17
|
-
|
|
14
|
+
var _options$find;
|
|
18
15
|
let {
|
|
19
16
|
Icon,
|
|
20
17
|
style,
|
|
@@ -61,15 +58,14 @@ const Picker = _ref => {
|
|
|
61
58
|
} = extractStyles(style);
|
|
62
59
|
const textField = React.useRef(undefined);
|
|
63
60
|
const [pickerVisible, setIsPickerVisible] = React.useState(false);
|
|
64
|
-
|
|
65
61
|
const toggleVisibility = () => {
|
|
66
|
-
setIsPickerVisible(!pickerVisible);
|
|
67
|
-
|
|
62
|
+
setIsPickerVisible(!pickerVisible);
|
|
63
|
+
// @ts-ignore
|
|
68
64
|
textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
|
|
69
65
|
};
|
|
70
66
|
|
|
71
67
|
const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
72
|
-
const selectedLabel = selectedValue && ((
|
|
68
|
+
const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
|
|
73
69
|
return /*#__PURE__*/React.createElement(View, {
|
|
74
70
|
style: [styles.container, viewStyles]
|
|
75
71
|
}, /*#__PURE__*/React.createElement(Touchable, {
|
|
@@ -77,12 +73,14 @@ const Picker = _ref => {
|
|
|
77
73
|
onPress: toggleVisibility
|
|
78
74
|
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
79
75
|
value: String(selectedLabel),
|
|
80
|
-
placeholder: placeholder
|
|
76
|
+
placeholder: placeholder
|
|
77
|
+
// @ts-ignore
|
|
81
78
|
,
|
|
82
79
|
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
83
80
|
,
|
|
84
81
|
disabled: disabled,
|
|
85
|
-
pointerEvents: "none"
|
|
82
|
+
pointerEvents: "none"
|
|
83
|
+
// @ts-expect-error
|
|
86
84
|
,
|
|
87
85
|
style: stylesWithoutMargin,
|
|
88
86
|
Icon: Icon
|
|
@@ -109,7 +107,6 @@ const Picker = _ref => {
|
|
|
109
107
|
key: o.value
|
|
110
108
|
})))))));
|
|
111
109
|
};
|
|
112
|
-
|
|
113
110
|
const styles = StyleSheet.create({
|
|
114
111
|
container: {
|
|
115
112
|
alignSelf: "stretch"
|
|
@@ -1,5 +1,4 @@
|
|
|
1
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
2
|
import * as React from "react";
|
|
4
3
|
import { View, StyleSheet } from "react-native";
|
|
5
4
|
import { Picker as NativePicker } from "@react-native-picker/picker";
|
|
@@ -8,10 +7,8 @@ import { withTheme } from "../../theming";
|
|
|
8
7
|
import { extractStyles } from "../../utilities";
|
|
9
8
|
import TextField from "../TextField";
|
|
10
9
|
import Touchable from "../Touchable";
|
|
11
|
-
|
|
12
10
|
const Picker = _ref => {
|
|
13
|
-
var _options$find
|
|
14
|
-
|
|
11
|
+
var _options$find;
|
|
15
12
|
let {
|
|
16
13
|
style,
|
|
17
14
|
options,
|
|
@@ -53,12 +50,10 @@ const Picker = _ref => {
|
|
|
53
50
|
}
|
|
54
51
|
} = extractStyles(style);
|
|
55
52
|
const textField = React.useRef(undefined);
|
|
56
|
-
|
|
57
53
|
const onValueChange = (itemValue, itemIndex) => {
|
|
58
54
|
toggleFocus();
|
|
59
55
|
onValueChangeOverride(itemValue, itemIndex);
|
|
60
56
|
};
|
|
61
|
-
|
|
62
57
|
const toggleFocus = () => {
|
|
63
58
|
if (!disabled) {
|
|
64
59
|
// @ts-ignore
|
|
@@ -67,7 +62,7 @@ const Picker = _ref => {
|
|
|
67
62
|
};
|
|
68
63
|
|
|
69
64
|
const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
70
|
-
const selectedLabel = selectedValue && ((
|
|
65
|
+
const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
|
|
71
66
|
return /*#__PURE__*/React.createElement(Touchable, {
|
|
72
67
|
disabled: disabled,
|
|
73
68
|
onPress: toggleFocus,
|
|
@@ -94,16 +89,17 @@ const Picker = _ref => {
|
|
|
94
89
|
pointerEvents: "none"
|
|
95
90
|
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
96
91
|
value: selectedLabel,
|
|
97
|
-
placeholder: placeholder
|
|
92
|
+
placeholder: placeholder
|
|
93
|
+
// @ts-ignore
|
|
98
94
|
,
|
|
99
95
|
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
100
96
|
,
|
|
101
|
-
disabled: disabled
|
|
97
|
+
disabled: disabled
|
|
98
|
+
// @ts-expect-error
|
|
102
99
|
,
|
|
103
100
|
style: stylesWithoutMargin
|
|
104
101
|
})))));
|
|
105
102
|
};
|
|
106
|
-
|
|
107
103
|
const styles = StyleSheet.create({
|
|
108
104
|
container: {
|
|
109
105
|
alignSelf: "stretch"
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
-
|
|
1
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
3
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
3
4
|
import * as React from "react";
|
|
4
5
|
import PortalConsumer from "./PortalConsumer";
|
|
5
6
|
import PortalHost, { PortalContext } from "./PortalHost";
|
|
6
7
|
import { ThemeProvider, withTheme } from "../../theming";
|
|
7
|
-
|
|
8
8
|
/**
|
|
9
9
|
* Portal allows to render a component at a different place in the parent tree.
|
|
10
10
|
* You can use it to render content which should appear above other elements, similar to `Modal`.
|
|
@@ -28,6 +28,7 @@ import { ThemeProvider, withTheme } from "../../theming";
|
|
|
28
28
|
*/
|
|
29
29
|
class Portal extends React.Component {
|
|
30
30
|
// @component ./PortalHost.tsx
|
|
31
|
+
|
|
31
32
|
render() {
|
|
32
33
|
const {
|
|
33
34
|
children,
|
|
@@ -39,9 +40,6 @@ class Portal extends React.Component {
|
|
|
39
40
|
theme: theme
|
|
40
41
|
}, children)));
|
|
41
42
|
}
|
|
42
|
-
|
|
43
43
|
}
|
|
44
|
-
|
|
45
44
|
_defineProperty(Portal, "Host", PortalHost);
|
|
46
|
-
|
|
47
45
|
export default withTheme(Portal);
|
|
@@ -1,38 +1,33 @@
|
|
|
1
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
-
|
|
1
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
3
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
3
4
|
import * as React from "react";
|
|
4
5
|
export default class PortalConsumer extends React.Component {
|
|
5
6
|
constructor() {
|
|
6
7
|
super(...arguments);
|
|
7
|
-
|
|
8
8
|
_defineProperty(this, "key", void 0);
|
|
9
9
|
}
|
|
10
|
-
|
|
11
10
|
async componentDidMount() {
|
|
12
|
-
this.checkManager();
|
|
11
|
+
this.checkManager();
|
|
13
12
|
|
|
13
|
+
// Delay updating to prevent React from going to infinite loop
|
|
14
14
|
await Promise.resolve();
|
|
15
15
|
this.key = this.props.manager.mount(this.props.children);
|
|
16
16
|
}
|
|
17
|
-
|
|
18
17
|
componentDidUpdate() {
|
|
19
18
|
this.checkManager();
|
|
20
19
|
this.props.manager.update(this.key, this.props.children);
|
|
21
20
|
}
|
|
22
|
-
|
|
23
21
|
componentWillUnmount() {
|
|
24
22
|
this.checkManager();
|
|
25
23
|
this.props.manager.unmount(this.key);
|
|
26
24
|
}
|
|
27
|
-
|
|
28
25
|
checkManager() {
|
|
29
26
|
if (!this.props.manager) {
|
|
30
27
|
throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
|
|
31
28
|
}
|
|
32
29
|
}
|
|
33
|
-
|
|
34
30
|
render() {
|
|
35
31
|
return null;
|
|
36
32
|
}
|
|
37
|
-
|
|
38
33
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
-
|
|
1
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
3
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
3
4
|
import * as React from "react";
|
|
4
5
|
import { View, StyleSheet } from "react-native";
|
|
5
6
|
import PortalManager from "./PortalManager";
|
|
6
7
|
export const PortalContext = /*#__PURE__*/React.createContext(null);
|
|
8
|
+
|
|
7
9
|
/**
|
|
8
10
|
* Portal host renders all of its children `Portal` elements.
|
|
9
11
|
* For example, you can wrap a screen in `Portal.Host` to render items above the screen.
|
|
@@ -28,18 +30,14 @@ export const PortalContext = /*#__PURE__*/React.createContext(null);
|
|
|
28
30
|
*
|
|
29
31
|
* Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
|
|
30
32
|
*/
|
|
31
|
-
|
|
32
33
|
export default class PortalHost extends React.Component {
|
|
33
34
|
constructor() {
|
|
34
35
|
super(...arguments);
|
|
35
|
-
|
|
36
36
|
_defineProperty(this, "setManager", manager => {
|
|
37
37
|
this.manager = manager;
|
|
38
38
|
});
|
|
39
|
-
|
|
40
39
|
_defineProperty(this, "mount", children => {
|
|
41
40
|
const key = this.nextKey++;
|
|
42
|
-
|
|
43
41
|
if (this.manager) {
|
|
44
42
|
this.manager.mount(key, children);
|
|
45
43
|
} else {
|
|
@@ -49,10 +47,8 @@ export default class PortalHost extends React.Component {
|
|
|
49
47
|
children
|
|
50
48
|
});
|
|
51
49
|
}
|
|
52
|
-
|
|
53
50
|
return key;
|
|
54
51
|
});
|
|
55
|
-
|
|
56
52
|
_defineProperty(this, "update", (key, children) => {
|
|
57
53
|
if (this.manager) {
|
|
58
54
|
this.manager.update(key, children);
|
|
@@ -63,7 +59,6 @@ export default class PortalHost extends React.Component {
|
|
|
63
59
|
children
|
|
64
60
|
};
|
|
65
61
|
const index = this.queue.findIndex(o => o.type === "mount" || o.type === "update" && o.key === key);
|
|
66
|
-
|
|
67
62
|
if (index > -1) {
|
|
68
63
|
// @ts-ignore
|
|
69
64
|
this.queue[index] = op;
|
|
@@ -72,7 +67,6 @@ export default class PortalHost extends React.Component {
|
|
|
72
67
|
}
|
|
73
68
|
}
|
|
74
69
|
});
|
|
75
|
-
|
|
76
70
|
_defineProperty(this, "unmount", key => {
|
|
77
71
|
if (this.manager) {
|
|
78
72
|
this.manager.unmount(key);
|
|
@@ -83,31 +77,23 @@ export default class PortalHost extends React.Component {
|
|
|
83
77
|
});
|
|
84
78
|
}
|
|
85
79
|
});
|
|
86
|
-
|
|
87
80
|
_defineProperty(this, "nextKey", 0);
|
|
88
|
-
|
|
89
81
|
_defineProperty(this, "queue", []);
|
|
90
|
-
|
|
91
82
|
_defineProperty(this, "manager", void 0);
|
|
92
83
|
}
|
|
93
|
-
|
|
94
84
|
componentDidMount() {
|
|
95
85
|
const manager = this.manager;
|
|
96
86
|
const queue = this.queue;
|
|
97
|
-
|
|
98
87
|
while (queue.length && manager) {
|
|
99
88
|
const action = queue.pop();
|
|
100
|
-
|
|
101
89
|
if (action) {
|
|
102
90
|
switch (action.type) {
|
|
103
91
|
case "mount":
|
|
104
92
|
manager.mount(action.key, action.children);
|
|
105
93
|
break;
|
|
106
|
-
|
|
107
94
|
case "update":
|
|
108
95
|
manager.update(action.key, action.children);
|
|
109
96
|
break;
|
|
110
|
-
|
|
111
97
|
case "unmount":
|
|
112
98
|
manager.unmount(action.key);
|
|
113
99
|
break;
|
|
@@ -115,7 +101,6 @@ export default class PortalHost extends React.Component {
|
|
|
115
101
|
}
|
|
116
102
|
}
|
|
117
103
|
}
|
|
118
|
-
|
|
119
104
|
render() {
|
|
120
105
|
return /*#__PURE__*/React.createElement(PortalContext.Provider, {
|
|
121
106
|
value: {
|
|
@@ -131,11 +116,8 @@ export default class PortalHost extends React.Component {
|
|
|
131
116
|
ref: this.setManager
|
|
132
117
|
}));
|
|
133
118
|
}
|
|
134
|
-
|
|
135
119
|
}
|
|
136
|
-
|
|
137
120
|
_defineProperty(PortalHost, "displayName", "Portal.Host");
|
|
138
|
-
|
|
139
121
|
const styles = StyleSheet.create({
|
|
140
122
|
container: {
|
|
141
123
|
flex: 1
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
-
|
|
1
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
3
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
3
4
|
import * as React from "react";
|
|
4
5
|
import { View, StyleSheet } from "react-native";
|
|
5
|
-
|
|
6
6
|
/**
|
|
7
7
|
* Portal host is the component which actually renders all Portals.
|
|
8
8
|
*/
|
|
9
9
|
export default class PortalManager extends React.PureComponent {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
|
-
|
|
13
12
|
_defineProperty(this, "state", {
|
|
14
13
|
portals: []
|
|
15
14
|
});
|
|
16
|
-
|
|
17
15
|
_defineProperty(this, "mount", (key, children) => {
|
|
18
16
|
this.setState(state => ({
|
|
19
17
|
portals: [...state.portals, {
|
|
@@ -22,24 +20,21 @@ export default class PortalManager extends React.PureComponent {
|
|
|
22
20
|
}]
|
|
23
21
|
}));
|
|
24
22
|
});
|
|
25
|
-
|
|
26
23
|
_defineProperty(this, "update", (key, children) => this.setState(state => ({
|
|
27
24
|
portals: state.portals.map(item => {
|
|
28
25
|
if (item.key === key) {
|
|
29
|
-
return {
|
|
26
|
+
return {
|
|
27
|
+
...item,
|
|
30
28
|
children
|
|
31
29
|
};
|
|
32
30
|
}
|
|
33
|
-
|
|
34
31
|
return item;
|
|
35
32
|
})
|
|
36
33
|
})));
|
|
37
|
-
|
|
38
34
|
_defineProperty(this, "unmount", key => this.setState(state => ({
|
|
39
35
|
portals: state.portals.filter(item => item.key !== key)
|
|
40
36
|
})));
|
|
41
37
|
}
|
|
42
|
-
|
|
43
38
|
render() {
|
|
44
39
|
return this.state.portals.map(_ref => {
|
|
45
40
|
let {
|
|
@@ -48,13 +43,11 @@ export default class PortalManager extends React.PureComponent {
|
|
|
48
43
|
} = _ref;
|
|
49
44
|
return /*#__PURE__*/React.createElement(View, {
|
|
50
45
|
key: key,
|
|
51
|
-
collapsable: false
|
|
52
|
-
|
|
53
|
-
,
|
|
46
|
+
collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */,
|
|
47
|
+
|
|
54
48
|
pointerEvents: "box-none",
|
|
55
49
|
style: StyleSheet.absoluteFill
|
|
56
50
|
}, children);
|
|
57
51
|
});
|
|
58
52
|
}
|
|
59
|
-
|
|
60
53
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
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
|
-
function
|
|
4
|
-
|
|
2
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
4
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
5
5
|
import React, { Component } from "react";
|
|
6
6
|
import { Animated, Easing, View, I18nManager } from "react-native";
|
|
7
7
|
const INDETERMINATE_WIDTH_FACTOR = 0.3;
|
|
@@ -9,24 +9,20 @@ const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_
|
|
|
9
9
|
export default class ProgressBar extends Component {
|
|
10
10
|
constructor(props) {
|
|
11
11
|
super(props);
|
|
12
|
-
|
|
13
12
|
_defineProperty(this, "handleLayout", event => {
|
|
14
13
|
const {
|
|
15
14
|
width = 150,
|
|
16
15
|
onLayout
|
|
17
16
|
} = this.props;
|
|
18
|
-
|
|
19
17
|
if (!width) {
|
|
20
18
|
this.setState({
|
|
21
19
|
width: event.nativeEvent.layout.width
|
|
22
20
|
});
|
|
23
21
|
}
|
|
24
|
-
|
|
25
22
|
if (onLayout) {
|
|
26
23
|
onLayout(event);
|
|
27
24
|
}
|
|
28
25
|
});
|
|
29
|
-
|
|
30
26
|
const {
|
|
31
27
|
progress: progressP = 0,
|
|
32
28
|
indeterminate = false
|
|
@@ -38,17 +34,14 @@ export default class ProgressBar extends Component {
|
|
|
38
34
|
animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION)
|
|
39
35
|
};
|
|
40
36
|
}
|
|
41
|
-
|
|
42
37
|
componentDidMount() {
|
|
43
38
|
const {
|
|
44
39
|
indeterminate = false
|
|
45
40
|
} = this.props;
|
|
46
|
-
|
|
47
41
|
if (indeterminate) {
|
|
48
42
|
this.animate();
|
|
49
43
|
}
|
|
50
44
|
}
|
|
51
|
-
|
|
52
45
|
componentDidUpdate(prevProps) {
|
|
53
46
|
const {
|
|
54
47
|
indeterminate = false,
|
|
@@ -60,7 +53,6 @@ export default class ProgressBar extends Component {
|
|
|
60
53
|
},
|
|
61
54
|
animated = true
|
|
62
55
|
} = this.props;
|
|
63
|
-
|
|
64
56
|
if (prevProps.indeterminate !== indeterminate) {
|
|
65
57
|
if (indeterminate) {
|
|
66
58
|
this.animate();
|
|
@@ -71,12 +63,11 @@ export default class ProgressBar extends Component {
|
|
|
71
63
|
}).start();
|
|
72
64
|
}
|
|
73
65
|
}
|
|
74
|
-
|
|
75
66
|
if (prevProps.indeterminate !== indeterminate || prevProps.progress !== progressP) {
|
|
76
67
|
const progress = this.props.indeterminate ? INDETERMINATE_WIDTH_FACTOR : Math.min(Math.max(progressP, 0), 1);
|
|
77
|
-
|
|
78
68
|
if (animated) {
|
|
79
|
-
Animated[animationType](this.state.progress, {
|
|
69
|
+
Animated[animationType](this.state.progress, {
|
|
70
|
+
...animationConfig,
|
|
80
71
|
toValue: progress,
|
|
81
72
|
velocity: 0,
|
|
82
73
|
//adjust this value if animation fails - velocity is required
|
|
@@ -87,7 +78,6 @@ export default class ProgressBar extends Component {
|
|
|
87
78
|
}
|
|
88
79
|
}
|
|
89
80
|
}
|
|
90
|
-
|
|
91
81
|
animate() {
|
|
92
82
|
const {
|
|
93
83
|
useNativeDriver = false,
|
|
@@ -106,7 +96,6 @@ export default class ProgressBar extends Component {
|
|
|
106
96
|
}
|
|
107
97
|
});
|
|
108
98
|
}
|
|
109
|
-
|
|
110
99
|
render() {
|
|
111
100
|
const {
|
|
112
101
|
borderColor,
|
|
@@ -157,5 +146,4 @@ export default class ProgressBar extends Component {
|
|
|
157
146
|
style: progressStyle
|
|
158
147
|
}), children);
|
|
159
148
|
}
|
|
160
|
-
|
|
161
149
|
}
|
|
@@ -2,7 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { Text } from "react-native";
|
|
3
3
|
import AnimatedCircularProgress from "./AnimatedCircularProgress";
|
|
4
4
|
import { withTheme } from "../theming";
|
|
5
|
-
|
|
6
5
|
const ProgressCircle = _ref => {
|
|
7
6
|
let {
|
|
8
7
|
progress = 0.5,
|
|
@@ -36,5 +35,4 @@ const ProgressCircle = _ref => {
|
|
|
36
35
|
}, textStyle]
|
|
37
36
|
}, Math.round(fill), "%") : null);
|
|
38
37
|
};
|
|
39
|
-
|
|
40
38
|
export default withTheme(ProgressCircle);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import StepIndicator from "./StepIndicator";
|
|
3
3
|
import { withTheme } from "../theming";
|
|
4
|
-
|
|
5
4
|
const ProgressIndicator = _ref => {
|
|
6
5
|
let {
|
|
7
6
|
numberOfSteps,
|
|
@@ -43,5 +42,4 @@ const ProgressIndicator = _ref => {
|
|
|
43
42
|
}
|
|
44
43
|
});
|
|
45
44
|
};
|
|
46
|
-
|
|
47
45
|
export default withTheme(ProgressIndicator);
|
|
@@ -1,11 +1,9 @@
|
|
|
1
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
2
|
import * as React from "react";
|
|
4
3
|
import Config from "../Config";
|
|
5
4
|
import IconButton from "../IconButton";
|
|
6
5
|
import { getValueForRadioButton } from "../../utilities";
|
|
7
6
|
import { useRadioButtonGroupContext } from "./context";
|
|
8
|
-
|
|
9
7
|
const RadioButton = _ref => {
|
|
10
8
|
let {
|
|
11
9
|
Icon,
|
|
@@ -27,13 +25,11 @@ const RadioButton = _ref => {
|
|
|
27
25
|
} = useRadioButtonGroupContext();
|
|
28
26
|
const realValue = getValueForRadioButton(value);
|
|
29
27
|
const realContextValue = getValueForRadioButton(contextValue);
|
|
30
|
-
const isSelected = selected
|
|
31
|
-
|
|
28
|
+
const isSelected = selected ?? realContextValue === realValue;
|
|
32
29
|
const handlePress = () => {
|
|
33
30
|
onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
|
|
34
31
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
|
|
35
32
|
};
|
|
36
|
-
|
|
37
33
|
return /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
38
34
|
Icon: Icon,
|
|
39
35
|
icon: isSelected ? selectedIcon : unselectedIcon,
|
|
@@ -44,5 +40,4 @@ const RadioButton = _ref => {
|
|
|
44
40
|
style: style
|
|
45
41
|
}, rest));
|
|
46
42
|
};
|
|
47
|
-
|
|
48
43
|
export default RadioButton;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
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
2
|
import React from "react";
|
|
4
3
|
import { View } from "react-native";
|
|
5
4
|
import Text from "../Text";
|
|
6
5
|
import { withTheme } from "../../theming";
|
|
7
6
|
import RadioButtonGroup from "./RadioButtonGroup";
|
|
8
|
-
|
|
9
7
|
const RadioButtonFieldGroup = _ref => {
|
|
10
8
|
let {
|
|
11
9
|
label,
|
|
@@ -26,5 +24,4 @@ const RadioButtonFieldGroup = _ref => {
|
|
|
26
24
|
theme: theme
|
|
27
25
|
}, rest), children));
|
|
28
26
|
};
|
|
29
|
-
|
|
30
27
|
export default withTheme(RadioButtonFieldGroup);
|
|
@@ -1,5 +1,4 @@
|
|
|
1
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
2
|
import * as React from "react";
|
|
4
3
|
import { View } from "react-native";
|
|
5
4
|
import { getValueForRadioButton } from "../../utilities";
|
|
@@ -7,7 +6,6 @@ import { radioButtonGroupContext, Direction } from "./context";
|
|
|
7
6
|
const {
|
|
8
7
|
Provider
|
|
9
8
|
} = radioButtonGroupContext;
|
|
10
|
-
|
|
11
9
|
const RadioButtonGroup = _ref => {
|
|
12
10
|
let {
|
|
13
11
|
direction = Direction.Vertical,
|
|
@@ -31,23 +29,19 @@ const RadioButtonGroup = _ref => {
|
|
|
31
29
|
setInternalValue(realDefaultValue);
|
|
32
30
|
}
|
|
33
31
|
}, [defaultValue]);
|
|
34
|
-
|
|
35
32
|
const handleValueChange = newValue => {
|
|
36
33
|
const realNewValue = getValueForRadioButton(newValue);
|
|
37
34
|
setInternalValue(realNewValue);
|
|
38
35
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realNewValue);
|
|
39
36
|
};
|
|
40
|
-
|
|
41
37
|
const _containerStyle = [{
|
|
42
38
|
flexDirection: direction === Direction.Horizontal ? "row" : "column"
|
|
43
39
|
}];
|
|
44
|
-
|
|
45
40
|
if (direction !== Direction.Vertical) {
|
|
46
41
|
_containerStyle.push({
|
|
47
42
|
alignItems: "center"
|
|
48
43
|
});
|
|
49
44
|
}
|
|
50
|
-
|
|
51
45
|
return /*#__PURE__*/React.createElement(View, _extends({
|
|
52
46
|
style: [{
|
|
53
47
|
minHeight: 40
|
|
@@ -62,5 +56,4 @@ const RadioButtonGroup = _ref => {
|
|
|
62
56
|
style: _containerStyle
|
|
63
57
|
}, children)));
|
|
64
58
|
};
|
|
65
|
-
|
|
66
59
|
export default RadioButtonGroup;
|