@draftbit/core 46.11.5-8cf2da.2 → 46.11.5-ca2f78.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 (80) hide show
  1. package/lib/commonjs/components/BottomSheet/BottomSheet.js +18 -3
  2. package/lib/commonjs/components/BottomSheet/BottomSheet.js.map +1 -1
  3. package/lib/commonjs/components/Checkbox/CheckboxGroup.js +3 -16
  4. package/lib/commonjs/components/Checkbox/CheckboxGroup.js.map +1 -1
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -22
  6. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map +1 -1
  7. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  8. package/lib/commonjs/components/Checkbox/CheckboxRow.js.map +1 -1
  9. package/lib/commonjs/index.js +0 -19
  10. package/lib/commonjs/index.js.map +1 -1
  11. package/lib/commonjs/mappings/BottomSheet.js +37 -9
  12. package/lib/commonjs/mappings/BottomSheet.js.map +1 -1
  13. package/lib/commonjs/mappings/NumberInput.js.map +1 -1
  14. package/lib/commonjs/utilities.js +2 -27
  15. package/lib/commonjs/utilities.js.map +1 -1
  16. package/lib/module/components/BottomSheet/BottomSheet.js +18 -3
  17. package/lib/module/components/BottomSheet/BottomSheet.js.map +1 -1
  18. package/lib/module/index.js +0 -1
  19. package/lib/module/index.js.map +1 -1
  20. package/lib/module/mappings/BottomSheet.js +38 -10
  21. package/lib/module/mappings/BottomSheet.js.map +1 -1
  22. package/lib/module/utilities.js +0 -18
  23. package/lib/module/utilities.js.map +1 -1
  24. package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts +6 -1
  25. package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map +1 -1
  26. package/lib/typescript/src/index.d.ts +0 -1
  27. package/lib/typescript/src/index.d.ts.map +1 -1
  28. package/lib/typescript/src/mappings/BottomSheet.d.ts +48 -4
  29. package/lib/typescript/src/mappings/BottomSheet.d.ts.map +1 -1
  30. package/lib/typescript/src/utilities.d.ts +0 -6
  31. package/lib/typescript/src/utilities.d.ts.map +1 -1
  32. package/package.json +3 -4
  33. package/src/components/BottomSheet/BottomSheet.js +17 -2
  34. package/src/components/BottomSheet/BottomSheet.tsx +32 -4
  35. package/src/index.js +0 -1
  36. package/src/index.tsx +0 -6
  37. package/src/mappings/BottomSheet.js +37 -9
  38. package/src/mappings/BottomSheet.ts +43 -8
  39. package/src/utilities.js +0 -41
  40. package/src/utilities.ts +0 -71
  41. package/lib/commonjs/components/SwipeableView/SwipeableView.js +0 -155
  42. package/lib/commonjs/components/SwipeableView/SwipeableView.js.map +0 -1
  43. package/lib/commonjs/components/SwipeableView/SwipeableViewButton.js +0 -13
  44. package/lib/commonjs/components/SwipeableView/SwipeableViewButton.js.map +0 -1
  45. package/lib/commonjs/components/SwipeableView/SwipeableViewSwipeHandler.js +0 -13
  46. package/lib/commonjs/components/SwipeableView/SwipeableViewSwipeHandler.js.map +0 -1
  47. package/lib/commonjs/components/SwipeableView/index.js +0 -28
  48. package/lib/commonjs/components/SwipeableView/index.js.map +0 -1
  49. package/lib/commonjs/mappings/SwipeableView.js +0 -182
  50. package/lib/commonjs/mappings/SwipeableView.js.map +0 -1
  51. package/lib/module/components/SwipeableView/SwipeableView.js +0 -147
  52. package/lib/module/components/SwipeableView/SwipeableView.js.map +0 -1
  53. package/lib/module/components/SwipeableView/SwipeableViewButton.js +0 -6
  54. package/lib/module/components/SwipeableView/SwipeableViewButton.js.map +0 -1
  55. package/lib/module/components/SwipeableView/SwipeableViewSwipeHandler.js +0 -6
  56. package/lib/module/components/SwipeableView/SwipeableViewSwipeHandler.js.map +0 -1
  57. package/lib/module/components/SwipeableView/index.js +0 -4
  58. package/lib/module/components/SwipeableView/index.js.map +0 -1
  59. package/lib/module/mappings/SwipeableView.js +0 -175
  60. package/lib/module/mappings/SwipeableView.js.map +0 -1
  61. package/lib/typescript/src/components/SwipeableView/SwipeableView.d.ts +0 -29
  62. package/lib/typescript/src/components/SwipeableView/SwipeableView.d.ts.map +0 -1
  63. package/lib/typescript/src/components/SwipeableView/SwipeableViewButton.d.ts +0 -13
  64. package/lib/typescript/src/components/SwipeableView/SwipeableViewButton.d.ts.map +0 -1
  65. package/lib/typescript/src/components/SwipeableView/SwipeableViewSwipeHandler.d.ts +0 -13
  66. package/lib/typescript/src/components/SwipeableView/SwipeableViewSwipeHandler.d.ts.map +0 -1
  67. package/lib/typescript/src/components/SwipeableView/index.d.ts +0 -4
  68. package/lib/typescript/src/components/SwipeableView/index.d.ts.map +0 -1
  69. package/lib/typescript/src/mappings/SwipeableView.d.ts +0 -371
  70. package/lib/typescript/src/mappings/SwipeableView.d.ts.map +0 -1
  71. package/src/components/SwipeableView/SwipeableView.js +0 -117
  72. package/src/components/SwipeableView/SwipeableView.tsx +0 -299
  73. package/src/components/SwipeableView/SwipeableViewButton.js +0 -5
  74. package/src/components/SwipeableView/SwipeableViewButton.tsx +0 -18
  75. package/src/components/SwipeableView/SwipeableViewSwipeHandler.js +0 -5
  76. package/src/components/SwipeableView/SwipeableViewSwipeHandler.tsx +0 -20
  77. package/src/components/SwipeableView/index.js +0 -3
  78. package/src/components/SwipeableView/index.tsx +0 -3
  79. package/src/mappings/SwipeableView.js +0 -181
  80. package/src/mappings/SwipeableView.ts +0 -210
