@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
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _reactNativeWebSwiper = _interopRequireDefault(require("react-native-web-swiper"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
const Swiper = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
vertical = false,
|
|
@@ -67,17 +62,14 @@ const Swiper = _ref => {
|
|
|
67
62
|
item,
|
|
68
63
|
index
|
|
69
64
|
});
|
|
70
|
-
|
|
71
65
|
if (!component) {
|
|
72
66
|
return null;
|
|
73
67
|
}
|
|
74
|
-
|
|
75
68
|
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
76
69
|
return /*#__PURE__*/_react.default.cloneElement(component, {
|
|
77
70
|
key
|
|
78
71
|
});
|
|
79
72
|
}) : children));
|
|
80
73
|
};
|
|
81
|
-
|
|
82
74
|
var _default = Swiper;
|
|
83
75
|
exports.default = _default;
|
|
@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
const styles = _reactNative.StyleSheet.create({
|
|
15
11
|
wrapper: {
|
|
16
12
|
flex: 1
|
|
17
13
|
}
|
|
18
14
|
});
|
|
19
|
-
|
|
20
15
|
const SwiperItem = _ref => {
|
|
21
16
|
let {
|
|
22
17
|
children,
|
|
@@ -26,6 +21,5 @@ const SwiperItem = _ref => {
|
|
|
26
21
|
style: [styles.wrapper, style]
|
|
27
22
|
}, children);
|
|
28
23
|
};
|
|
29
|
-
|
|
30
24
|
var _default = SwiperItem;
|
|
31
25
|
exports.default = _default;
|
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "SwiperItem", {
|
|
|
15
15
|
return _SwiperItem.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _Swiper = _interopRequireDefault(require("./Swiper"));
|
|
20
|
-
|
|
21
19
|
var _SwiperItem = _interopRequireDefault(require("./SwiperItem"));
|
|
22
|
-
|
|
23
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.SwitchRow = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _theming = require("../theming");
|
|
13
|
-
|
|
14
10
|
var _FormRow = _interopRequireDefault(require("./FormRow"));
|
|
15
|
-
|
|
16
11
|
var _types = require("@draftbit/types");
|
|
17
|
-
|
|
18
12
|
var _hooks = require("../hooks");
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
17
|
function Switch(_ref) {
|
|
29
18
|
let {
|
|
30
19
|
value,
|
|
@@ -48,9 +37,10 @@ function Switch(_ref) {
|
|
|
48
37
|
if (value != null && value !== checked) {
|
|
49
38
|
setChecked(value);
|
|
50
39
|
}
|
|
51
|
-
}, [value, checked]);
|
|
52
|
-
// true or undefined for a boolean
|
|
40
|
+
}, [value, checked]);
|
|
53
41
|
|
|
42
|
+
// This special logic is to handle weird APIs like Airtable that return
|
|
43
|
+
// true or undefined for a boolean
|
|
54
44
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
55
45
|
React.useEffect(() => {
|
|
56
46
|
if (defaultValue !== previousDefaultValue) {
|
|
@@ -64,7 +54,8 @@ function Switch(_ref) {
|
|
|
64
54
|
false: inactiveTrackThemeColor,
|
|
65
55
|
true: activeTrackThemeColor
|
|
66
56
|
},
|
|
67
|
-
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
57
|
+
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
58
|
+
// @ts-ignore react-native-web only
|
|
68
59
|
,
|
|
69
60
|
activeThumbColor: activeThumbThemeColor,
|
|
70
61
|
ios_backgroundColor: inactiveTrackThemeColor,
|
|
@@ -75,7 +66,6 @@ function Switch(_ref) {
|
|
|
75
66
|
}
|
|
76
67
|
}, rest));
|
|
77
68
|
}
|
|
78
|
-
|
|
79
69
|
function Row(_ref2) {
|
|
80
70
|
let {
|
|
81
71
|
label = "Label",
|
|
@@ -123,10 +113,7 @@ function Row(_ref2) {
|
|
|
123
113
|
inactiveThumbColor: inactiveThumbColor
|
|
124
114
|
}));
|
|
125
115
|
}
|
|
126
|
-
|
|
127
116
|
const SwitchRow = (0, _theming.withTheme)(Row);
|
|
128
117
|
exports.SwitchRow = SwitchRow;
|
|
129
|
-
|
|
130
118
|
var _default = (0, _theming.withTheme)(Switch);
|
|
131
|
-
|
|
132
119
|
exports.default = _default;
|
|
@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Link = exports.BaseLink = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _theming = require("../theming");
|
|
13
|
-
|
|
14
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
11
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
12
|
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); }
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
13
|
+
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; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
15
|
+
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); }
|
|
22
16
|
class Text extends React.Component {
|
|
23
17
|
constructor() {
|
|
24
18
|
super(...arguments);
|
|
25
|
-
|
|
26
19
|
_defineProperty(this, "_root", void 0);
|
|
27
|
-
|
|
28
20
|
_defineProperty(this, "state", {
|
|
29
21
|
nativeProps: {}
|
|
30
22
|
});
|
|
31
23
|
}
|
|
32
|
-
|
|
33
24
|
setNativeProps(args) {
|
|
34
25
|
this.state.nativeProps = args || {};
|
|
35
26
|
}
|
|
36
|
-
|
|
37
27
|
render() {
|
|
38
28
|
const {
|
|
39
29
|
style,
|
|
@@ -50,9 +40,7 @@ class Text extends React.Component {
|
|
|
50
40
|
}, style]
|
|
51
41
|
}));
|
|
52
42
|
}
|
|
53
|
-
|
|
54
43
|
}
|
|
55
|
-
|
|
56
44
|
const BaseLink = _ref => {
|
|
57
45
|
let {
|
|
58
46
|
style,
|
|
@@ -68,11 +56,8 @@ const BaseLink = _ref => {
|
|
|
68
56
|
theme: theme
|
|
69
57
|
}, props), title);
|
|
70
58
|
};
|
|
71
|
-
|
|
72
59
|
exports.BaseLink = BaseLink;
|
|
73
60
|
const Link = (0, _theming.withTheme)(BaseLink);
|
|
74
61
|
exports.Link = Link;
|
|
75
|
-
|
|
76
62
|
var _default = (0, _theming.withTheme)(Text);
|
|
77
|
-
|
|
78
63
|
exports.default = _default;
|
|
@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _theming = require("../theming");
|
|
13
|
-
|
|
14
10
|
var _utilities = require("../utilities");
|
|
15
|
-
|
|
16
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
14
|
+
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; }
|
|
15
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
16
|
+
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); }
|
|
24
17
|
const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
|
|
25
|
-
|
|
26
18
|
const FOCUS_ANIMATION_DURATION = 150;
|
|
27
19
|
const BLUR_ANIMATION_DURATION = 180;
|
|
28
20
|
const ICON_SIZE = 24;
|
|
29
|
-
|
|
30
21
|
class TextField extends React.Component {
|
|
31
22
|
constructor() {
|
|
32
23
|
super(...arguments);
|
|
33
|
-
|
|
34
24
|
_defineProperty(this, "state", {
|
|
35
25
|
nativeProps: {},
|
|
36
26
|
labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
|
|
@@ -41,59 +31,49 @@ class TextField extends React.Component {
|
|
|
41
31
|
width: 0
|
|
42
32
|
}
|
|
43
33
|
});
|
|
44
|
-
|
|
45
34
|
_defineProperty(this, "_timer", setTimeout(() => {}, 0));
|
|
46
|
-
|
|
47
35
|
_defineProperty(this, "_showPlaceholder", () => {
|
|
48
|
-
clearTimeout(this._timer);
|
|
49
|
-
// If we show it immediately, they'll overlap and look ugly
|
|
36
|
+
clearTimeout(this._timer);
|
|
50
37
|
|
|
38
|
+
// Set the placeholder in a delay to offset the label animation
|
|
39
|
+
// If we show it immediately, they'll overlap and look ugly
|
|
51
40
|
this._timer = setTimeout(() => this.setState({
|
|
52
41
|
placeholder: this.props.placeholder
|
|
53
42
|
}), 50);
|
|
54
43
|
});
|
|
55
|
-
|
|
56
44
|
_defineProperty(this, "_hidePlaceholder", () => this.setState({
|
|
57
45
|
placeholder: ""
|
|
58
46
|
}));
|
|
59
|
-
|
|
60
47
|
_defineProperty(this, "_restoreLabel", () => _reactNative.Animated.timing(this.state.labeled, {
|
|
61
48
|
toValue: 1,
|
|
62
49
|
duration: FOCUS_ANIMATION_DURATION,
|
|
63
50
|
useNativeDriver: true
|
|
64
51
|
}).start());
|
|
65
|
-
|
|
66
52
|
_defineProperty(this, "_minmizeLabel", () => _reactNative.Animated.timing(this.state.labeled, {
|
|
67
53
|
toValue: 0,
|
|
68
54
|
duration: BLUR_ANIMATION_DURATION,
|
|
69
55
|
useNativeDriver: true
|
|
70
56
|
}).start());
|
|
71
|
-
|
|
72
57
|
_defineProperty(this, "_handleFocus", () => {
|
|
73
58
|
if (this.props.disabled) {
|
|
74
59
|
return;
|
|
75
60
|
}
|
|
76
|
-
|
|
77
61
|
this.setState({
|
|
78
62
|
focused: true
|
|
79
63
|
});
|
|
80
64
|
});
|
|
81
|
-
|
|
82
65
|
_defineProperty(this, "_handleBlur", () => {
|
|
83
66
|
if (this.props.disabled) {
|
|
84
67
|
return;
|
|
85
68
|
}
|
|
86
|
-
|
|
87
69
|
this.setState({
|
|
88
70
|
focused: false
|
|
89
71
|
});
|
|
90
72
|
});
|
|
91
|
-
|
|
92
73
|
_defineProperty(this, "_handleChangeText", value => {
|
|
93
74
|
if (this.props.disabled) {
|
|
94
75
|
return;
|
|
95
76
|
}
|
|
96
|
-
|
|
97
77
|
if (typeof value === "string") {
|
|
98
78
|
this.setState({
|
|
99
79
|
value
|
|
@@ -106,26 +86,21 @@ class TextField extends React.Component {
|
|
|
106
86
|
this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
|
|
107
87
|
}
|
|
108
88
|
});
|
|
109
|
-
|
|
110
89
|
_defineProperty(this, "_root", undefined);
|
|
111
90
|
}
|
|
112
|
-
|
|
113
91
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
114
92
|
return {
|
|
115
93
|
value: typeof nextProps.value !== "undefined" ? nextProps.value : prevState.value
|
|
116
94
|
};
|
|
117
95
|
}
|
|
118
|
-
|
|
119
96
|
componentDidMount() {
|
|
120
97
|
if (this.props.defaultValue) {
|
|
121
98
|
this._handleChangeText(this.props.defaultValue);
|
|
122
99
|
}
|
|
123
|
-
|
|
124
100
|
if (this.props.placeholder) {
|
|
125
101
|
this._minmizeLabel();
|
|
126
102
|
}
|
|
127
103
|
}
|
|
128
|
-
|
|
129
104
|
componentDidUpdate(prevProps, prevState) {
|
|
130
105
|
if (prevState.focused !== this.state.focused || prevState.value !== this.state.value) {
|
|
131
106
|
// The label should be minimized if the text input is focused, or has text
|
|
@@ -136,7 +111,6 @@ class TextField extends React.Component {
|
|
|
136
111
|
this._restoreLabel();
|
|
137
112
|
}
|
|
138
113
|
}
|
|
139
|
-
|
|
140
114
|
if (prevState.focused !== this.state.focused || prevProps.label !== this.props.label) {
|
|
141
115
|
// Show placeholder text only if the input is focused, or has error, or there's no label
|
|
142
116
|
// We don't show placeholder if there's a label because the label acts as placeholder
|
|
@@ -148,42 +122,35 @@ class TextField extends React.Component {
|
|
|
148
122
|
}
|
|
149
123
|
}
|
|
150
124
|
}
|
|
151
|
-
|
|
152
125
|
componentWillUnmount() {
|
|
153
126
|
clearTimeout(this._timer);
|
|
154
127
|
}
|
|
155
|
-
|
|
156
128
|
toggleFocus() {
|
|
157
129
|
this.setState(prevState => ({
|
|
158
130
|
focused: !prevState.focused
|
|
159
131
|
}));
|
|
160
132
|
}
|
|
161
|
-
|
|
162
133
|
/**
|
|
163
134
|
* @internal
|
|
164
135
|
*/
|
|
165
136
|
setNativeProps(args) {
|
|
166
|
-
this.setState(state => ({
|
|
137
|
+
this.setState(state => ({
|
|
138
|
+
...state,
|
|
167
139
|
nativeState: args || {}
|
|
168
140
|
}));
|
|
169
141
|
}
|
|
170
|
-
|
|
171
142
|
isFocused() {
|
|
172
143
|
return this._root && this._root.isFocused();
|
|
173
144
|
}
|
|
174
|
-
|
|
175
145
|
clear() {
|
|
176
146
|
return this._root && this._root.clear();
|
|
177
147
|
}
|
|
178
|
-
|
|
179
148
|
focus() {
|
|
180
149
|
return this._root && this._root.focus();
|
|
181
150
|
}
|
|
182
|
-
|
|
183
151
|
blur() {
|
|
184
152
|
return this._root && this._root.blur();
|
|
185
153
|
}
|
|
186
|
-
|
|
187
154
|
render() {
|
|
188
155
|
const {
|
|
189
156
|
Icon,
|
|
@@ -216,7 +183,6 @@ class TextField extends React.Component {
|
|
|
216
183
|
const hasActiveOutline = this.state.focused || error;
|
|
217
184
|
let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
|
|
218
185
|
inputTextColor = colors.strong;
|
|
219
|
-
|
|
220
186
|
if (disabled) {
|
|
221
187
|
activeColor = colors.light;
|
|
222
188
|
placeholderColor = colors.light;
|
|
@@ -229,11 +195,9 @@ class TextField extends React.Component {
|
|
|
229
195
|
underlineColor = underlineColorProp;
|
|
230
196
|
backgroundColor = colors.background;
|
|
231
197
|
}
|
|
232
|
-
|
|
233
198
|
if (rest.placeholderTextColor) {
|
|
234
199
|
placeholderColor = rest.placeholderTextColor;
|
|
235
200
|
}
|
|
236
|
-
|
|
237
201
|
const {
|
|
238
202
|
lineHeight,
|
|
239
203
|
...subtitle1
|
|
@@ -245,13 +209,10 @@ class TextField extends React.Component {
|
|
|
245
209
|
paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
|
|
246
210
|
...subtitle1
|
|
247
211
|
};
|
|
248
|
-
|
|
249
212
|
if (!multiline) {
|
|
250
213
|
inputStyle.height = lineHeight;
|
|
251
214
|
}
|
|
252
|
-
|
|
253
215
|
let assistiveTextLeftMargin;
|
|
254
|
-
|
|
255
216
|
if (type === "underline") {
|
|
256
217
|
containerStyle = {
|
|
257
218
|
borderTopLeftRadius: roundness,
|
|
@@ -259,7 +220,6 @@ class TextField extends React.Component {
|
|
|
259
220
|
paddingBottom: 12,
|
|
260
221
|
marginTop: 16
|
|
261
222
|
};
|
|
262
|
-
|
|
263
223
|
if (leftIconName && leftIconMode === "outset") {
|
|
264
224
|
assistiveTextLeftMargin = ICON_SIZE + 8;
|
|
265
225
|
} else {
|
|
@@ -275,7 +235,6 @@ class TextField extends React.Component {
|
|
|
275
235
|
opacity: disabled ? disabledOpacity : 1,
|
|
276
236
|
backgroundColor
|
|
277
237
|
};
|
|
278
|
-
|
|
279
238
|
if (leftIconName && leftIconMode === "inset") {
|
|
280
239
|
assistiveTextLeftMargin = 16 + 4;
|
|
281
240
|
} else if (leftIconName && leftIconMode === "outset") {
|
|
@@ -283,16 +242,12 @@ class TextField extends React.Component {
|
|
|
283
242
|
} else {
|
|
284
243
|
assistiveTextLeftMargin = 12;
|
|
285
244
|
}
|
|
286
|
-
|
|
287
245
|
inputStyle.paddingHorizontal = 12;
|
|
288
246
|
}
|
|
289
|
-
|
|
290
247
|
if (leftIconName && leftIconMode === "outset") {
|
|
291
248
|
containerStyle.marginLeft = ICON_SIZE + 8;
|
|
292
249
|
}
|
|
293
|
-
|
|
294
250
|
let leftIconColor;
|
|
295
|
-
|
|
296
251
|
if (error) {
|
|
297
252
|
leftIconColor = colors.error;
|
|
298
253
|
} else if (this.state.focused) {
|
|
@@ -300,7 +255,6 @@ class TextField extends React.Component {
|
|
|
300
255
|
} else {
|
|
301
256
|
leftIconColor = colors.light;
|
|
302
257
|
}
|
|
303
|
-
|
|
304
258
|
const leftIconProps = {
|
|
305
259
|
size: 24,
|
|
306
260
|
color: leftIconColor,
|
|
@@ -311,7 +265,8 @@ class TextField extends React.Component {
|
|
|
311
265
|
marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
|
|
312
266
|
marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
|
|
313
267
|
};
|
|
314
|
-
const labelStyle = {
|
|
268
|
+
const labelStyle = {
|
|
269
|
+
...typography.subtitle1,
|
|
315
270
|
top: type === "solid" ? 16 : 0,
|
|
316
271
|
left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
|
|
317
272
|
transform: [{
|
|
@@ -340,7 +295,6 @@ class TextField extends React.Component {
|
|
|
340
295
|
const inputStyles = (0, _utilities.applyStyles)([styles.input, inputStyle, type === "solid" ? {
|
|
341
296
|
marginHorizontal: 12
|
|
342
297
|
} : {}], textStyles);
|
|
343
|
-
|
|
344
298
|
const {
|
|
345
299
|
backgroundColor: bgColor,
|
|
346
300
|
padding,
|
|
@@ -357,7 +311,6 @@ class TextField extends React.Component {
|
|
|
357
311
|
borderColor: borderCol,
|
|
358
312
|
...styleProp
|
|
359
313
|
} = _reactNative.StyleSheet.flatten(style || {});
|
|
360
|
-
|
|
361
314
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
362
315
|
style: [styles.container, styleProp]
|
|
363
316
|
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
@@ -397,7 +350,8 @@ class TextField extends React.Component {
|
|
|
397
350
|
React.createElement(_reactNative.View, {
|
|
398
351
|
pointerEvents: "none",
|
|
399
352
|
style: [_reactNative.StyleSheet.absoluteFill, {
|
|
400
|
-
opacity:
|
|
353
|
+
opacity:
|
|
354
|
+
// Hide the label in minimized state until we measure its width
|
|
401
355
|
this.state.value || this.state.focused ? this.state.labelLayout.measured ? 1 : 0 : 1
|
|
402
356
|
}]
|
|
403
357
|
}, /*#__PURE__*/React.createElement(AnimatedText, {
|
|
@@ -466,13 +420,9 @@ class TextField extends React.Component {
|
|
|
466
420
|
}]
|
|
467
421
|
}, assistiveText) : null);
|
|
468
422
|
}
|
|
469
|
-
|
|
470
423
|
}
|
|
471
|
-
|
|
472
424
|
var _default = (0, _theming.withTheme)(TextField);
|
|
473
|
-
|
|
474
425
|
exports.default = _default;
|
|
475
|
-
|
|
476
426
|
const styles = _reactNative.StyleSheet.create({
|
|
477
427
|
container: {
|
|
478
428
|
alignSelf: "stretch"
|
|
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _theming = require("../theming");
|
|
11
|
-
|
|
12
9
|
var _reactNative = require("react-native");
|
|
13
|
-
|
|
14
10
|
var _IconButton = _interopRequireDefault(require("./IconButton"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
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); }
|
|
23
|
-
|
|
24
15
|
const ToggleButton = _ref => {
|
|
25
16
|
let {
|
|
26
17
|
Icon,
|
|
@@ -52,12 +43,10 @@ const ToggleButton = _ref => {
|
|
|
52
43
|
setInternalValue(defaultValue);
|
|
53
44
|
}
|
|
54
45
|
}, [defaultValue]);
|
|
55
|
-
|
|
56
46
|
const handlePress = () => {
|
|
57
47
|
setInternalValue(!internalValue);
|
|
58
48
|
onPress(!internalValue);
|
|
59
49
|
};
|
|
60
|
-
|
|
61
50
|
return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
62
51
|
Icon: Icon,
|
|
63
52
|
icon: icon,
|
|
@@ -73,13 +62,10 @@ const ToggleButton = _ref => {
|
|
|
73
62
|
}, style]
|
|
74
63
|
}, rest));
|
|
75
64
|
};
|
|
76
|
-
|
|
77
65
|
const styles = _reactNative.StyleSheet.create({
|
|
78
66
|
mainContainer: {
|
|
79
67
|
borderWidth: 1
|
|
80
68
|
}
|
|
81
69
|
});
|
|
82
|
-
|
|
83
70
|
var _default = (0, _theming.withTheme)(ToggleButton);
|
|
84
|
-
|
|
85
71
|
exports.default = _default;
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = Touchable;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
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); }
|
|
15
|
-
|
|
16
11
|
function Touchable(_ref) {
|
|
17
12
|
let {
|
|
18
13
|
children,
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Title = exports.Subtitle = exports.Caption = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _theming = require("../theming");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
const Title = (0, _theming.withTheme)(_ref => {
|
|
17
12
|
let {
|
|
18
13
|
text,
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useAuthState = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
-
|
|
12
9
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
|
|
14
10
|
const useAuthState = auth => {
|
|
15
11
|
const [error, setError] = React.useState();
|
|
16
12
|
const [value, setValue] = React.useState(auth.currentUser);
|
|
@@ -20,18 +16,13 @@ const useAuthState = auth => {
|
|
|
20
16
|
list();
|
|
21
17
|
};
|
|
22
18
|
}, [auth]);
|
|
23
|
-
|
|
24
19
|
const signInWithEmailAndPassword = (user, password) => {
|
|
25
20
|
auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
|
|
26
21
|
};
|
|
27
|
-
|
|
28
22
|
const createUserWithEmailAndPassword = (user, password) => {
|
|
29
23
|
auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
|
|
30
24
|
};
|
|
31
|
-
|
|
32
25
|
const signOut = () => auth.signOut();
|
|
33
|
-
|
|
34
26
|
return [value, error, signInWithEmailAndPassword, signOut, createUserWithEmailAndPassword];
|
|
35
27
|
};
|
|
36
|
-
|
|
37
28
|
exports.useAuthState = useAuthState;
|
|
@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.APPROX_STATUSBAR_HEIGHT = void 0;
|
|
7
|
-
|
|
8
7
|
var _reactNative = require("react-native");
|
|
9
|
-
|
|
10
8
|
// @ts-ignore
|
|
11
9
|
const expo = global.__expo;
|
|
12
10
|
const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.Constants ? expo.Constants.statusBarHeight : 0;
|
|
13
|
-
|
|
14
11
|
const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
|
|
15
12
|
android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
|
|
16
13
|
ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
|
|
17
14
|
});
|
|
18
|
-
|
|
19
15
|
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
package/lib/commonjs/hooks.js
CHANGED
|
@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.usePrevious = usePrevious;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
function usePrevious(value) {
|
|
13
10
|
// The ref object is a generic container whose current property is mutable
|
|
14
11
|
// and can hold any value, similar to an instance property on a class
|
|
15
|
-
const ref = _react.default.useRef();
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
const ref = _react.default.useRef();
|
|
13
|
+
// Store current value in ref
|
|
18
14
|
_react.default.useEffect(() => {
|
|
19
15
|
ref.current = value;
|
|
20
|
-
}, [value]);
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
}, [value]);
|
|
17
|
+
// Return previous value (happens before update in useEffect above)
|
|
23
18
|
return ref.current;
|
|
19
|
+
}
|
|
24
20
|
}
|