@draftbit/core 46.7.6-0a91fd.2 → 46.7.8-5681f1.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.
Files changed (56) hide show
  1. package/lib/commonjs/components/DeckSwiper/DeckSwiper.js +73 -0
  2. package/lib/commonjs/components/DeckSwiper/DeckSwiperCard.js +35 -0
  3. package/lib/commonjs/components/DeckSwiper/index.js +20 -0
  4. package/lib/commonjs/components/DeprecatedCardWrapper.js +15 -1
  5. package/lib/commonjs/components/Divider.js +1 -14
  6. package/lib/commonjs/index.js +13 -0
  7. package/lib/commonjs/mappings/DeckSwiper.js +52 -0
  8. package/lib/commonjs/mappings/DeckSwiperCard.js +16 -0
  9. package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -3
  10. package/lib/module/components/AvatarEdit.js +15 -4
  11. package/lib/module/components/Banner.js +25 -4
  12. package/lib/module/components/Button.js +33 -10
  13. package/lib/module/components/Checkbox/CheckboxGroup.js +16 -2
  14. package/lib/module/components/CircularProgress.js +28 -8
  15. package/lib/module/components/DeckSwiper/DeckSwiper.js +65 -0
  16. package/lib/module/components/DeckSwiper/DeckSwiperCard.js +27 -0
  17. package/lib/module/components/DeckSwiper/index.js +2 -0
  18. package/lib/module/components/DeprecatedCardWrapper.js +18 -1
  19. package/lib/module/components/Divider.js +18 -1
  20. package/lib/module/components/FAB.js +22 -4
  21. package/lib/module/components/FieldSearchBarFull.js +1 -2
  22. package/lib/module/components/FormRow.js +17 -2
  23. package/lib/module/components/Image.js +18 -2
  24. package/lib/module/components/Picker/PickerComponent.web.js +21 -3
  25. package/lib/module/components/ProgressBar.js +39 -7
  26. package/lib/module/components/ScreenContainer.js +21 -4
  27. package/lib/module/components/StarRating.js +24 -4
  28. package/lib/module/components/Text.js +50 -4
  29. package/lib/module/index.js +1 -0
  30. package/lib/module/mappings/DeckSwiper.js +45 -0
  31. package/lib/module/mappings/DeckSwiperCard.js +9 -0
  32. package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts +15 -0
  33. package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts.map +1 -0
  34. package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts +13 -0
  35. package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts.map +1 -0
  36. package/lib/typescript/src/components/DeckSwiper/index.d.ts +3 -0
  37. package/lib/typescript/src/components/DeckSwiper/index.d.ts.map +1 -0
  38. package/lib/typescript/src/index.d.ts +1 -0
  39. package/lib/typescript/src/index.d.ts.map +1 -1
  40. package/lib/typescript/src/mappings/DeckSwiper.d.ts +83 -0
  41. package/lib/typescript/src/mappings/DeckSwiper.d.ts.map +1 -0
  42. package/lib/typescript/src/mappings/DeckSwiperCard.d.ts +9 -0
  43. package/lib/typescript/src/mappings/DeckSwiperCard.d.ts.map +1 -0
  44. package/package.json +5 -4
  45. package/src/components/DeckSwiper/DeckSwiper.js +34 -0
  46. package/src/components/DeckSwiper/DeckSwiper.tsx +93 -0
  47. package/src/components/DeckSwiper/DeckSwiperCard.js +22 -0
  48. package/src/components/DeckSwiper/DeckSwiperCard.tsx +42 -0
  49. package/src/components/DeckSwiper/index.js +2 -0
  50. package/src/components/DeckSwiper/index.tsx +2 -0
  51. package/src/index.js +1 -0
  52. package/src/index.tsx +2 -0
  53. package/src/mappings/DeckSwiper.js +45 -0
  54. package/src/mappings/DeckSwiper.ts +54 -0
  55. package/src/mappings/DeckSwiperCard.js +9 -0
  56. package/src/mappings/DeckSwiperCard.ts +13 -0
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  import React from "react";
3
2
  import { withTheme } from "../theming";
