@draftbit/core 46.9.1-f8902c.2 → 46.9.1
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/components/CircleImage.js +1 -15
- package/lib/commonjs/components/FormRow.js +2 -16
- package/lib/commonjs/components/Justification.js +1 -5
- package/lib/commonjs/components/ResizeMode.js +1 -5
- package/lib/commonjs/index.js +0 -7
- package/lib/module/components/Justification.js +0 -1
- package/lib/module/components/ResizeMode.js +0 -1
- package/lib/module/index.js +0 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +3 -4
- package/src/index.tsx +0 -2
- package/lib/commonjs/components/BottomSheet/BottomSheet.js +0 -89
- package/lib/commonjs/components/BottomSheet/BottomSheetComponent.js +0 -464
- package/lib/commonjs/components/BottomSheet/index.js +0 -13
- package/lib/commonjs/mappings/BottomSheet.js +0 -75
- package/lib/module/components/BottomSheet/BottomSheet.js +0 -81
- package/lib/module/components/BottomSheet/BottomSheetComponent.js +0 -470
- package/lib/module/components/BottomSheet/index.js +0 -1
- package/lib/module/mappings/BottomSheet.js +0 -68
- package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts +0 -20
- package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map +0 -1
- package/lib/typescript/src/components/BottomSheet/BottomSheetComponent.d.ts +0 -170
- package/lib/typescript/src/components/BottomSheet/BottomSheetComponent.d.ts.map +0 -1
- package/lib/typescript/src/components/BottomSheet/index.d.ts +0 -2
- package/lib/typescript/src/components/BottomSheet/index.d.ts.map +0 -1
- package/lib/typescript/src/mappings/BottomSheet.d.ts +0 -120
- package/lib/typescript/src/mappings/BottomSheet.d.ts.map +0 -1
- package/src/Provider.js +0 -9
- package/src/components/Accordion/AccordionGroup.js +0 -44
- package/src/components/Accordion/AccordionItem.js +0 -32
- package/src/components/Accordion/index.js +0 -2
- package/src/components/ActionSheet/ActionSheet.js +0 -45
- package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
- package/src/components/ActionSheet/ActionSheetItem.js +0 -30
- package/src/components/ActionSheet/index.js +0 -3
- package/src/components/AnimatedCircularProgress.js +0 -43
- package/src/components/AspectRatio.js +0 -18
- package/src/components/AvatarEdit.js +0 -30
- package/src/components/Banner.js +0 -109
- package/src/components/BottomSheet/BottomSheet.js +0 -57
- package/src/components/BottomSheet/BottomSheet.tsx +0 -121
- package/src/components/BottomSheet/BottomSheetComponent.js +0 -437
- package/src/components/BottomSheet/BottomSheetComponent.tsx +0 -895
- package/src/components/BottomSheet/index.js +0 -1
- package/src/components/BottomSheet/index.ts +0 -1
- package/src/components/Button.js +0 -114
- package/src/components/Card.js +0 -57
- package/src/components/Checkbox/Checkbox.js +0 -62
- package/src/components/Checkbox/CheckboxGroup.js +0 -21
- package/src/components/Checkbox/CheckboxGroupRow.js +0 -76
- package/src/components/Checkbox/CheckboxRow.js +0 -77
- package/src/components/Checkbox/context.js +0 -14
- package/src/components/Checkbox/index.js +0 -3
- package/src/components/CircleImage.js +0 -8
- package/src/components/CircularProgress.js +0 -81
- package/src/components/Config.js +0 -64
- package/src/components/Container.js +0 -43
- package/src/components/DatePicker/DatePicker.js +0 -382
- package/src/components/DatePicker/DatePickerComponent.js +0 -13
- package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
- package/src/components/DatePicker/DatePickerComponentType.js +0 -1
- package/src/components/DeckSwiper/DeckSwiper.js +0 -65
- package/src/components/DeckSwiper/DeckSwiperCard.js +0 -21
- package/src/components/DeckSwiper/index.js +0 -2
- package/src/components/DeprecatedButton.js +0 -83
- package/src/components/DeprecatedCardWrapper.js +0 -18
- package/src/components/DeprecatedFAB.js +0 -114
- package/src/components/Divider.js +0 -13
- package/src/components/Elevation.js +0 -20
- package/src/components/FAB.js +0 -46
- package/src/components/FieldSearchBarFull.js +0 -53
- package/src/components/FormRow.js +0 -19
- package/src/components/IconButton.js +0 -35
- package/src/components/Image.js +0 -47
- package/src/components/Justification.js +0 -1
- package/src/components/Layout.js +0 -50
- package/src/components/Markdown.js +0 -10
- package/src/components/NumberInput.js +0 -49
- package/src/components/Picker/Picker.js +0 -266
- package/src/components/Picker/PickerComponent.android.js +0 -69
- package/src/components/Picker/PickerComponent.ios.js +0 -79
- package/src/components/Picker/PickerComponent.web.js +0 -70
- package/src/components/Picker/PickerTypes.js +0 -1
- package/src/components/Portal/Portal.js +0 -35
- package/src/components/Portal/PortalConsumer.js +0 -27
- package/src/components/Portal/PortalHost.js +0 -107
- package/src/components/Portal/PortalManager.js +0 -32
- package/src/components/Pressable.js +0 -12
- package/src/components/ProgressBar.js +0 -118
- package/src/components/ProgressCircle.js +0 -13
- package/src/components/ProgressIndicator.js +0 -27
- package/src/components/RadioButton/RadioButton.js +0 -17
- package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
- package/src/components/RadioButton/RadioButtonGroup.js +0 -43
- package/src/components/RadioButton/RadioButtonRow.js +0 -76
- package/src/components/RadioButton/context.js +0 -14
- package/src/components/RadioButton/index.js +0 -4
- package/src/components/ResizeMode.js +0 -1
- package/src/components/Row.js +0 -48
- package/src/components/RowBodyIcon.js +0 -8
- package/src/components/RowHeadlineImageCaption.js +0 -12
- package/src/components/RowHeadlineImageIcon.js +0 -14
- package/src/components/SVG.js +0 -13
- package/src/components/ScreenContainer.js +0 -35
- package/src/components/Shadow.js +0 -16
- package/src/components/Slider.js +0 -63
- package/src/components/StarRating.js +0 -50
- package/src/components/StepIndicator.js +0 -346
- package/src/components/Stepper.js +0 -41
- package/src/components/Surface.js +0 -32
- package/src/components/Swiper/Swiper.js +0 -29
- package/src/components/Swiper/SwiperItem.js +0 -9
- package/src/components/Swiper/index.js +0 -2
- package/src/components/Switch.js +0 -56
- package/src/components/TabView/TabView.js +0 -54
- package/src/components/TabView/TabViewItem.js +0 -11
- package/src/components/TabView/index.js +0 -2
- package/src/components/Text.js +0 -33
- package/src/components/TextField.js +0 -428
- package/src/components/ToggleButton.js +0 -39
- package/src/components/Touchable.js +0 -12
- package/src/components/Touchable.web.js +0 -2
- package/src/components/Typography.js +0 -36
- package/src/components/useAuthState.js +0 -31
- package/src/constants.js +0 -10
- package/src/hooks.js +0 -12
- package/src/index.js +0 -50
- package/src/interfaces/Icon.js +0 -8
- package/src/mappings/Accordion.js +0 -50
- package/src/mappings/AccordionItem.js +0 -17
- package/src/mappings/ActionSheet.js +0 -14
- package/src/mappings/ActionSheetCancel.js +0 -20
- package/src/mappings/ActionSheetItem.js +0 -24
- package/src/mappings/ActivityIndicator.js +0 -58
- package/src/mappings/AudioPlayer.js +0 -57
- package/src/mappings/AvatarEdit.js +0 -38
- package/src/mappings/Banner.js +0 -32
- package/src/mappings/BlurView.js +0 -42
- package/src/mappings/BottomSheet.js +0 -64
- package/src/mappings/BottomSheet.ts +0 -78
- package/src/mappings/Button.js +0 -116
- package/src/mappings/Card.js +0 -52
- package/src/mappings/CardBlock.js +0 -123
- package/src/mappings/CardContainer.js +0 -104
- package/src/mappings/CardContainerRating.js +0 -126
- package/src/mappings/CardContainerShortImage.js +0 -120
- package/src/mappings/CardInline.js +0 -52
- package/src/mappings/Carousel.js +0 -19
- package/src/mappings/Checkbox.js +0 -46
- package/src/mappings/CheckboxGroup.js +0 -26
- package/src/mappings/CheckboxRow.js +0 -61
- package/src/mappings/CircleImage.js +0 -25
- package/src/mappings/Container.js +0 -30
- package/src/mappings/CustomCode.js +0 -8
- package/src/mappings/DatePicker.js +0 -182
- package/src/mappings/DeckSwiper.js +0 -48
- package/src/mappings/DeckSwiperCard.js +0 -16
- package/src/mappings/Divider.js +0 -27
- package/src/mappings/FAB.js +0 -37
- package/src/mappings/Fetch.js +0 -13
- package/src/mappings/FieldSearchBarFull.js +0 -50
- package/src/mappings/FlashList.js +0 -113
- package/src/mappings/FlatList.js +0 -51
- package/src/mappings/HeaderLarge.js +0 -29
- package/src/mappings/HeaderMedium.js +0 -55
- package/src/mappings/HeaderOverline.js +0 -55
- package/src/mappings/Icon.js +0 -32
- package/src/mappings/IconButton.js +0 -33
- package/src/mappings/Image.js +0 -35
- package/src/mappings/ImageBackground.js +0 -29
- package/src/mappings/KeyboardAvoidingView.js +0 -41
- package/src/mappings/KeyboardAwareScrollView.js +0 -50
- package/src/mappings/Layout.js +0 -200
- package/src/mappings/LinearGradient.js +0 -82
- package/src/mappings/MapCallout.js +0 -22
- package/src/mappings/MapMarker.js +0 -48
- package/src/mappings/MapView.js +0 -142
- package/src/mappings/Markdown.js +0 -25
- package/src/mappings/Modal.js +0 -42
- package/src/mappings/NumberInput.js +0 -254
- package/src/mappings/Picker.js +0 -153
- package/src/mappings/ProgressBar.js +0 -101
- package/src/mappings/ProgressCircle.js +0 -109
- package/src/mappings/ProgressIndicator.js +0 -181
- package/src/mappings/RadioButton.js +0 -51
- package/src/mappings/RadioButtonGroup.js +0 -17
- package/src/mappings/RadioButtonRow.js +0 -42
- package/src/mappings/RowBodyIcon.js +0 -75
- package/src/mappings/RowHeadlineImageCaption.js +0 -167
- package/src/mappings/RowHeadlineImageIcon.js +0 -99
- package/src/mappings/SVG.js +0 -20
- package/src/mappings/SafeAreaView.js +0 -33
- package/src/mappings/ScrollView.js +0 -37
- package/src/mappings/Shadow.js +0 -95
- package/src/mappings/Slider.js +0 -60
- package/src/mappings/StarRating.js +0 -43
- package/src/mappings/Stepper.js +0 -32
- package/src/mappings/Surface.js +0 -14
- package/src/mappings/Swiper.js +0 -71
- package/src/mappings/SwiperItem.js +0 -9
- package/src/mappings/Switch.js +0 -81
- package/src/mappings/TabView.js +0 -75
- package/src/mappings/TabViewItem.js +0 -30
- package/src/mappings/Text.js +0 -251
- package/src/mappings/TextArea.js +0 -283
- package/src/mappings/TextField.js +0 -400
- package/src/mappings/TextInput.js +0 -402
- package/src/mappings/ToggleButton.js +0 -50
- package/src/mappings/Touchable.js +0 -67
- package/src/mappings/Video.js +0 -81
- package/src/mappings/View.js +0 -207
- package/src/mappings/WebView.js +0 -88
- package/src/styles/DarkTheme.js +0 -26
- package/src/styles/DefaultTheme.js +0 -111
- package/src/styles/fonts.js +0 -62
- package/src/styles/overlay.js +0 -60
- package/src/styles/shadow.js +0 -51
- package/src/theming.js +0 -3
- package/src/utilities.js +0 -102
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Slightly modfied version as taken from https://github.com/rgommezz/react-native-scroll-bottom-sheet
|
|
3
|
-
* Main previously breaking change:
|
|
4
|
-
* const node = this.props.innerRef.current?.getNode() ==> const node = this.props.innerRef.current as any
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Copyright (c) 2020 Raul Gomez Acuna
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the MIT license found in the
|
|
10
|
-
* LICENSE file in the root directory of this source tree.
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
13
|
-
import React, { Component, RefObject } from "react";
|
|
14
|
-
import { FlatList, FlatListProps, ScrollView, ScrollViewProps, SectionList, SectionListProps, ViewStyle } from "react-native";
|
|
15
|
-
import Animated from "react-native-reanimated";
|
|
16
|
-
import { Assign } from "utility-types";
|
|
17
|
-
declare const FlatListComponentType: "FlatList";
|
|
18
|
-
declare const ScrollViewComponentType: "ScrollView";
|
|
19
|
-
declare const SectionListComponentType: "SectionList";
|
|
20
|
-
declare const TimingAnimationType: "timing";
|
|
21
|
-
declare const SpringAnimationType: "spring";
|
|
22
|
-
declare type AnimatedScrollableComponent = FlatList | ScrollView | SectionList;
|
|
23
|
-
declare type FlatListOption<T> = Assign<{
|
|
24
|
-
componentType: typeof FlatListComponentType;
|
|
25
|
-
}, FlatListProps<T>>;
|
|
26
|
-
declare type ScrollViewOption = Assign<{
|
|
27
|
-
componentType: typeof ScrollViewComponentType;
|
|
28
|
-
}, ScrollViewProps>;
|
|
29
|
-
declare type SectionListOption<T> = Assign<{
|
|
30
|
-
componentType: typeof SectionListComponentType;
|
|
31
|
-
}, SectionListProps<T>>;
|
|
32
|
-
declare type CommonProps = {
|
|
33
|
-
/**
|
|
34
|
-
* Array of numbers that indicate the different resting positions of the bottom sheet (in dp or %), starting from the top.
|
|
35
|
-
* If a percentage is used, that would translate to the relative amount of the total window height.
|
|
36
|
-
* For instance, if 50% is used, that'd be windowHeight * 0.5. If you wanna take into account safe areas during
|
|
37
|
-
* the calculation, such as status bars and notches, please use 'topInset' prop
|
|
38
|
-
*/
|
|
39
|
-
snapPoints: Array<string | number>;
|
|
40
|
-
/**
|
|
41
|
-
* Index that references the initial resting position of the drawer, starting from the top
|
|
42
|
-
*/
|
|
43
|
-
initialSnapIndex: number;
|
|
44
|
-
/**
|
|
45
|
-
* Render prop for the handle
|
|
46
|
-
*/
|
|
47
|
-
renderHandle: () => React.ReactNode;
|
|
48
|
-
/**
|
|
49
|
-
* Callback that is executed right after the drawer settles on one of the snapping points.
|
|
50
|
-
* The new index is provided on the callback
|
|
51
|
-
* @param index
|
|
52
|
-
*/
|
|
53
|
-
onSettle?: (index: number) => void;
|
|
54
|
-
/**
|
|
55
|
-
* Animated value that tracks the position of the drawer, being:
|
|
56
|
-
* 0 => closed
|
|
57
|
-
* 1 => fully opened
|
|
58
|
-
*/
|
|
59
|
-
animatedPosition?: Animated.Value<number>;
|
|
60
|
-
/**
|
|
61
|
-
* This value is useful if you want to take into consideration safe area insets
|
|
62
|
-
* when applying percentages for snapping points. We recommend using react-native-safe-area-context
|
|
63
|
-
* library for that.
|
|
64
|
-
* @see https://github.com/th3rdwave/react-native-safe-area-context#usage, insets.top
|
|
65
|
-
*/
|
|
66
|
-
topInset: number;
|
|
67
|
-
/**
|
|
68
|
-
* Reference to FlatList, ScrollView or SectionList in order to execute its imperative methods.
|
|
69
|
-
*/
|
|
70
|
-
innerRef: RefObject<FlatList | ScrollView | SectionList>;
|
|
71
|
-
containerStyle?: Animated.AnimateStyle<ViewStyle>;
|
|
72
|
-
friction: number;
|
|
73
|
-
enableOverScroll: boolean;
|
|
74
|
-
};
|
|
75
|
-
declare type TimingAnimationProps = {
|
|
76
|
-
animationType: typeof TimingAnimationType;
|
|
77
|
-
/**
|
|
78
|
-
* Configuration for the timing reanimated function
|
|
79
|
-
*/
|
|
80
|
-
animationConfig?: Partial<Animated.TimingConfig>;
|
|
81
|
-
};
|
|
82
|
-
declare type SpringAnimationProps = {
|
|
83
|
-
animationType: typeof SpringAnimationType;
|
|
84
|
-
/**
|
|
85
|
-
* Configuration for the spring reanimated function
|
|
86
|
-
*/
|
|
87
|
-
animationConfig?: Partial<Animated.SpringConfig>;
|
|
88
|
-
};
|
|
89
|
-
declare type Props<T> = CommonProps & (FlatListOption<T> | ScrollViewOption | SectionListOption<T>) & (TimingAnimationProps | SpringAnimationProps);
|
|
90
|
-
export declare class ScrollBottomSheet<T extends any> extends Component<Props<T>> {
|
|
91
|
-
static defaultProps: {
|
|
92
|
-
topInset: number;
|
|
93
|
-
friction: number;
|
|
94
|
-
animationType: string;
|
|
95
|
-
innerRef: React.RefObject<AnimatedScrollableComponent>;
|
|
96
|
-
enableOverScroll: boolean;
|
|
97
|
-
};
|
|
98
|
-
/**
|
|
99
|
-
* Gesture Handler references
|
|
100
|
-
*/
|
|
101
|
-
private masterDrawer;
|
|
102
|
-
private drawerHandleRef;
|
|
103
|
-
private drawerContentRef;
|
|
104
|
-
private scrollComponentRef;
|
|
105
|
-
/**
|
|
106
|
-
* ScrollView prop
|
|
107
|
-
*/
|
|
108
|
-
private onScrollBeginDrag;
|
|
109
|
-
/**
|
|
110
|
-
* Pan gesture handler events for drawer handle and content
|
|
111
|
-
*/
|
|
112
|
-
private onHandleGestureEvent;
|
|
113
|
-
private onDrawerGestureEvent;
|
|
114
|
-
/**
|
|
115
|
-
* Main Animated Value that drives the top position of the UI drawer at any point in time
|
|
116
|
-
*/
|
|
117
|
-
private translateY;
|
|
118
|
-
/**
|
|
119
|
-
* Animated value that keeps track of the position: 0 => closed, 1 => opened
|
|
120
|
-
*/
|
|
121
|
-
private position;
|
|
122
|
-
/**
|
|
123
|
-
* Flag to indicate imperative snapping
|
|
124
|
-
*/
|
|
125
|
-
private isManuallySetValue;
|
|
126
|
-
/**
|
|
127
|
-
* Manual snapping amount
|
|
128
|
-
*/
|
|
129
|
-
private manualYOffset;
|
|
130
|
-
/**
|
|
131
|
-
* Keeps track of the current index
|
|
132
|
-
*/
|
|
133
|
-
private nextSnapIndex;
|
|
134
|
-
/**
|
|
135
|
-
* Deceleration rate of the scroll component. This is used only on Android to
|
|
136
|
-
* compensate the unexpected glide it gets sometimes.
|
|
137
|
-
*/
|
|
138
|
-
private decelerationRate;
|
|
139
|
-
private prevSnapIndex;
|
|
140
|
-
private dragY;
|
|
141
|
-
private prevDragY;
|
|
142
|
-
private tempDestSnapPoint;
|
|
143
|
-
private isAndroid;
|
|
144
|
-
private animationClock;
|
|
145
|
-
private animationPosition;
|
|
146
|
-
private animationFinished;
|
|
147
|
-
private animationFrameTime;
|
|
148
|
-
private velocityY;
|
|
149
|
-
private lastStartScrollY;
|
|
150
|
-
private prevTranslateYOffset;
|
|
151
|
-
private translationY;
|
|
152
|
-
private destSnapPoint;
|
|
153
|
-
private lastSnap;
|
|
154
|
-
private dragWithHandle;
|
|
155
|
-
private scrollUpAndPullDown;
|
|
156
|
-
private didGestureFinish;
|
|
157
|
-
private didScrollUpAndPullDown;
|
|
158
|
-
private setTranslationY;
|
|
159
|
-
private extraOffset;
|
|
160
|
-
private calculateNextSnapPoint;
|
|
161
|
-
private scrollComponent;
|
|
162
|
-
convertPercentageToDp: (str: string) => number;
|
|
163
|
-
constructor(props: Props<T>);
|
|
164
|
-
private getNormalisedSnapPoints;
|
|
165
|
-
private getScrollComponent;
|
|
166
|
-
snapTo: (index: number) => void;
|
|
167
|
-
render(): JSX.Element;
|
|
168
|
-
}
|
|
169
|
-
export default ScrollBottomSheet;
|
|
170
|
-
//# sourceMappingURL=BottomSheetComponent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheetComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
export declare const SEED_DATA: {
|
|
2
|
-
name: string;
|
|
3
|
-
tag: string;
|
|
4
|
-
description: string;
|
|
5
|
-
category: string;
|
|
6
|
-
stylesPanelSections: string[];
|
|
7
|
-
layout: {
|
|
8
|
-
paddingHorizontal: number;
|
|
9
|
-
paddingVertical: number;
|
|
10
|
-
flex: number;
|
|
11
|
-
};
|
|
12
|
-
triggers: string[];
|
|
13
|
-
props: {
|
|
14
|
-
onSettle: {
|
|
15
|
-
label: string;
|
|
16
|
-
description: string;
|
|
17
|
-
editable: boolean;
|
|
18
|
-
required: boolean;
|
|
19
|
-
formType: string;
|
|
20
|
-
propType: string;
|
|
21
|
-
defaultValue: null;
|
|
22
|
-
group: string;
|
|
23
|
-
};
|
|
24
|
-
snapPoints: {
|
|
25
|
-
group: string;
|
|
26
|
-
label: string;
|
|
27
|
-
description: string;
|
|
28
|
-
editable: boolean;
|
|
29
|
-
required: boolean;
|
|
30
|
-
formType: string;
|
|
31
|
-
propType: string;
|
|
32
|
-
options: never[];
|
|
33
|
-
defaultValue: null;
|
|
34
|
-
};
|
|
35
|
-
initialSnapIndex: {
|
|
36
|
-
label: string;
|
|
37
|
-
description: string;
|
|
38
|
-
formType: string;
|
|
39
|
-
propType: string;
|
|
40
|
-
group: string;
|
|
41
|
-
defaultValue: null;
|
|
42
|
-
editable: boolean;
|
|
43
|
-
required: boolean;
|
|
44
|
-
step: number;
|
|
45
|
-
};
|
|
46
|
-
showHandle: {
|
|
47
|
-
label: string;
|
|
48
|
-
description: string;
|
|
49
|
-
formType: string;
|
|
50
|
-
propType: string;
|
|
51
|
-
defaultValue: boolean;
|
|
52
|
-
editable: boolean;
|
|
53
|
-
required: boolean;
|
|
54
|
-
group: string;
|
|
55
|
-
};
|
|
56
|
-
handleColor: {
|
|
57
|
-
group: string;
|
|
58
|
-
label: string;
|
|
59
|
-
description: string;
|
|
60
|
-
editable: boolean;
|
|
61
|
-
required: boolean;
|
|
62
|
-
defaultValue: null;
|
|
63
|
-
formType: string;
|
|
64
|
-
propType: string;
|
|
65
|
-
};
|
|
66
|
-
topBorderRadius: {
|
|
67
|
-
label: string;
|
|
68
|
-
description: string;
|
|
69
|
-
formType: string;
|
|
70
|
-
propType: string;
|
|
71
|
-
group: string;
|
|
72
|
-
defaultValue: null;
|
|
73
|
-
editable: boolean;
|
|
74
|
-
required: boolean;
|
|
75
|
-
step: number;
|
|
76
|
-
};
|
|
77
|
-
borderWidth: {
|
|
78
|
-
label: string;
|
|
79
|
-
description: string;
|
|
80
|
-
formType: string;
|
|
81
|
-
propType: string;
|
|
82
|
-
group: string;
|
|
83
|
-
defaultValue: null;
|
|
84
|
-
editable: boolean;
|
|
85
|
-
required: boolean;
|
|
86
|
-
step: number;
|
|
87
|
-
};
|
|
88
|
-
borderColor: {
|
|
89
|
-
group: string;
|
|
90
|
-
label: string;
|
|
91
|
-
description: string;
|
|
92
|
-
editable: boolean;
|
|
93
|
-
required: boolean;
|
|
94
|
-
defaultValue: null;
|
|
95
|
-
formType: string;
|
|
96
|
-
propType: string;
|
|
97
|
-
};
|
|
98
|
-
showsVerticalScrollIndicator: {
|
|
99
|
-
label: string;
|
|
100
|
-
description: string;
|
|
101
|
-
formType: string;
|
|
102
|
-
propType: string;
|
|
103
|
-
defaultValue: boolean;
|
|
104
|
-
editable: boolean;
|
|
105
|
-
required: boolean;
|
|
106
|
-
group: string;
|
|
107
|
-
};
|
|
108
|
-
bounces: {
|
|
109
|
-
label: string;
|
|
110
|
-
description: string;
|
|
111
|
-
formType: string;
|
|
112
|
-
propType: string;
|
|
113
|
-
defaultValue: boolean;
|
|
114
|
-
editable: boolean;
|
|
115
|
-
required: boolean;
|
|
116
|
-
group: string;
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
//# sourceMappingURL=BottomSheet.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/BottomSheet.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}
|
package/src/Provider.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ThemeProvider } from "./theming";
|
|
3
|
-
import PortalHost from "./components/Portal/PortalHost";
|
|
4
|
-
export default class Provider extends React.Component {
|
|
5
|
-
render() {
|
|
6
|
-
return (React.createElement(PortalHost, null,
|
|
7
|
-
React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
|
|
8
|
-
}
|
|
9
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { View, StyleSheet, Pressable, } from "react-native";
|
|
3
|
-
import Text from "../Text";
|
|
4
|
-
import { withTheme } from "../../theming";
|
|
5
|
-
import { extractStyles } from "../../utilities";
|
|
6
|
-
const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
|
|
7
|
-
const [expanded, setExpanded] = React.useState(expandedProp);
|
|
8
|
-
const { textStyles, viewStyles } = extractStyles(style);
|
|
9
|
-
const expandedColor = openColor || theme.colors.primary;
|
|
10
|
-
const collapsedColor = closedColor || theme.colors.primary;
|
|
11
|
-
const labelColor = expanded ? expandedColor : collapsedColor;
|
|
12
|
-
const caretColor = caretColorProp || labelColor;
|
|
13
|
-
const handlePressAction = () => {
|
|
14
|
-
setExpanded(!expanded);
|
|
15
|
-
};
|
|
16
|
-
return (React.createElement(React.Fragment, null,
|
|
17
|
-
React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
|
|
18
|
-
icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
|
|
19
|
-
React.createElement(View, { style: styles.content },
|
|
20
|
-
React.createElement(Text, { selectable: false, style: [
|
|
21
|
-
textStyles,
|
|
22
|
-
{
|
|
23
|
-
color: labelColor,
|
|
24
|
-
},
|
|
25
|
-
] }, label)),
|
|
26
|
-
React.createElement(Icon, { name: expanded
|
|
27
|
-
? "MaterialIcons/keyboard-arrow-up"
|
|
28
|
-
: "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
|
|
29
|
-
expanded ? children : null));
|
|
30
|
-
};
|
|
31
|
-
const styles = StyleSheet.create({
|
|
32
|
-
row: {
|
|
33
|
-
flexDirection: "row",
|
|
34
|
-
alignItems: "center",
|
|
35
|
-
},
|
|
36
|
-
content: {
|
|
37
|
-
flex: 1,
|
|
38
|
-
justifyContent: "center",
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
marginRight: 8,
|
|
42
|
-
},
|
|
43
|
-
});
|
|
44
|
-
export default withTheme(AccordionGroup);
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Pressable, StyleSheet, View, } from "react-native";
|
|
3
|
-
import Text from "../Text";
|
|
4
|
-
import { extractStyles } from "../../utilities";
|
|
5
|
-
import { withTheme } from "../../theming";
|
|
6
|
-
const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
|
|
7
|
-
const { textStyles, viewStyles } = extractStyles(style);
|
|
8
|
-
return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
|
|
9
|
-
React.createElement(View, { style: styles.row },
|
|
10
|
-
icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
|
|
11
|
-
React.createElement(View, { style: [styles.item, styles.content] },
|
|
12
|
-
React.createElement(Text, { selectable: false, style: textStyles }, label)))));
|
|
13
|
-
};
|
|
14
|
-
const styles = StyleSheet.create({
|
|
15
|
-
container: {
|
|
16
|
-
padding: 8,
|
|
17
|
-
},
|
|
18
|
-
row: {
|
|
19
|
-
flexDirection: "row",
|
|
20
|
-
alignItems: "center",
|
|
21
|
-
paddingLeft: 8,
|
|
22
|
-
},
|
|
23
|
-
item: {
|
|
24
|
-
marginVertical: 6,
|
|
25
|
-
paddingLeft: 8,
|
|
26
|
-
},
|
|
27
|
-
content: {
|
|
28
|
-
flex: 1,
|
|
29
|
-
justifyContent: "center",
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
export default withTheme(AccordionItem);
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, StyleSheet } from "react-native";
|
|
3
|
-
import Portal from "../Portal/Portal";
|
|
4
|
-
import Touchable from "../Touchable";
|
|
5
|
-
import ActionSheetCancel from "./ActionSheetCancel";
|
|
6
|
-
const ActionSheet = ({ visible = false, onClose, children }) => {
|
|
7
|
-
return visible ? (React.createElement(Portal, null,
|
|
8
|
-
React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
|
|
9
|
-
React.createElement(View, { style: styles.overlay }),
|
|
10
|
-
React.createElement(View, { style: styles.groupWrapper },
|
|
11
|
-
React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
|
|
12
|
-
React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
|
|
13
|
-
};
|
|
14
|
-
const styles = StyleSheet.create({
|
|
15
|
-
wrapper: {
|
|
16
|
-
flex: 1,
|
|
17
|
-
display: "flex",
|
|
18
|
-
flexDirection: "column",
|
|
19
|
-
},
|
|
20
|
-
overlay: {
|
|
21
|
-
position: "absolute",
|
|
22
|
-
top: 0,
|
|
23
|
-
left: 0,
|
|
24
|
-
right: 0,
|
|
25
|
-
bottom: 0,
|
|
26
|
-
backgroundColor: "#000000",
|
|
27
|
-
opacity: 0.3,
|
|
28
|
-
},
|
|
29
|
-
groupWrapper: {
|
|
30
|
-
flex: 1,
|
|
31
|
-
flexDirection: "column",
|
|
32
|
-
justifyContent: "flex-end",
|
|
33
|
-
display: "flex",
|
|
34
|
-
marginBottom: 25,
|
|
35
|
-
},
|
|
36
|
-
group: {
|
|
37
|
-
display: "flex",
|
|
38
|
-
flexDirection: "column",
|
|
39
|
-
borderRadius: 10,
|
|
40
|
-
marginHorizontal: 7,
|
|
41
|
-
marginVertical: 2.5,
|
|
42
|
-
overflow: "hidden",
|
|
43
|
-
},
|
|
44
|
-
});
|
|
45
|
-
export default ActionSheet;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import ActionSheetItem from "./ActionSheetItem";
|
|
3
|
-
const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
|
|
4
|
-
return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
|
|
5
|
-
};
|
|
6
|
-
export default ActionSheetCancel;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Text, StyleSheet, TouchableOpacity, } from "react-native";
|
|
3
|
-
import { extractStyles } from "../../utilities";
|
|
4
|
-
const ActionSheetItem = ({ label, style, color, onPress, }) => {
|
|
5
|
-
const { textStyles, viewStyles } = extractStyles(style);
|
|
6
|
-
return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
|
|
7
|
-
React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
|
|
8
|
-
};
|
|
9
|
-
const styles = StyleSheet.create({
|
|
10
|
-
wrapper: {
|
|
11
|
-
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
12
|
-
borderBottomColor: "#CCCCCC",
|
|
13
|
-
backgroundColor: "#F1F1F1",
|
|
14
|
-
minHeight: 50,
|
|
15
|
-
overflow: "hidden",
|
|
16
|
-
display: "flex",
|
|
17
|
-
justifyContent: "center",
|
|
18
|
-
},
|
|
19
|
-
label: {
|
|
20
|
-
fontSize: 16,
|
|
21
|
-
textAlign: "center",
|
|
22
|
-
color: "#0A84FF",
|
|
23
|
-
fontWeight: "500",
|
|
24
|
-
overflow: "hidden",
|
|
25
|
-
paddingHorizontal: 20,
|
|
26
|
-
paddingVertical: 10,
|
|
27
|
-
alignSelf: "center",
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
export default ActionSheetItem;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Animated, Easing, } from "react-native";
|
|
3
|
-
import CircularProgress from "./CircularProgress";
|
|
4
|
-
const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
|
|
5
|
-
const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
|
|
6
|
-
const [fillAnimation] = React.useState(new Animated.Value(prefill));
|
|
7
|
-
const animate = React.useCallback((toVal = -1, dur, ease) => {
|
|
8
|
-
const toValue = toVal >= 0 ? toVal : fill;
|
|
9
|
-
const dura = dur || duration;
|
|
10
|
-
const eas = ease || easing;
|
|
11
|
-
const useNative = useNativeDriver;
|
|
12
|
-
const anim = Animated.timing(fillAnimation, {
|
|
13
|
-
useNativeDriver: useNative,
|
|
14
|
-
toValue,
|
|
15
|
-
easing: eas,
|
|
16
|
-
duration: dura,
|
|
17
|
-
});
|
|
18
|
-
anim.start(onAnimationComplete);
|
|
19
|
-
return anim;
|
|
20
|
-
}, [
|
|
21
|
-
duration,
|
|
22
|
-
easing,
|
|
23
|
-
fill,
|
|
24
|
-
useNativeDriver,
|
|
25
|
-
fillAnimation,
|
|
26
|
-
onAnimationComplete,
|
|
27
|
-
]);
|
|
28
|
-
const animateColor = () => {
|
|
29
|
-
if (!tintColorSecondary) {
|
|
30
|
-
return tintColor;
|
|
31
|
-
}
|
|
32
|
-
const tintAnimation = fillAnimation.interpolate({
|
|
33
|
-
inputRange: [0, 100],
|
|
34
|
-
outputRange: [tintColor, tintColorSecondary],
|
|
35
|
-
});
|
|
36
|
-
return tintAnimation;
|
|
37
|
-
};
|
|
38
|
-
React.useEffect(() => {
|
|
39
|
-
animate();
|
|
40
|
-
}, [fill, animate]);
|
|
41
|
-
return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
|
|
42
|
-
};
|
|
43
|
-
export default AnimatedCircularProgress;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, StyleSheet, } from "react-native";
|
|
3
|
-
const AspectRatio = (props) => {
|
|
4
|
-
const [layout, setLayout] = React.useState(null);
|
|
5
|
-
const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
|
|
6
|
-
const style = [inputStyle, { aspectRatio }];
|
|
7
|
-
if (layout) {
|
|
8
|
-
const { width = 0, height = 0 } = layout;
|
|
9
|
-
if (width === 0) {
|
|
10
|
-
style.push({ width: height * (1 / aspectRatio), height });
|
|
11
|
-
}
|
|
12
|
-
else {
|
|
13
|
-
style.push({ width, height: width * (1 / aspectRatio) });
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
|
|
17
|
-
};
|
|
18
|
-
export default AspectRatio;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import Touchable from "./Touchable";
|
|
4
|
-
import CircleImage from "./CircleImage";
|
|
5
|
-
import { withTheme } from "../theming";
|
|
6
|
-
const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
|
|
7
|
-
const colorStyles = {
|
|
8
|
-
editBackgroundColor: theme.colors.primary,
|
|
9
|
-
editIconColor: theme.colors.surface,
|
|
10
|
-
editBorderColor: theme.colors.surface,
|
|
11
|
-
};
|
|
12
|
-
const dimensions = {
|
|
13
|
-
width: size,
|
|
14
|
-
height: size,
|
|
15
|
-
};
|
|
16
|
-
return (React.createElement(View, { style: [style, dimensions], ...rest },
|
|
17
|
-
React.createElement(Touchable, { onPress: onPress },
|
|
18
|
-
React.createElement(CircleImage, { source: image, size: size }),
|
|
19
|
-
React.createElement(View, { style: {
|
|
20
|
-
position: "absolute",
|
|
21
|
-
top: -3,
|
|
22
|
-
right: -3,
|
|
23
|
-
borderColor: colorStyles.editBorderColor,
|
|
24
|
-
backgroundColor: colorStyles.editBackgroundColor,
|
|
25
|
-
borderRadius: size * (3 / 16),
|
|
26
|
-
padding: size * (3 / 32),
|
|
27
|
-
} },
|
|
28
|
-
React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
|
|
29
|
-
};
|
|
30
|
-
export default withTheme(AvatarEdit);
|