@draftbit/core 46.4.4-d55501.2 → 46.4.4-d5b88a.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Provider.js +9 -0
- package/lib/commonjs/components/Accordion/AccordionGroup.js +14 -0
- package/lib/commonjs/components/Accordion/AccordionItem.js +13 -0
- package/lib/commonjs/components/Accordion/index.js +3 -0
- package/lib/commonjs/components/ActionSheet/ActionSheet.js +9 -0
- package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js +5 -0
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js +7 -0
- package/lib/commonjs/components/ActionSheet/index.js +4 -0
- package/lib/commonjs/components/AnimatedCircularProgress.js +15 -0
- package/lib/commonjs/components/AspectRatio.js +10 -0
- package/lib/commonjs/components/AvatarEdit.js +12 -0
- package/lib/commonjs/components/Banner.js +23 -9
- package/lib/commonjs/components/Button.js +19 -2
- package/lib/commonjs/components/Card.js +14 -0
- package/lib/commonjs/components/CardBlock.js +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 +9 -0
- package/lib/commonjs/components/CircularProgress.js +13 -3
- package/lib/commonjs/components/Config.js +13 -5
- package/lib/commonjs/components/Container.js +15 -15
- 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 -13
- package/lib/commonjs/interfaces/Icon.js +5 -3
- package/lib/commonjs/mappings/Accordion.js +2 -0
- package/lib/commonjs/mappings/AccordionItem.js +2 -0
- package/lib/commonjs/mappings/ActionSheet.js +2 -0
- package/lib/commonjs/mappings/ActionSheetCancel.js +2 -0
- package/lib/commonjs/mappings/ActionSheetItem.js +2 -0
- package/lib/commonjs/mappings/ActivityIndicator.js +2 -0
- package/lib/commonjs/mappings/AudioPlayer.js +2 -0
- package/lib/commonjs/mappings/AvatarEdit.js +2 -0
- package/lib/commonjs/mappings/Banner.js +2 -0
- package/lib/commonjs/mappings/BlurView.js +2 -0
- package/lib/commonjs/mappings/Button.js +5 -6
- package/lib/commonjs/mappings/Card.js +4 -3
- package/lib/commonjs/mappings/CardBlock.js +5 -6
- package/lib/commonjs/mappings/CardContainer.js +7 -5
- package/lib/commonjs/mappings/CardContainerRating.js +4 -4
- package/lib/commonjs/mappings/CardContainerShortImage.js +2 -0
- package/lib/commonjs/mappings/CardInline.js +2 -0
- package/lib/commonjs/mappings/Carousel.js +2 -0
- package/lib/commonjs/mappings/Checkbox.js +2 -0
- package/lib/commonjs/mappings/CheckboxGroup.js +2 -0
- package/lib/commonjs/mappings/CheckboxRow.js +2 -0
- package/lib/commonjs/mappings/CircleImage.js +2 -0
- package/lib/commonjs/mappings/Container.js +2 -0
- package/lib/commonjs/mappings/CustomCode.js +2 -0
- package/lib/commonjs/mappings/DatePicker.js +4 -4
- package/lib/commonjs/mappings/Divider.js +2 -0
- package/lib/commonjs/mappings/FAB.js +2 -0
- package/lib/commonjs/mappings/Fetch.js +2 -0
- package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -2
- package/lib/commonjs/mappings/FlashList.js +2 -0
- package/lib/commonjs/mappings/FlatList.js +2 -0
- package/lib/commonjs/mappings/HeaderLarge.js +2 -0
- package/lib/commonjs/mappings/HeaderMedium.js +2 -0
- package/lib/commonjs/mappings/HeaderOverline.js +2 -0
- package/lib/commonjs/mappings/HtmlElements.js +125 -0
- package/lib/commonjs/mappings/Icon.js +3 -2
- package/lib/commonjs/mappings/IconButton.js +2 -0
- package/lib/commonjs/mappings/Image.js +2 -0
- package/lib/commonjs/mappings/ImageBackground.js +2 -0
- package/lib/commonjs/mappings/KeyboardAvoidingView.js +2 -0
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js +2 -0
- package/lib/commonjs/mappings/Layout.js +2 -0
- package/lib/commonjs/mappings/LinearGradient.js +2 -0
- package/lib/commonjs/mappings/MapCallout.js +2 -0
- package/lib/commonjs/mappings/MapMarker.js +2 -0
- package/lib/commonjs/mappings/MapView.js +2 -0
- package/lib/commonjs/mappings/Modal.js +2 -0
- package/lib/commonjs/mappings/NumberInput.js +4 -4
- package/lib/commonjs/mappings/Picker.js +4 -4
- package/lib/commonjs/mappings/ProgressBar.js +2 -0
- package/lib/commonjs/mappings/ProgressCircle.js +2 -0
- package/lib/commonjs/mappings/ProgressIndicator.js +2 -0
- package/lib/commonjs/mappings/RadioButton.js +2 -0
- package/lib/commonjs/mappings/RadioButtonGroup.js +2 -0
- package/lib/commonjs/mappings/RadioButtonRow.js +2 -0
- package/lib/commonjs/mappings/RowBodyIcon.js +2 -0
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js +2 -0
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js +8 -12
- package/lib/commonjs/mappings/SVG.js +2 -0
- package/lib/commonjs/mappings/SafeAreaView.js +2 -0
- package/lib/commonjs/mappings/ScrollView.js +2 -0
- package/lib/commonjs/mappings/Slider.js +2 -0
- package/lib/commonjs/mappings/StarRating.js +3 -1
- package/lib/commonjs/mappings/Stepper.js +3 -1
- package/lib/commonjs/mappings/Surface.js +2 -0
- package/lib/commonjs/mappings/Swiper.js +2 -0
- package/lib/commonjs/mappings/SwiperItem.js +2 -0
- package/lib/commonjs/mappings/Switch.js +2 -0
- package/lib/commonjs/mappings/Text.js +5 -5
- package/lib/commonjs/mappings/TextArea.js +3 -2
- package/lib/commonjs/mappings/TextField.js +8 -7
- package/lib/commonjs/mappings/TextInput.js +3 -2
- package/lib/commonjs/mappings/ToggleButton.js +2 -0
- package/lib/commonjs/mappings/Touchable.js +2 -0
- package/lib/commonjs/mappings/Video.js +2 -0
- package/lib/commonjs/mappings/View.js +2 -0
- package/lib/commonjs/mappings/WebView.js +2 -0
- package/lib/commonjs/styles/DarkTheme.js +6 -5
- package/lib/commonjs/styles/DefaultTheme.js +17 -26
- package/lib/commonjs/styles/fonts.js +5 -3
- package/lib/commonjs/styles/overlay.js +14 -5
- package/lib/commonjs/styles/shadow.js +9 -0
- package/lib/commonjs/theming.js +4 -0
- package/lib/commonjs/utilities.js +14 -2
- package/lib/module/Provider.js +1 -0
- package/lib/module/components/Accordion/AccordionGroup.js +4 -0
- package/lib/module/components/Accordion/AccordionItem.js +3 -0
- package/lib/module/components/ActionSheet/ActionSheet.js +2 -0
- package/lib/module/components/ActionSheet/ActionSheetCancel.js +2 -0
- package/lib/module/components/ActionSheet/ActionSheetItem.js +2 -0
- package/lib/module/components/AnimatedCircularProgress.js +6 -0
- package/lib/module/components/AspectRatio.js +6 -0
- package/lib/module/components/AvatarEdit.js +3 -0
- package/lib/module/components/Banner.js +10 -9
- package/lib/module/components/Button.js +10 -2
- package/lib/module/components/Card.js +2 -0
- package/lib/module/components/CardBlock.js +6 -0
- package/lib/module/components/CardContainer.js +7 -0
- package/lib/module/components/CardContainerRating.js +8 -2
- package/lib/module/components/CardContainerShortImage.js +3 -0
- package/lib/module/components/CardInline.js +2 -0
- package/lib/module/components/Carousel.js +9 -3
- package/lib/module/components/Checkbox/Checkbox.js +9 -3
- package/lib/module/components/Checkbox/CheckboxGroup.js +5 -0
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +8 -0
- package/lib/module/components/Checkbox/CheckboxRow.js +11 -3
- package/lib/module/components/Checkbox/context.js +2 -0
- package/lib/module/components/CircleImage.js +3 -0
- package/lib/module/components/CircularProgress.js +9 -3
- package/lib/module/components/Config.js +11 -5
- package/lib/module/components/Container.js +3 -0
- package/lib/module/components/DatePicker/DatePicker.js +33 -16
- package/lib/module/components/DatePicker/DatePickerComponent.js +2 -0
- package/lib/module/components/DatePicker/DatePickerComponent.web.js +2 -0
- package/lib/module/components/DeprecatedButton.js +9 -0
- package/lib/module/components/DeprecatedCardWrapper.js +6 -0
- package/lib/module/components/DeprecatedFAB.js +13 -0
- package/lib/module/components/Divider.js +3 -0
- package/lib/module/components/Elevation.js +3 -0
- package/lib/module/components/FAB.js +3 -0
- package/lib/module/components/FieldSearchBarFull.js +9 -0
- package/lib/module/components/FormRow.js +1 -0
- package/lib/module/components/Header.js +2 -0
- package/lib/module/components/HeaderLarge.js +2 -0
- package/lib/module/components/HeaderMedium.js +2 -0
- package/lib/module/components/HeaderOverline.js +2 -0
- package/lib/module/components/IconButton.js +3 -0
- package/lib/module/components/Image.js +10 -0
- package/lib/module/components/Layout.js +3 -4
- package/lib/module/components/NumberInput.js +16 -8
- package/lib/module/components/Picker/Picker.js +25 -8
- package/lib/module/components/Picker/PickerComponent.android.js +10 -6
- package/lib/module/components/Picker/PickerComponent.ios.js +11 -8
- package/lib/module/components/Picker/PickerComponent.web.js +10 -6
- package/lib/module/components/Portal/Portal.js +6 -4
- package/lib/module/components/Portal/PortalConsumer.js +10 -5
- package/lib/module/components/Portal/PortalHost.js +22 -4
- package/lib/module/components/Portal/PortalManager.js +14 -7
- package/lib/module/components/ProgressBar.js +17 -5
- package/lib/module/components/ProgressCircle.js +2 -0
- package/lib/module/components/ProgressIndicator.js +2 -0
- package/lib/module/components/RadioButton/RadioButton.js +6 -1
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +3 -0
- package/lib/module/components/RadioButton/RadioButtonGroup.js +7 -0
- package/lib/module/components/RadioButton/RadioButtonRow.js +9 -1
- package/lib/module/components/RadioButton/context.js +2 -0
- package/lib/module/components/Row.js +2 -0
- package/lib/module/components/RowBodyIcon.js +2 -0
- package/lib/module/components/RowHeadlineImageCaption.js +3 -2
- package/lib/module/components/RowHeadlineImageIcon.js +2 -0
- package/lib/module/components/SVG.js +2 -0
- package/lib/module/components/ScreenContainer.js +6 -0
- package/lib/module/components/Slider.js +10 -0
- package/lib/module/components/StarRating.js +3 -0
- package/lib/module/components/StepIndicator.js +29 -5
- package/lib/module/components/Stepper.js +16 -9
- package/lib/module/components/Surface.js +5 -0
- package/lib/module/components/Swiper/Swiper.js +4 -0
- package/lib/module/components/Swiper/SwiperItem.js +2 -0
- package/lib/module/components/Switch.js +7 -5
- package/lib/module/components/Text.js +10 -3
- package/lib/module/components/TextField.js +50 -12
- package/lib/module/components/ToggleButton.js +5 -0
- package/lib/module/components/Touchable.js +1 -0
- package/lib/module/components/useAuthState.js +4 -0
- package/lib/module/constants.js +1 -2
- package/lib/module/hooks.js +2 -4
- package/lib/module/index.js +2 -5
- package/lib/module/interfaces/Icon.js +1 -2
- package/lib/module/mappings/Button.js +3 -6
- package/lib/module/mappings/Card.js +2 -3
- package/lib/module/mappings/CardBlock.js +3 -6
- package/lib/module/mappings/CardContainer.js +5 -5
- package/lib/module/mappings/CardContainerRating.js +2 -4
- package/lib/module/mappings/DatePicker.js +2 -4
- package/lib/module/mappings/Fetch.js +1 -0
- package/lib/module/mappings/FieldSearchBarFull.js +1 -2
- package/lib/module/mappings/HtmlElements.js +116 -0
- package/lib/module/mappings/Icon.js +1 -2
- package/lib/module/mappings/NumberInput.js +2 -4
- package/lib/module/mappings/Picker.js +2 -4
- package/lib/module/mappings/RowHeadlineImageIcon.js +6 -12
- package/lib/module/mappings/StarRating.js +1 -1
- package/lib/module/mappings/Stepper.js +2 -2
- package/lib/module/mappings/Text.js +3 -5
- package/lib/module/mappings/TextArea.js +1 -2
- package/lib/module/mappings/TextField.js +6 -7
- package/lib/module/mappings/TextInput.js +1 -2
- package/lib/module/styles/DarkTheme.js +2 -4
- package/lib/module/styles/DefaultTheme.js +13 -26
- package/lib/module/styles/fonts.js +1 -2
- package/lib/module/styles/overlay.js +10 -4
- package/lib/module/styles/shadow.js +6 -0
- package/lib/module/utilities.js +5 -2
- package/lib/typescript/src/components/Stepper.d.ts +1 -2
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/mappings/HtmlElements.d.ts +49 -0
- package/package.json +5 -6
- 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/HtmlElements.js +141 -0
- package/src/mappings/HtmlElements.ts +151 -0
- package/src/mappings/Stepper.js +5 -2
- package/src/mappings/Stepper.ts +5 -1
- package/lib/commonjs/components/TabView/TabView.js +0 -87
- package/lib/commonjs/components/TabView/TabViewItem.js +0 -24
- package/lib/commonjs/components/TabView/index.js +0 -20
- package/lib/commonjs/mappings/TabView.js +0 -77
- package/lib/module/components/TabView/TabView.js +0 -79
- package/lib/module/components/TabView/TabViewItem.js +0 -17
- package/lib/module/components/TabView/index.js +0 -2
- package/lib/module/mappings/TabView.js +0 -70
- package/lib/typescript/src/components/TabView/TabView.d.ts +0 -19
- package/lib/typescript/src/components/TabView/TabViewItem.d.ts +0 -10
- package/lib/typescript/src/components/TabView/index.d.ts +0 -2
- package/lib/typescript/src/mappings/TabView.d.ts +0 -111
- package/src/components/TabView/TabView.js +0 -34
- package/src/components/TabView/TabView.tsx +0 -97
- package/src/components/TabView/TabViewItem.js +0 -5
- package/src/components/TabView/TabViewItem.tsx +0 -21
- package/src/components/TabView/index.js +0 -2
- package/src/components/TabView/index.tsx +0 -2
- package/src/mappings/TabView.js +0 -73
- package/src/mappings/TabView.ts +0 -80
package/lib/commonjs/Provider.js
CHANGED
|
@@ -4,17 +4,26 @@ 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 _PortalHost = _interopRequireDefault(require("./components/Portal/PortalHost"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
class Provider extends React.Component {
|
|
14
21
|
render() {
|
|
15
22
|
return /*#__PURE__*/React.createElement(_PortalHost.default, null, /*#__PURE__*/React.createElement(_theming.ThemeProvider, {
|
|
16
23
|
theme: this.props.theme
|
|
17
24
|
}, this.props.children));
|
|
18
25
|
}
|
|
26
|
+
|
|
19
27
|
}
|
|
28
|
+
|
|
20
29
|
exports.default = Provider;
|
|
@@ -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 _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
13
|
+
|
|
10
14
|
var _theming = require("../../theming");
|
|
15
|
+
|
|
11
16
|
var _utilities = require("../../utilities");
|
|
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
|
const AccordionGroup = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
label,
|
|
@@ -36,9 +45,11 @@ const AccordionGroup = _ref => {
|
|
|
36
45
|
const collapsedColor = closedColor || theme.colors.primary;
|
|
37
46
|
const labelColor = expanded ? expandedColor : collapsedColor;
|
|
38
47
|
const caretColor = caretColorProp || labelColor;
|
|
48
|
+
|
|
39
49
|
const handlePressAction = () => {
|
|
40
50
|
setExpanded(!expanded);
|
|
41
51
|
};
|
|
52
|
+
|
|
42
53
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
43
54
|
style: [styles.row, viewStyles],
|
|
44
55
|
onPress: handlePressAction,
|
|
@@ -61,6 +72,7 @@ const AccordionGroup = _ref => {
|
|
|
61
72
|
size: caretSize
|
|
62
73
|
})), expanded ? children : null);
|
|
63
74
|
};
|
|
75
|
+
|
|
64
76
|
const styles = _reactNative.StyleSheet.create({
|
|
65
77
|
row: {
|
|
66
78
|
flexDirection: "row",
|
|
@@ -74,5 +86,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
74
86
|
marginRight: 8
|
|
75
87
|
}
|
|
76
88
|
});
|
|
89
|
+
|
|
77
90
|
var _default = (0, _theming.withTheme)(AccordionGroup);
|
|
91
|
+
|
|
78
92
|
exports.default = _default;
|
|
@@ -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 _Text = _interopRequireDefault(require("../Text"));
|
|
13
|
+
|
|
10
14
|
var _utilities = require("../../utilities");
|
|
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 AccordionItem = _ref => {
|
|
17
27
|
let {
|
|
18
28
|
Icon,
|
|
@@ -42,6 +52,7 @@ const AccordionItem = _ref => {
|
|
|
42
52
|
style: textStyles
|
|
43
53
|
}, label))));
|
|
44
54
|
};
|
|
55
|
+
|
|
45
56
|
const styles = _reactNative.StyleSheet.create({
|
|
46
57
|
container: {
|
|
47
58
|
padding: 8
|
|
@@ -60,5 +71,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
60
71
|
justifyContent: "center"
|
|
61
72
|
}
|
|
62
73
|
});
|
|
74
|
+
|
|
63
75
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
76
|
+
|
|
64
77
|
exports.default = _default;
|
|
@@ -15,6 +15,9 @@ Object.defineProperty(exports, "AccordionItem", {
|
|
|
15
15
|
return _AccordionItem.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
|
|
18
19
|
var _AccordionGroup = _interopRequireDefault(require("./AccordionGroup"));
|
|
20
|
+
|
|
19
21
|
var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
|
|
22
|
+
|
|
20
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -4,12 +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
|
var _Portal = _interopRequireDefault(require("../Portal/Portal"));
|
|
13
|
+
|
|
10
14
|
var _Touchable = _interopRequireDefault(require("../Touchable"));
|
|
15
|
+
|
|
11
16
|
var _ActionSheetCancel = _interopRequireDefault(require("./ActionSheetCancel"));
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
13
20
|
const ActionSheet = _ref => {
|
|
14
21
|
let {
|
|
15
22
|
visible = false,
|
|
@@ -29,6 +36,7 @@ const ActionSheet = _ref => {
|
|
|
29
36
|
style: styles.group
|
|
30
37
|
}, _react.default.Children.toArray(children).filter(child => child.type === _ActionSheetCancel.default))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
31
38
|
};
|
|
39
|
+
|
|
32
40
|
const styles = _reactNative.StyleSheet.create({
|
|
33
41
|
wrapper: {
|
|
34
42
|
flex: 1,
|
|
@@ -60,5 +68,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
60
68
|
overflow: "hidden"
|
|
61
69
|
}
|
|
62
70
|
});
|
|
71
|
+
|
|
63
72
|
var _default = ActionSheet;
|
|
64
73
|
exports.default = _default;
|
|
@@ -4,9 +4,13 @@ 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 _ActionSheetItem = _interopRequireDefault(require("./ActionSheetItem"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
const ActionSheetCancel = _ref => {
|
|
11
15
|
let {
|
|
12
16
|
label = "Cancel",
|
|
@@ -21,5 +25,6 @@ const ActionSheetCancel = _ref => {
|
|
|
21
25
|
onPress: onPress
|
|
22
26
|
});
|
|
23
27
|
};
|
|
28
|
+
|
|
24
29
|
var _default = ActionSheetCancel;
|
|
25
30
|
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 _utilities = require("../../utilities");
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
const ActionSheetItem = _ref => {
|
|
12
17
|
let {
|
|
13
18
|
label,
|
|
@@ -29,6 +34,7 @@ const ActionSheetItem = _ref => {
|
|
|
29
34
|
}]
|
|
30
35
|
}, label));
|
|
31
36
|
};
|
|
37
|
+
|
|
32
38
|
const styles = _reactNative.StyleSheet.create({
|
|
33
39
|
wrapper: {
|
|
34
40
|
borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
|
|
@@ -50,5 +56,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
50
56
|
alignSelf: "center"
|
|
51
57
|
}
|
|
52
58
|
});
|
|
59
|
+
|
|
53
60
|
var _default = ActionSheetItem;
|
|
54
61
|
exports.default = _default;
|
|
@@ -21,7 +21,11 @@ Object.defineProperty(exports, "ActionSheetItem", {
|
|
|
21
21
|
return _ActionSheetItem.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
|
|
24
25
|
var _ActionSheet = _interopRequireDefault(require("./ActionSheet"));
|
|
26
|
+
|
|
25
27
|
var _ActionSheetItem = _interopRequireDefault(require("./ActionSheetItem"));
|
|
28
|
+
|
|
26
29
|
var _ActionSheetCancel = _interopRequireDefault(require("./ActionSheetCancel"));
|
|
30
|
+
|
|
27
31
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -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 _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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); }
|
|
21
|
+
|
|
14
22
|
const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
|
|
23
|
+
|
|
15
24
|
const AnimatedCircularProgress = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
duration = 500,
|
|
@@ -33,25 +42,30 @@ const AnimatedCircularProgress = _ref => {
|
|
|
33
42
|
const dura = dur || duration;
|
|
34
43
|
const eas = ease || easing;
|
|
35
44
|
const useNative = useNativeDriver;
|
|
45
|
+
|
|
36
46
|
const anim = _reactNative.Animated.timing(fillAnimation, {
|
|
37
47
|
useNativeDriver: useNative,
|
|
38
48
|
toValue,
|
|
39
49
|
easing: eas,
|
|
40
50
|
duration: dura
|
|
41
51
|
});
|
|
52
|
+
|
|
42
53
|
anim.start(onAnimationComplete);
|
|
43
54
|
return anim;
|
|
44
55
|
}, [duration, easing, fill, useNativeDriver, fillAnimation, onAnimationComplete]);
|
|
56
|
+
|
|
45
57
|
const animateColor = () => {
|
|
46
58
|
if (!tintColorSecondary) {
|
|
47
59
|
return tintColor;
|
|
48
60
|
}
|
|
61
|
+
|
|
49
62
|
const tintAnimation = fillAnimation.interpolate({
|
|
50
63
|
inputRange: [0, 100],
|
|
51
64
|
outputRange: [tintColor, tintColorSecondary]
|
|
52
65
|
});
|
|
53
66
|
return tintAnimation;
|
|
54
67
|
};
|
|
68
|
+
|
|
55
69
|
React.useEffect(() => {
|
|
56
70
|
animate();
|
|
57
71
|
}, [fill, animate]);
|
|
@@ -62,5 +76,6 @@ const AnimatedCircularProgress = _ref => {
|
|
|
62
76
|
tintColor: animateColor()
|
|
63
77
|
}));
|
|
64
78
|
};
|
|
79
|
+
|
|
65
80
|
var _default = AnimatedCircularProgress;
|
|
66
81
|
exports.default = _default;
|
|
@@ -4,12 +4,18 @@ 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
|
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
|
const AspectRatio = props => {
|
|
12
17
|
const [layout, setLayout] = _react.default.useState(null);
|
|
18
|
+
|
|
13
19
|
const {
|
|
14
20
|
aspectRatio = 1,
|
|
15
21
|
...inputStyle
|
|
@@ -17,11 +23,13 @@ const AspectRatio = props => {
|
|
|
17
23
|
const style = [inputStyle, {
|
|
18
24
|
aspectRatio
|
|
19
25
|
}];
|
|
26
|
+
|
|
20
27
|
if (layout) {
|
|
21
28
|
const {
|
|
22
29
|
width = 0,
|
|
23
30
|
height = 0
|
|
24
31
|
} = layout;
|
|
32
|
+
|
|
25
33
|
if (width === 0) {
|
|
26
34
|
style.push({
|
|
27
35
|
width: height * (1 / aspectRatio),
|
|
@@ -34,6 +42,7 @@ const AspectRatio = props => {
|
|
|
34
42
|
});
|
|
35
43
|
}
|
|
36
44
|
}
|
|
45
|
+
|
|
37
46
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
|
|
38
47
|
style: style,
|
|
39
48
|
onLayout: _ref => {
|
|
@@ -46,5 +55,6 @@ const AspectRatio = props => {
|
|
|
46
55
|
}
|
|
47
56
|
}), props.children);
|
|
48
57
|
};
|
|
58
|
+
|
|
49
59
|
var _default = AspectRatio;
|
|
50
60
|
exports.default = _default;
|
|
@@ -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 _Touchable = _interopRequireDefault(require("./Touchable"));
|
|
13
|
+
|
|
10
14
|
var _CircleImage = _interopRequireDefault(require("./CircleImage"));
|
|
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 AvatarEdit = _ref => {
|
|
17
27
|
let {
|
|
18
28
|
Icon,
|
|
@@ -55,5 +65,7 @@ const AvatarEdit = _ref => {
|
|
|
55
65
|
size: size * (3 / 16)
|
|
56
66
|
}))));
|
|
57
67
|
};
|
|
68
|
+
|
|
58
69
|
var _default = (0, _theming.withTheme)(AvatarEdit);
|
|
70
|
+
|
|
59
71
|
exports.default = _default;
|
|
@@ -4,17 +4,28 @@ 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 _Surface = _interopRequireDefault(require("./Surface"));
|
|
13
|
+
|
|
10
14
|
var _shadow = _interopRequireDefault(require("../styles/shadow"));
|
|
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 ELEVATION = 1;
|
|
17
27
|
const DEFAULT_MAX_WIDTH = 960;
|
|
28
|
+
|
|
18
29
|
const Banner = _ref => {
|
|
19
30
|
let {
|
|
20
31
|
initiallyVisible = true,
|
|
@@ -58,6 +69,7 @@ const Banner = _ref => {
|
|
|
58
69
|
}).start();
|
|
59
70
|
}
|
|
60
71
|
}, [visible, position]);
|
|
72
|
+
|
|
61
73
|
const handleLayout = _ref2 => {
|
|
62
74
|
let {
|
|
63
75
|
nativeEvent
|
|
@@ -69,17 +81,19 @@ const Banner = _ref => {
|
|
|
69
81
|
height,
|
|
70
82
|
measured: true
|
|
71
83
|
});
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
// The banner animation has 2 parts:
|
|
84
|
+
}; // The banner animation has 2 parts:
|
|
75
85
|
// 1. Blank spacer element which animates its height to move the content
|
|
76
86
|
// 2. Actual banner which animates its translateY
|
|
77
87
|
// In initial render, we position everything normally and measure the height of the banner
|
|
78
88
|
// Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
|
|
79
89
|
// We need this because we need to move the content below as if banner's height was being animated
|
|
80
90
|
// However we can't animated banner's height directly as it'll also resize the content inside
|
|
91
|
+
|
|
92
|
+
|
|
81
93
|
const height = _reactNative.Animated.multiply(position, layout.height);
|
|
94
|
+
|
|
82
95
|
const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
|
|
96
|
+
|
|
83
97
|
return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
|
|
84
98
|
style: [styles.container, (0, _shadow.default)(ELEVATION), style]
|
|
85
99
|
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
@@ -90,17 +104,14 @@ const Banner = _ref => {
|
|
|
90
104
|
}
|
|
91
105
|
}), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
92
106
|
onLayout: handleLayout,
|
|
93
|
-
style: [layout.measured || !visible ?
|
|
94
|
-
// If we have measured banner's height or it's invisible,
|
|
107
|
+
style: [layout.measured || !visible ? // If we have measured banner's height or it's invisible,
|
|
95
108
|
// Position it absolutely, the layout will be taken care of the spacer
|
|
96
109
|
[styles.absolute, {
|
|
97
110
|
transform: [{
|
|
98
111
|
translateY
|
|
99
112
|
}]
|
|
100
|
-
}] :
|
|
101
|
-
//
|
|
102
|
-
null, !layout.measured && !visible ?
|
|
103
|
-
// If we haven't measured banner's height yet and it's invisible,
|
|
113
|
+
}] : // Otherwise position it normally
|
|
114
|
+
null, !layout.measured && !visible ? // If we haven't measured banner's height yet and it's invisible,
|
|
104
115
|
// hide it with opacity: 0 so user doesn't see it
|
|
105
116
|
{
|
|
106
117
|
opacity: 0
|
|
@@ -128,6 +139,7 @@ const Banner = _ref => {
|
|
|
128
139
|
onPress: () => setVisible(false)
|
|
129
140
|
})) : null)));
|
|
130
141
|
};
|
|
142
|
+
|
|
131
143
|
const styles = _reactNative.StyleSheet.create({
|
|
132
144
|
container: {
|
|
133
145
|
elevation: ELEVATION
|
|
@@ -163,5 +175,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
163
175
|
margin: 8
|
|
164
176
|
}
|
|
165
177
|
});
|
|
178
|
+
|
|
166
179
|
var _default = (0, _theming.withTheme)(Banner);
|
|
180
|
+
|
|
167
181
|
exports.default = _default;
|
|
@@ -4,18 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ButtonSolid = exports.ButtonOutline = exports.Button = 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); }
|
|
19
|
+
|
|
13
20
|
const CONSTANTS = {
|
|
14
21
|
baseHeight: 42,
|
|
15
22
|
borderRadius: 4,
|
|
16
23
|
padding: 8,
|
|
17
24
|
icon: 24
|
|
18
25
|
};
|
|
26
|
+
|
|
19
27
|
function Base(_ref) {
|
|
20
28
|
let {
|
|
21
29
|
Icon,
|
|
@@ -27,6 +35,7 @@ function Base(_ref) {
|
|
|
27
35
|
style,
|
|
28
36
|
...props
|
|
29
37
|
} = _ref;
|
|
38
|
+
|
|
30
39
|
const {
|
|
31
40
|
color,
|
|
32
41
|
fontFamily,
|
|
@@ -41,6 +50,7 @@ function Base(_ref) {
|
|
|
41
50
|
textDecorationStyle,
|
|
42
51
|
...buttonStyles
|
|
43
52
|
} = _reactNative.StyleSheet.flatten(style || {});
|
|
53
|
+
|
|
44
54
|
const titleStyles = {
|
|
45
55
|
color,
|
|
46
56
|
fontFamily,
|
|
@@ -54,12 +64,15 @@ function Base(_ref) {
|
|
|
54
64
|
textDecorationColor,
|
|
55
65
|
textDecorationStyle
|
|
56
66
|
};
|
|
67
|
+
|
|
57
68
|
if (textAlign === "left") {
|
|
58
69
|
buttonStyles.justifyContent = "flex-start";
|
|
59
70
|
}
|
|
71
|
+
|
|
60
72
|
if (textAlign === "right") {
|
|
61
73
|
buttonStyles.justifyContent = "flex-end";
|
|
62
74
|
}
|
|
75
|
+
|
|
63
76
|
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
64
77
|
onPress: onPress,
|
|
65
78
|
disabled: disabled || loading,
|
|
@@ -84,6 +97,7 @@ function Base(_ref) {
|
|
|
84
97
|
style: titleStyles
|
|
85
98
|
}, title));
|
|
86
99
|
}
|
|
100
|
+
|
|
87
101
|
const Solid = _ref3 => {
|
|
88
102
|
let {
|
|
89
103
|
style,
|
|
@@ -98,10 +112,12 @@ const Solid = _ref3 => {
|
|
|
98
112
|
}, style]
|
|
99
113
|
}, props));
|
|
100
114
|
};
|
|
115
|
+
|
|
101
116
|
const ButtonSolid = (0, _theming.withTheme)(Solid);
|
|
102
117
|
exports.ButtonSolid = ButtonSolid;
|
|
103
118
|
const Button = (0, _theming.withTheme)(Solid);
|
|
104
119
|
exports.Button = Button;
|
|
120
|
+
|
|
105
121
|
const Outline = _ref4 => {
|
|
106
122
|
let {
|
|
107
123
|
style,
|
|
@@ -116,8 +132,10 @@ const Outline = _ref4 => {
|
|
|
116
132
|
}, style]
|
|
117
133
|
}, props));
|
|
118
134
|
};
|
|
135
|
+
|
|
119
136
|
const ButtonOutline = (0, _theming.withTheme)(Outline);
|
|
120
137
|
exports.ButtonOutline = ButtonOutline;
|
|
138
|
+
|
|
121
139
|
const styles = _reactNative.StyleSheet.create({
|
|
122
140
|
base: {
|
|
123
141
|
position: "relative",
|
|
@@ -147,8 +165,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
147
165
|
loading: {
|
|
148
166
|
marginRight: 6
|
|
149
167
|
},
|
|
150
|
-
icon: {
|
|
151
|
-
..._reactNative.Platform.select({
|
|
168
|
+
icon: { ..._reactNative.Platform.select({
|
|
152
169
|
web: {
|
|
153
170
|
marginTop: 1,
|
|
154
171
|
marginRight: 4,
|
|
@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.TopRightCircleIcon = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _reactNative = require("react-native");
|
|
11
|
+
|
|
9
12
|
var _Image = _interopRequireDefault(require("./Image"));
|
|
13
|
+
|
|
10
14
|
var _Surface = _interopRequireDefault(require("./Surface"));
|
|
15
|
+
|
|
11
16
|
var _Typography = require("./Typography");
|
|
17
|
+
|
|
12
18
|
var _theming = require("../theming");
|
|
19
|
+
|
|
13
20
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
21
|
+
|
|
14
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
15
24
|
const ICON_SIZE = _Config.default.cardIconSize;
|
|
16
25
|
const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
|
|
17
26
|
const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
|
|
@@ -55,6 +64,7 @@ const TopRightCircleIcon = (0, _theming.withTheme)(_ref => {
|
|
|
55
64
|
})));
|
|
56
65
|
});
|
|
57
66
|
exports.TopRightCircleIcon = TopRightCircleIcon;
|
|
67
|
+
|
|
58
68
|
const Card = _ref3 => {
|
|
59
69
|
let {
|
|
60
70
|
Icon,
|
|
@@ -75,11 +85,13 @@ const Card = _ref3 => {
|
|
|
75
85
|
theme,
|
|
76
86
|
children
|
|
77
87
|
} = _ref3;
|
|
88
|
+
|
|
78
89
|
const {
|
|
79
90
|
backgroundColor: bgColor,
|
|
80
91
|
padding,
|
|
81
92
|
...styles
|
|
82
93
|
} = _reactNative.StyleSheet.flatten(style || {});
|
|
94
|
+
|
|
83
95
|
const backgroundColor = bgColor ? bgColor : theme.colors.surface;
|
|
84
96
|
const innerPadding = padding ? padding : 12;
|
|
85
97
|
return /*#__PURE__*/_react.default.createElement(_Surface.default, {
|
|
@@ -133,5 +145,7 @@ const Card = _ref3 => {
|
|
|
133
145
|
onPress: onPressIcon
|
|
134
146
|
}) : null));
|
|
135
147
|
};
|
|
148
|
+
|
|
136
149
|
var _default = (0, _theming.withTheme)(Card);
|
|
150
|
+
|
|
137
151
|
exports.default = _default;
|