4
3
  import Touchable from "./Touchable";
@@ -13,6 +12,24 @@ const getWidth = numColumns => {
13
12
  }
14
13
  };
15
14
  const Card = _ref => {
15
+ let {
16
+ numColumns = 3,
17
+ children,
18
+ onPress,
19
+ style,
20
+ ...rest
21
+ } = _ref;
22
+ const width = getWidth(numColumns);
23
+ return /*#__PURE__*/React.createElement(Touchable, {
24
+ disabled: !onPress,
25
+ onPress: onPress,
26
+ style: [style, {
27
+ width
28
+ }],
29
+ ...rest
30
+ }, children);
31
+ };
32
+ export default withTheme(Card);ef => {
16
33
  let {
17
34
  numColumns = 3,
18
35
  children,
@@ -1,7 +1,24 @@
1
- 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); }
2
1
  import * as React from "react";
3
2
  import { StyleSheet, View } from "react-native";
4
3
  import { withTheme } from "../theming";
4
+ const Divider = _ref => {
5
+ let {
6
+ style,
7
+ color,
8
+ theme: {
9
+ colors
10
+ },
11
+ ...rest
12
+ } = _ref;
13
+ return /*#__PURE__*/React.createElement(View, {
14
+ style: [{
15
+ backgroundColor: color || colors.divider,
16
+ height: StyleSheet.hairlineWidth
17
+ }, style],
18
+ ...rest
19
+ });
20
+ };
21
+ export default withTheme(Divider);ing";
5
22
  const Divider = _ref => {
6
23
  let {
7
24
  style,
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  import * as React from "react";
3
2
  import { View, StyleSheet, Pressable, ActivityIndicator, Platform } from "react-native";
4
3
  import { withTheme } from "../theming";
@@ -25,7 +24,7 @@ const FAB = _ref => {
25
24
  borderRadius: size / 2,
26
25
  overflow: "hidden"
27
26
  }, style]
28
- }, /*#__PURE__*/React.createElement(Pressable, _extends({
27
+ }, /*#__PURE__*/React.createElement(Pressable, {
29
28
  onPress: onPress,
30
29
  disabled: loading || disabled,
31
30
  android_ripple: {
@@ -43,8 +42,9 @@ const FAB = _ref => {
43
42
  borderRadius: size / 2,
44
43
  backgroundColor
45
44
  }];
46
- }
47
- }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
45
+ },
46
+ ...props
47
+ }, /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
48
48
  style: size > 50 ? {
49
49
  marginTop: 2,
50
50
  marginLeft: 2
@@ -70,4 +70,22 @@ const styles = StyleSheet.create({
70
70
  })
71
71
  }
72
72
  });
73
+ export default withTheme(FAB); name: iconName,
74
+ size: size,
75
+ color: color
76
+ }))));
77
+ };
78
+ const styles = StyleSheet.create({
79
+ button: {
80
+ backgroundColor: "#5a45ff",
81
+ justifyContent: "center",
82
+ alignItems: "center",
83
+ ...Platform.select({
84
+ web: {
85
+ cursor: "pointer",
86
+ userSelect: "none"
87
+ }
88
+ })
89
+ }
90
+ });
73
91
  export default withTheme(FAB);
@@ -46,7 +46,6 @@ const FieldSearchBarFull = _ref => {
46
46
  lineHeight,
47
47
  ...typeStyles
48
48
  } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