package/src/utilities.ts CHANGED
@@ -98,77 +98,6 @@ export function extractBorderAndMarginStyles(
98
98
  return { borderStyles, marginStyles };
99
99
  }
100
100
 
101
- export const flexItemStyleNames = [
102
- "alignSelf",
103
- "flexBasis",
104
- "flexShrink",
105
- "flexGrow",
106
- "flex",
107
- ];
108
-
109
- export function extractFlexItemStyles(
110
- style: StyleProp<any>,
111
- additionalFlexItemStyles?: string[]
112
- ) {
113
- const flatStyle = StyleSheet.flatten(style || {});
114
-
115
- const flexItemStyles = pickBy(
116
- pick(flatStyle, [
117
- ...flexItemStyleNames,
118
- ...(additionalFlexItemStyles ? additionalFlexItemStyles : []),
119
- ]),
120
- identity
121
- );
122
-
123
- return flexItemStyles;
124
- }
125
-
126
- export const positionStyleNames = [
127
- "position",
128
- "left",
129
- "right",
130
- "top",
131
- "bottom",
132
- "zIndex",
133
- "overflow",
134
- ];
135
-
136
- export function extractPositionStyles(
137
- style: StyleProp<any>,
138
- additionalPositionStyles?: string[]
139
- ) {
140
- const flatStyle = StyleSheet.flatten(style || {});
141
-
142
- const positionStyles = pickBy(
143
- pick(flatStyle, [
144
- ...positionStyleNames,
145
- ...(additionalPositionStyles ? additionalPositionStyles : []),
146
- ]),
147
- identity
148
- );
149
-
150
- return positionStyles;
151
- }
152
-
153
- export const effectsStyleNames = ["opacity", "elevation"];
154
-
155
- export function extractEffectStyles(
156
- style: StyleProp<any>,
157
- additionalEffectStyles?: string[]
158
- ) {
159
- const flatStyle = StyleSheet.flatten(style || {});
160
-
161
- const effectStyles = pickBy(
162
- pick(flatStyle, [
163
- ...effectsStyleNames,
164
- ...(additionalEffectStyles ? additionalEffectStyles : []),
165
- ]),
166
- identity
167
- );
168
-
169
- return effectStyles;
170
- }
171
-
172
101
  export const sizeStyleNames = ["width", "height"];
173
102
 
