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