49
-
50
49
  const handleChangeText = newValue => {
51
50
  setInternalValue(newValue);
52
51
  if (onChange) {
@@ -84,4 +83,4 @@ const styles = StyleSheet.create({
84
83
  alignItems: "center"
85
84
  }
86
85
  });
87
- export default withTheme(FieldSearchBarFull);
86
+ export default withTheme(FieldSearchBarFull);;
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  import * as React from "react";
3
2
  import { Text, StyleSheet } from "react-native";
4
3
  import { extractStyles } from "../utilities";
@@ -17,11 +16,27 @@ export default function FormRow(_ref) {
17
16
  textStyles,
18
17
  viewStyles
19
18
  } = extractStyles(style);
20
- return /*#__PURE__*/React.createElement(Touchable, _extends({
19
+ return /*#__PURE__*/React.createElement(Touchable, {
21
20
  disabled: disabled,
22
21
  onPress: onPress,
23
22
  style: [styles.row, {
24
23
  flexDirection: direction
24
+ }, viewStyles],
25
+ ...rest
26
+ }, /*#__PURE__*/React.createElement(Text, {
27
+ style: textStyles
28
+ }, label), children);
29
+ }
30
+ const styles = StyleSheet.create({
31
+ row: {
32
+ marginLeft: 8,
33
+ marginRight: 8,
34
+ flexDirection: "row",
35
+ justifyContent: "space-between",
36
+ alignItems: "center"
37
+ }
38
+ });styles.row, {
39
+ flexDirection: direction
25
40
  }, viewStyles]
26
41
  }, rest), /*#__PURE__*/React.createElement(Text, {
27
42
  style: textStyles
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
3
2
  import React from "react";
4
3
  import { Image as NativeImage, StyleSheet } from "react-native";
@@ -56,7 +55,24 @@ const Image = _ref2 => {
56
55
  height,
57
56
  aspectRatio
58
57
  }]
59
- }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
58
+ }, /*#__PURE__*/React.createElement(NativeImage, {
59
+ ...props,
60
+ source: imageSource,
61
+ resizeMode: resizeMode,
62
+ style: [style, {
63
+ height: "100%",
64
+ width: "100%"
65
+ }]
66
+ }));
67
+ }
68
+ return /*#__PURE__*/React.createElement(NativeImage, {
69
+ ...props,
70
+ source: source,
71
+ resizeMode: resizeMode,
72
+ style: style
73
+ });
74
+ };
75
+ export default Image;eImage, _extends({}, props, {
60
76
  source: imageSource,
61
77
  resizeMode: resizeMode,
62
78
  style: [style, {
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  import * as React from "react";
3
2
  import { View, StyleSheet } from "react-native";
4
3
  import { Picker as NativePicker } from "@react-native-picker/picker";
@@ -8,7 +7,6 @@ import { extractStyles } from "../../utilities";
8
7
  import TextField from "../TextField";
9
8
  import Touchable from "../Touchable";
10
9
  const Picker = _ref => {
11
- var _options$find$label, _options$find;
12
10
  let {
13
11
  style,
14
12
  options,
@@ -18,6 +16,7 @@ const Picker = _ref => {
18
16
  onValueChange: onValueChangeOverride = () => {},
19
17
  ...props
20
18
  } = _ref;
19
+ var _a, _b;
21
20
  const {
22
21
  viewStyles: {
23
22
  borderRadius,
@@ -62,7 +61,7 @@ const Picker = _ref => {
62
61
  };
63
62
 
64
63
  const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
65
- const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
64
+ const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
66
65
  return /*#__PURE__*/React.createElement(Touchable, {
67
66
  disabled: disabled,
68
67
  onPress: toggleFocus,
@@ -85,6 +84,25 @@ const Picker = _ref => {
85
84
  label: o.label,
86
85
  value: o.value,
87
86
  key: o.value
87
+ }))), /*#__PURE__*/React.createElement(View, {
88
+ pointerEvents: "none"
89
+ }, /*#__PURE__*/React.createElement(TextField, {
90
+ ...props,
91
+ value: selectedLabel,
92
+ placeholder: placeholder,
93
+ // @ts-ignore
94
+ ref: textField,
95
+ disabled: disabled,
96
+ // @ts-expect-error
97
+ style: stylesWithoutMargin
98
+ }))));
99
+ };
100
+ const styles = StyleSheet.create({
101
+ container: {
102
+ alignSelf: "stretch"
103
+ }
104
+ });
105
+ export default withTheme(Picker);y: o.value
88
106
  }))), /*#__PURE__*/React.createElement(View, {
89
107
  pointerEvents: "none"
90
108
  }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
@@ -1,7 +1,3 @@
1
- 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); }
2
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
4
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
5
1
  import React, { Component } from "react";
