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