@draftbit/core 46.4.4-c18fe1.2 → 46.4.4-c3016d.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 +15 -0
- 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 +10 -15
- 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 +26 -0
- 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 +4 -0
- package/lib/commonjs/hooks.js +7 -4
- package/lib/commonjs/index.js +52 -7
- package/lib/commonjs/interfaces/Icon.js +5 -3
- package/lib/commonjs/mappings/Accordion.js +2 -0
- package/lib/commonjs/mappings/AccordionItem.js +2 -0
- package/lib/commonjs/mappings/ActionSheet.js +2 -0
- package/lib/commonjs/mappings/ActionSheetCancel.js +2 -0
- package/lib/commonjs/mappings/ActionSheetItem.js +2 -0
- package/lib/commonjs/mappings/ActivityIndicator.js +2 -0
- package/lib/commonjs/mappings/AudioPlayer.js +34 -2
- 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/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 +33 -12
- 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 +34 -8
- 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 +34 -3
- package/lib/module/components/Divider.js +3 -0
- package/lib/module/components/Elevation.js +3 -0
- package/lib/module/components/FAB.js +3 -0
- package/lib/module/components/FieldSearchBarFull.js +9 -0
- package/lib/module/components/FormRow.js +1 -0
- package/lib/module/components/Header.js +2 -0
- package/lib/module/components/HeaderLarge.js +2 -0
- package/lib/module/components/HeaderMedium.js +2 -0
- package/lib/module/components/HeaderOverline.js +2 -0
- package/lib/module/components/IconButton.js +3 -0
- package/lib/module/components/Image.js +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 +14 -9
- 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 +105 -35
- package/lib/module/components/ToggleButton.js +5 -0
- package/lib/module/components/Touchable.js +1 -0
- package/lib/module/components/useAuthState.js +4 -0
- package/lib/module/constants.js +1 -2
- package/lib/module/hooks.js +2 -4
- package/lib/module/index.js +2 -5
- package/lib/module/interfaces/Icon.js +1 -2
- package/lib/module/mappings/AudioPlayer.js +33 -3
- 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/Icon.js +1 -2
- package/lib/module/mappings/NumberInput.js +2 -4
- package/lib/module/mappings/Picker.js +2 -4
- package/lib/module/mappings/RowHeadlineImageIcon.js +6 -12
- package/lib/module/mappings/StarRating.js +8 -3
- package/lib/module/mappings/Stepper.js +2 -2
- package/lib/module/mappings/Text.js +3 -5
- package/lib/module/mappings/TextArea.js +1 -2
- package/lib/module/mappings/TextField.js +6 -7
- package/lib/module/mappings/TextInput.js +1 -2
- package/lib/module/styles/DarkTheme.js +2 -4
- package/lib/module/styles/DefaultTheme.js +13 -26
- package/lib/module/styles/fonts.js +1 -2
- package/lib/module/styles/overlay.js +10 -4
- package/lib/module/styles/shadow.js +6 -0
- package/lib/module/utilities.js +5 -2
- package/lib/typescript/src/components/Stepper.d.ts +1 -2
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/mappings/AudioPlayer.d.ts +62 -1
- package/package.json +3 -5
- 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/index.js +0 -1
- package/src/index.tsx +0 -1
- package/src/mappings/AudioPlayer.js +39 -2
- package/src/mappings/AudioPlayer.ts +41 -1
- package/src/mappings/Stepper.js +5 -2
- package/src/mappings/Stepper.ts +5 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.native.js +0 -58
- package/lib/commonjs/components/BottomSheet/BottomSheet.web.js +0 -83
- package/lib/commonjs/components/BottomSheet/index.js +0 -13
- package/lib/commonjs/components/BottomSheet/types.js +0 -5
- package/lib/commonjs/mappings/BottomSheet.js +0 -20
- package/lib/module/components/BottomSheet/BottomSheet.native.js +0 -49
- package/lib/module/components/BottomSheet/BottomSheet.web.js +0 -75
- package/lib/module/components/BottomSheet/index.js +0 -2
- package/lib/module/components/BottomSheet/types.js +0 -1
- package/lib/module/mappings/BottomSheet.js +0 -13
- package/lib/typescript/src/components/BottomSheet/BottomSheet.native.d.ts +0 -4
- package/lib/typescript/src/components/BottomSheet/BottomSheet.web.d.ts +0 -4
- package/lib/typescript/src/components/BottomSheet/index.d.ts +0 -1
- package/lib/typescript/src/components/BottomSheet/types.d.ts +0 -8
- package/lib/typescript/src/mappings/BottomSheet.d.ts +0 -19
- package/src/components/BottomSheet/BottomSheet.native.js +0 -37
- package/src/components/BottomSheet/BottomSheet.native.tsx +0 -60
- package/src/components/BottomSheet/BottomSheet.web.js +0 -56
- package/src/components/BottomSheet/BottomSheet.web.tsx +0 -90
- package/src/components/BottomSheet/index.js +0 -2
- package/src/components/BottomSheet/index.tsx +0 -2
- package/src/components/BottomSheet/types.js +0 -1
- package/src/components/BottomSheet/types.tsx +0 -8
- package/src/mappings/BottomSheet.js +0 -20
- package/src/mappings/BottomSheet.ts +0 -25
|
@@ -4,15 +4,25 @@ 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 _shadow = _interopRequireDefault(require("../styles/shadow"));
|
|
13
|
+
|
|
10
14
|
var _overlay = _interopRequireDefault(require("../styles/overlay"));
|
|
15
|
+
|
|
11
16
|
var _theming = require("../theming");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
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
|
+
|
|
16
26
|
const Surface = _ref => {
|
|
17
27
|
let {
|
|
18
28
|
elevation: propElevation,
|
|
@@ -33,6 +43,7 @@ const Surface = _ref => {
|
|
|
33
43
|
} = theme;
|
|
34
44
|
const elevation = propElevation || styleElevation;
|
|
35
45
|
const evalationStyles = elevation ? (0, _shadow.default)(elevation) : {};
|
|
46
|
+
|
|
36
47
|
const getBackgroundColor = () => {
|
|
37
48
|
if (backgroundColor) {
|
|
38
49
|
return backgroundColor;
|
|
@@ -42,6 +53,7 @@ const Surface = _ref => {
|
|
|
42
53
|
return colors.surface;
|
|
43
54
|
}
|
|
44
55
|
};
|
|
56
|
+
|
|
45
57
|
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
|
|
46
58
|
style: [{
|
|
47
59
|
backgroundColor: getBackgroundColor(),
|
|
@@ -51,5 +63,7 @@ const Surface = _ref => {
|
|
|
51
63
|
}]
|
|
52
64
|
}), children);
|
|
53
65
|
};
|
|
66
|
+
|
|
54
67
|
var _default = (0, _theming.withTheme)(Surface);
|
|
68
|
+
|
|
55
69
|
exports.default = _default;
|
|
@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
var _reactNativeWebSwiper = _interopRequireDefault(require("react-native-web-swiper"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
const Swiper = _ref => {
|
|
12
17
|
let {
|
|
13
18
|
vertical = false,
|
|
@@ -62,14 +67,17 @@ const Swiper = _ref => {
|
|
|
62
67
|
item,
|
|
63
68
|
index
|
|
64
69
|
});
|
|
70
|
+
|
|
65
71
|
if (!component) {
|
|
66
72
|
return null;
|
|
67
73
|
}
|
|
74
|
+
|
|
68
75
|
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
69
76
|
return /*#__PURE__*/_react.default.cloneElement(component, {
|
|
70
77
|
key
|
|
71
78
|
});
|
|
72
79
|
}) : children));
|
|
73
80
|
};
|
|
81
|
+
|
|
74
82
|
var _default = Swiper;
|
|
75
83
|
exports.default = _default;
|
|
@@ -4,14 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
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
|
const styles = _reactNative.StyleSheet.create({
|
|
11
15
|
wrapper: {
|
|
12
16
|
flex: 1
|
|
13
17
|
}
|
|
14
18
|
});
|
|
19
|
+
|
|
15
20
|
const SwiperItem = _ref => {
|
|
16
21
|
let {
|
|
17
22
|
children,
|
|
@@ -21,5 +26,6 @@ const SwiperItem = _ref => {
|
|
|
21
26
|
style: [styles.wrapper, style]
|
|
22
27
|
}, children);
|
|
23
28
|
};
|
|
29
|
+
|
|
24
30
|
var _default = SwiperItem;
|
|
25
31
|
exports.default = _default;
|
|
@@ -15,6 +15,9 @@ Object.defineProperty(exports, "SwiperItem", {
|
|
|
15
15
|
return _SwiperItem.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
|
|
18
19
|
var _Swiper = _interopRequireDefault(require("./Swiper"));
|
|
20
|
+
|
|
19
21
|
var _SwiperItem = _interopRequireDefault(require("./SwiperItem"));
|
|
22
|
+
|
|
20
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.SwitchRow = 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 _FormRow = _interopRequireDefault(require("./FormRow"));
|
|
15
|
+
|
|
11
16
|
var _types = require("@draftbit/types");
|
|
17
|
+
|
|
12
18
|
var _hooks = require("../hooks");
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
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
|
+
|
|
16
26
|
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
|
+
|
|
17
28
|
function Switch(_ref) {
|
|
18
29
|
let {
|
|
19
30
|
value,
|
|
@@ -37,10 +48,9 @@ function Switch(_ref) {
|
|
|
37
48
|
if (value != null && value !== checked) {
|
|
38
49
|
setChecked(value);
|
|
39
50
|
}
|
|
40
|
-
}, [value, checked]);
|
|
41
|
-
|
|
42
|
-
// This special logic is to handle weird APIs like Airtable that return
|
|
51
|
+
}, [value, checked]); // This special logic is to handle weird APIs like Airtable that return
|
|
43
52
|
// true or undefined for a boolean
|
|
53
|
+
|
|
44
54
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
45
55
|
React.useEffect(() => {
|
|
46
56
|
if (defaultValue !== previousDefaultValue) {
|
|
@@ -54,8 +64,7 @@ function Switch(_ref) {
|
|
|
54
64
|
false: inactiveTrackThemeColor,
|
|
55
65
|
true: activeTrackThemeColor
|
|
56
66
|
},
|
|
57
|
-
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
58
|
-
// @ts-ignore react-native-web only
|
|
67
|
+
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
|
|
59
68
|
,
|
|
60
69
|
activeThumbColor: activeThumbThemeColor,
|
|
61
70
|
ios_backgroundColor: inactiveTrackThemeColor,
|
|
@@ -66,6 +75,7 @@ function Switch(_ref) {
|
|
|
66
75
|
}
|
|
67
76
|
}, rest));
|
|
68
77
|
}
|
|
78
|
+
|
|
69
79
|
function Row(_ref2) {
|
|
70
80
|
let {
|
|
71
81
|
label = "Label",
|
|
@@ -113,7 +123,10 @@ function Row(_ref2) {
|
|
|
113
123
|
inactiveThumbColor: inactiveThumbColor
|
|
114
124
|
}));
|
|
115
125
|
}
|
|
126
|
+
|
|
116
127
|
const SwitchRow = (0, _theming.withTheme)(Row);
|
|
117
128
|
exports.SwitchRow = SwitchRow;
|
|
129
|
+
|
|
118
130
|
var _default = (0, _theming.withTheme)(Switch);
|
|
131
|
+
|
|
119
132
|
exports.default = _default;
|
|
@@ -4,26 +4,36 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Link = exports.BaseLink = 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
|
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
|
+
|
|
11
16
|
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
|
+
|
|
12
18
|
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); }
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
16
22
|
class Text extends React.Component {
|
|
17
23
|
constructor() {
|
|
18
24
|
super(...arguments);
|
|
25
|
+
|
|
19
26
|
_defineProperty(this, "_root", void 0);
|
|
27
|
+
|
|
20
28
|
_defineProperty(this, "state", {
|
|
21
29
|
nativeProps: {}
|
|
22
30
|
});
|
|
23
31
|
}
|
|
32
|
+
|
|
24
33
|
setNativeProps(args) {
|
|
25
34
|
this.state.nativeProps = args || {};
|
|
26
35
|
}
|
|
36
|
+
|
|
27
37
|
render() {
|
|
28
38
|
const {
|
|
29
39
|
style,
|
|
@@ -40,7 +50,9 @@ class Text extends React.Component {
|
|
|
40
50
|
}, style]
|
|
41
51
|
}));
|
|
42
52
|
}
|
|
53
|
+
|
|
43
54
|
}
|
|
55
|
+
|
|
44
56
|
const BaseLink = _ref => {
|
|
45
57
|
let {
|
|
46
58
|
style,
|
|
@@ -56,8 +68,11 @@ const BaseLink = _ref => {
|
|
|
56
68
|
theme: theme
|
|
57
69
|
}, props), title);
|
|
58
70
|
};
|
|
71
|
+
|
|
59
72
|
exports.BaseLink = BaseLink;
|
|
60
73
|
const Link = (0, _theming.withTheme)(BaseLink);
|
|
61
74
|
exports.Link = Link;
|
|
75
|
+
|
|
62
76
|
var _default = (0, _theming.withTheme)(Text);
|
|
77
|
+
|
|
63
78
|
exports.default = _default;
|
|
@@ -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,
|