6
2
  import { Animated, Easing, View, I18nManager } from "react-native";
7
3
  const INDETERMINATE_WIDTH_FACTOR = 0.3;
@@ -9,7 +5,7 @@ const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_
9
5
  export default class ProgressBar extends Component {
10
6
  constructor(props) {
11
7
  super(props);
12
- _defineProperty(this, "handleLayout", event => {
8
+ this.handleLayout = event => {
13
9
  const {
14
10
  width = 150,
15
11
  onLayout
@@ -22,7 +18,7 @@ export default class ProgressBar extends Component {
22
18
  if (onLayout) {
23
19
  onLayout(event);
24
20
  }
25
- });
21
+ };
26
22
  const {
27
23
  progress: progressP = 0,
28
24
  indeterminate = false
@@ -70,7 +66,6 @@ export default class ProgressBar extends Component {
70
66
  ...animationConfig,
71
67
  toValue: progress,
72
68
  velocity: 0,
73
- //adjust this value if animation fails - velocity is required
74
69
  useNativeDriver
75
70
  }).start();
76
71
  } else {
@@ -139,6 +134,43 @@ export default class ProgressBar extends Component {
139
134
  })
140
135
  }]
141
136
  };
137
+ return /*#__PURE__*/React.createElement(View, {
138
+ style: [containerStyle, style],
139
+ onLayout: this.handleLayout,
140
+ ...restProps
141
+ }, /*#__PURE__*/React.createElement(Animated.View, {
142
+ style: progressStyle
143
+ }), children);
144
+ }
145
+ } width,
146
+ borderWidth,
147
+ borderColor: borderColor || color,
148
+ borderRadius,
149
+ overflow: "hidden",
150
+ backgroundColor: unfilledColor
151
+ };
152
+ const progressStyle = {
153
+ backgroundColor: color,
154
+ // Always take up full height of container.
155
+ height: "100%",
156
+ transform: [{
157
+ translateX: this.state.animationValue.interpolate({
158
+ inputRange: [0, 1],
159
+ outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
160
+ })
161
+ }, {
162
+ translateX: this.state.progress.interpolate({
163
+ inputRange: [0, 1],
164
+ outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0]
165
+ })
166
+ }, {
167
+ // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
168
+ scaleX: this.state.progress.interpolate({
169
+ inputRange: [0, 1],
170
+ outputRange: [0.0001, 1]
171
+ })
172
+ }]
173
+ };
142
174
  return /*#__PURE__*/React.createElement(View, _extends({
143
175
  style: [containerStyle, style],
144
176
  onLayout: this.handleLayout
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  import * as React from "react";
3
2
  import { StyleSheet, ScrollView, View } from "react-native";
4
3
  import { SafeAreaView } from "react-native-safe-area-context";
@@ -22,12 +21,13 @@ function ScreenContainer(_ref) {
22
21
  if (hasSafeArea || hasBottomSafeArea) {
23
22
  edges.push("bottom");
24
23
  }
25
- return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
24
+ return /*#__PURE__*/React.createElement(SafeAreaView, {
26
25
  edges: edges,
27
26
  style: [styles.container, {
28
27
  backgroundColor
29
- }]
30
- }, rest), scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
28
+ }],
29
+ ...rest
30
+ }, scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
31
31
  contentContainerStyle: [styles.scrollViewContainer, {
32
32
  backgroundColor
33
33
  }, style]
@@ -46,4 +46,21 @@ const styles = StyleSheet.create({
46
46
  flex: undefined
47
47
  }
48
48
  });
