@draftbit/core 46.4.4-dc9728.2 → 46.4.4-e6bfdd.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 +0 -13
- package/lib/commonjs/components/Accordion/index.js +0 -3
- package/lib/commonjs/components/ActionSheet/ActionSheet.js +0 -9
- package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js +0 -5
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js +0 -7
- package/lib/commonjs/components/ActionSheet/index.js +0 -4
- package/lib/commonjs/components/AnimatedCircularProgress.js +0 -15
- package/lib/commonjs/components/AspectRatio.js +0 -10
- package/lib/commonjs/components/AvatarEdit.js +0 -12
- package/lib/commonjs/components/Banner.js +9 -23
- package/lib/commonjs/components/Button.js +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 +23 -65
- 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 +0 -52
- package/lib/commonjs/interfaces/Icon.js +3 -5
- package/lib/commonjs/mappings/Accordion.js +0 -2
- package/lib/commonjs/mappings/AccordionItem.js +0 -2
- package/lib/commonjs/mappings/ActionSheet.js +0 -2
- package/lib/commonjs/mappings/ActionSheetCancel.js +0 -2
- package/lib/commonjs/mappings/ActionSheetItem.js +0 -2
- package/lib/commonjs/mappings/ActivityIndicator.js +0 -2
- package/lib/commonjs/mappings/AudioPlayer.js +0 -2
- package/lib/commonjs/mappings/AvatarEdit.js +0 -2
- package/lib/commonjs/mappings/Banner.js +0 -2
- package/lib/commonjs/mappings/BlurView.js +0 -2
- package/lib/commonjs/mappings/Button.js +6 -5
- package/lib/commonjs/mappings/Card.js +3 -4
- package/lib/commonjs/mappings/CardBlock.js +6 -5
- package/lib/commonjs/mappings/CardContainer.js +5 -7
- package/lib/commonjs/mappings/CardContainerRating.js +4 -4
- package/lib/commonjs/mappings/CardContainerShortImage.js +0 -2
- package/lib/commonjs/mappings/CardInline.js +0 -2
- package/lib/commonjs/mappings/Carousel.js +0 -2
- package/lib/commonjs/mappings/Checkbox.js +0 -2
- package/lib/commonjs/mappings/CheckboxGroup.js +0 -2
- package/lib/commonjs/mappings/CheckboxRow.js +0 -2
- package/lib/commonjs/mappings/CircleImage.js +0 -2
- package/lib/commonjs/mappings/Container.js +0 -2
- package/lib/commonjs/mappings/CustomCode.js +0 -2
- package/lib/commonjs/mappings/DatePicker.js +4 -17
- 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 +0 -3
- package/lib/module/components/ActionSheet/ActionSheet.js +0 -2
- package/lib/module/components/ActionSheet/ActionSheetCancel.js +0 -2
- package/lib/module/components/ActionSheet/ActionSheetItem.js +0 -2
- package/lib/module/components/AnimatedCircularProgress.js +0 -6
- package/lib/module/components/AspectRatio.js +0 -6
- package/lib/module/components/AvatarEdit.js +0 -3
- package/lib/module/components/Banner.js +9 -10
- package/lib/module/components/Button.js +2 -10
- package/lib/module/components/Card.js +0 -2
- package/lib/module/components/CardBlock.js +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 +23 -49
- 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 +4 -2
- package/lib/module/interfaces/Icon.js +2 -1
- package/lib/module/mappings/Button.js +6 -3
- package/lib/module/mappings/Card.js +3 -2
- package/lib/module/mappings/CardBlock.js +6 -3
- package/lib/module/mappings/CardContainer.js +5 -5
- package/lib/module/mappings/CardContainerRating.js +4 -2
- package/lib/module/mappings/DatePicker.js +5 -16
- 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/DatePicker/DatePicker.d.ts +0 -4
- package/lib/typescript/src/components/Text.d.ts +2 -1
- package/lib/typescript/src/components/TextField.d.ts +2 -1
- package/lib/typescript/src/mappings/DatePicker.d.ts +0 -42
- package/lib/typescript/src/mappings/TextField.d.ts +2 -2
- package/lib/typescript/src/mappings/TextInput.d.ts +1 -1
- package/package.json +3 -3
- package/src/components/DatePicker/DatePicker.js +8 -14
- package/src/components/DatePicker/DatePicker.tsx +7 -23
- 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/mappings/DatePicker.js +1 -21
- package/src/mappings/DatePicker.ts +0 -23
- 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,25 +4,15 @@ 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 _shadow = _interopRequireDefault(require("../styles/shadow"));
|
|
13
|
-
|
|
14
10
|
var _overlay = _interopRequireDefault(require("../styles/overlay"));
|
|
15
|
-
|
|
16
11
|
var _theming = require("../theming");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
const Surface = _ref => {
|
|
27
17
|
let {
|
|
28
18
|
elevation: propElevation,
|
|
@@ -43,7 +33,6 @@ const Surface = _ref => {
|
|
|
43
33
|
} = theme;
|
|
44
34
|
const elevation = propElevation || styleElevation;
|
|
45
35
|
const evalationStyles = elevation ? (0, _shadow.default)(elevation) : {};
|
|
46
|
-
|
|
47
36
|
const getBackgroundColor = () => {
|
|
48
37
|
if (backgroundColor) {
|
|
49
38
|
return backgroundColor;
|
|
@@ -53,7 +42,6 @@ const Surface = _ref => {
|
|
|
53
42
|
return colors.surface;
|
|
54
43
|
}
|
|
55
44
|
};
|
|
56
|
-
|
|
57
45
|
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
|
|
58
46
|
style: [{
|
|
59
47
|
backgroundColor: getBackgroundColor(),
|
|
@@ -63,7 +51,5 @@ const Surface = _ref => {
|
|
|
63
51
|
}]
|
|
64
52
|
}), children);
|
|
65
53
|
};
|
|
66
|
-
|
|
67
54
|
var _default = (0, _theming.withTheme)(Surface);
|
|
68
|
-
|
|
69
55
|
exports.default = _default;
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _reactNativeWebSwiper = _interopRequireDefault(require("react-native-web-swiper"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
const Swiper = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
vertical = false,
|
|
@@ -67,17 +62,14 @@ const Swiper = _ref => {
|
|
|
67
62
|
item,
|
|
68
63
|
index
|
|
69
64
|
});
|
|
70
|
-
|
|
71
65
|
if (!component) {
|
|
72
66
|
return null;
|
|
73
67
|
}
|
|
74
|
-
|
|
75
68
|
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
76
69
|
return /*#__PURE__*/_react.default.cloneElement(component, {
|
|
77
70
|
key
|
|
78
71
|
});
|
|
79
72
|
}) : children));
|
|
80
73
|
};
|
|
81
|
-
|
|
82
74
|
var _default = Swiper;
|
|
83
75
|
exports.default = _default;
|
|
@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
const styles = _reactNative.StyleSheet.create({
|
|
15
11
|
wrapper: {
|
|
16
12
|
flex: 1
|
|
17
13
|
}
|
|
18
14
|
});
|
|
19
|
-
|
|
20
15
|
const SwiperItem = _ref => {
|
|
21
16
|
let {
|
|
22
17
|
children,
|
|
@@ -26,6 +21,5 @@ const SwiperItem = _ref => {
|
|
|
26
21
|
style: [styles.wrapper, style]
|
|
27
22
|
}, children);
|
|
28
23
|
};
|
|
29
|
-
|
|
30
24
|
var _default = SwiperItem;
|
|
31
25
|
exports.default = _default;
|
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "SwiperItem", {
|
|
|
15
15
|
return _SwiperItem.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _Swiper = _interopRequireDefault(require("./Swiper"));
|
|
20
|
-
|
|
21
19
|
var _SwiperItem = _interopRequireDefault(require("./SwiperItem"));
|
|
22
|
-
|
|
23
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.SwitchRow = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _theming = require("../theming");
|
|
13
|
-
|
|
14
10
|
var _FormRow = _interopRequireDefault(require("./FormRow"));
|
|
15
|
-
|
|
16
11
|
var _types = require("@draftbit/types");
|
|
17
|
-
|
|
18
12
|
var _hooks = require("../hooks");
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
-
|
|
28
17
|
function Switch(_ref) {
|
|
29
18
|
let {
|
|
30
19
|
value,
|
|
@@ -48,9 +37,10 @@ function Switch(_ref) {
|
|
|
48
37
|
if (value != null && value !== checked) {
|
|
49
38
|
setChecked(value);
|
|
50
39
|
}
|
|
51
|
-
}, [value, checked]);
|
|
52
|
-
// true or undefined for a boolean
|
|
40
|
+
}, [value, checked]);
|
|
53
41
|
|
|
42
|
+
// This special logic is to handle weird APIs like Airtable that return
|
|
43
|
+
// true or undefined for a boolean
|
|
54
44
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
55
45
|
React.useEffect(() => {
|
|
56
46
|
if (defaultValue !== previousDefaultValue) {
|
|
@@ -64,7 +54,8 @@ function Switch(_ref) {
|
|
|
64
54
|
false: inactiveTrackThemeColor,
|
|
65
55
|
true: activeTrackThemeColor
|
|
66
56
|
},
|
|
67
|
-
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
57
|
+
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
58
|
+
// @ts-ignore react-native-web only
|
|
68
59
|
,
|
|
69
60
|
activeThumbColor: activeThumbThemeColor,
|
|
70
61
|
ios_backgroundColor: inactiveTrackThemeColor,
|
|
@@ -75,7 +66,6 @@ function Switch(_ref) {
|
|
|
75
66
|
}
|
|
76
67
|
}, rest));
|
|
77
68
|
}
|
|
78
|
-
|
|
79
69
|
function Row(_ref2) {
|
|
80
70
|
let {
|
|
81
71
|
label = "Label",
|
|
@@ -123,10 +113,7 @@ function Row(_ref2) {
|
|
|
123
113
|
inactiveThumbColor: inactiveThumbColor
|
|
124
114
|
}));
|
|
125
115
|
}
|
|
126
|
-
|
|
127
116
|
const SwitchRow = (0, _theming.withTheme)(Row);
|
|
128
117
|
exports.SwitchRow = SwitchRow;
|
|
129
|
-
|
|
130
118
|
var _default = (0, _theming.withTheme)(Switch);
|
|
131
|
-
|
|
132
119
|
exports.default = _default;
|
|
@@ -4,39 +4,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Link = exports.BaseLink = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _theming = require("../theming");
|
|
13
|
-
|
|
14
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
11
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
13
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
16
|
class Text extends React.Component {
|
|
23
17
|
constructor() {
|
|
24
18
|
super(...arguments);
|
|
25
|
-
|
|
26
19
|
_defineProperty(this, "_root", void 0);
|
|
20
|
+
_defineProperty(this, "state", {
|
|
21
|
+
nativeProps: {}
|
|
22
|
+
});
|
|
27
23
|
}
|
|
28
|
-
|
|
29
24
|
setNativeProps(args) {
|
|
30
|
-
|
|
25
|
+
this.state.nativeProps = args || {};
|
|
31
26
|
}
|
|
32
|
-
|
|
33
27
|
render() {
|
|
34
28
|
const {
|
|
35
29
|
style,
|
|
36
30
|
...rest
|
|
37
31
|
} = this.props;
|
|
38
32
|
const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
|
|
39
|
-
return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
|
|
33
|
+
return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, this.state.nativeProps, {
|
|
40
34
|
ref: c => {
|
|
41
35
|
this._root = c;
|
|
42
36
|
},
|
|
@@ -46,9 +40,7 @@ class Text extends React.Component {
|
|
|
46
40
|
}, style]
|
|
47
41
|
}));
|
|
48
42
|
}
|
|
49
|
-
|
|
50
43
|
}
|
|
51
|
-
|
|
52
44
|
const BaseLink = _ref => {
|
|
53
45
|
let {
|
|
54
46
|
style,
|
|
@@ -64,11 +56,8 @@ const BaseLink = _ref => {
|
|
|
64
56
|
theme: theme
|
|
65
57
|
}, props), title);
|
|
66
58
|
};
|
|
67
|
-
|
|
68
59
|
exports.BaseLink = BaseLink;
|
|
69
60
|
const Link = (0, _theming.withTheme)(BaseLink);
|
|
70
61
|
exports.Link = Link;
|
|
71
|
-
|
|
72
62
|
var _default = (0, _theming.withTheme)(Text);
|
|
73
|
-
|
|
74
63
|
exports.default = _default;
|
|
@@ -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,
|