@draftbit/core 46.7.2-9358f4.2 → 46.7.4

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.
Files changed (241) hide show
  1. package/lib/commonjs/components/Justification.js +1 -5
  2. package/lib/commonjs/components/ResizeMode.js +1 -5
  3. package/lib/commonjs/index.js +0 -56
  4. package/lib/commonjs/utilities.js +2 -1
  5. package/lib/module/components/Justification.js +0 -1
  6. package/lib/module/components/ResizeMode.js +0 -1
  7. package/lib/module/index.js +0 -8
  8. package/lib/typescript/src/index.d.ts +0 -8
  9. package/lib/typescript/src/index.d.ts.map +1 -1
  10. package/package.json +3 -3
  11. package/src/index.tsx +0 -8
  12. package/lib/commonjs/components/CardBlock.js +0 -106
  13. package/lib/commonjs/components/CardContainer.js +0 -138
  14. package/lib/commonjs/components/CardContainerRating.js +0 -133
  15. package/lib/commonjs/components/CardContainerShortImage.js +0 -84
  16. package/lib/commonjs/components/CardInline.js +0 -91
  17. package/lib/commonjs/components/Carousel.js +0 -130
  18. package/lib/commonjs/components/Header.js +0 -82
  19. package/lib/commonjs/components/HeaderLarge.js +0 -38
  20. package/lib/commonjs/components/HeaderMedium.js +0 -38
  21. package/lib/commonjs/components/HeaderOverline.js +0 -39
  22. package/lib/module/components/CardBlock.js +0 -98
  23. package/lib/module/components/CardContainer.js +0 -121
  24. package/lib/module/components/CardContainerRating.js +0 -125
  25. package/lib/module/components/CardContainerShortImage.js +0 -76
  26. package/lib/module/components/CardInline.js +0 -82
  27. package/lib/module/components/Carousel.js +0 -120
  28. package/lib/module/components/Header.js +0 -72
  29. package/lib/module/components/HeaderLarge.js +0 -28
  30. package/lib/module/components/HeaderMedium.js +0 -28
  31. package/lib/module/components/HeaderOverline.js +0 -29
  32. package/lib/typescript/src/components/CardBlock.d.ts +0 -21
  33. package/lib/typescript/src/components/CardBlock.d.ts.map +0 -1
  34. package/lib/typescript/src/components/CardContainer.d.ts +0 -23
  35. package/lib/typescript/src/components/CardContainer.d.ts.map +0 -1
  36. package/lib/typescript/src/components/CardContainerRating.d.ts +0 -24
  37. package/lib/typescript/src/components/CardContainerRating.d.ts.map +0 -1
  38. package/lib/typescript/src/components/CardContainerShortImage.d.ts +0 -19
  39. package/lib/typescript/src/components/CardContainerShortImage.d.ts.map +0 -1
  40. package/lib/typescript/src/components/CardInline.d.ts +0 -20
  41. package/lib/typescript/src/components/CardInline.d.ts.map +0 -1
  42. package/lib/typescript/src/components/Carousel.d.ts +0 -15
  43. package/lib/typescript/src/components/Carousel.d.ts.map +0 -1
  44. package/lib/typescript/src/components/Header.d.ts +0 -20
  45. package/lib/typescript/src/components/Header.d.ts.map +0 -1
  46. package/lib/typescript/src/components/HeaderLarge.d.ts +0 -17
  47. package/lib/typescript/src/components/HeaderLarge.d.ts.map +0 -1
  48. package/lib/typescript/src/components/HeaderMedium.d.ts +0 -17
  49. package/lib/typescript/src/components/HeaderMedium.d.ts.map +0 -1
  50. package/lib/typescript/src/components/HeaderOverline.d.ts +0 -17
  51. package/lib/typescript/src/components/HeaderOverline.d.ts.map +0 -1
  52. package/src/Provider.js +0 -9
  53. package/src/components/Accordion/AccordionGroup.js +0 -44
  54. package/src/components/Accordion/AccordionItem.js +0 -32
  55. package/src/components/Accordion/index.js +0 -2
  56. package/src/components/ActionSheet/ActionSheet.js +0 -45
  57. package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
  58. package/src/components/ActionSheet/ActionSheetItem.js +0 -30
  59. package/src/components/ActionSheet/index.js +0 -3
  60. package/src/components/AnimatedCircularProgress.js +0 -43
  61. package/src/components/AspectRatio.js +0 -18
  62. package/src/components/AvatarEdit.js +0 -30
  63. package/src/components/Banner.js +0 -109
  64. package/src/components/Button.js +0 -114
  65. package/src/components/Card.js +0 -57
  66. package/src/components/CardBlock.js +0 -54
  67. package/src/components/CardBlock.tsx +0 -127
  68. package/src/components/CardContainer.js +0 -69
  69. package/src/components/CardContainer.tsx +0 -165
  70. package/src/components/CardContainerRating.js +0 -79
  71. package/src/components/CardContainerRating.tsx +0 -175
  72. package/src/components/CardContainerShortImage.js +0 -33
  73. package/src/components/CardContainerShortImage.tsx +0 -101
  74. package/src/components/CardInline.js +0 -36
  75. package/src/components/CardInline.tsx +0 -93
  76. package/src/components/Carousel.js +0 -68
  77. package/src/components/Carousel.tsx +0 -134
  78. package/src/components/Checkbox/Checkbox.js +0 -62
  79. package/src/components/Checkbox/CheckboxGroup.js +0 -21
  80. package/src/components/Checkbox/CheckboxGroupRow.js +0 -76
  81. package/src/components/Checkbox/CheckboxRow.js +0 -77
  82. package/src/components/Checkbox/context.js +0 -14
  83. package/src/components/Checkbox/index.js +0 -3
  84. package/src/components/CircleImage.js +0 -8
  85. package/src/components/CircularProgress.js +0 -81
  86. package/src/components/Config.js +0 -64
  87. package/src/components/Container.js +0 -43
  88. package/src/components/DatePicker/DatePicker.js +0 -377
  89. package/src/components/DatePicker/DatePickerComponent.js +0 -13
  90. package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
  91. package/src/components/DatePicker/DatePickerComponentType.js +0 -1
  92. package/src/components/DeprecatedButton.js +0 -83
  93. package/src/components/DeprecatedCardWrapper.js +0 -18
  94. package/src/components/DeprecatedFAB.js +0 -114
  95. package/src/components/Divider.js +0 -13
  96. package/src/components/Elevation.js +0 -20
  97. package/src/components/FAB.js +0 -46
  98. package/src/components/FieldSearchBarFull.js +0 -53
  99. package/src/components/FormRow.js +0 -19
  100. package/src/components/Header.js +0 -44
  101. package/src/components/Header.tsx +0 -105
  102. package/src/components/HeaderLarge.js +0 -7
  103. package/src/components/HeaderLarge.tsx +0 -40
  104. package/src/components/HeaderMedium.js +0 -7
  105. package/src/components/HeaderMedium.tsx +0 -41
  106. package/src/components/HeaderOverline.js +0 -7
  107. package/src/components/HeaderOverline.tsx +0 -42
  108. package/src/components/IconButton.js +0 -35
  109. package/src/components/Image.js +0 -47
  110. package/src/components/Justification.js +0 -1
  111. package/src/components/Layout.js +0 -50
  112. package/src/components/NumberInput.js +0 -49
  113. package/src/components/Picker/Picker.js +0 -267
  114. package/src/components/Picker/PickerComponent.android.js +0 -69
  115. package/src/components/Picker/PickerComponent.ios.js +0 -79
  116. package/src/components/Picker/PickerComponent.web.js +0 -70
  117. package/src/components/Picker/PickerTypes.js +0 -1
  118. package/src/components/Portal/Portal.js +0 -35
  119. package/src/components/Portal/PortalConsumer.js +0 -27
  120. package/src/components/Portal/PortalHost.js +0 -107
  121. package/src/components/Portal/PortalManager.js +0 -32
  122. package/src/components/Pressable.js +0 -12
  123. package/src/components/ProgressBar.js +0 -118
  124. package/src/components/ProgressCircle.js +0 -13
  125. package/src/components/ProgressIndicator.js +0 -27
  126. package/src/components/RadioButton/RadioButton.js +0 -17
  127. package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
  128. package/src/components/RadioButton/RadioButtonGroup.js +0 -43
  129. package/src/components/RadioButton/RadioButtonRow.js +0 -76
  130. package/src/components/RadioButton/context.js +0 -14
  131. package/src/components/RadioButton/index.js +0 -4
  132. package/src/components/ResizeMode.js +0 -1
  133. package/src/components/Row.js +0 -48
  134. package/src/components/RowBodyIcon.js +0 -8
  135. package/src/components/RowHeadlineImageCaption.js +0 -12
  136. package/src/components/RowHeadlineImageIcon.js +0 -14
  137. package/src/components/SVG.js +0 -13
  138. package/src/components/ScreenContainer.js +0 -34
  139. package/src/components/Slider.js +0 -63
  140. package/src/components/StarRating.js +0 -50
  141. package/src/components/StepIndicator.js +0 -346
  142. package/src/components/Stepper.js +0 -41
  143. package/src/components/Surface.js +0 -32
  144. package/src/components/Swiper/Swiper.js +0 -29
  145. package/src/components/Swiper/SwiperItem.js +0 -9
  146. package/src/components/Swiper/index.js +0 -2
  147. package/src/components/Switch.js +0 -56
  148. package/src/components/Text.js +0 -33
  149. package/src/components/TextField.js +0 -428
  150. package/src/components/ToggleButton.js +0 -39
  151. package/src/components/Touchable.js +0 -12
  152. package/src/components/Touchable.web.js +0 -2
  153. package/src/components/Typography.js +0 -36
  154. package/src/components/useAuthState.js +0 -31
  155. package/src/constants.js +0 -10
  156. package/src/hooks.js +0 -12
  157. package/src/index.js +0 -53
  158. package/src/interfaces/Icon.js +0 -8
  159. package/src/mappings/Accordion.js +0 -41
  160. package/src/mappings/AccordionItem.js +0 -16
  161. package/src/mappings/ActionSheet.js +0 -13
  162. package/src/mappings/ActionSheetCancel.js +0 -19
  163. package/src/mappings/ActionSheetItem.js +0 -23
  164. package/src/mappings/ActivityIndicator.js +0 -58
  165. package/src/mappings/AudioPlayer.js +0 -57
  166. package/src/mappings/AvatarEdit.js +0 -38
  167. package/src/mappings/Banner.js +0 -32
  168. package/src/mappings/BlurView.js +0 -42
  169. package/src/mappings/Button.js +0 -116
  170. package/src/mappings/Card.js +0 -52
  171. package/src/mappings/CardBlock.js +0 -123
  172. package/src/mappings/CardContainer.js +0 -104
  173. package/src/mappings/CardContainerRating.js +0 -126
  174. package/src/mappings/CardContainerShortImage.js +0 -120
  175. package/src/mappings/CardInline.js +0 -52
  176. package/src/mappings/Carousel.js +0 -19
  177. package/src/mappings/Checkbox.js +0 -46
  178. package/src/mappings/CheckboxGroup.js +0 -26
  179. package/src/mappings/CheckboxRow.js +0 -61
  180. package/src/mappings/CircleImage.js +0 -25
  181. package/src/mappings/Container.js +0 -30
  182. package/src/mappings/CustomCode.js +0 -8
  183. package/src/mappings/DatePicker.js +0 -176
  184. package/src/mappings/Divider.js +0 -27
  185. package/src/mappings/FAB.js +0 -37
  186. package/src/mappings/Fetch.js +0 -13
  187. package/src/mappings/FieldSearchBarFull.js +0 -50
  188. package/src/mappings/FlashList.js +0 -85
  189. package/src/mappings/FlatList.js +0 -37
  190. package/src/mappings/HeaderLarge.js +0 -29
  191. package/src/mappings/HeaderMedium.js +0 -55
  192. package/src/mappings/HeaderOverline.js +0 -55
  193. package/src/mappings/Icon.js +0 -32
  194. package/src/mappings/IconButton.js +0 -35
  195. package/src/mappings/Image.js +0 -35
  196. package/src/mappings/ImageBackground.js +0 -29
  197. package/src/mappings/KeyboardAvoidingView.js +0 -41
  198. package/src/mappings/KeyboardAwareScrollView.js +0 -50
  199. package/src/mappings/Layout.js +0 -200
  200. package/src/mappings/LinearGradient.js +0 -77
  201. package/src/mappings/MapCallout.js +0 -21
  202. package/src/mappings/MapMarker.js +0 -47
  203. package/src/mappings/MapView.js +0 -139
  204. package/src/mappings/Modal.js +0 -42
  205. package/src/mappings/NumberInput.js +0 -254
  206. package/src/mappings/Picker.js +0 -148
  207. package/src/mappings/ProgressBar.js +0 -101
  208. package/src/mappings/ProgressCircle.js +0 -109
  209. package/src/mappings/ProgressIndicator.js +0 -181
  210. package/src/mappings/RadioButton.js +0 -51
  211. package/src/mappings/RadioButtonGroup.js +0 -17
  212. package/src/mappings/RadioButtonRow.js +0 -42
  213. package/src/mappings/RowBodyIcon.js +0 -75
  214. package/src/mappings/RowHeadlineImageCaption.js +0 -167
  215. package/src/mappings/RowHeadlineImageIcon.js +0 -99
  216. package/src/mappings/SVG.js +0 -20
  217. package/src/mappings/SafeAreaView.js +0 -33
  218. package/src/mappings/ScrollView.js +0 -31
  219. package/src/mappings/Slider.js +0 -60
  220. package/src/mappings/StarRating.js +0 -43
  221. package/src/mappings/Stepper.js +0 -32
  222. package/src/mappings/Surface.js +0 -14
  223. package/src/mappings/Swiper.js +0 -62
  224. package/src/mappings/SwiperItem.js +0 -8
  225. package/src/mappings/Switch.js +0 -81
  226. package/src/mappings/Text.js +0 -251
  227. package/src/mappings/TextArea.js +0 -274
  228. package/src/mappings/TextField.js +0 -391
  229. package/src/mappings/TextInput.js +0 -402
  230. package/src/mappings/ToggleButton.js +0 -50
  231. package/src/mappings/Touchable.js +0 -60
  232. package/src/mappings/Video.js +0 -81
  233. package/src/mappings/View.js +0 -207
  234. package/src/mappings/WebView.js +0 -88
  235. package/src/styles/DarkTheme.js +0 -26
  236. package/src/styles/DefaultTheme.js +0 -111
  237. package/src/styles/fonts.js +0 -62
  238. package/src/styles/overlay.js +0 -60
  239. package/src/styles/shadow.js +0 -51
  240. package/src/theming.js +0 -3
  241. package/src/utilities.js +0 -102