49
+ export default withTheme(ScreenContainer);olor
50
+ }, style]
51
+ }, children) : /*#__PURE__*/React.createElement(View, {
52
+ style: [styles.container, {
53
+ backgroundColor
54
+ }, style]
55
+ }, children));
56
+ }
57
+ const styles = StyleSheet.create({
58
+ container: {
59
+ flex: 1
60
+ },
61
+ scrollViewContainer: {
62
+ flexGrow: 1,
63
+ flex: undefined
64
+ }
65
+ });
49
66
  export default withTheme(ScreenContainer);
@@ -1,4 +1,3 @@
1
- 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); }
2
1
  import * as React from "react";
3
2
  import { View, StyleSheet, Pressable } from "react-native";
4
3
  import { withTheme } from "../theming";
@@ -32,9 +31,10 @@ const StarRating = _ref => {
32
31
  !!onPress && onPress(r);
33
32
  }, [onPress]);
34
33
  const ratingRounded = Math.round(localRating * 2) / 2;
35
- return /*#__PURE__*/React.createElement(View, _extends({
36
- style: [styles.container, style]
37
- }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
34
+ return /*#__PURE__*/React.createElement(View, {
35
+ style: [styles.container, style],
36
+ ...rest
37
+ }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
38
38
  key: i,
39
39
  style: {
40
40
  display: "flex"
@@ -74,4 +74,24 @@ const styles = StyleSheet.create({
74
74
  width: "50%"
75
75
  }
76
76
  });
77
+ export default withTheme(StarRating);ntainer: {
78
+ flexDirection: "row",
79
+ alignItems: "center"
80
+ },
81
+ touchContainer: {
82
+ display: "flex",
83
+ flexDirection: "row",
84
+ position: "absolute",
85
+ top: 0,
86
+ right: 0,
87
+ left: 0,
88
+ bottom: 0,
89
+ zIndex: 1
90
+ },
91
+ pressable: {
92
+ flex: 1,
93
+ height: "100%",
94
+ width: "50%"
95
+ }
96
+ });
77
97
  export default withTheme(StarRating);
@@ -1,10 +1,56 @@
1
- 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); }
2
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
4
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
5
1
  import * as React from "react";
6
2
  import { Text as NativeText, I18nManager } from "react-native";
7
3
  import { withTheme } from "../theming";