174
103
  export function extractSizeStyles(
@@ -1,155 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _reactNative = require("react-native");
9
- var _Pressable = _interopRequireDefault(require("../Pressable"));
10
- var _utilities = require("../../utilities");
11
- var _reactNativeSwipeListView = require("react-native-swipe-list-view");
12
- var _theming = require("../../theming");
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
- const SwipeableView = _ref => {
16
- let {
17
- theme,
18
- style,
19
- children,
20
- Icon,
21
- closeOnPress,
22
- leftOpenValue,
23
- rightOpenValue,
24
- leftActivationValue,
25
- rightActivationValue,
26
- swipeActivationPercentage = 80,
27
- stopLeftSwipe,
28
- stopRightSwipe,
29
- friction = 20,
30
- ...rest
31
- } = _ref;
32
- const instanceOfSwipeableViewButtonProps = object => {
33
- return "title" in object && "side" in object && "onPress" in object;
34
- };
35
- const instanceOfSwipeableViewSwipeHandlerProps = object => {
36
- return "title" in object && "side" in object && "onSwipe" in object;
37
- };
38
- const {
39
- viewStyles,
40
- textStyles
41
- } = (0, _utilities.extractStyles)(style);
42
- const {
43
- borderStyles,
44
- marginStyles
45
- } = (0, _utilities.extractBorderAndMarginStyles)(viewStyles);
46
- const parentContainerStyles = _reactNative.StyleSheet.flatten([borderStyles, marginStyles, (0, _utilities.extractFlexItemStyles)(viewStyles), (0, _utilities.extractPositionStyles)(viewStyles), (0, _utilities.extractEffectStyles)(viewStyles), (0, _utilities.extractSizeStyles)(viewStyles)]);
47
-
48
- //Remove styles already consumed from viewStyles
49
- Object.keys(parentContainerStyles).forEach(key => delete viewStyles[key]);
50
- const surfaceContainerStyles = viewStyles;
51
- const [componentWidth, setComponentWidth] = _react.default.useState(null);
52
- const leftButtons = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewButtonProps(child.props) && child.props.side === "left"), [children]);
53
- const rightButtons = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewButtonProps(child.props) && child.props.side === "right"), [children]);
54
- const leftSwipeHandlers = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewSwipeHandlerProps(child.props) && child.props.side === "left"), [children]);
55
- const rightSwipeHandlers = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && instanceOfSwipeableViewSwipeHandlerProps(child.props) && child.props.side === "right"), [children]);
56
- const remainingChildren = _react.default.useMemo(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && !instanceOfSwipeableViewSwipeHandlerProps(child.props) && !instanceOfSwipeableViewButtonProps(child.props)), [children]);
57
- if (leftButtons.length > 2 || rightButtons.length > 2) {
58
- throw Error("Cannot have more than 2 buttons per side");
59
- }
60
- if (leftSwipeHandlers.length > 1 || rightSwipeHandlers.length > 1) {
61
- throw Error("Cannot have more than 1 swiper handler per side");
62
- }
63
- if (leftButtons.length && leftSwipeHandlers.length || rightButtons.length && rightSwipeHandlers.length) {
64
- throw Error("Cannot combine swiper handler and buttons on the same side");
65
- }
66
-
67
- //Renders a single button/item. Used for both buttons and swipe handler
68
- const renderBehindItem = (props, index) => /*#__PURE__*/_react.default.createElement(_Pressable.default, {
69
- key: index.toString(),
70
- onPress: props.onPress,
71
- style: [styles.buttonContainer, {
72
- backgroundColor: props.backgroundColor || theme.colors.primary
73
- }]
74
- }, props.icon && /*#__PURE__*/_react.default.createElement(Icon, {
75
- name: props.icon,
76
- size: props.iconSize || 25,
77
- color: props.color || theme.colors.surface
78
- }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
79
- style: [textStyles, {
80
- color: props.color || theme.colors.surface
81
- }]
82
- }, props.title));
83
- const isLeftSwipeHandler = !!leftSwipeHandlers.length;
84
- const isRightSwipeHandler = !!rightSwipeHandlers.length;
85
- const defaultLeftOpenValue = componentWidth ? componentWidth / 2 : 0;
86
- const defaultRightOpenValue = componentWidth ? -componentWidth / 2 : 0;
87
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
88
- onLayout: event => {
89
- setComponentWidth(event.nativeEvent.layout.width);
90
- },
91
- style: [styles.parentContainer, parentContainerStyles]
92
- }, /*#__PURE__*/_react.default.createElement(_reactNativeSwipeListView.SwipeRow, _extends({
93
- leftOpenValue: isLeftSwipeHandler ? 0 : leftOpenValue || defaultLeftOpenValue //If in swiping mode, don't keep open
94
- ,
95
-
96
- rightOpenValue: isRightSwipeHandler ? 0 : rightOpenValue || defaultRightOpenValue,
97
- leftActivationValue: leftActivationValue || isLeftSwipeHandler ? defaultLeftOpenValue * (swipeActivationPercentage / 100) //When swipe passes activation percentage then it should be considered activated (call onSwipe)
98
- : defaultLeftOpenValue,
99
- rightActivationValue: rightActivationValue || isRightSwipeHandler ? defaultRightOpenValue * (swipeActivationPercentage / 100) : defaultRightOpenValue,
100
- stopLeftSwipe: stopLeftSwipe || defaultLeftOpenValue,
101
- stopRightSwipe: stopRightSwipe || defaultRightOpenValue,
102
- onLeftAction: isLeftSwipeHandler ? () => {
103
- var _leftSwipeHandlers$0$, _leftSwipeHandlers$0$2;
104
- return (_leftSwipeHandlers$0$ = (_leftSwipeHandlers$0$2 = leftSwipeHandlers[0].props).onSwipe) === null || _leftSwipeHandlers$0$ === void 0 ? void 0 : _leftSwipeHandlers$0$.call(_leftSwipeHandlers$0$2);
105
- } : undefined,
106
- onRightAction: isRightSwipeHandler ? () => {
107
- var _rightSwipeHandlers$, _rightSwipeHandlers$2;
108
- return (_rightSwipeHandlers$ = (_rightSwipeHandlers$2 = rightSwipeHandlers[0].props).onSwipe) === null || _rightSwipeHandlers$ === void 0 ? void 0 : _rightSwipeHandlers$.call(_rightSwipeHandlers$2);
109
- } : undefined,
110
- closeOnRowPress: closeOnPress,
111
- friction: friction
112
- }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
113
- style: styles.behindContainer
114
- }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
115
- style: styles.behindContainerItem
116
- }, (isLeftSwipeHandler ? leftSwipeHandlers : leftButtons).map((item, index) => renderBehindItem(item.props, index))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
117
- style: styles.behindContainerItem
118
- }, (isRightSwipeHandler ? rightSwipeHandlers : rightButtons).map((item, index) => renderBehindItem(item.props, index)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
119
- style: [styles.surfaceContainer, {
120
- backgroundColor: theme.colors.background
121
- }, surfaceContainerStyles]
122
- }, remainingChildren)));
123
- };
124
- const styles = _reactNative.StyleSheet.create({
125
- parentContainer: {
126
- overflow: "hidden",
127
- minHeight: 50
128
- },
129
- behindContainer: {
130
- flex: 1,
131
- width: "100%",
132
- height: "100%",
133
- flexDirection: "row"
134
- },
135
- behindContainerItem: {
136
- flex: 1,
137
- flexDirection: "row"
138
- },
139
- buttonContainer: {
140
- flex: 1,
141
- alignItems: "center",
142
- justifyContent: "center"
143
- },
144
- surfaceContainer: {
145
- flexDirection: "row",
146
- width: "100%",
147
- height: "100%",
148
- padding: 10,
149
- alignItems: "center",
150
- overflow: "hidden"
151
- }
152
- });
153
- var _default = (0, _theming.withTheme)(SwipeableView);
154
- exports.default = _default;
155
- //# sourceMappingURL=SwipeableView.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["SwipeableView","theme","style","children","Icon","closeOnPress","leftOpenValue","rightOpenValue","leftActivationValue","rightActivationValue","swipeActivationPercentage","stopLeftSwipe","stopRightSwipe","friction","rest","instanceOfSwipeableViewButtonProps","object","instanceOfSwipeableViewSwipeHandlerProps","viewStyles","textStyles","extractStyles","borderStyles","marginStyles","extractBorderAndMarginStyles","parentContainerStyles","StyleSheet","flatten","extractFlexItemStyles","extractPositionStyles","extractEffectStyles","extractSizeStyles","Object","keys","forEach","key","surfaceContainerStyles","componentWidth","setComponentWidth","React","useState","leftButtons","useMemo","Children","toArray","filter","child","isValidElement","props","side","rightButtons","leftSwipeHandlers","rightSwipeHandlers","remainingChildren","length","Error","renderBehindItem","index","toString","onPress","styles","buttonContainer","backgroundColor","colors","primary","icon","iconSize","color","surface","title","isLeftSwipeHandler","isRightSwipeHandler","defaultLeftOpenValue","defaultRightOpenValue","event","nativeEvent","layout","width","parentContainer","onSwipe","undefined","behindContainer","behindContainerItem","map","item","surfaceContainer","background","create","overflow","minHeight","flex","height","flexDirection","alignItems","justifyContent","padding","withTheme"],"sourceRoot":"../../../../src","sources":["components/SwipeableView/SwipeableView.tsx"],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- //Renders nothing, acts as a wrapper be used by SwipeableView
8
- const SwipeableViewButton = () => {
9
- return null;
10
- };
11
- var _default = SwipeableViewButton;
12
- exports.default = _default;
13
- //# sourceMappingURL=SwipeableViewButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["SwipeableViewButton"],"sourceRoot":"../../../../src","sources":["components/SwipeableView/SwipeableViewButton.tsx"],"mappings":";;;;;;AAYA;AACA,MAAMA,mBAAuD,GAAG,MAAM;EACpE,OAAO,IAAI;AACb,CAAC;AAAC,eAEaA,mBAAmB;AAAA"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- //Renders nothing, acts as a wrapper to be used by SwipeableView
8
- const SwipeableViewSwipeHandler = () => {
9
- return null;
10
- };
11
- var _default = SwipeableViewSwipeHandler;
12
- exports.default = _default;
13
- //# sourceMappingURL=SwipeableViewSwipeHandler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["SwipeableViewSwipeHandler"],"sourceRoot":"../../../../src","sources":["components/SwipeableView/SwipeableViewSwipeHandler.tsx"],"mappings":";;;;;;AAYA;AACA,MAAMA,yBAEL,GAAG,MAAM;EACR,OAAO,IAAI;AACb,CAAC;AAAC,eAEaA,yBAAyB;AAAA"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "SwipeableView", {
7
- enumerable: true,
8
- get: function () {
9
- return _SwipeableView.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "SwipeableViewButton", {
13
- enumerable: true,
14
- get: function () {
15
- return _SwipeableViewButton.default;
16
- }
17
- });
18
- Object.defineProperty(exports, "SwipeableViewSwipeHandler", {
19
- enumerable: true,
20
- get: function () {
21
- return _SwipeableViewSwipeHandler.default;
22
- }
23
- });
24
- var _SwipeableView = _interopRequireDefault(require("./SwipeableView"));
25
- var _SwipeableViewButton = _interopRequireDefault(require("./SwipeableViewButton"));
26
- var _SwipeableViewSwipeHandler = _interopRequireDefault(require("./SwipeableViewSwipeHandler"));
27
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/SwipeableView/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAAmF"}
@@ -1,182 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SEED_DATA = void 0;
7
- var _types = require("@draftbit/types");
8
- const SHARED_SWIPEABLE_CHILDREN_PROPS = {
9
- title: (0, _types.createTextProp)({
10
- label: "Title",
11
- description: "Title of button/swipeable",
12
- defaultValue: "Swipeable",
13
- required: true,
14
- group: _types.GROUPS.basic
15
- }),
16
- side: (0, _types.createTextEnumProp)({
17
- label: "Side",
18
- description: "Side where button/swipeable is added",
19
- options: ["left", "right"],
20
- defaultValue: "left",
21
- required: true
22
- }),
23
- icon: (0, _types.createIconProp)({
24
- defaultValue: null,
25
- required: false
26
- }),
27
- iconSize: (0, _types.createStaticNumberProp)({
28
- label: "Icon size",
29
- description: "Size of icon",
30
- defaultValue: 25,
31
- required: false
32
- }),
33
- backgroundColor: (0, _types.createColorProp)({
34
- label: "Background color",
35
- description: "Color of button/swipeable background",
36
- defaultValue: "primary"
37
- }),
38
- color: (0, _types.createColorProp)({
39
- label: "Color",
40
- description: "Color of text and icon of button/swipeable",
41
- defaultValue: "surface"
42
- })
43
- };
44
- const SEED_DATA = [{
45
- name: "Swipeable View",
46
- tag: "SwipeableView",
47
- doc_link: "https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/SwipeRow.md",
48
- description: "A swipeable view that is able to show hidden buttons and/or handle swipe events",
49
- category: _types.COMPONENT_TYPES.testing /*.view*/,
50
- stylesPanelSections: [..._types.CONTAINER_COMPONENT_STYLES_SECTIONS, _types.StylesPanelSections.Typography],
51
- layout: {
52
- overflow: "hidden",
53
- flexDirection: "row",
54
- alignItems: "center",
55
- padding: 10
56
- },
57
- props: {
58
- closeOnPress: (0, _types.createStaticBoolProp)({
59
- label: "Close on press",
60
- description: "Whether the view should be closed/dismissed when pressed",
61
- defaultValue: true
62
- }),
63
- swipeActivationPercentage: (0, _types.createStaticNumberProp)({
64
- label: "Swipe activation percentage",
65
- description: "Percentage of swipe completion needed to trigger onSwipe. Overriden by 'Left activation value' and 'Right activation value'",
66
- defaultValue: 80,
67
- required: false
68
- }),
69
- disableLeftSwipe: (0, _types.createBoolProp)({
70
- label: "Disable left swipe",
71
- description: "Whether left swipe is enabled or not",
72
- defaultValue: true
73
- }),
74
- disableRightSwipe: (0, _types.createBoolProp)({
75
- label: "Disable right swipe",
76
- description: "Whether right swipe is enabled or not",
77
- defaultValue: true
78
- }),
79
- leftOpenValue: (0, _types.createStaticNumberProp)({
80
- label: "Left open value",
81
- description: "The X translation value that left swipe snaps to (positive value). Defaults to half view width",
82
- group: _types.GROUPS.advanced,
83
- required: false
84
- }),
85
- rightOpenValue: (0, _types.createStaticNumberProp)({
86
- label: "Right open value",
87
- description: "The X translation value that right swipe snaps to (negative value). Defaults to negative half view width",
88
- group: _types.GROUPS.advanced,
89
- required: false
90
- }),
91
- leftActivationValue: (0, _types.createStaticNumberProp)({
92
- label: "Left activation value",
93
- description: "The X translation value that triggers onSwipe when surpassed (positive value). Defaults to 80% of half view width",
94
- group: _types.GROUPS.advanced,
95
- required: false
96
- }),
97
- rightActivationValue: (0, _types.createStaticNumberProp)({
98
- label: "Right activation value",
99
- description: "The X translation value that triggers onSwipe when surpassed (negative value). Defaults to negative 80% of half view width",
100
- group: _types.GROUPS.advanced,
101
- required: false
102
- }),
103
- stopLeftSwipe: (0, _types.createStaticNumberProp)({
104
- label: "Stop left swipe",
105
- description: "The maximum X translation value that is swipable from left (positive value). Defaults to half view width",
106
- group: _types.GROUPS.advanced,
107
- required: false
108
- }),
109
- stopRightSwipe: (0, _types.createStaticNumberProp)({
110
- label: "Stop right swipe",
111
- description: "The maximum X translation value that is swipable from right (negative value). Defaults to negative half view width",
112
- group: _types.GROUPS.advanced,
113
- required: false
114
- }),
115
- directionalDistanceChangeThreshold: (0, _types.createStaticNumberProp)({
116
- label: "Change threshold",
117
- description: "Change the sensitivity of the swipe on the view",
118
- group: _types.GROUPS.advanced,
119
- required: false
120
- }),
121
- friction: (0, _types.createStaticNumberProp)({
122
- label: "Friction",
123
- description: "Controls the 'bounciness' of the swipe animation",
124
- defaultValue: 20,
125
- group: _types.GROUPS.advanced,
126
- required: false
127
- }),
128
- tension: (0, _types.createStaticNumberProp)({
129
- label: "Change threshold",
130
- description: "Controls the tension/speed of the swipe animation",
131
- group: _types.GROUPS.advanced,
132
- required: false
133
- }),
134
- swipeToOpenVelocityContribution: (0, _types.createStaticNumberProp)({
135
- label: "Swipe Velocity Contribution",
136
- description: "Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15",
137
- group: _types.GROUPS.advanced,
138
- required: false
139
- }),
140
- swipeToOpenPercent: (0, _types.createStaticNumberProp)({
141
- label: "Swipe to open percentage",
142
- description: "What % of the left/right does the user need to swipe past to trigger the view opening",
143
- group: _types.GROUPS.advanced,
144
- defaultValue: 50,
145
- required: false
146
- }),
147
- swipeToClosePercent: (0, _types.createStaticNumberProp)({
148
- label: "Swipe to close percentage",
149
- description: "What % of the left/right does the user need to swipe past to trigger the view closing",
150
- group: _types.GROUPS.advanced,
151
- defaultValue: 50,
152
- required: false
153
- })
154
- }
155
- }, {
156
- name: "Swipeable View Button",
157
- tag: "SwipeableViewButton",
158
- description: "Button to be rendered under a Swipeable View",
159
- category: _types.COMPONENT_TYPES.view,
160
- stylesPanelSections: [],
161
- triggers: [_types.Triggers.OnPress],
162
- props: {
163
- ...SHARED_SWIPEABLE_CHILDREN_PROPS,
164
- onPress: (0, _types.createActionProp)()
165
- }
166
- }, {
167
- name: "Swipeable View Swipe Handler",
168
- tag: "SwipeableViewSwipeHandler",
169
- description: "Component that renders and handles swipe of Swipeable View",
170
- category: _types.COMPONENT_TYPES.view,
171
- stylesPanelSections: [],
172
- triggers: [_types.Triggers.OnSwipe],
173
- props: {
174
- ...SHARED_SWIPEABLE_CHILDREN_PROPS,
175
- onSwipe: (0, _types.createActionProp)({
176
- label: "On swipe",
177
- description: "Called when Swipeable View swiped in the direction this is configured to"
178
- })
179
- }
180
- }];
181
- exports.SEED_DATA = SEED_DATA;
182
- //# sourceMappingURL=SwipeableView.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["SHARED_SWIPEABLE_CHILDREN_PROPS","title","createTextProp","label","description","defaultValue","required","group","GROUPS","basic","side","createTextEnumProp","options","icon","createIconProp","iconSize","createStaticNumberProp","backgroundColor","createColorProp","color","SEED_DATA","name","tag","doc_link","category","COMPONENT_TYPES","testing","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","StylesPanelSections","Typography","layout","overflow","flexDirection","alignItems","padding","props","closeOnPress","createStaticBoolProp","swipeActivationPercentage","disableLeftSwipe","createBoolProp","disableRightSwipe","leftOpenValue","advanced","rightOpenValue","leftActivationValue","rightActivationValue","stopLeftSwipe","stopRightSwipe","directionalDistanceChangeThreshold","friction","tension","swipeToOpenVelocityContribution","swipeToOpenPercent","swipeToClosePercent","view","triggers","Triggers","OnPress","onPress","createActionProp","OnSwipe","onSwipe"],"sourceRoot":"../../../src","sources":["mappings/SwipeableView.ts"],"mappings":";;;;;;AAAA;AAgBA,MAAMA,+BAA+B,GAAG;EACtCC,KAAK,EAAE,IAAAC,qBAAc,EAAC;IACpBC,KAAK,EAAE,OAAO;IACdC,WAAW,EAAE,2BAA2B;IACxCC,YAAY,EAAE,WAAW;IACzBC,QAAQ,EAAE,IAAI;IACdC,KAAK,EAAEC,aAAM,CAACC;EAChB,CAAC,CAAC;EACFC,IAAI,EAAE,IAAAC,yBAAkB,EAAC;IACvBR,KAAK,EAAE,MAAM;IACbC,WAAW,EAAE,sCAAsC;IACnDQ,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1BP,YAAY,EAAE,MAAM;IACpBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EACFO,IAAI,EAAE,IAAAC,qBAAc,EAAC;IACnBT,YAAY,EAAE,IAAI;IAClBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EACFS,QAAQ,EAAE,IAAAC,6BAAsB,EAAC;IAC/Bb,KAAK,EAAE,WAAW;IAClBC,WAAW,EAAE,cAAc;IAC3BC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EACFW,eAAe,EAAE,IAAAC,sBAAe,EAAC;IAC/Bf,KAAK,EAAE,kBAAkB;IACzBC,WAAW,EAAE,sCAAsC;IACnDC,YAAY,EAAE;EAChB,CAAC,CAAC;EACFc,KAAK,EAAE,IAAAD,sBAAe,EAAC;IACrBf,KAAK,EAAE,OAAO;IACdC,WAAW,EAAE,4CAA4C;IACzDC,YAAY,EAAE;EAChB,CAAC;AACH,CAAC;AAEM,MAAMe,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBAAgB;EACtBC,GAAG,EAAE,eAAe;EACpBC,QAAQ,EACN,wFAAwF;EAC1FnB,WAAW,EACT,iFAAiF;EACnFoB,QAAQ,EAAEC,sBAAe,CAACC,OAAO,CAAC;EAClCC,mBAAmB,EAAE,CACnB,GAAGC,0CAAmC,EACtCC,0BAAmB,CAACC,UAAU,CAC/B;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,IAAAC,2BAAoB,EAAC;MACjCnC,KAAK,EAAE,gBAAgB;MACvBC,WAAW,EAAE,0DAA0D;MACvEC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFkC,yBAAyB,EAAE,IAAAvB,6BAAsB,EAAC;MAChDb,KAAK,EAAE,6BAA6B;MACpCC,WAAW,EACT,6HAA6H;MAC/HC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFkC,gBAAgB,EAAE,IAAAC,qBAAc,EAAC;MAC/BtC,KAAK,EAAE,oBAAoB;MAC3BC,WAAW,EAAE,sCAAsC;MACnDC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFqC,iBAAiB,EAAE,IAAAD,qBAAc,EAAC;MAChCtC,KAAK,EAAE,qBAAqB;MAC5BC,WAAW,EAAE,uCAAuC;MACpDC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFsC,aAAa,EAAE,IAAA3B,6BAAsB,EAAC;MACpCb,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EACT,gGAAgG;MAClGG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFuC,cAAc,EAAE,IAAA7B,6BAAsB,EAAC;MACrCb,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EACT,0GAA0G;MAC5GG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFwC,mBAAmB,EAAE,IAAA9B,6BAAsB,EAAC;MAC1Cb,KAAK,EAAE,uBAAuB;MAC9BC,WAAW,EACT,mHAAmH;MACrHG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFyC,oBAAoB,EAAE,IAAA/B,6BAAsB,EAAC;MAC3Cb,KAAK,EAAE,wBAAwB;MAC/BC,WAAW,EACT,4HAA4H;MAC9HG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF0C,aAAa,EAAE,IAAAhC,6BAAsB,EAAC;MACpCb,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EACT,0GAA0G;MAC5GG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF2C,cAAc,EAAE,IAAAjC,6BAAsB,EAAC;MACrCb,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EACT,oHAAoH;MACtHG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF4C,kCAAkC,EAAE,IAAAlC,6BAAsB,EAAC;MACzDb,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,iDAAiD;MAC9DG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF6C,QAAQ,EAAE,IAAAnC,6BAAsB,EAAC;MAC/Bb,KAAK,EAAE,UAAU;MACjBC,WAAW,EAAE,kDAAkD;MAC/DC,YAAY,EAAE,EAAE;MAChBE,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF8C,OAAO,EAAE,IAAApC,6BAAsB,EAAC;MAC9Bb,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,mDAAmD;MAChEG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACF+C,+BAA+B,EAAE,IAAArC,6BAAsB,EAAC;MACtDb,KAAK,EAAE,6BAA6B;MACpCC,WAAW,EACT,iYAAiY;MACnYG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBtC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFgD,kBAAkB,EAAE,IAAAtC,6BAAsB,EAAC;MACzCb,KAAK,EAAE,0BAA0B;MACjCC,WAAW,EACT,uFAAuF;MACzFG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBvC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFiD,mBAAmB,EAAE,IAAAvC,6BAAsB,EAAC;MAC1Cb,KAAK,EAAE,2BAA2B;MAClCC,WAAW,EACT,uFAAuF;MACzFG,KAAK,EAAEC,aAAM,CAACoC,QAAQ;MACtBvC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACZ,CAAC;EACH;AACF,CAAC,EACD;EACEe,IAAI,EAAE,uBAAuB;EAC7BC,GAAG,EAAE,qBAAqB;EAC1BlB,WAAW,EAAE,8CAA8C;EAC3DoB,QAAQ,EAAEC,sBAAe,CAAC+B,IAAI;EAC9B7B,mBAAmB,EAAE,EAAE;EACvB8B,QAAQ,EAAE,CAACC,eAAQ,CAACC,OAAO,CAAC;EAC5BvB,KAAK,EAAE;IACL,GAAGpC,+BAA+B;IAClC4D,OAAO,EAAE,IAAAC,uBAAgB;EAC3B;AACF,CAAC,EACD;EACExC,IAAI,EAAE,8BAA8B;EACpCC,GAAG,EAAE,2BAA2B;EAChClB,WAAW,EAAE,4DAA4D;EACzEoB,QAAQ,EAAEC,sBAAe,CAAC+B,IAAI;EAC9B7B,mBAAmB,EAAE,EAAE;EACvB8B,QAAQ,EAAE,CAACC,eAAQ,CAACI,OAAO,CAAC;EAC5B1B,KAAK,EAAE;IACL,GAAGpC,+BAA+B;IAClC+D,OAAO,EAAE,IAAAF,uBAAgB,EAAC;MACxB1D,KAAK,EAAE,UAAU;MACjBC,WAAW,EACT;IACJ,CAAC;EACH;AACF,CAAC,CACF;AAAC"}
@@ -1,147 +0,0 @@
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
- import React from "react";
3
- import { View, StyleSheet, Text } from "react-native";
4
- import Pressable from "../Pressable";
5
- import { extractBorderAndMarginStyles, extractEffectStyles, extractFlexItemStyles, extractPositionStyles, extractSizeStyles, extractStyles } from "../../utilities";
6
- import { SwipeRow } from "react-native-swipe-list-view";
7
- import { withTheme } from "../../theming";
8
- const SwipeableView = _ref => {
9
- let {
10
- theme,
11
- style,
12
- children,
13
- Icon,
14
- closeOnPress,
15
- leftOpenValue,
16
- rightOpenValue,
17
- leftActivationValue,
18
- rightActivationValue,
19
- swipeActivationPercentage = 80,
20
- stopLeftSwipe,
21
- stopRightSwipe,
22
- friction = 20,
23
- ...rest
24
- } = _ref;
25
- const instanceOfSwipeableViewButtonProps = object => {
26
- return "title" in object && "side" in object && "onPress" in object;
27
- };
28
- const instanceOfSwipeableViewSwipeHandlerProps = object => {
29
- return "title" in object && "side" in object && "onSwipe" in object;
30
- };
31
- const {
32
- viewStyles,
33
- textStyles
34
- } = extractStyles(style);
35
- const {
36
- borderStyles,
37
- marginStyles
38
- } = extractBorderAndMarginStyles(viewStyles);
39
- const parentContainerStyles = StyleSheet.flatten([borderStyles, marginStyles, extractFlexItemStyles(viewStyles), extractPositionStyles(viewStyles), extractEffectStyles(viewStyles), extractSizeStyles(viewStyles)]);
40
-
41
- //Remove styles already consumed from viewStyles
42
- Object.keys(parentContainerStyles).forEach(key => delete viewStyles[key]);
43
- const surfaceContainerStyles = viewStyles;
44
- const [componentWidth, setComponentWidth] = React.useState(null);
45
- const leftButtons = React.useMemo(() => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && instanceOfSwipeableViewButtonProps(child.props) && child.props.side === "left"), [children]);
46
- const rightButtons = React.useMemo(() => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && instanceOfSwipeableViewButtonProps(child.props) && child.props.side === "right"), [children]);
47
- const leftSwipeHandlers = React.useMemo(() => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && instanceOfSwipeableViewSwipeHandlerProps(child.props) && child.props.side === "left"), [children]);
48
- const rightSwipeHandlers = React.useMemo(() => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && instanceOfSwipeableViewSwipeHandlerProps(child.props) && child.props.side === "right"), [children]);
49
- const remainingChildren = React.useMemo(() => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && !instanceOfSwipeableViewSwipeHandlerProps(child.props) && !instanceOfSwipeableViewButtonProps(child.props)), [children]);
50
- if (leftButtons.length > 2 || rightButtons.length > 2) {
51
- throw Error("Cannot have more than 2 buttons per side");
52
- }
53
- if (leftSwipeHandlers.length > 1 || rightSwipeHandlers.length > 1) {
54
- throw Error("Cannot have more than 1 swiper handler per side");
55
- }
56
- if (leftButtons.length && leftSwipeHandlers.length || rightButtons.length && rightSwipeHandlers.length) {
57
- throw Error("Cannot combine swiper handler and buttons on the same side");
58
- }
59
-
60
- //Renders a single button/item. Used for both buttons and swipe handler
61
- const renderBehindItem = (props, index) => /*#__PURE__*/React.createElement(Pressable, {
62
- key: index.toString(),
63
- onPress: props.onPress,
64
- style: [styles.buttonContainer, {
65
- backgroundColor: props.backgroundColor || theme.colors.primary
66
- }]
67
- }, props.icon && /*#__PURE__*/React.createElement(Icon, {
68
- name: props.icon,
69
- size: props.iconSize || 25,
70
- color: props.color || theme.colors.surface
71
- }), /*#__PURE__*/React.createElement(Text, {
72
- style: [textStyles, {
73
- color: props.color || theme.colors.surface
74
- }]
75
- }, props.title));
76
- const isLeftSwipeHandler = !!leftSwipeHandlers.length;
77
- const isRightSwipeHandler = !!rightSwipeHandlers.length;
78
- const defaultLeftOpenValue = componentWidth ? componentWidth / 2 : 0;
79
- const defaultRightOpenValue = componentWidth ? -componentWidth / 2 : 0;
80
- return /*#__PURE__*/React.createElement(View, {
81
- onLayout: event => {
82
- setComponentWidth(event.nativeEvent.layout.width);
83
- },
84
- style: [styles.parentContainer, parentContainerStyles]
85
- }, /*#__PURE__*/React.createElement(SwipeRow, _extends({
86
- leftOpenValue: isLeftSwipeHandler ? 0 : leftOpenValue || defaultLeftOpenValue //If in swiping mode, don't keep open
87
- ,
88
-
89
- rightOpenValue: isRightSwipeHandler ? 0 : rightOpenValue || defaultRightOpenValue,
90
- leftActivationValue: leftActivationValue || isLeftSwipeHandler ? defaultLeftOpenValue * (swipeActivationPercentage / 100) //When swipe passes activation percentage then it should be considered activated (call onSwipe)
91
- : defaultLeftOpenValue,
92
- rightActivationValue: rightActivationValue || isRightSwipeHandler ? defaultRightOpenValue * (swipeActivationPercentage / 100) : defaultRightOpenValue,
93
- stopLeftSwipe: stopLeftSwipe || defaultLeftOpenValue,
94
- stopRightSwipe: stopRightSwipe || defaultRightOpenValue,
95
- onLeftAction: isLeftSwipeHandler ? () => {
96
- var _leftSwipeHandlers$0$, _leftSwipeHandlers$0$2;
97
- return (_leftSwipeHandlers$0$ = (_leftSwipeHandlers$0$2 = leftSwipeHandlers[0].props).onSwipe) === null || _leftSwipeHandlers$0$ === void 0 ? void 0 : _leftSwipeHandlers$0$.call(_leftSwipeHandlers$0$2);
98
- } : undefined,
99
- onRightAction: isRightSwipeHandler ? () => {
100
- var _rightSwipeHandlers$, _rightSwipeHandlers$2;
101
- return (_rightSwipeHandlers$ = (_rightSwipeHandlers$2 = rightSwipeHandlers[0].props).onSwipe) === null || _rightSwipeHandlers$ === void 0 ? void 0 : _rightSwipeHandlers$.call(_rightSwipeHandlers$2);
102
- } : undefined,
103
- closeOnRowPress: closeOnPress,
104
- friction: friction
105
- }, rest), /*#__PURE__*/React.createElement(View, {
106
- style: styles.behindContainer
107
- }, /*#__PURE__*/React.createElement(View, {
108
- style: styles.behindContainerItem
109
- }, (isLeftSwipeHandler ? leftSwipeHandlers : leftButtons).map((item, index) => renderBehindItem(item.props, index))), /*#__PURE__*/React.createElement(View, {
110
- style: styles.behindContainerItem
111
- }, (isRightSwipeHandler ? rightSwipeHandlers : rightButtons).map((item, index) => renderBehindItem(item.props, index)))), /*#__PURE__*/React.createElement(View, {
112
- style: [styles.surfaceContainer, {
113
- backgroundColor: theme.colors.background
114
- }, surfaceContainerStyles]
115
- }, remainingChildren)));
116
- };
117
- const styles = StyleSheet.create({
118
- parentContainer: {
119
- overflow: "hidden",
120
- minHeight: 50
121
- },
122
- behindContainer: {
123
- flex: 1,
124
- width: "100%",
125
- height: "100%",
126
- flexDirection: "row"
127
- },
128
- behindContainerItem: {
129
- flex: 1,
130
- flexDirection: "row"
131
- },
132
- buttonContainer: {
133
- flex: 1,
134
- alignItems: "center",
135
- justifyContent: "center"
136
- },
137
- surfaceContainer: {
138
- flexDirection: "row",
139
- width: "100%",
140
- height: "100%",
141
- padding: 10,
142
- alignItems: "center",
143
- overflow: "hidden"
144
- }
145
- });
146
- export default withTheme(SwipeableView);
147
- //# sourceMappingURL=SwipeableView.js.map