@draftbit/core 46.4.4-c18fe1.2 → 46.4.4-c96c31.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 +9 -0
- package/lib/commonjs/components/Accordion/AccordionGroup.js +14 -0
- package/lib/commonjs/components/Accordion/AccordionItem.js +13 -0
- package/lib/commonjs/components/Accordion/index.js +3 -0
- package/lib/commonjs/components/ActionSheet/ActionSheet.js +9 -0
- package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js +5 -0
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js +7 -0
- package/lib/commonjs/components/ActionSheet/index.js +4 -0
- package/lib/commonjs/components/AnimatedCircularProgress.js +26 -1
- package/lib/commonjs/components/AspectRatio.js +10 -0
- package/lib/commonjs/components/AvatarEdit.js +12 -0
- package/lib/commonjs/components/Banner.js +23 -9
- package/lib/commonjs/components/Button.js +19 -2
- package/lib/commonjs/components/Card.js +14 -0
- package/lib/commonjs/components/CardBlock.js +15 -0
- package/lib/commonjs/components/CardContainer.js +32 -4
- package/lib/commonjs/components/CardContainerRating.js +34 -6
- package/lib/commonjs/components/CardContainerShortImage.js +28 -4
- package/lib/commonjs/components/CardInline.js +14 -1
- package/lib/commonjs/components/Carousel.js +23 -5
- package/lib/commonjs/components/Checkbox/Checkbox.js +18 -3
- package/lib/commonjs/components/Checkbox/CheckboxGroup.js +11 -0
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +43 -5
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +47 -8
- package/lib/commonjs/components/Checkbox/context.js +5 -0
- package/lib/commonjs/components/Checkbox/index.js +4 -0
- package/lib/commonjs/components/CircleImage.js +10 -15
- package/lib/commonjs/components/CircularProgress.js +26 -8
- package/lib/commonjs/components/Config.js +13 -5
- package/lib/commonjs/components/Container.js +11 -0
- package/lib/commonjs/components/DatePicker/DatePicker.js +65 -23
- package/lib/commonjs/components/DatePicker/DatePickerComponent.js +7 -0
- package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js +10 -0
- package/lib/commonjs/components/DeprecatedButton.js +23 -0
- package/lib/commonjs/components/DeprecatedCardWrapper.js +27 -1
- package/lib/commonjs/components/DeprecatedFAB.js +26 -0
- package/lib/commonjs/components/Divider.js +9 -0
- package/lib/commonjs/components/Elevation.js +25 -2
- package/lib/commonjs/components/FAB.js +10 -0
- package/lib/commonjs/components/FieldSearchBarFull.js +18 -0
- package/lib/commonjs/components/FormRow.js +10 -0
- package/lib/commonjs/components/Header.js +13 -0
- package/lib/commonjs/components/HeaderLarge.js +9 -0
- package/lib/commonjs/components/HeaderMedium.js +9 -0
- package/lib/commonjs/components/HeaderOverline.js +9 -0
- package/lib/commonjs/components/IconButton.js +10 -0
- package/lib/commonjs/components/Image.js +17 -0
- package/lib/commonjs/components/Layout.js +12 -2
- package/lib/commonjs/components/NumberInput.js +21 -8
- package/lib/commonjs/components/Picker/Picker.js +42 -9
- package/lib/commonjs/components/Picker/PickerComponent.android.js +43 -7
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +27 -8
- package/lib/commonjs/components/Picker/PickerComponent.web.js +43 -7
- package/lib/commonjs/components/Portal/Portal.js +14 -4
- package/lib/commonjs/components/Portal/PortalConsumer.js +15 -5
- package/lib/commonjs/components/Portal/PortalHost.js +31 -4
- package/lib/commonjs/components/Portal/PortalManager.js +19 -7
- package/lib/commonjs/components/ProgressBar.js +45 -9
- package/lib/commonjs/components/ProgressCircle.js +10 -0
- package/lib/commonjs/components/ProgressIndicator.js +9 -0
- package/lib/commonjs/components/RadioButton/RadioButton.js +14 -1
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +10 -0
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +14 -0
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +44 -6
- package/lib/commonjs/components/RadioButton/context.js +5 -0
- package/lib/commonjs/components/RadioButton/index.js +5 -0
- package/lib/commonjs/components/Row.js +11 -0
- package/lib/commonjs/components/RowBodyIcon.js +10 -0
- package/lib/commonjs/components/RowHeadlineImageCaption.js +11 -2
- package/lib/commonjs/components/RowHeadlineImageIcon.js +10 -0
- package/lib/commonjs/components/SVG.js +9 -0
- package/lib/commonjs/components/ScreenContainer.js +36 -4
- package/lib/commonjs/components/Slider.js +21 -0
- package/lib/commonjs/components/StarRating.js +10 -0
- package/lib/commonjs/components/StepIndicator.js +71 -19
- package/lib/commonjs/components/Stepper.js +28 -8
- package/lib/commonjs/components/Surface.js +14 -0
- package/lib/commonjs/components/Swiper/Swiper.js +8 -0
- package/lib/commonjs/components/Swiper/SwiperItem.js +6 -0
- package/lib/commonjs/components/Swiper/index.js +3 -0
- package/lib/commonjs/components/Switch.js +18 -5
- package/lib/commonjs/components/Text.js +53 -8
- package/lib/commonjs/components/TextField.js +118 -35
- package/lib/commonjs/components/ToggleButton.js +14 -0
- package/lib/commonjs/components/Touchable.js +5 -0
- package/lib/commonjs/components/Touchable.web.js +2 -0
- package/lib/commonjs/components/Typography.js +5 -0
- package/lib/commonjs/components/useAuthState.js +9 -0
- package/lib/commonjs/constants.js +5 -1
- package/lib/commonjs/hooks.js +7 -4
- package/lib/commonjs/index.js +52 -7
- package/lib/commonjs/interfaces/Icon.js +5 -3
- package/lib/commonjs/mappings/Accordion.js +2 -0
- package/lib/commonjs/mappings/AccordionItem.js +2 -0
- package/lib/commonjs/mappings/ActionSheet.js +2 -0
- package/lib/commonjs/mappings/ActionSheetCancel.js +2 -0
- package/lib/commonjs/mappings/ActionSheetItem.js +2 -0
- package/lib/commonjs/mappings/ActivityIndicator.js +2 -0
- package/lib/commonjs/mappings/AudioPlayer.js +2 -0
- package/lib/commonjs/mappings/AvatarEdit.js +2 -0
- package/lib/commonjs/mappings/Banner.js +2 -0
- package/lib/commonjs/mappings/BlurView.js +2 -0
- package/lib/commonjs/mappings/Button.js +5 -6
- package/lib/commonjs/mappings/Card.js +4 -3
- package/lib/commonjs/mappings/CardBlock.js +5 -6
- package/lib/commonjs/mappings/CardContainer.js +7 -5
- package/lib/commonjs/mappings/CardContainerRating.js +4 -4
- package/lib/commonjs/mappings/CardContainerShortImage.js +2 -0
- package/lib/commonjs/mappings/CardInline.js +2 -0
- package/lib/commonjs/mappings/Carousel.js +2 -0
- package/lib/commonjs/mappings/Checkbox.js +2 -0
- package/lib/commonjs/mappings/CheckboxGroup.js +2 -0
- package/lib/commonjs/mappings/CheckboxRow.js +2 -0
- package/lib/commonjs/mappings/CircleImage.js +2 -0
- package/lib/commonjs/mappings/Container.js +2 -0
- package/lib/commonjs/mappings/CustomCode.js +2 -0
- package/lib/commonjs/mappings/DatePicker.js +17 -4
- package/lib/commonjs/mappings/Divider.js +2 -0
- package/lib/commonjs/mappings/FAB.js +2 -0
- package/lib/commonjs/mappings/Fetch.js +2 -0
- package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -2
- package/lib/commonjs/mappings/FlashList.js +2 -0
- package/lib/commonjs/mappings/FlatList.js +2 -0
- package/lib/commonjs/mappings/HeaderLarge.js +2 -0
- package/lib/commonjs/mappings/HeaderMedium.js +2 -0
- package/lib/commonjs/mappings/HeaderOverline.js +2 -0
- package/lib/commonjs/mappings/Icon.js +3 -2
- package/lib/commonjs/mappings/IconButton.js +2 -0
- package/lib/commonjs/mappings/Image.js +2 -0
- package/lib/commonjs/mappings/ImageBackground.js +2 -0
- package/lib/commonjs/mappings/KeyboardAvoidingView.js +2 -0
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js +2 -0
- package/lib/commonjs/mappings/Layout.js +2 -0
- package/lib/commonjs/mappings/LinearGradient.js +2 -0
- package/lib/commonjs/mappings/MapCallout.js +2 -0
- package/lib/commonjs/mappings/MapMarker.js +2 -0
- package/lib/commonjs/mappings/MapView.js +2 -0
- package/lib/commonjs/mappings/Modal.js +2 -0
- package/lib/commonjs/mappings/NumberInput.js +4 -4
- package/lib/commonjs/mappings/Picker.js +4 -4
- package/lib/commonjs/mappings/ProgressBar.js +2 -0
- package/lib/commonjs/mappings/ProgressCircle.js +2 -0
- package/lib/commonjs/mappings/ProgressIndicator.js +2 -0
- package/lib/commonjs/mappings/RadioButton.js +2 -0
- package/lib/commonjs/mappings/RadioButtonGroup.js +2 -0
- package/lib/commonjs/mappings/RadioButtonRow.js +2 -0
- package/lib/commonjs/mappings/RowBodyIcon.js +2 -0
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js +2 -0
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js +8 -12
- package/lib/commonjs/mappings/SVG.js +2 -0
- package/lib/commonjs/mappings/SafeAreaView.js +2 -0
- package/lib/commonjs/mappings/ScrollView.js +2 -0
- package/lib/commonjs/mappings/Slider.js +2 -0
- package/lib/commonjs/mappings/StarRating.js +9 -3
- package/lib/commonjs/mappings/Stepper.js +3 -1
- package/lib/commonjs/mappings/Surface.js +2 -0
- package/lib/commonjs/mappings/Swiper.js +2 -0
- package/lib/commonjs/mappings/SwiperItem.js +2 -0
- package/lib/commonjs/mappings/Switch.js +2 -0
- package/lib/commonjs/mappings/Text.js +5 -5
- package/lib/commonjs/mappings/TextArea.js +3 -2
- package/lib/commonjs/mappings/TextField.js +8 -7
- package/lib/commonjs/mappings/TextInput.js +3 -2
- package/lib/commonjs/mappings/ToggleButton.js +2 -0
- package/lib/commonjs/mappings/Touchable.js +2 -0
- package/lib/commonjs/mappings/Video.js +2 -0
- package/lib/commonjs/mappings/View.js +2 -0
- package/lib/commonjs/mappings/WebView.js +2 -0
- package/lib/commonjs/styles/DarkTheme.js +6 -5
- package/lib/commonjs/styles/DefaultTheme.js +17 -26
- package/lib/commonjs/styles/fonts.js +5 -3
- package/lib/commonjs/styles/overlay.js +14 -5
- package/lib/commonjs/styles/shadow.js +9 -0
- package/lib/commonjs/theming.js +4 -0
- package/lib/commonjs/utilities.js +14 -2
- package/lib/module/Provider.js +1 -0
- package/lib/module/components/Accordion/AccordionGroup.js +4 -0
- package/lib/module/components/Accordion/AccordionItem.js +28 -4
- package/lib/module/components/ActionSheet/ActionSheet.js +2 -0
- package/lib/module/components/ActionSheet/ActionSheetCancel.js +2 -0
- package/lib/module/components/ActionSheet/ActionSheetItem.js +2 -0
- package/lib/module/components/AnimatedCircularProgress.js +6 -0
- package/lib/module/components/AspectRatio.js +6 -0
- package/lib/module/components/AvatarEdit.js +3 -0
- package/lib/module/components/Banner.js +33 -12
- package/lib/module/components/Button.js +41 -12
- package/lib/module/components/Card.js +2 -0
- package/lib/module/components/CardBlock.js +20 -4
- package/lib/module/components/CardContainer.js +7 -0
- package/lib/module/components/CardContainerRating.js +8 -2
- package/lib/module/components/CardContainerShortImage.js +3 -0
- package/lib/module/components/CardInline.js +2 -0
- package/lib/module/components/Carousel.js +41 -11
- package/lib/module/components/Checkbox/Checkbox.js +9 -3
- package/lib/module/components/Checkbox/CheckboxGroup.js +5 -0
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +31 -5
- package/lib/module/components/Checkbox/CheckboxRow.js +34 -8
- package/lib/module/components/Checkbox/context.js +3 -1
- package/lib/module/components/CircleImage.js +3 -0
- package/lib/module/components/CircularProgress.js +22 -8
- package/lib/module/components/Config.js +11 -5
- package/lib/module/components/Container.js +3 -0
- package/lib/module/components/DatePicker/DatePicker.js +73 -30
- package/lib/module/components/DatePicker/DatePickerComponent.js +2 -0
- package/lib/module/components/DatePicker/DatePickerComponent.web.js +2 -0
- package/lib/module/components/DeprecatedButton.js +9 -0
- package/lib/module/components/DeprecatedCardWrapper.js +6 -0
- package/lib/module/components/DeprecatedFAB.js +34 -3
- package/lib/module/components/Divider.js +3 -0
- package/lib/module/components/Elevation.js +3 -0
- package/lib/module/components/FAB.js +3 -0
- package/lib/module/components/FieldSearchBarFull.js +9 -0
- package/lib/module/components/FormRow.js +1 -0
- package/lib/module/components/Header.js +2 -0
- package/lib/module/components/HeaderLarge.js +2 -0
- package/lib/module/components/HeaderMedium.js +2 -0
- package/lib/module/components/HeaderOverline.js +2 -0
- package/lib/module/components/IconButton.js +3 -0
- package/lib/module/components/Image.js +27 -2
- package/lib/module/components/Layout.js +42 -21
- package/lib/module/components/NumberInput.js +16 -8
- package/lib/module/components/Picker/Picker.js +34 -10
- package/lib/module/components/Picker/PickerComponent.android.js +10 -6
- package/lib/module/components/Picker/PickerComponent.ios.js +11 -8
- package/lib/module/components/Picker/PickerComponent.web.js +10 -6
- package/lib/module/components/Portal/Portal.js +6 -4
- package/lib/module/components/Portal/PortalConsumer.js +14 -9
- package/lib/module/components/Portal/PortalHost.js +44 -15
- package/lib/module/components/Portal/PortalManager.js +14 -7
- package/lib/module/components/ProgressBar.js +17 -5
- package/lib/module/components/ProgressCircle.js +2 -0
- package/lib/module/components/ProgressIndicator.js +2 -0
- package/lib/module/components/RadioButton/RadioButton.js +20 -2
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +3 -0
- package/lib/module/components/RadioButton/RadioButtonGroup.js +23 -2
- package/lib/module/components/RadioButton/RadioButtonRow.js +32 -6
- package/lib/module/components/RadioButton/context.js +3 -1
- package/lib/module/components/Row.js +2 -0
- package/lib/module/components/RowBodyIcon.js +2 -0
- package/lib/module/components/RowHeadlineImageCaption.js +3 -2
- package/lib/module/components/RowHeadlineImageIcon.js +2 -0
- package/lib/module/components/SVG.js +2 -0
- package/lib/module/components/ScreenContainer.js +6 -0
- package/lib/module/components/Slider.js +10 -0
- package/lib/module/components/StarRating.js +3 -0
- package/lib/module/components/StepIndicator.js +29 -5
- package/lib/module/components/Stepper.js +18 -10
- package/lib/module/components/Surface.js +20 -1
- package/lib/module/components/Swiper/Swiper.js +4 -0
- package/lib/module/components/Swiper/SwiperItem.js +2 -0
- package/lib/module/components/Switch.js +27 -12
- package/lib/module/components/Text.js +10 -3
- package/lib/module/components/TextField.js +105 -35
- package/lib/module/components/ToggleButton.js +5 -0
- package/lib/module/components/Touchable.js +1 -0
- package/lib/module/components/useAuthState.js +4 -0
- package/lib/module/constants.js +1 -2
- package/lib/module/hooks.js +2 -4
- package/lib/module/index.js +2 -5
- package/lib/module/interfaces/Icon.js +1 -2
- package/lib/module/mappings/Button.js +3 -6
- package/lib/module/mappings/Card.js +2 -3
- package/lib/module/mappings/CardBlock.js +3 -6
- package/lib/module/mappings/CardContainer.js +5 -5
- package/lib/module/mappings/CardContainerRating.js +2 -4
- package/lib/module/mappings/DatePicker.js +16 -5
- package/lib/module/mappings/Fetch.js +1 -0
- package/lib/module/mappings/FieldSearchBarFull.js +5 -3
- package/lib/module/mappings/Icon.js +1 -2
- package/lib/module/mappings/NumberInput.js +2 -4
- package/lib/module/mappings/Picker.js +2 -4
- package/lib/module/mappings/RowHeadlineImageIcon.js +6 -12
- package/lib/module/mappings/StarRating.js +8 -3
- package/lib/module/mappings/Stepper.js +2 -2
- package/lib/module/mappings/Text.js +3 -5
- package/lib/module/mappings/TextArea.js +1 -2
- package/lib/module/mappings/TextField.js +6 -7
- package/lib/module/mappings/TextInput.js +1 -2
- package/lib/module/styles/DarkTheme.js +2 -4
- package/lib/module/styles/DefaultTheme.js +13 -26
- package/lib/module/styles/fonts.js +1 -2
- package/lib/module/styles/overlay.js +10 -4
- package/lib/module/styles/shadow.js +6 -0
- package/lib/module/utilities.js +5 -2
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +4 -0
- package/lib/typescript/src/components/Stepper.d.ts +1 -2
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/mappings/DatePicker.d.ts +42 -0
- package/package.json +3 -5
- package/src/components/Carousel.js +2 -2
- package/src/components/Carousel.tsx +2 -2
- package/src/components/DatePicker/DatePicker.js +14 -8
- package/src/components/DatePicker/DatePicker.tsx +23 -7
- package/src/components/Picker/Picker.js +1 -1
- package/src/components/Picker/Picker.tsx +2 -2
- package/src/components/Stepper.js +6 -3
- package/src/components/Stepper.tsx +6 -6
- package/src/index.js +0 -1
- package/src/index.tsx +0 -1
- package/src/mappings/DatePicker.js +21 -1
- package/src/mappings/DatePicker.ts +23 -0
- package/src/mappings/Stepper.js +5 -2
- package/src/mappings/Stepper.ts +5 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.native.js +0 -58
- package/lib/commonjs/components/BottomSheet/BottomSheet.web.js +0 -83
- package/lib/commonjs/components/BottomSheet/index.js +0 -13
- package/lib/commonjs/components/BottomSheet/types.js +0 -5
- package/lib/commonjs/mappings/BottomSheet.js +0 -20
- package/lib/module/components/BottomSheet/BottomSheet.native.js +0 -49
- package/lib/module/components/BottomSheet/BottomSheet.web.js +0 -75
- package/lib/module/components/BottomSheet/index.js +0 -2
- package/lib/module/components/BottomSheet/types.js +0 -1
- package/lib/module/mappings/BottomSheet.js +0 -13
- package/lib/typescript/src/components/BottomSheet/BottomSheet.native.d.ts +0 -4
- package/lib/typescript/src/components/BottomSheet/BottomSheet.web.d.ts +0 -4
- package/lib/typescript/src/components/BottomSheet/index.d.ts +0 -1
- package/lib/typescript/src/components/BottomSheet/types.d.ts +0 -8
- package/lib/typescript/src/mappings/BottomSheet.d.ts +0 -19
- package/src/components/BottomSheet/BottomSheet.native.js +0 -37
- package/src/components/BottomSheet/BottomSheet.native.tsx +0 -60
- package/src/components/BottomSheet/BottomSheet.web.js +0 -56
- package/src/components/BottomSheet/BottomSheet.web.tsx +0 -90
- package/src/components/BottomSheet/index.js +0 -2
- package/src/components/BottomSheet/index.tsx +0 -2
- package/src/components/BottomSheet/types.js +0 -1
- package/src/components/BottomSheet/types.tsx +0 -8
- package/src/mappings/BottomSheet.js +0 -20
- package/src/mappings/BottomSheet.ts +0 -25
|
@@ -4,24 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
8
10
|
var _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
var _theming = require("../theming");
|
|
13
|
+
|
|
10
14
|
var _utilities = require("../utilities");
|
|
15
|
+
|
|
11
16
|
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
|
+
|
|
12
18
|
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
|
-
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); }
|
|
19
|
+
|
|
17
20
|
const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
|
|
21
|
+
|
|
18
22
|
const FOCUS_ANIMATION_DURATION = 150;
|
|
19
23
|
const BLUR_ANIMATION_DURATION = 180;
|
|
20
24
|
const ICON_SIZE = 24;
|
|
25
|
+
|
|
21
26
|
class TextField extends React.Component {
|
|
22
27
|
constructor() {
|
|
23
28
|
super(...arguments);
|
|
24
|
-
|
|
29
|
+
this.state = {
|
|
25
30
|
nativeProps: {},
|
|
26
31
|
labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
|
|
27
32
|
focused: false,
|
|
@@ -30,50 +35,59 @@ class TextField extends React.Component {
|
|
|
30
35
|
measured: false,
|
|
31
36
|
width: 0
|
|
32
37
|
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
_defineProperty(this, "_showPlaceholder", () => {
|
|
36
|
-
clearTimeout(this._timer);
|
|
38
|
+
};
|
|
39
|
+
this._timer = setTimeout(() => {}, 0);
|
|
37
40
|
|
|
38
|
-
|
|
41
|
+
this._showPlaceholder = () => {
|
|
42
|
+
clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
|
|
39
43
|
// If we show it immediately, they'll overlap and look ugly
|
|
44
|
+
|
|
40
45
|
this._timer = setTimeout(() => this.setState({
|
|
41
46
|
placeholder: this.props.placeholder
|
|
42
47
|
}), 50);
|
|
43
|
-
}
|
|
44
|
-
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
this._hidePlaceholder = () => this.setState({
|
|
45
51
|
placeholder: ""
|
|
46
|
-
})
|
|
47
|
-
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
this._restoreLabel = () => _reactNative.Animated.timing(this.state.labeled, {
|
|
48
55
|
toValue: 1,
|
|
49
56
|
duration: FOCUS_ANIMATION_DURATION,
|
|
50
57
|
useNativeDriver: true
|
|
51
|
-
}).start()
|
|
52
|
-
|
|
58
|
+
}).start();
|
|
59
|
+
|
|
60
|
+
this._minmizeLabel = () => _reactNative.Animated.timing(this.state.labeled, {
|
|
53
61
|
toValue: 0,
|
|
54
62
|
duration: BLUR_ANIMATION_DURATION,
|
|
55
63
|
useNativeDriver: true
|
|
56
|
-
}).start()
|
|
57
|
-
|
|
64
|
+
}).start();
|
|
65
|
+
|
|
66
|
+
this._handleFocus = () => {
|
|
58
67
|
if (this.props.disabled) {
|
|
59
68
|
return;
|
|
60
69
|
}
|
|
70
|
+
|
|
61
71
|
this.setState({
|
|
62
72
|
focused: true
|
|
63
73
|
});
|
|
64
|
-
}
|
|
65
|
-
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
this._handleBlur = () => {
|
|
66
77
|
if (this.props.disabled) {
|
|
67
78
|
return;
|
|
68
79
|
}
|
|
80
|
+
|
|
69
81
|
this.setState({
|
|
70
82
|
focused: false
|
|
71
83
|
});
|
|
72
|
-
}
|
|
73
|
-
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
this._handleChangeText = value => {
|
|
74
87
|
if (this.props.disabled) {
|
|
75
88
|
return;
|
|
76
89
|
}
|
|
90
|
+
|
|
77
91
|
if (typeof value === "string") {
|
|
78
92
|
this.setState({
|
|
79
93
|
value
|
|
@@ -85,22 +99,27 @@ class TextField extends React.Component {
|
|
|
85
99
|
});
|
|
86
100
|
this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
|
|
87
101
|
}
|
|
88
|
-
}
|
|
89
|
-
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
this._root = undefined;
|
|
90
105
|
}
|
|
106
|
+
|
|
91
107
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
92
108
|
return {
|
|
93
109
|
value: typeof nextProps.value !== "undefined" ? nextProps.value : prevState.value
|
|
94
110
|
};
|
|
95
111
|
}
|
|
112
|
+
|
|
96
113
|
componentDidMount() {
|
|
97
114
|
if (this.props.defaultValue) {
|
|
98
115
|
this._handleChangeText(this.props.defaultValue);
|
|
99
116
|
}
|
|
117
|
+
|
|
100
118
|
if (this.props.placeholder) {
|
|
101
119
|
this._minmizeLabel();
|
|
102
120
|
}
|
|
103
121
|
}
|
|
122
|
+
|
|
104
123
|
componentDidUpdate(prevProps, prevState) {
|
|
105
124
|
if (prevState.focused !== this.state.focused || prevState.value !== this.state.value) {
|
|
106
125
|
// The label should be minimized if the text input is focused, or has text
|
|
@@ -111,6 +130,7 @@ class TextField extends React.Component {
|
|
|
111
130
|
this._restoreLabel();
|
|
112
131
|
}
|
|
113
132
|
}
|
|
133
|
+
|
|
114
134
|
if (prevState.focused !== this.state.focused || prevProps.label !== this.props.label) {
|
|
115
135
|
// Show placeholder text only if the input is focused, or has error, or there's no label
|
|
116
136
|
// We don't show placeholder if there's a label because the label acts as placeholder
|
|
@@ -122,9 +142,11 @@ class TextField extends React.Component {
|
|
|
122
142
|
}
|
|
123
143
|
}
|
|
124
144
|
}
|
|
145
|
+
|
|
125
146
|
componentWillUnmount() {
|
|
126
147
|
clearTimeout(this._timer);
|
|
127
148
|
}
|
|
149
|
+
|
|
128
150
|
toggleFocus() {
|
|
129
151
|
this.setState(prevState => ({
|
|
130
152
|
focused: !prevState.focused
|
|
@@ -133,24 +155,30 @@ class TextField extends React.Component {
|
|
|
133
155
|
/**
|
|
134
156
|
* @internal
|
|
135
157
|
*/
|
|
158
|
+
|
|
159
|
+
|
|
136
160
|
setNativeProps(args) {
|
|
137
|
-
this.setState(state => ({
|
|
138
|
-
...state,
|
|
161
|
+
this.setState(state => ({ ...state,
|
|
139
162
|
nativeState: args || {}
|
|
140
163
|
}));
|
|
141
164
|
}
|
|
165
|
+
|
|
142
166
|
isFocused() {
|
|
143
167
|
return this._root && this._root.isFocused();
|
|
144
168
|
}
|
|
169
|
+
|
|
145
170
|
clear() {
|
|
146
171
|
return this._root && this._root.clear();
|
|
147
172
|
}
|
|
173
|
+
|
|
148
174
|
focus() {
|
|
149
175
|
return this._root && this._root.focus();
|
|
150
176
|
}
|
|
177
|
+
|
|
151
178
|
blur() {
|
|
152
179
|
return this._root && this._root.blur();
|
|
153
180
|
}
|
|
181
|
+
|
|
154
182
|
render() {
|
|
155
183
|
const {
|
|
156
184
|
Icon,
|
|
@@ -173,7 +201,8 @@ class TextField extends React.Component {
|
|
|
173
201
|
roundness,
|
|
174
202
|
disabledOpacity
|
|
175
203
|
},
|
|
176
|
-
render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, props
|
|
204
|
+
render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, { ...props
|
|
205
|
+
}),
|
|
177
206
|
...rest
|
|
178
207
|
} = this.props;
|
|
179
208
|
const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
|
|
@@ -183,6 +212,7 @@ class TextField extends React.Component {
|
|
|
183
212
|
const hasActiveOutline = this.state.focused || error;
|
|
184
213
|
let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
|
|
185
214
|
inputTextColor = colors.strong;
|
|
215
|
+
|
|
186
216
|
if (disabled) {
|
|
187
217
|
activeColor = colors.light;
|
|
188
218
|
placeholderColor = colors.light;
|
|
@@ -195,9 +225,11 @@ class TextField extends React.Component {
|
|
|
195
225
|
underlineColor = underlineColorProp;
|
|
196
226
|
backgroundColor = colors.background;
|
|
197
227
|
}
|
|
228
|
+
|
|
198
229
|
if (rest.placeholderTextColor) {
|
|
199
230
|
placeholderColor = rest.placeholderTextColor;
|
|
200
231
|
}
|
|
232
|
+
|
|
201
233
|
const {
|
|
202
234
|
lineHeight,
|
|
203
235
|
...subtitle1
|
|
@@ -209,10 +241,13 @@ class TextField extends React.Component {
|
|
|
209
241
|
paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
|
|
210
242
|
...subtitle1
|
|
211
243
|
};
|
|
244
|
+
|
|
212
245
|
if (!multiline) {
|
|
213
246
|
inputStyle.height = lineHeight;
|
|
214
247
|
}
|
|
248
|
+
|
|
215
249
|
let assistiveTextLeftMargin;
|
|
250
|
+
|
|
216
251
|
if (type === "underline") {
|
|
217
252
|
containerStyle = {
|
|
218
253
|
borderTopLeftRadius: roundness,
|
|
@@ -220,6 +255,7 @@ class TextField extends React.Component {
|
|
|
220
255
|
paddingBottom: 12,
|
|
221
256
|
marginTop: 16
|
|
222
257
|
};
|
|
258
|
+
|
|
223
259
|
if (leftIconName && leftIconMode === "outset") {
|
|
224
260
|
assistiveTextLeftMargin = ICON_SIZE + 8;
|
|
225
261
|
} else {
|
|
@@ -235,6 +271,7 @@ class TextField extends React.Component {
|
|
|
235
271
|
opacity: disabled ? disabledOpacity : 1,
|
|
236
272
|
backgroundColor
|
|
237
273
|
};
|
|
274
|
+
|
|
238
275
|
if (leftIconName && leftIconMode === "inset") {
|
|
239
276
|
assistiveTextLeftMargin = 16 + 4;
|
|
240
277
|
} else if (leftIconName && leftIconMode === "outset") {
|
|
@@ -242,12 +279,16 @@ class TextField extends React.Component {
|
|
|
242
279
|
} else {
|
|
243
280
|
assistiveTextLeftMargin = 12;
|
|
244
281
|
}
|
|
282
|
+
|
|
245
283
|
inputStyle.paddingHorizontal = 12;
|
|
246
284
|
}
|
|
285
|
+
|
|
247
286
|
if (leftIconName && leftIconMode === "outset") {
|
|
248
287
|
containerStyle.marginLeft = ICON_SIZE + 8;
|
|
249
288
|
}
|
|
289
|
+
|
|
250
290
|
let leftIconColor;
|
|
291
|
+
|
|
251
292
|
if (error) {
|
|
252
293
|
leftIconColor = colors.error;
|
|
253
294
|
} else if (this.state.focused) {
|
|
@@ -255,6 +296,7 @@ class TextField extends React.Component {
|
|
|
255
296
|
} else {
|
|
256
297
|
leftIconColor = colors.light;
|
|
257
298
|
}
|
|
299
|
+
|
|
258
300
|
const leftIconProps = {
|
|
259
301
|
size: 24,
|
|
260
302
|
color: leftIconColor,
|
|
@@ -265,8 +307,7 @@ class TextField extends React.Component {
|
|
|
265
307
|
marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : leftIconMode === "outset" ? 16 : 0,
|
|
266
308
|
marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0
|
|
267
309
|
};
|
|
268
|
-
const labelStyle = {
|
|
269
|
-
...typography.subtitle1,
|
|
310
|
+
const labelStyle = { ...typography.subtitle1,
|
|
270
311
|
top: type === "solid" ? 16 : 0,
|
|
271
312
|
left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
|
|
272
313
|
transform: [{
|
|
@@ -295,6 +336,7 @@ class TextField extends React.Component {
|
|
|
295
336
|
const inputStyles = (0, _utilities.applyStyles)([styles.input, inputStyle, type === "solid" ? {
|
|
296
337
|
marginHorizontal: 12
|
|
297
338
|
} : {}], textStyles);
|
|
339
|
+
|
|
298
340
|
const {
|
|
299
341
|
backgroundColor: bgColor,
|
|
300
342
|
padding,
|
|
@@ -311,11 +353,12 @@ class TextField extends React.Component {
|
|
|
311
353
|
borderColor: borderCol,
|
|
312
354
|
...styleProp
|
|
313
355
|
} = _reactNative.StyleSheet.flatten(style || {});
|
|
356
|
+
|
|
314
357
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
315
358
|
style: [styles.container, styleProp]
|
|
316
|
-
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon,
|
|
359
|
+
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
|
|
317
360
|
style: leftIconStyle
|
|
318
|
-
})
|
|
361
|
+
}) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
319
362
|
style: (0, _utilities.applyStyles)([containerStyle], {
|
|
320
363
|
height: style === null || style === void 0 ? void 0 : style.height,
|
|
321
364
|
backgroundColor: bgColor,
|
|
@@ -350,8 +393,7 @@ class TextField extends React.Component {
|
|
|
350
393
|
React.createElement(_reactNative.View, {
|
|
351
394
|
pointerEvents: "none",
|
|
352
395
|
style: [_reactNative.StyleSheet.absoluteFill, {
|
|
353
|
-
opacity:
|
|
354
|
-
// Hide the label in minimized state until we measure its width
|
|
396
|
+
opacity: // Hide the label in minimized state until we measure its width
|
|
355
397
|
this.state.value || this.state.focused ? this.state.labelLayout.measured ? 1 : 0 : 1
|
|
356
398
|
}]
|
|
357
399
|
}, /*#__PURE__*/React.createElement(AnimatedText, {
|
|
@@ -383,9 +425,9 @@ class TextField extends React.Component {
|
|
|
383
425
|
style: {
|
|
384
426
|
justifyContent: type === "solid" ? "center" : undefined
|
|
385
427
|
}
|
|
386
|
-
}, /*#__PURE__*/React.createElement(Icon,
|
|
428
|
+
}, /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
|
|
387
429
|
style: leftIconStyle
|
|
388
|
-
}))
|
|
430
|
+
})) : null, render({
|
|
389
431
|
ref: c => {
|
|
390
432
|
this._root = c;
|
|
391
433
|
},
|
|
@@ -420,9 +462,50 @@ class TextField extends React.Component {
|
|
|
420
462
|
}]
|
|
421
463
|
}, assistiveText) : null);
|
|
422
464
|
}
|
|
465
|
+
|
|
423
466
|
}
|
|
467
|
+
|
|
424
468
|
var _default = (0, _theming.withTheme)(TextField);
|
|
469
|
+
|
|
425
470
|
exports.default = _default;
|
|
471
|
+
|
|
472
|
+
const styles = _reactNative.StyleSheet.create({
|
|
473
|
+
container: {
|
|
474
|
+
alignSelf: "stretch"
|
|
475
|
+
},
|
|
476
|
+
placeholder: {
|
|
477
|
+
position: "absolute",
|
|
478
|
+
left: 0
|
|
479
|
+
},
|
|
480
|
+
underline: {
|
|
481
|
+
position: "absolute",
|
|
482
|
+
left: 0,
|
|
483
|
+
right: 0,
|
|
484
|
+
bottom: 0,
|
|
485
|
+
height: 2
|
|
486
|
+
},
|
|
487
|
+
input: {
|
|
488
|
+
flexGrow: 1,
|
|
489
|
+
justifyContent: "center",
|
|
490
|
+
textAlignVertical: "center",
|
|
491
|
+
margin: 0,
|
|
492
|
+
textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
|
|
493
|
+
}
|
|
494
|
+
});? /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
495
|
+
style: [{
|
|
496
|
+
color: error ? colors.error : colors.light,
|
|
497
|
+
marginTop: 8,
|
|
498
|
+
marginLeft: assistiveTextLeftMargin
|
|
499
|
+
}]
|
|
500
|
+
}, assistiveText) : null);
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
var _default = (0, _theming.withTheme)(TextField);
|
|
506
|
+
|
|
507
|
+
exports.default = _default;
|
|
508
|
+
|
|
426
509
|
const styles = _reactNative.StyleSheet.create({
|
|
427
510
|
container: {
|
|
428
511
|
alignSelf: "stretch"
|
|
@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
8
10
|
var _theming = require("../theming");
|
|
11
|
+
|
|
9
12
|
var _reactNative = require("react-native");
|
|
13
|
+
|
|
10
14
|
var _IconButton = _interopRequireDefault(require("./IconButton"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
12
18
|
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
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
const ToggleButton = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
Icon,
|
|
@@ -43,10 +52,12 @@ const ToggleButton = _ref => {
|
|
|
43
52
|
setInternalValue(defaultValue);
|
|
44
53
|
}
|
|
45
54
|
}, [defaultValue]);
|
|
55
|
+
|
|
46
56
|
const handlePress = () => {
|
|
47
57
|
setInternalValue(!internalValue);
|
|
48
58
|
onPress(!internalValue);
|
|
49
59
|
};
|
|
60
|
+
|
|
50
61
|
return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
51
62
|
Icon: Icon,
|
|
52
63
|
icon: icon,
|
|
@@ -62,10 +73,13 @@ const ToggleButton = _ref => {
|
|
|
62
73
|
}, style]
|
|
63
74
|
}, rest));
|
|
64
75
|
};
|
|
76
|
+
|
|
65
77
|
const styles = _reactNative.StyleSheet.create({
|
|
66
78
|
mainContainer: {
|
|
67
79
|
borderWidth: 1
|
|
68
80
|
}
|
|
69
81
|
});
|
|
82
|
+
|
|
70
83
|
var _default = (0, _theming.withTheme)(ToggleButton);
|
|
84
|
+
|
|
71
85
|
exports.default = _default;
|
|
@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = Touchable;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
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); }
|
|
15
|
+
|
|
11
16
|
function Touchable(_ref) {
|
|
12
17
|
let {
|
|
13
18
|
children,
|
|
@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Title = exports.Subtitle = exports.Caption = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
var _theming = require("../theming");
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
const Title = (0, _theming.withTheme)(_ref => {
|
|
12
17
|
let {
|
|
13
18
|
text,
|
|
@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useAuthState = void 0;
|
|
7
|
+
|
|
7
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
8
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); }
|
|
11
|
+
|
|
9
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; }
|
|
13
|
+
|
|
10
14
|
const useAuthState = auth => {
|
|
11
15
|
const [error, setError] = React.useState();
|
|
12
16
|
const [value, setValue] = React.useState(auth.currentUser);
|
|
@@ -16,13 +20,18 @@ const useAuthState = auth => {
|
|
|
16
20
|
list();
|
|
17
21
|
};
|
|
18
22
|
}, [auth]);
|
|
23
|
+
|
|
19
24
|
const signInWithEmailAndPassword = (user, password) => {
|
|
20
25
|
auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
|
|
21
26
|
};
|
|
27
|
+
|
|
22
28
|
const createUserWithEmailAndPassword = (user, password) => {
|
|
23
29
|
auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
|
|
24
30
|
};
|
|
31
|
+
|
|
25
32
|
const signOut = () => auth.signOut();
|
|
33
|
+
|
|
26
34
|
return [value, error, signInWithEmailAndPassword, signOut, createUserWithEmailAndPassword];
|
|
27
35
|
};
|
|
36
|
+
|
|
28
37
|
exports.useAuthState = useAuthState;
|
|
@@ -4,12 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.APPROX_STATUSBAR_HEIGHT = void 0;
|
|
7
|
+
|
|
7
8
|
var _reactNative = require("react-native");
|
|
9
|
+
|
|
8
10
|
// @ts-ignore
|
|
9
11
|
const expo = global.__expo;
|
|
10
12
|
const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.Constants ? expo.Constants.statusBarHeight : 0;
|
|
13
|
+
|
|
11
14
|
const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
|
|
12
15
|
android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
|
|
13
16
|
ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
|
|
14
17
|
});
|
|
15
|
-
|
|
18
|
+
|
|
19
|
+
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
|
package/lib/commonjs/hooks.js
CHANGED
|
@@ -4,18 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.usePrevious = usePrevious;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
9
12
|
function usePrevious(value) {
|
|
10
13
|
// The ref object is a generic container whose current property is mutable
|
|
11
14
|
// and can hold any value, similar to an instance property on a class
|
|
12
|
-
const ref = _react.default.useRef();
|
|
15
|
+
const ref = _react.default.useRef(); // Store current value in ref
|
|
16
|
+
|
|
13
17
|
|
|
14
|
-
// Store current value in ref
|
|
15
18
|
_react.default.useEffect(() => {
|
|
16
19
|
ref.current = value;
|
|
17
|
-
}, [value]);
|
|
20
|
+
}, [value]); // Return previous value (happens before update in useEffect above)
|
|
21
|
+
|
|
18
22
|
|
|
19
|
-
// Return previous value (happens before update in useEffect above)
|
|
20
23
|
return ref.current;
|
|
21
24
|
}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -51,12 +51,6 @@ Object.defineProperty(exports, "Banner", {
|
|
|
51
51
|
return _Banner.default;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
-
Object.defineProperty(exports, "BottomSheet", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _BottomSheet.BottomSheet;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
54
|
Object.defineProperty(exports, "Button", {
|
|
61
55
|
enumerable: true,
|
|
62
56
|
get: function () {
|
|
@@ -417,56 +411,107 @@ Object.defineProperty(exports, "withTheme", {
|
|
|
417
411
|
return _theming.withTheme;
|
|
418
412
|
}
|
|
419
413
|
});
|
|
414
|
+
|
|
420
415
|
var _Icon = require("./interfaces/Icon");
|
|
416
|
+
|
|
421
417
|
var _theming = require("./theming");
|
|
418
|
+
|
|
422
419
|
var _Provider = _interopRequireDefault(require("./Provider"));
|
|
420
|
+
|
|
423
421
|
var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
|
|
422
|
+
|
|
424
423
|
var _Text = require("./components/Text");
|
|
424
|
+
|
|
425
425
|
var _Banner = _interopRequireDefault(require("./components/Banner"));
|
|
426
|
+
|
|
426
427
|
var _Button = require("./components/Button");
|
|
428
|
+
|
|
427
429
|
var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
|
|
430
|
+
|
|
428
431
|
var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
|
|
432
|
+
|
|
429
433
|
var _Card = _interopRequireDefault(require("./components/Card"));
|
|
434
|
+
|
|
430
435
|
var _Carousel = _interopRequireDefault(require("./components/Carousel"));
|
|
436
|
+
|
|
431
437
|
var _Checkbox = require("./components/Checkbox");
|
|
438
|
+
|
|
432
439
|
var _Container = _interopRequireDefault(require("./components/Container"));
|
|
440
|
+
|
|
433
441
|
var _Divider = _interopRequireDefault(require("./components/Divider"));
|
|
442
|
+
|
|
434
443
|
var _FAB = _interopRequireDefault(require("./components/FAB"));
|
|
444
|
+
|
|
435
445
|
var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
|
|
446
|
+
|
|
436
447
|
var _IconButton = _interopRequireDefault(require("./components/IconButton"));
|
|
448
|
+
|
|
437
449
|
var _Image = _interopRequireDefault(require("./components/Image"));
|
|
450
|
+
|
|
438
451
|
var _SVG = _interopRequireDefault(require("./components/SVG"));
|
|
452
|
+
|
|
439
453
|
var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
|
|
454
|
+
|
|
440
455
|
var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
|
|
456
|
+
|
|
441
457
|
var _StarRating = _interopRequireDefault(require("./components/StarRating"));
|
|
458
|
+
|
|
442
459
|
var _Surface = _interopRequireDefault(require("./components/Surface"));
|
|
460
|
+
|
|
443
461
|
var _Switch = _interopRequireWildcard(require("./components/Switch"));
|
|
462
|
+
|
|
444
463
|
var _TextField = _interopRequireDefault(require("./components/TextField"));
|
|
464
|
+
|
|
445
465
|
var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
|
|
466
|
+
|
|
446
467
|
var _Touchable = _interopRequireDefault(require("./components/Touchable"));
|
|
468
|
+
|
|
447
469
|
var _Accordion = require("./components/Accordion");
|
|
470
|
+
|
|
448
471
|
var _ActionSheet = require("./components/ActionSheet");
|
|
472
|
+
|
|
449
473
|
var _Swiper = require("./components/Swiper");
|
|
450
|
-
|
|
474
|
+
|
|
451
475
|
var _Layout = require("./components/Layout");
|
|
476
|
+
|
|
452
477
|
var _index = require("./components/RadioButton/index");
|
|
478
|
+
|
|
453
479
|
var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
480
|
+
|
|
454
481
|
var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
|
|
482
|
+
|
|
455
483
|
var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
|
|
484
|
+
|
|
456
485
|
var _CardInline = _interopRequireDefault(require("./components/CardInline"));
|
|
486
|
+
|
|
457
487
|
var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
|
|
488
|
+
|
|
458
489
|
var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
|
|
490
|
+
|
|
459
491
|
var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
|
|
492
|
+
|
|
460
493
|
var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
|
|
494
|
+
|
|
461
495
|
var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
|
|
496
|
+
|
|
462
497
|
var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
|
|
498
|
+
|
|
463
499
|
var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
|
|
500
|
+
|
|
464
501
|
var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
|
|
502
|
+
|
|
465
503
|
var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
|
|
504
|
+
|
|
466
505
|
var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
|
|
506
|
+
|
|
467
507
|
var _Slider = _interopRequireDefault(require("./components/Slider"));
|
|
508
|
+
|
|
468
509
|
var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
510
|
+
|
|
469
511
|
var _useAuthState = require("./components/useAuthState");
|
|
512
|
+
|
|
470
513
|
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); }
|
|
514
|
+
|
|
471
515
|
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; }
|
|
516
|
+
|
|
472
517
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|