4
+ class Text extends React.Component {
5
+ constructor() {
6
+ super(...arguments);
7
+ this.state = {
8
+ nativeProps: {}
9
+ };
10
+ }
11
+ setNativeProps(args) {
12
+ this.state.nativeProps = args || {};
13
+ }
14
+ render() {
15
+ const {
16
+ style,
17
+ ...rest
18
+ } = this.props;
19
+ const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
20
+ return /*#__PURE__*/React.createElement(NativeText, {
21
+ ...rest,
22
+ ...this.state.nativeProps,
23
+ ref: c => {
24
+ this._root = c;
25
+ },
26
+ style: [{
27
+ textAlign: "left",
28
+ writingDirection
29
+ }, style]
30
+ });
31
+ }
32
+ }
33
+ export const BaseLink = _ref => {
34
+ let {
35
+ style,
36
+ theme,
37
+ title,
38
+ ...props
39
+ } = _ref;
40
+ return /*#__PURE__*/React.createElement(Text, {
41
+ hitSlop: 8,
42
+ style: [{
43
+ color: theme.colors.primary
44
+ }, style],
45
+ theme: theme,
46
+ ...props
47
+ }, title);
48
+ };
49
+ const Link = withTheme(BaseLink);
50
+ export { Link };
51
+ export default withTheme(Text); as React from "react";
52
+ import { Text as NativeText, I18nManager } from "react-native";
53
+ import { withTheme } from "../theming";
8
54
  class Text extends React.Component {
9
55
  constructor() {
10
56
  super(...arguments);
@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
34
+ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
34
35
 
35
36
  /* Deprecated: Fix or Delete! */
36
37
  export { default as DatePicker } from "./components/DatePicker/DatePicker";
@@ -0,0 +1,45 @@
1
+ import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Deck Swiper",
4
+ tag: "DeckSwiper",
5
+ description: "Deck swiper container",
6
+ category: COMPONENT_TYPES.swiper,
7
+ stylesPanelSections: BLOCK_STYLES_SECTIONS,
8
+ triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
9
+ props: {
10
+ onIndexChanged: createActionProp({
11
+ label: "On index changed",
12
+ description: "Action to execute when swipe to new index"
13
+ }),
14
+ onEndReached: createActionProp({
15
+ label: "On end reached",
16
+ description: "Action to execute when end of swiping reached"
17
+ }),
18
+ startCardIndex: createStaticNumberProp({
19
+ label: "Start card index",
20
+ description: "Index of card to start swiping from",
21
+ defaultValue: 0
22
+ }),
23
+ infiniteSwiping: createStaticBoolProp({
24
+ label: "Infinite swiping",
25
+ description: "Whether to infinitley loop through cards or not"
26
+ }),
27
+ verticalEnabled: createStaticBoolProp({
28
+ label: "Vertical swipe enabled",
29
+ description: "Whether cards should be swipeable vertically or not",
30
+ defaultValue: true
31
+ }),
32
+ horizontalEnabled: createStaticBoolProp({
33
+ label: "Horizontal swipe enabled",
34
+ description: "Whether cards should be swipeable horizontally or not",
35
+ defaultValue: true
36
+ }),
37
+ visibleCardCount: createStaticNumberProp({
38
+ label: "Visible card count",
39
+ description: "Number of cards visible behind (and including) the current card",
40
+ defaultValue: 1,
41
+ min: 1,
42
+ step: 1
43
+ })
44
+ }
45
+ };
@@ -0,0 +1,9 @@
1
+ import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Deck Swiper Card",
4
+ tag: "DeckSwiperCard",
5
+ description: "Single Deck Swiper Card item to be used in DeckSwiper",
6
+ category: COMPONENT_TYPES.swiper,
7
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
+ props: {}
9
+ };
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ import { StyleProp, ViewStyle } from "react-native";
3
+ export interface DeckSwiperProps {
4
+ onIndexChanged?: (index: number) => void;
5
+ onEndReached?: () => void;
6
+ startCardIndex?: number;
7
+ infiniteSwiping?: boolean;
8
+ verticalEnabled?: boolean;
9
+ horizontalEnabled?: boolean;
10
+ visibleCardCount?: number;
11
+ style?: StyleProp<ViewStyle>;
12
+ }
13
+ declare const DeckSwiper: React.FC<React.PropsWithChildren<DeckSwiperProps>>;
14
+ export default DeckSwiper;
15
+ //# sourceMappingURL=DeckSwiper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA4DlE,CAAC;AAiBF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { StyleProp, ViewStyle } from "react-native";
3
+ import type { Theme } from "../../styles/DefaultTheme";
4
+ export interface DeckSwiperCardProps {
5
+ style?: StyleProp<ViewStyle>;
6
+ children: React.ReactNode;
7
+ theme: Theme;
8
+ }
9
+ declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<DeckSwiperCardProps, "theme"> & {
10
+ theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
11
+ }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<DeckSwiperCardProps> & React.FC<DeckSwiperCardProps>, {}>;
12
+ export default _default;
13
+ //# sourceMappingURL=DeckSwiperCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAgCD,wBAAyC"}
@@ -0,0 +1,3 @@
1
+ export { default as DeckSwiper } from "./DeckSwiper";
2
+ export { default as DeckSwiperCard } from "./DeckSwiperCard";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
34
+ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
34
35
  export { default as DatePicker } from "./components/DatePicker/DatePicker";
35
36
  export { default as Picker } from "./components/Picker/Picker";
36
37
  export { default as ProgressBar } from "./components/ProgressBar";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}