@@ -1,21 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- image?: string | ImageSourcePropType;
6
- title?: string;
7
- leftDescription?: string;
8
- rightDescription?: string;
9
- titleCentered: boolean;
10
- aspectRatio?: number;
11
- elevation?: number;
12
- numColumns?: number;
13
- theme: typeof theme;
14
- style?: StyleProp<ViewStyle>;
15
- onPress: () => void;
16
- };
17
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
18
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
19
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
20
- export default _default;
21
- //# sourceMappingURL=CardBlock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/CardBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EAGnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAG3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;;;;AAkGF,wBAAoC"}
@@ -1,23 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- declare type Props = {
6
- image?: string | ImageSourcePropType;
7
- title?: string;
8
- leftDescription?: string;
9
- rightDescription?: string;
10
- textCentered: boolean;
11
- icon?: string;
12
- aspectRatio?: number;
13
- elevation?: number;
14
- numColumns?: number;
15
- theme: Theme;
16
- style?: StyleProp<ViewStyle>;
17
- onPress: () => void;
18
- } & IconSlot;
19
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
20
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
21
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
22
- export default _default;
23
- //# sourceMappingURL=CardContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/CardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;;;;AAiIb,wBAAwC"}
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- declare type Props = {
6
- image?: string | ImageSourcePropType;
7
- title?: string;
8
- leftDescription?: string;
9
- rightDescription?: string;
10
- textCentered: boolean;
11
- icon?: string;
12
- rating: number;
13
- aspectRatio?: number;
14
- elevation?: number;
15
- numColumns?: number;
16
- theme: Theme;
17
- style?: StyleProp<ViewStyle>;
18
- onPress: () => void;
19
- } & IconSlot;
20
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
21
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
22
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
23
- export default _default;
24
- //# sourceMappingURL=CardContainerRating.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainerRating.d.ts","sourceRoot":"","sources":["../../../../src/components/CardContainerRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAOnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;;;;AA0Ib,wBAA8C"}
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- image?: string | ImageSourcePropType;
6
- title?: string;
7
- subtitle?: string;
8
- mode?: "right" | "left";
9
- aspectRatio?: number;
10
- elevation?: number;
11
- theme: typeof theme;
12
- style?: StyleProp<ViewStyle>;
13
- onPress: () => void;
14
- };
15
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
16
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
17
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
18
- export default _default;
19
- //# sourceMappingURL=CardContainerShortImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainerShortImage.d.ts","sourceRoot":"","sources":["../../../../src/components/CardContainerShortImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;;;;AA2EF,wBAAkD"}
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle, TextStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- image?: string | ImageSourcePropType;
6
- title?: string;
7
- subtitle?: string;
8
- aspectRatio?: number;
9
- elevation?: number;
10
- theme: typeof theme;
11
- style?: StyleProp<ViewStyle>;
12
- titleStyle?: StyleProp<TextStyle>;
13
- subtitleStyle?: StyleProp<TextStyle>;
14
- onPress: () => void;
15
- };
16
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
17
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
18
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
19
- export default _default;
20
- //# sourceMappingURL=CardInline.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardInline.d.ts","sourceRoot":"","sources":["../../../../src/components/CardInline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;;;;AA+DF,wBAAqC"}
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- declare type Props = {
4
- data?: any[];
5
- children?: React.ReactNode;
6
- style?: StyleProp<ViewStyle>;
7
- dotColor?: string;
8
- theme: any;
9
- };
10
- declare function Carousel({ data, children, dotColor, style, ...rest }: React.PropsWithChildren<Props>): JSX.Element;
11
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
12
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
13
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & typeof Carousel, {}>;
14
- export default _default;
15
- //# sourceMappingURL=Carousel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AA+BF,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,QAAQ,EACR,QAAmB,EACnB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,eAoDhC;;;;AAwBD,wBAAmC"}
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- import { StyleProp, TextStyle, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- declare type Props = {
6
- titleTypeStyle?: StyleProp<TextStyle>;
7
- titleColor: string;
8
- title: string;
9
- buttonText: string;
10
- dividerTopMargin?: number;
11
- icon: string;
12
- onPress: () => void;
13
- style?: StyleProp<ViewStyle>;
14
- theme: Theme;
15
- } & IconSlot;
16
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
17
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
18
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
19
- export default _default;
20
- //# sourceMappingURL=Header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA6Eb,wBAAiC"}
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import type { Theme } from "../styles/DefaultTheme";
3
- import type { IconSlot } from "../interfaces/Icon";
4
- import { StyleProp, ViewStyle } from "react-native";
5
- declare type Props = {
6
- title: string;
7
- buttonText: string;
8
- icon: string;
9
- onPress?: () => void;
10
- style?: StyleProp<ViewStyle>;
11
- theme: Theme;
12
- } & IconSlot;
13
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
14
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
15
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
16
- export default _default;
17
- //# sourceMappingURL=HeaderLarge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderLarge.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderLarge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAyBb,wBAAsC"}
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import type { Theme } from "../styles/DefaultTheme";
3
- import type { IconSlot } from "../interfaces/Icon";
4
- import { StyleProp, ViewStyle } from "react-native";
5
- declare type Props = {
6
- title: string;
7
- buttonText: string;
8
- icon: string;
9
- onPress?: () => void;
10
- style?: StyleProp<ViewStyle>;
11
- theme: Theme;
12
- } & IconSlot;
13
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
14
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
15
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
16
- export default _default;
17
- //# sourceMappingURL=HeaderMedium.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderMedium.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderMedium.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAyBb,wBAAuC"}
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import type { Theme } from "../styles/DefaultTheme";
3
- import type { IconSlot } from "../interfaces/Icon";
4
- import { StyleProp, ViewStyle } from "react-native";
5
- declare type Props = {
6
- title: string;
7
- buttonText: string;
8
- icon: string;
9
- onPress?: () => void;
10
- style?: StyleProp<ViewStyle>;
11
- theme: Theme;
12
- } & IconSlot;
13
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
14
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
15
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
16
- export default _default;
17
- //# sourceMappingURL=HeaderOverline.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderOverline.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderOverline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA0Bb,wBAAyC"}
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,2 +0,0 @@
1
- export { default as AccordionGroup } from "./AccordionGroup";
2
- export { default as AccordionItem } from "./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,3 +0,0 @@
1
- export { default as ActionSheet } from "./ActionSheet";
2
- export { default as ActionSheetItem } from "./ActionSheetItem";
3
- export { default as ActionSheetCancel } from "./ActionSheetCancel";
@@ -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);
@@ -1,109 +0,0 @@
1
- import * as React from "react";
2
- import { Button, Text, View, StyleSheet, Animated, } from "react-native";
3
- import Surface from "./Surface";
4
- import shadow from "../styles/shadow";
5
- import { withTheme } from "../theming";
6
- const ELEVATION = 1;
7
- const DEFAULT_MAX_WIDTH = 960;
8
- const Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor, content, contentStyle, style, theme, Icon, ...rest }) => {
9
- const [visible, setVisible] = React.useState(initiallyVisible);
10
- React.useEffect(() => {
11
- if (initiallyVisible) {
12
- setVisible(true);
13
- }
14
- }, [initiallyVisible]);
15
- const { current: position } = React.useRef(new Animated.Value(visible ? 1 : 0));
16
- const [layout, setLayout] = React.useState({
17
- height: 0,
18
- measured: false,
19
- });
20
- React.useEffect(() => {
21
- if (visible) {
22
- // show
23
- Animated.timing(position, {
24
- duration: 250,
25
- toValue: 1,
26
- useNativeDriver: false,
27
- }).start();
28
- }
29
- else {
30
- // hide
31
- Animated.timing(position, {
32
- duration: 200,
33
- toValue: 0,
34
- useNativeDriver: false,
35
- }).start();
36
- }
37
- }, [visible, position]);
38
- const handleLayout = ({ nativeEvent }) => {
39
- const { height } = nativeEvent.layout;
40
- setLayout({ height, measured: true });
41
- };
42
- // The banner animation has 2 parts:
43
- // 1. Blank spacer element which animates its height to move the content
44
- // 2. Actual banner which animates its translateY
45
- // In initial render, we position everything normally and measure the height of the banner
46
- // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
47
- // We need this because we need to move the content below as if banner's height was being animated
48
- // However we can't animated banner's height directly as it'll also resize the content inside
49
- const height = Animated.multiply(position, layout.height);
50
- const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
51
- return (React.createElement(Surface, { ...rest, style: [styles.container, shadow(ELEVATION), style] },
52
- React.createElement(View, { style: [styles.wrapper, contentStyle] },
53
- React.createElement(Animated.View, { style: { height } }),
54
- React.createElement(Animated.View, { onLayout: handleLayout, style: [
55
- layout.measured || !visible
56
- ? // If we have measured banner's height or it's invisible,
57
- // Position it absolutely, the layout will be taken care of the spacer
58
- [styles.absolute, { transform: [{ translateY }] }]
59
- : // Otherwise position it normally
60
- null,
61
- !layout.measured && !visible
62
- ? // If we haven't measured banner's height yet and it's invisible,
63
- // hide it with opacity: 0 so user doesn't see it
64
- { opacity: 0 }
65
- : null,
66
- ] },
67
- React.createElement(View, { style: [styles.content, { marginBottom: dismissable ? 0 : 16 }] },
68
- icon ? (React.createElement(View, { style: styles.icon },
69
- React.createElement(Icon, { name: icon, size: 40 }))) : null,
70
- React.createElement(Text, { style: [styles.message, { color: theme.colors.text }], accessibilityLiveRegion: visible ? "polite" : "none", accessibilityRole: "alert" }, content)),
71
- dismissable ? (React.createElement(View, { style: styles.actions },
72
- React.createElement(Button, { color: buttonColor || theme.colors.primary, title: "Close", onPress: () => setVisible(false) }))) : null))));
73
- };
74
- const styles = StyleSheet.create({
75
- container: {
76
- elevation: ELEVATION,
77
- },
78
- wrapper: {
79
- overflow: "hidden",
80
- alignSelf: "center",
81
- width: "100%",
82
- maxWidth: DEFAULT_MAX_WIDTH,
83
- },
84
- absolute: {
85
- position: "absolute",
86
- top: 0,
87
- width: "100%",
88
- },
89
- content: {
90
- flexDirection: "row",
91
- justifyContent: "flex-start",
92
- marginHorizontal: 8,
93
- marginTop: 16,
94
- marginBottom: 0,
95
- },
96
- icon: {
97
- margin: 8,
98
- },
99
- message: {
100
- flex: 1,
101
- margin: 8,
102
- },
103
- actions: {
104
- flexDirection: "row",
105
- justifyContent: "flex-end",
106
- margin: 8,
107
- },
108
- });
109
- export default withTheme(Banner);