@draftbit/core 46.4.4-fedda6.2 → 46.5.1-c6140a.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 +23 -17
- 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 +35 -29
- package/lib/commonjs/components/Card.js +0 -14
- package/lib/commonjs/components/CardBlock.js +0 -15
- 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 +2 -19
- 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 +25 -29
- package/lib/commonjs/components/Checkbox/context.js +0 -5
- package/lib/commonjs/components/Checkbox/index.js +0 -4
- package/lib/commonjs/components/CircleImage.js +15 -10
- package/lib/commonjs/components/CircularProgress.js +26 -18
- package/lib/commonjs/components/Config.js +2 -10
- package/lib/commonjs/components/Container.js +15 -15
- package/lib/commonjs/components/DatePicker/DatePicker.js +32 -54
- 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 +0 -26
- package/lib/commonjs/components/Divider.js +0 -9
- package/lib/commonjs/components/Elevation.js +14 -13
- 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 +7 -40
- package/lib/commonjs/components/Picker/PickerComponent.android.js +24 -24
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +6 -25
- package/lib/commonjs/components/Picker/PickerComponent.web.js +24 -24
- 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 +38 -24
- 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 +0 -13
- 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 +0 -20
- 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 +4 -38
- package/lib/commonjs/components/Stepper.js +2 -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 +5 -9
- 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 +27 -14
- 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 +16 -6
- package/lib/commonjs/mappings/TextField.js +21 -12
- package/lib/commonjs/mappings/TextInput.js +16 -6
- 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 +1 -13
- 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 +14 -10
- package/lib/module/components/CardContainer.js +14 -11
- 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 +34 -15
- 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 +2 -8
- package/lib/module/components/Container.js +0 -3
- package/lib/module/components/DatePicker/DatePicker.js +32 -39
- 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 +1 -11
- package/lib/module/components/FormRow.js +17 -3
- 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 +21 -7
- package/lib/module/components/Image.js +18 -12
- package/lib/module/components/Layout.js +4 -3
- package/lib/module/components/NumberInput.js +8 -16
- package/lib/module/components/Picker/Picker.js +3 -20
- package/lib/module/components/Picker/PickerComponent.android.js +4 -8
- package/lib/module/components/Picker/PickerComponent.ios.js +6 -9
- package/lib/module/components/Picker/PickerComponent.web.js +4 -8
- 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 +0 -5
- 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 +0 -8
- 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 +4 -28
- package/lib/module/components/Stepper.js +2 -8
- 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 +28 -13
- 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 +17 -5
- package/lib/module/mappings/TextField.js +21 -10
- package/lib/module/mappings/TextInput.js +17 -5
- 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 +1 -4
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +6 -2
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/typescript/src/mappings/DatePicker.d.ts +45 -3
- package/lib/typescript/src/mappings/DatePicker.d.ts.map +1 -1
- package/lib/typescript/src/mappings/TextArea.d.ts +21 -1
- package/lib/typescript/src/mappings/TextArea.d.ts.map +1 -1
- package/lib/typescript/src/mappings/TextField.d.ts +22 -2
- package/lib/typescript/src/mappings/TextField.d.ts.map +1 -1
- package/lib/typescript/src/mappings/TextInput.d.ts +21 -1
- package/lib/typescript/src/mappings/TextInput.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/DatePicker/DatePicker.js +19 -10
- package/src/components/DatePicker/DatePicker.tsx +29 -11
- package/src/mappings/DatePicker.js +30 -11
- package/src/mappings/DatePicker.ts +32 -10
- package/src/mappings/TextArea.js +15 -4
- package/src/mappings/TextArea.ts +15 -3
- package/src/mappings/TextField.js +14 -4
- package/src/mappings/TextField.ts +14 -4
- package/src/mappings/TextInput.js +15 -4
- package/src/mappings/TextInput.ts +15 -3
|
@@ -1,10 +1,8 @@
|
|
|
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 { StyleSheet, ScrollView, View } from "react-native";
|
|
5
4
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
6
5
|
import { withTheme } from "../theming";
|
|
7
|
-
|
|
8
6
|
function ScreenContainer(_ref) {
|
|
9
7
|
let {
|
|
10
8
|
scrollable = false,
|
|
@@ -18,15 +16,12 @@ function ScreenContainer(_ref) {
|
|
|
18
16
|
} = _ref;
|
|
19
17
|
const backgroundColor = theme.colors.background;
|
|
20
18
|
const edges = ["left", "right"];
|
|
21
|
-
|
|
22
19
|
if (hasSafeArea || hasTopSafeArea) {
|
|
23
20
|
edges.push("top");
|
|
24
21
|
}
|
|
25
|
-
|
|
26
22
|
if (hasSafeArea || hasBottomSafeArea) {
|
|
27
23
|
edges.push("bottom");
|
|
28
24
|
}
|
|
29
|
-
|
|
30
25
|
return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
|
|
31
26
|
edges: edges,
|
|
32
27
|
style: [styles.container, {
|
|
@@ -42,7 +37,6 @@ function ScreenContainer(_ref) {
|
|
|
42
37
|
}, style]
|
|
43
38
|
}, children));
|
|
44
39
|
}
|
|
45
|
-
|
|
46
40
|
const styles = StyleSheet.create({
|
|
47
41
|
container: {
|
|
48
42
|
flex: 1
|
|
@@ -1,34 +1,27 @@
|
|
|
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 NativeSlider from "@react-native-community/slider";
|
|
6
5
|
import isNumber from "lodash.isnumber";
|
|
7
6
|
import toNumber from "lodash.tonumber";
|
|
8
7
|
import { withTheme } from "../theming";
|
|
9
|
-
|
|
10
8
|
function maybeParseValue(value) {
|
|
11
9
|
if (value === undefined) {
|
|
12
10
|
return undefined;
|
|
13
11
|
}
|
|
14
|
-
|
|
15
12
|
if (isNumber(value)) {
|
|
16
13
|
return value;
|
|
17
14
|
}
|
|
18
|
-
|
|
19
15
|
try {
|
|
20
16
|
const maybe = toNumber(value);
|
|
21
|
-
|
|
22
17
|
if (isNumber(maybe)) {
|
|
23
18
|
return maybe;
|
|
24
19
|
}
|
|
25
20
|
} catch {
|
|
26
21
|
return undefined;
|
|
27
22
|
}
|
|
28
|
-
|
|
29
23
|
return undefined;
|
|
30
24
|
}
|
|
31
|
-
|
|
32
25
|
function Slider(_ref) {
|
|
33
26
|
let {
|
|
34
27
|
Icon,
|
|
@@ -67,12 +60,10 @@ function Slider(_ref) {
|
|
|
67
60
|
const leftIconThemeColor = leftIconColor || theme.colors.light;
|
|
68
61
|
const rightIconThemeColor = rightIconColor || theme.colors.light;
|
|
69
62
|
const parsedValue = maybeParseValue(internalValue);
|
|
70
|
-
|
|
71
63
|
const handleSlidingComplete = newValue => {
|
|
72
64
|
setInternalValue(newValue);
|
|
73
65
|
onValueChange(newValue);
|
|
74
66
|
};
|
|
75
|
-
|
|
76
67
|
return /*#__PURE__*/React.createElement(View, _extends({
|
|
77
68
|
style: [styles.container, style]
|
|
78
69
|
}, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -96,7 +87,6 @@ function Slider(_ref) {
|
|
|
96
87
|
size: 24
|
|
97
88
|
}) : null);
|
|
98
89
|
}
|
|
99
|
-
|
|
100
90
|
const styles = StyleSheet.create({
|
|
101
91
|
container: {
|
|
102
92
|
height: 40,
|
|
@@ -1,9 +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
2
|
import * as React from "react";
|
|
4
3
|
import { View, StyleSheet, Pressable } from "react-native";
|
|
5
4
|
import { withTheme } from "../theming";
|
|
6
|
-
|
|
7
5
|
const StarRating = _ref => {
|
|
8
6
|
let {
|
|
9
7
|
Icon,
|
|
@@ -55,7 +53,6 @@ const StarRating = _ref => {
|
|
|
55
53
|
onPress: () => ratingHandler(i + 1)
|
|
56
54
|
})))));
|
|
57
55
|
};
|
|
58
|
-
|
|
59
56
|
const styles = StyleSheet.create({
|
|
60
57
|
container: {
|
|
61
58
|
flexDirection: "row",
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
// @ts-nocheck
|
|
4
5
|
import React, { Component } from "react";
|
|
5
6
|
import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
|
|
@@ -11,14 +12,12 @@ const STEP_STATUS = {
|
|
|
11
12
|
export default class StepIndicator extends Component {
|
|
12
13
|
constructor(props) {
|
|
13
14
|
super(props);
|
|
14
|
-
|
|
15
15
|
_defineProperty(this, "renderProgressBarBackground", () => {
|
|
16
16
|
const {
|
|
17
17
|
stepCount,
|
|
18
18
|
direction
|
|
19
19
|
} = this.props;
|
|
20
20
|
let progressBarBackgroundStyle;
|
|
21
|
-
|
|
22
21
|
if (direction === "vertical") {
|
|
23
22
|
progressBarBackgroundStyle = {
|
|
24
23
|
backgroundColor: this.state.customStyles.separatorUnFinishedColor,
|
|
@@ -38,7 +37,6 @@ export default class StepIndicator extends Component {
|
|
|
38
37
|
height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeUnfinishedWidth
|
|
39
38
|
};
|
|
40
39
|
}
|
|
41
|
-
|
|
42
40
|
return /*#__PURE__*/React.createElement(View, {
|
|
43
41
|
onLayout: event => {
|
|
44
42
|
if (direction === "vertical") {
|
|
@@ -58,14 +56,12 @@ export default class StepIndicator extends Component {
|
|
|
58
56
|
style: progressBarBackgroundStyle
|
|
59
57
|
});
|
|
60
58
|
});
|
|
61
|
-
|
|
62
59
|
_defineProperty(this, "renderProgressBar", () => {
|
|
63
60
|
const {
|
|
64
61
|
stepCount,
|
|
65
62
|
direction
|
|
66
63
|
} = this.props;
|
|
67
64
|
let progressBarStyle;
|
|
68
|
-
|
|
69
65
|
if (direction === "vertical") {
|
|
70
66
|
progressBarStyle = {
|
|
71
67
|
backgroundColor: this.state.customStyles.separatorFinishedColor,
|
|
@@ -87,19 +83,16 @@ export default class StepIndicator extends Component {
|
|
|
87
83
|
width: this.progressAnim
|
|
88
84
|
};
|
|
89
85
|
}
|
|
90
|
-
|
|
91
86
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
92
87
|
style: progressBarStyle
|
|
93
88
|
});
|
|
94
89
|
});
|
|
95
|
-
|
|
96
90
|
_defineProperty(this, "renderStepIndicator", () => {
|
|
97
91
|
let steps = [];
|
|
98
92
|
const {
|
|
99
93
|
stepCount,
|
|
100
94
|
direction
|
|
101
95
|
} = this.props;
|
|
102
|
-
|
|
103
96
|
for (let position = 0; position < stepCount; position++) {
|
|
104
97
|
steps.push( /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
105
98
|
key: position,
|
|
@@ -112,7 +105,6 @@ export default class StepIndicator extends Component {
|
|
|
112
105
|
}]
|
|
113
106
|
}, this.renderStep(position))));
|
|
114
107
|
}
|
|
115
|
-
|
|
116
108
|
return /*#__PURE__*/React.createElement(View, {
|
|
117
109
|
onLayout: event => this.setState({
|
|
118
110
|
width: event.nativeEvent.layout.width,
|
|
@@ -127,7 +119,6 @@ export default class StepIndicator extends Component {
|
|
|
127
119
|
}]
|
|
128
120
|
}, steps);
|
|
129
121
|
});
|
|
130
|
-
|
|
131
122
|
_defineProperty(this, "renderStepLabels", () => {
|
|
132
123
|
const {
|
|
133
124
|
labels,
|
|
@@ -171,14 +162,12 @@ export default class StepIndicator extends Component {
|
|
|
171
162
|
}]
|
|
172
163
|
}, labelViews);
|
|
173
164
|
});
|
|
174
|
-
|
|
175
165
|
_defineProperty(this, "renderStep", position => {
|
|
176
166
|
const {
|
|
177
167
|
renderStepIndicator
|
|
178
168
|
} = this.props;
|
|
179
169
|
let stepStyle;
|
|
180
170
|
let indicatorLabelStyle;
|
|
181
|
-
|
|
182
171
|
switch (this.getStepStatus(position)) {
|
|
183
172
|
case STEP_STATUS.CURRENT:
|
|
184
173
|
{
|
|
@@ -196,7 +185,6 @@ export default class StepIndicator extends Component {
|
|
|
196
185
|
};
|
|
197
186
|
break;
|
|
198
187
|
}
|
|
199
|
-
|
|
200
188
|
case STEP_STATUS.FINISHED:
|
|
201
189
|
{
|
|
202
190
|
stepStyle = {
|
|
@@ -213,7 +201,6 @@ export default class StepIndicator extends Component {
|
|
|
213
201
|
};
|
|
214
202
|
break;
|
|
215
203
|
}
|
|
216
|
-
|
|
217
204
|
case STEP_STATUS.UNFINISHED:
|
|
218
205
|
{
|
|
219
206
|
stepStyle = {
|
|
@@ -231,10 +218,8 @@ export default class StepIndicator extends Component {
|
|
|
231
218
|
};
|
|
232
219
|
break;
|
|
233
220
|
}
|
|
234
|
-
|
|
235
221
|
default:
|
|
236
222
|
}
|
|
237
|
-
|
|
238
223
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
239
224
|
key: "step-indicator",
|
|
240
225
|
style: [styles.step, stepStyle]
|
|
@@ -245,12 +230,10 @@ export default class StepIndicator extends Component {
|
|
|
245
230
|
style: indicatorLabelStyle
|
|
246
231
|
}, "".concat(position + 1)));
|
|
247
232
|
});
|
|
248
|
-
|
|
249
233
|
_defineProperty(this, "getStepStatus", stepPosition => {
|
|
250
234
|
const {
|
|
251
235
|
currentPosition
|
|
252
236
|
} = this.props;
|
|
253
|
-
|
|
254
237
|
if (stepPosition === currentPosition) {
|
|
255
238
|
return STEP_STATUS.CURRENT;
|
|
256
239
|
} else if (stepPosition < currentPosition) {
|
|
@@ -259,16 +242,13 @@ export default class StepIndicator extends Component {
|
|
|
259
242
|
return STEP_STATUS.UNFINISHED;
|
|
260
243
|
}
|
|
261
244
|
});
|
|
262
|
-
|
|
263
245
|
_defineProperty(this, "onCurrentPositionChanged", position => {
|
|
264
246
|
let {
|
|
265
247
|
stepCount
|
|
266
248
|
} = this.props;
|
|
267
|
-
|
|
268
249
|
if (position > stepCount - 1) {
|
|
269
250
|
position = stepCount - 1;
|
|
270
251
|
}
|
|
271
|
-
|
|
272
252
|
const animateToPosition = this.state.progressBarSize / (stepCount - 1) * position;
|
|
273
253
|
this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);
|
|
274
254
|
this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);
|
|
@@ -283,7 +263,6 @@ export default class StepIndicator extends Component {
|
|
|
283
263
|
duration: 100
|
|
284
264
|
})])]).start();
|
|
285
265
|
});
|
|
286
|
-
|
|
287
266
|
const defaultStyles = {
|
|
288
267
|
stepIndicatorSize: 30,
|
|
289
268
|
currentStepIndicatorSize: 40,
|
|
@@ -321,13 +300,11 @@ export default class StepIndicator extends Component {
|
|
|
321
300
|
this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);
|
|
322
301
|
this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);
|
|
323
302
|
}
|
|
324
|
-
|
|
325
303
|
stepPressed(position) {
|
|
326
304
|
if (this.props.onPress) {
|
|
327
305
|
this.props.onPress(position);
|
|
328
306
|
}
|
|
329
307
|
}
|
|
330
|
-
|
|
331
308
|
render() {
|
|
332
309
|
const {
|
|
333
310
|
labels,
|
|
@@ -342,7 +319,6 @@ export default class StepIndicator extends Component {
|
|
|
342
319
|
}]
|
|
343
320
|
}, this.state.width !== 0 && this.renderProgressBarBackground(), this.state.width !== 0 && this.renderProgressBar(), this.renderStepIndicator(), labels && this.renderStepLabels());
|
|
344
321
|
}
|
|
345
|
-
|
|
346
322
|
componentDidUpdate(prevProps) {
|
|
347
323
|
// if (prevProps.customStyles !== this.props.customStyles) {
|
|
348
324
|
// this.setState((state) => ({
|
|
@@ -352,11 +328,11 @@ export default class StepIndicator extends Component {
|
|
|
352
328
|
// ),
|
|
353
329
|
// }));
|
|
354
330
|
// }
|
|
331
|
+
|
|
355
332
|
if (prevProps.currentPosition !== this.props.currentPosition) {
|
|
356
333
|
this.onCurrentPositionChanged(this.props.currentPosition);
|
|
357
334
|
}
|
|
358
335
|
}
|
|
359
|
-
|
|
360
336
|
}
|
|
361
337
|
const styles = StyleSheet.create({
|
|
362
338
|
container: {
|
|
@@ -4,7 +4,6 @@ import { isNumber } from "lodash";
|
|
|
4
4
|
import { withTheme } from "../theming";
|
|
5
5
|
import IconButton from "./IconButton";
|
|
6
6
|
import { extractStyles } from "../utilities";
|
|
7
|
-
|
|
8
7
|
const Stepper = _ref => {
|
|
9
8
|
let {
|
|
10
9
|
min = -Infinity,
|
|
@@ -26,23 +25,19 @@ const Stepper = _ref => {
|
|
|
26
25
|
textStyles
|
|
27
26
|
} = extractStyles(style);
|
|
28
27
|
const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
|
|
29
|
-
|
|
30
28
|
const isValidValue = valueArg => valueArg >= min && valueArg <= max;
|
|
31
|
-
|
|
32
29
|
const handlePlusOrMinus = type => {
|
|
33
30
|
const newValue = type === "plus" ? value + 1 : value - 1;
|
|
34
|
-
|
|
35
31
|
if (isValidValue(newValue)) {
|
|
36
32
|
setValue(newValue);
|
|
37
33
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
38
34
|
}
|
|
39
35
|
};
|
|
40
|
-
|
|
41
36
|
useEffect(() => {
|
|
42
37
|
if (valueProp != null && isNumber(valueProp) && valueProp !== value && isValidValue(valueProp)) {
|
|
43
38
|
setValue(valueProp);
|
|
44
|
-
}
|
|
45
|
-
|
|
39
|
+
}
|
|
40
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
46
41
|
}, [valueProp]);
|
|
47
42
|
return /*#__PURE__*/React.createElement(View, {
|
|
48
43
|
style: [{
|
|
@@ -77,5 +72,4 @@ const Stepper = _ref => {
|
|
|
77
72
|
}
|
|
78
73
|
}));
|
|
79
74
|
};
|
|
80
|
-
|
|
81
75
|
export default withTheme(Stepper);
|
|
@@ -1,12 +1,10 @@
|
|
|
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
|
/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
|
|
4
3
|
import * as React from "react";
|
|
5
4
|
import { Animated, StyleSheet } from "react-native";
|
|
6
5
|
import shadow from "../styles/shadow";
|
|
7
6
|
import overlay from "../styles/overlay";
|
|
8
7
|
import { withTheme } from "../theming";
|
|
9
|
-
|
|
10
8
|
const Surface = _ref => {
|
|
11
9
|
let {
|
|
12
10
|
elevation: propElevation,
|
|
@@ -27,7 +25,6 @@ const Surface = _ref => {
|
|
|
27
25
|
} = theme;
|
|
28
26
|
const elevation = propElevation || styleElevation;
|
|
29
27
|
const evalationStyles = elevation ? shadow(elevation) : {};
|
|
30
|
-
|
|
31
28
|
const getBackgroundColor = () => {
|
|
32
29
|
if (backgroundColor) {
|
|
33
30
|
return backgroundColor;
|
|
@@ -37,7 +34,6 @@ const Surface = _ref => {
|
|
|
37
34
|
return colors.surface;
|
|
38
35
|
}
|
|
39
36
|
};
|
|
40
|
-
|
|
41
37
|
return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
|
|
42
38
|
style: [{
|
|
43
39
|
backgroundColor: getBackgroundColor(),
|
|
@@ -47,5 +43,4 @@ const Surface = _ref => {
|
|
|
47
43
|
}]
|
|
48
44
|
}), children);
|
|
49
45
|
};
|
|
50
|
-
|
|
51
46
|
export default withTheme(Surface);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import SwiperComponent from "react-native-web-swiper";
|
|
4
|
-
|
|
5
4
|
const Swiper = _ref => {
|
|
6
5
|
let {
|
|
7
6
|
vertical = false,
|
|
@@ -56,16 +55,13 @@ const Swiper = _ref => {
|
|
|
56
55
|
item,
|
|
57
56
|
index
|
|
58
57
|
});
|
|
59
|
-
|
|
60
58
|
if (!component) {
|
|
61
59
|
return null;
|
|
62
60
|
}
|
|
63
|
-
|
|
64
61
|
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
65
62
|
return /*#__PURE__*/React.cloneElement(component, {
|
|
66
63
|
key
|
|
67
64
|
});
|
|
68
65
|
}) : children));
|
|
69
66
|
};
|
|
70
|
-
|
|
71
67
|
export default Swiper;
|
|
@@ -1,12 +1,10 @@
|
|
|
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 { Switch as NativeSwitch } from "react-native";
|
|
5
4
|
import { withTheme } from "../theming";
|
|
6
5
|
import FormRow from "./FormRow";
|
|
7
6
|
import { RowDirection } from "@draftbit/types";
|
|
8
7
|
import { usePrevious } from "../hooks";
|
|
9
|
-
|
|
10
8
|
function Switch(_ref) {
|
|
11
9
|
let {
|
|
12
10
|
value,
|
|
@@ -30,9 +28,10 @@ function Switch(_ref) {
|
|
|
30
28
|
if (value != null && value !== checked) {
|
|
31
29
|
setChecked(value);
|
|
32
30
|
}
|
|
33
|
-
}, [value, checked]);
|
|
34
|
-
// true or undefined for a boolean
|
|
31
|
+
}, [value, checked]);
|
|
35
32
|
|
|
33
|
+
// This special logic is to handle weird APIs like Airtable that return
|
|
34
|
+
// true or undefined for a boolean
|
|
36
35
|
const previousDefaultValue = usePrevious(defaultValue);
|
|
37
36
|
React.useEffect(() => {
|
|
38
37
|
if (defaultValue !== previousDefaultValue) {
|
|
@@ -46,7 +45,8 @@ function Switch(_ref) {
|
|
|
46
45
|
false: inactiveTrackThemeColor,
|
|
47
46
|
true: activeTrackThemeColor
|
|
48
47
|
},
|
|
49
|
-
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
48
|
+
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
49
|
+
// @ts-ignore react-native-web only
|
|
50
50
|
,
|
|
51
51
|
activeThumbColor: activeThumbThemeColor,
|
|
52
52
|
ios_backgroundColor: inactiveTrackThemeColor,
|
|
@@ -57,7 +57,6 @@ function Switch(_ref) {
|
|
|
57
57
|
}
|
|
58
58
|
}, rest));
|
|
59
59
|
}
|
|
60
|
-
|
|
61
60
|
function Row(_ref2) {
|
|
62
61
|
let {
|
|
63
62
|
label = "Label",
|
|
@@ -105,7 +104,6 @@ function Row(_ref2) {
|
|
|
105
104
|
inactiveThumbColor: inactiveThumbColor
|
|
106
105
|
}));
|
|
107
106
|
}
|
|
108
|
-
|
|
109
107
|
const SwitchRow = withTheme(Row);
|
|
110
108
|
export { SwitchRow };
|
|
111
109
|
export default withTheme(Switch);
|
|
@@ -1,26 +1,21 @@
|
|
|
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 * as React from "react";
|
|
6
6
|
import { Text as NativeText, I18nManager } from "react-native";
|
|
7
7
|
import { withTheme } from "../theming";
|
|
8
|
-
|
|
9
8
|
class Text extends React.Component {
|
|
10
9
|
constructor() {
|
|
11
10
|
super(...arguments);
|
|
12
|
-
|
|
13
11
|
_defineProperty(this, "_root", void 0);
|
|
14
|
-
|
|
15
12
|
_defineProperty(this, "state", {
|
|
16
13
|
nativeProps: {}
|
|
17
14
|
});
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
setNativeProps(args) {
|
|
21
17
|
this.state.nativeProps = args || {};
|
|
22
18
|
}
|
|
23
|
-
|
|
24
19
|
render() {
|
|
25
20
|
const {
|
|
26
21
|
style,
|
|
@@ -37,9 +32,7 @@ class Text extends React.Component {
|
|
|
37
32
|
}, style]
|
|
38
33
|
}));
|
|
39
34
|
}
|
|
40
|
-
|
|
41
35
|
}
|
|
42
|
-
|
|
43
36
|
export const BaseLink = _ref => {
|
|
44
37
|
let {
|
|
45
38
|
style,
|